@charset "utf-8";
/* CSS Document */

/* ===========================================================================

base

=========================================================================== */
:root {
	--black: #101010;
	--white: #FFFFFF;
    --kajimared: #E6002D;
    --darkgrey: #3D3D3D;
    --textgrey: #D2D2C9;
    --textgold: #BCAC7F;
    --red: #FA4B00;
}

/*  Made by Elly Loel - https://ellyloel.com/  */
*{margin:0;padding:0;line-height:calc(.25rem + 1em + .25rem)}*,::after,::before{box-sizing:border-box}:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}html{block-size:100%;-webkit-text-size-adjust:none}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}:where(textarea){resize:vertical}@supports (resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}h1{font-size:2em}:where(ul,ol){list-style:none}a:not([class]){text-decoration-skip-ink:auto;text-decoration:none}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){text-decoration:none;cursor:pointer;touch-action:manipulation}:where(input[type=file]){cursor:auto}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer}@media (prefers-reduced-motion:no-preference){html:focus-within{/*scroll-behavior:smooth*/}:focus-visible{transition:outline-offset 145ms cubic-bezier(.25, 0, .4, 1)}:where(:not(:active)):focus-visible{transition-duration:.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{cursor:not-allowed}

/* -----------------------------------------------------------
common
----------------------------------------------------------- */
html {
    font-size: 62.5%;
    height: 100%;
}

body {
	color: var(--textgrey);
	background: var(--black);
	font-size: 1.6rem;
	font-family: "Montserrat", "Noto Sans JP", sans-serif;
	letter-spacing: 0.05em;
    height: 100%;
    overflow-x: hidden;
}
body.fixed {
    position: fixed;
    width: 100%;
    top: 0;
}
a {
	transition: all .3s ease;
	color: var(--black);
	cursor: pointer;
}

a:hover {
	opacity: .5;
}

p,
li {
	line-height: 1.5;
}
ul,
li {
	list-style: none;
}
sup{
    vertical-align: top;
    font-size: 70%;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.al_cen{ text-align: center;}
.js_fade_in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.js_fade_in.is_visible {
    opacity: 1;
    transform: translateY(0);
}
.js_fade_in.el_mainVisual_subtxt{ transition-delay: 0.5s; }
.js_fade_in.bl_heading_desc     { transition-delay: 0.5s; }
.js_fade_box > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.js_fade_box.is_visible >* {
    opacity: 1;
    transform: translateY(0);
}
.js_fade_box > *:nth-child(1) { transition-delay: 0s; }
.js_fade_box > *:nth-child(2) { transition-delay: 0.3s; }
.js_fade_box > *:nth-child(3) { transition-delay: 0.6s; }
.js_fade_box > *:nth-child(4) { transition-delay: 0.9s; }
.js_fade_box > *:nth-child(5) { transition-delay: 1.2s; }
.js_fade_in.deley1 { transition-delay: 0.5s; }
.js_fade_in.deley2 { transition-delay: 1s;   }
.js_fade_in.deley3 { transition-delay: 1.5s; }
.js_fade_in.deley4 { transition-delay: 2s;   }
.js_fade_in.deley5 { transition-delay: 2.5s; }
.js_fade_in.deley6 { transition-delay: 3s;   }

@media screen and (max-width: 1500px) and (min-width: 769px) {
	html {
		font-size: 0.6vw;
	}
}
/*
@media (min-aspect-ratio: 17/9) {
	html {
		font-size: 1vh;
	}
}
*/
@media only screen and (max-width: 768px) {
    html{
        font-size: 2.5vw;
        -webkit-overflow-scrolling: touch;
    }
	body {
		font-size: 1.65rem;
		overflow-x: hidden;
        width: 100%;
	}
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
}
/* -----------------------------------------------------------
btn
----------------------------------------------------------- */
.bl_btn_buy a{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--kajimared);
    color: var(--white);
    font-weight: bold;
    line-height: 1;
    text-align: center;
    position: relative;
}
.bl_btn_buy a img{
    width: 1.2em;
    margin-left: 1em;
    margin-right: -2em;
}
.bl_btn_buy a span{
    display: block;
}
.bl_btn_buy a .el_btn_small{
    font-size: 75%;
}
.bl_btn_contact a{
    display: inline-block;
    background: var(--white);
    color: var(--kajimared);
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
.bl_btn_small a{
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    min-height: 4.2rem;
    padding: 1.6rem 2.4rem;
    border-radius: 3rem;
}
.bl_btn_buy.bl_btn_small a{
    padding: 1.6rem 5rem;
    border-radius: 4rem;
}
.bl_btn_buy.bl_btn_small a:after{
    right: 2rem;
}
.bl_btn_midium a{
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    min-height: 6rem;
    padding: 2.4rem 3.2rem;
    border-radius: 3rem;
}
.page_en .bl_btn_midium a{
    letter-spacing: 0em;
    font-weight: 800;
}
.bl_btn_buy.bl_btn_midium a{
    padding: 2.4rem 8rem;
    border-radius: 5rem;
}
.ly_sp_btnArea .bl_btn_midium.bl_btn_buy a{
    width: 100%;
    border-radius: 0;
    padding: 1.2rem 3.2rem;
}
.bl_btn_large a{
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    min-height: 9.8rem;
    padding: 4rem 4rem;
    min-width: 46rem;
    border-radius: 5rem;
}
.page_en .bl_btn_small a,
.page_en .bl_btn_midium a,
.page_en .bl_btn_large a{
    letter-spacing: 0.05em;
    font-weight: 800;
}
.bl_btn_download{
    padding: 2.2rem 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
	transition: all .3s ease;
    border: 1px solid var(--textgold);
}
.bl_btn_download img{
    width: 2.8rem;
    margin-left: 2rem;
}
.bl_btn_download:hover{
    background: var(--textgold);
    opacity: 1;
}
.ly_btn_download_inner{
    display: flex;
    flex-direction: column;
}
.bl_btn_download .en{
    font-size: 3rem;
    font-weight: 800;
    color: var(--textgold);
	transition: all .3s ease;
}
.bl_btn_download:hover .en{
    color: var(--white);
}
.bl_btn_download .jp{
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--white);
}
.bl_btn_modal{
    padding: 2.2rem 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s ease;
    border: 1px solid var(--textgold);
    cursor: pointer;
    font-weight: 800;
    color: var(--textgold);
}
.bl_btn_modal:hover{
    background: var(--textgold);
    color: var(--white);
}
.bl_modal_txtclose{
    display: inline-block;
    color: var(--white);
    background: var(--darkgrey);
    font-weight: bold;
    line-height: 1;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    min-height: 6rem;
    padding: 2.4rem 3.2rem;
    border-radius: 3rem;
    cursor: pointer;
    min-width: 28rem;
}
.ly_header_menu .bl_btn_download,
.ly_footer_menu .bl_btn_download{
    justify-content: space-between;
    display: inline-flex;
}
.ly_header_menu .bl_btn_download img{
    width: 2.4rem;
    margin-left: 1.2rem;
}
.ly_footer_menu .bl_btn_download img{
    width: 2rem;
    margin-left: 1rem;
}

.ly_header_menu .bl_btn_download{
    padding: 1.5rem 2.5rem;
}
.ly_footer_menu .bl_btn_download{
    padding: 1rem 2rem;
}
.ly_header_menu .bl_btn_download .en{
    font-size: 2rem;
}
.ly_footer_menu .bl_btn_download .en{
    font-size: 1.4rem;
}
.ly_header_menu .bl_btn_download .jp{
    font-size: 1.4rem;
}
.ly_footer_menu .bl_btn_download .jp{
    font-size: 1.1rem;
}

@media screen and (max-width:768px) {
    .bl_btn_small a{
        font-size: 1.3rem;
        min-height: 4.2rem;
        padding: 1.6rem 2rem;
        border-radius: 3rem;
    }
    .bl_btn_midium a{
        font-size: 1.3rem;
        min-height: 5.8rem;
        padding: 2.4rem 4rem;
    }
    .ly_header_menu .bl_btn_midium a{
        min-height: 4.2rem;
        padding: 1.6rem 2rem;
    }
    .ly_header_menu .bl_btn_midium.bl_btn_midium a{
        min-height: 4.2rem;
        padding: 1.6rem 2rem;
    }
    .bl_btn_large a{
        font-size: 1.3rem;
        min-height: 5rem;
        padding: 2rem;
        min-width: 30rem;
    }
    .bl_btn_buy.bl_btn_midium a{
        padding: 2rem 7rem;
    }
    .bl_btn_buy a img{
    }
    .bl_btn_download{
        padding: 1rem 2rem;
        justify-content: space-between;
        width: 100%;
    }
    .bl_btn_download:after{
        width: 2rem;
        height: 2.5rem;
        margin-left: 2rem;
    }
    .bl_btn_download .en{
        font-size: 1.4rem;
    }
    .bl_btn_download .jp{
        font-size: 1.1rem;
    }
    .bl_btn_modal{
        font-size: 1.3rem;
        padding: 1.6rem 2rem;
    }
    .bl_modal_txtclose{
        font-size: 1.3rem;
        min-height: 4rem;
        padding: 1.2rem 2rem;
        min-width: 100%;
    }
    .ly_header_menu .bl_btn_download,
    .ly_footer_menu .bl_btn_download{
        padding: 0.8rem 1.8rem;
    }
    .ly_header_menu .bl_btn_download:after,
    .ly_footer_menu .bl_btn_download:after{
        width: 2rem;
        height: 2.5rem;
        margin-left: 2rem;
    }
    .ly_header_menu .bl_btn_download .en,
    .ly_footer_menu .bl_btn_download .en{
        font-size: 1.3rem;
    }
    .ly_header_menu .bl_btn_download .jp,
    .ly_footer_menu .bl_btn_download .jp{
        font-size: 1rem;
    }

}
/* -----------------------------------------------------------
text
----------------------------------------------------------- */
.el_cont_note{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.75;
    position: relative;
    padding-left: 1.5em;
    text-align: left;
}
.el_cont_note:before{
    content: "¡ù";
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.page_en .el_cont_note:before{
    content: "*";
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0;
}
.el_cont_desc{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.75;
}

@media screen and (max-width:768px) {
    .el_cont_note{
        font-size: 1.1rem;
    }
    .el_cont_desc{
        font-size: 1.3rem;
    }
}

/* -----------------------------------------------------------
link
----------------------------------------------------------- */
.el_menu_link{
    margin-bottom: 4rem;
}
.el_menu_link:last-child{
    margin-bottom: 0;
}
.el_menu_link a{
    color: var(--white);
    display: flex;
    flex-direction: column;
}
.el_menu_link .jp{
    line-height: 1;
}
.el_menu_link .en{
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.05em;
}
.el_link_gold{
    color: var(--textgold);
    text-decoration: underline;
    word-break: break-all;
}
.el_link_gold img{
    display: inline-block;
    margin-left: 1rem;
    width: 1em;
    vertical-align: middle;
}
.el_tel_num a{
    color: white;
    text-decoration: none; 
}
.ly_header_menu .el_menu_link .jp{
    font-size: 1.2rem;
}
.ly_header_menu .el_menu_link .en{
    font-size: 3.2rem;
    margin-bottom: 1.2rem;
}
.ly_footer_menu .el_menu_link .jp{
    font-size: 0.9rem;
}
.ly_footer_menu .el_menu_link .en{
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
}

.ly_header_menu .el_menu_link a{
    position: relative;
    padding-right: 5rem;
}
.ly_header_menu .el_menu_link a:after{
    content: "";
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_arrow_r_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ly_header_menu .el_menu_link a:hover{
    opacity: 1;
}
.ly_header_menu .el_menu_link a span{
	transition: all .3s ease;
}
.ly_header_menu .el_menu_link a:hover span{
    opacity: 0.5;
}
.ly_header_menu .el_menu_link a:hover:after{
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_arrow_r_red.svg);
}
@media screen and (max-width:768px) {
    .ly_header_menu .el_menu_link .jp{
        font-size: 0.9rem;
    }
    .ly_header_menu .el_menu_link .en{
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }
    .ly_header_menu .el_menu_link{
        margin-bottom: 2rem;
    }
    .ly_header_menu .el_menu_link a:after{
        width: 2rem;
        height: 2rem;
    }
    .ly_menu_link_l{
        margin-bottom: 8rem;
    }

}
/* -----------------------------------------------------------
menu
----------------------------------------------------------- */
.ly_menu_ttlArea{
    position: relative;
}
.ly_menu_linkArea{
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.ly_menu_link_l{
    min-width: 30vw;
}
.ly_menu_link_r{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.bl_menu_linkList{
    margin-bottom: 6rem;
}
.bl_menu_btnlist{
    margin-bottom: 4rem;
    min-width: 16em;
}
.bl_menu_btnlist > *:not(:last-child){
    margin-bottom: 2rem;
}
.bl_menu_btnlist a{
    width: 100%;
}
.bl_menu_corplogo{
    margin-left: auto;
}

@media screen and (max-width:768px) {
    .ly_menu_ttlArea {
        margin-bottom: 4rem;
    }
    .ly_menu_linkArea {
        padding: 0;
        display: block;
    }
    .bl_menu_btnlist{
        margin-bottom: 4rem;
        min-width: 100%;
        margin-top: 4rem;
    }
    .bl_menu_btnlist > *{
        flex: 1 1 50%;
        margin-bottom: 0;
    }
    .bl_menu_corplogo{
        max-width: 9rem;
        margin: auto;
    }
}
/* -----------------------------------------------------------
header
----------------------------------------------------------- */
.ly_global_menu{
    background: var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 4rem;
    position: fixed;
    width: 100%;
    z-index: 106;
    top: 0;
}
.bl_gmenu_logo{
    width: 12rem;
}
.ly_gmenu_r{
    display: flex;
    align-items: center;
}
.ly_gmenu_r .bl_btn_gmenu{
    margin-left: 3rem;
}
.bl_gmenu_corplogo{
    width: 10rem;
    margin-right: 4rem;
}
.bl_gmenu_lang{
    margin-right: 4rem;
}
.bl_menu_lang{
    display: none;
}
.bl_langList{
    display: flex;
}
.el_lang_link a{
    color: var(--white);
    font-weight: 600;
    padding: 1.2rem 0.8rem;
    opacity: 0.5;
    position: relative;
    transition: all 0.5s ease;
}
.el_lang_link a:hover{
    opacity: 1;
}
.el_lang_link.is_current a{
    opacity: 1;
}
.el_lang_link.is_current a:after{
    content: "";
    width: 1.5em;
    height: 1px;
    background: var(--kajimared);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.bl_btn_gmenu_close{
    position: absolute;
    right: 4rem;
    top: 1.6rem;
}
.ly_header_menu{
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 107;
}
.ly_header_menu_wrapper{
    width: 100%;
    background-color: var(--black);
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/bg_menu.webp);
    background-position: center;
    background-size: cover;
    padding: 8rem;
}
.menu_open .ly_header_menu{
    background: var(--darkgrey);
    height: 100vh;
    padding: 8rem;
    visibility: inherit;
    opacity: 1;
}
.ly_header_menu_outer{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ly_header_menu .bl_menu_logo{
    border-bottom: 1px solid var(--white);
    padding-bottom: 2.8rem;
}
.ly_header_menu .bl_menu_logo a{
    width: 40rem;
    display: inline-block;
}
.ly_header_menu .ly_menu_linkArea{
    padding: 8rem 8rem 0 8rem;
}
.ly_header_menu .ly_menu_link_r{
    min-width: 30rem;
}
.ly_header_menu .bl_menu_corplogo {
    width: 12rem;
}
/* nav-btn */
.menu_open {
	left: 0;
	overflow: hidden;
}
.menu_open main {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
	background: white;
}
.overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: 11;
    background: var(--black);
}
.fixed .overlay {
	display: block;
}
.nav-btn-open,
.nav-btn-close{
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
	box-sizing: content-box;
	border: 0;
	outline: 0;
	width: 6.6rem;
	height: 6.6rem;
    border-radius: 3.3rem;
	background: var(--darkgrey);
	padding: 0;
	text-align: center;
	flex: 0 0 auto;
	cursor: pointer;
}
.nav-txt{
    padding: 0.8rem 0;
    font-size: 1.1rem;
    letter-spacing: 0;
}
.nav-btn-close {
	background: var(--kajimared);
	margin: auto;
}
.nav-btn-icon,
.nav-btn-icon:after,
.nav-btn-icon:before {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	background: var(--white);
	width: 2rem;
	text-align: center;
	height: 0.15rem;
	border-radius: 2px;
    margin: auto;
}
.nav-btn-icon:before,.nav-btn-icon:after {
	content: "";
}
.nav-btn-open .nav-btn-icon {
    top: -1rem;
	bottom: 0;
}
.nav-btn-close .nav-btn-icon {
	top: 0;
    bottom: 0;
}
.nav-btn-open .nav-btn-icon:before {
	top: -0.8rem;
}
.nav-btn-open .nav-btn-icon:after {
	top: 0.8rem;
}
.nav-btn-close .nav-btn-icon{
    background: var(--kajimared);
}
.nav-btn-close .nav-btn-icon:after,
.nav-btn-close .nav-btn-icon:before {
	top: 0;
}
.nav-btn-close .nav-btn-icon:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-btn-close .nav-btn-icon:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width:768px) {
    .nav-txt{
        padding: 0.6rem 0;
        font-size: 1rem;
    }
    .ly_global_menu{
        padding: 1.6rem 2.4rem;
    }
    .bl_gmenu_logo{
        max-width: 10rem;
    }
    .bl_gmenu_lang{
        display: none;
    }
    .bl_menu_lang{
        display: block;
        margin-bottom: 6rem;
    }
    .el_lang_link a{
        font-size: 1.4rem;
    }
    .bl_gmenu_corplogo{
        width: 6rem;
        margin-right: 0;
    }
    .ly_gmenu_r .bl_btn_gmenu{
        margin-left: 1.6rem;
    }
    .ly_global_menu .bl_btn_buy{
        display: none;
    }
    .ly_header_menu {
        height: 100%;
        overflow: auto;
    }
    .ly_header_menu_wrapper {
        background-position: center;
        background-size: cover;
        padding: 2.4rem 4rem 6rem;
    }
    .bl_btn_gmenu_close{
        right: 2.4rem;
    }
    .nav-btn-open, .nav-btn-close{
        width: 5rem;
        height: 5rem;
    }
    .ly_header_menu .ly_menu_ttlArea {
        min-height: 8.2rem;
        display: flex;
    }
    .ly_header_menu .bl_menu_logo {
        width: 100%;
        display: flex;
        height: auto;
        padding-bottom: 0;
    }
    .ly_header_menu .bl_menu_logo a{
        width: 12rem;
        display: flex;
        height: auto;
    }
    .ly_header_menu .ly_menu_linkArea{
        padding: 0;
    }
    .ly_header_menu .ly_menu_link_r{
        min-width: 100%;
        align-items: center;
    }
}
/* -----------------------------------------------------------
footer
----------------------------------------------------------- */
footer{
    position: relative;
}
.el_btn_pageTop{
    position: absolute;
    right: 4rem;
    bottom: -1rem;
    cursor: pointer;
    z-index: 105;
    width: 5rem;
}
.el_btn_pageTop:hover{
    opacity: 0.8;
}
.ly_footer_menu_outer{
    border-top: 1px solid var(--white);
    background: var(--black);
}
.ly_footer_menu{
    display: flex;
    justify-content: space-between;
    padding: 8rem;
    max-width: 180rem;
    margin: auto;
}
.ly_footer_menu .ly_menu_ttlArea{
    max-width: 22rem;
    margin-right: 12rem;
}
.ly_footer_menu .ly_menu_linkArea{
    width: 100%;
}
.ly_footer_menu .ly_menu_link_r{
    min-width: 18.5rem;   
}
.ly_footer_menu .bl_menu_btnlist{
    margin-bottom: 8rem;
    min-width: 12em;
}
.ly_footer_menu .bl_menu_corplogo{
    width: 12rem;
}
.ly_copyright{
    text-align: center;
    padding: 8rem;
    font-size: 1rem;
}
@media screen and (max-width:768px) {
    .el_btn_pageTop{
        right: 2rem;
        width: 4rem;
    }
    .ly_footer_menu_outer{
        display: block;
    }
    .ly_footer_menu{
        display: block;
        padding: 8rem 4rem;
    }
    .ly_footer_menu .ly_menu_ttlArea{
        margin-right: 0;
        margin-bottom: 8rem;
    }
    .ly_footer_menu .bl_menu_logo{
        max-width: 12rem;
    }
    .ly_footer_menu .bl_menu_btnlist{
        min-width: 100%;
    }
    .ly_copyright{
        padding-top: 0;
    }
}
/* -----------------------------------------------------------
modal
----------------------------------------------------------- */
.bl_movie_modal{
    display: none;
}
.bl_movie_btn{
    position: relative;
}
.js_movie_btn{
    cursor: pointer;
}
.bl_movie_btn img{
	transition: all .3s ease;
}
.js_movie_btn:hover img{
    opacity: 0.5;
}
.js_movie_btn .bl_txtBox *{
	transition: all .3s ease;
}
.js_movie_btn:hover .bl_txtBox *{
    color: var(--textgold);
}
.bl_movie_btn:before{
    content: "";
    display: inline-block;
    width: 10rem;
    height: 10rem;
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_play.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.ly_demo_outer .bl_movie_btn:before{
    width: 6rem;
    height: 6rem;
}
.bl_movie_modal:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--black);
    opacity: 0.5;
}
.bl_movie_modal iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    z-index: 1;
}
.el_movieplayer{
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    z-index: 1;
}
.bl_movie_modal {
    display: none;
    width: 60vw;
    aspect-ratio: 16 / 9;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99
}
.js_movie_closebtn {
    display: block;
    position: absolute;
    top: -5rem;
    right: -5rem;
    margin: auto;
    width: 3rem;
    height: 3rem;
}
.js_movie_closebtn::before, .js_movie_closebtn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.15rem;
    height: 3rem;
    background: var(--white);
}
.js_movie_closebtn::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
.js_movie_closebtn::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
@media screen and (max-width:768px) {
    .ly_demo_outer .bl_movie_btn:before{
        width: 3rem;
        height: 3rem;
    }
    .bl_movie_btn:before{
        width: 5rem;
        height: 5rem;
    }
    .bl_movie_modal{
        width: 90vw;
    }
    .js_movie_closebtn{
        right: 0;
        top: -5rem;
    }
}
/* ===========================================================================

lower

=========================================================================== */
.ly_lower_pageWrap{
    max-width: 140rem;
    margin: auto;
    padding: 12rem 10rem;
}
.ly_lower_downloadflex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ly_lower_demoflex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.el_lower_heading_pagettl_en{
    font-size: 8.6rem;
    font-weight: 800;
    color: var(--white);
    line-height: 1;
    margin-bottom: 2.4rem;
}
.el_lower_heading_pagettl_jp{
    font-size: 2.8rem;
    font-weight: 400;
    color: var(--textgold);
    line-height: 1;
}
.el_lower_heading_border{
    font-size: 4rem;
    padding: 2.4rem 0;
    color: var(--white);
    border-bottom: 1px solid var(--white);
    margin-bottom: 4rem;
    display: inline-block;
}
.el_lower_heading_section{
    font-size: 2.4rem;
    color: var(--white);
    margin-bottom: 2rem;
}
.ly_lower_headingArea{
    margin-bottom: 12rem;
}
.bl_lower_heading{
    display: flex;
    flex-direction: column;
}
.el_heading_lower_secdesc{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.75;
}
.el_heading_lower_secdesc + .el_heading_lower_secdesc{
    margin-top: 1.5em;
}
.ly_lower_section_ttlArea{
    margin-bottom: 12rem;
}
.ly_lower_maincont_contArea +.ly_lower_maincont_contArea{
    margin-top: 12rem;
}
.bl_qa_q{
    padding: 3.2rem 3.2rem 3.2rem 13rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--white);
    border-left: 1px solid var(--textgold);
    position: relative;
    cursor: pointer;
    margin-top: -4rem;
	transition: all .3s ease;
}
.bl_qa_a{
    background: #21201b;
    padding: 3.2rem 3.2rem 3.2rem 13rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--white);
    line-height: 1.75;
    border-left: 1px solid var(--textgold);
    position: relative;    
}
.bl_qa_a a{
    margin-top: 2rem;
    word-wrap: break-word;
}
.bl_qa_q{
    margin-top: 6rem;
}
.bl_qa_q:before,.bl_qa_a:before{
    content: "";
    left: 4rem;
    font-size: 3.6rem;
    font-weight: 800;
    position: absolute;
    line-height: 1;
}
.bl_qa_q:before{
    content: "Q";
    top: 0.65em;
}
.bl_qa_a:before{
    content: "A";
    color: var(--textgold);
    top: 0.75em;
}
.bl_qa_q:after{
    content: "";
    display: inline-block;
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_plus.svg);
    width: 4.7rem;
    height: 4.7rem;
    background-position: center;
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
	transition: all .3s ease;
}
.bl_qa_q.is_open:after{
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_minus.svg);
}
.bl_qa_q:hover{
    color: var(--textgold);
}
.bl_list_dot{
    padding-left: 1em;
    margin: 2em 0;
}
.bl_list_dot li{
    list-style: disc;
    margin-bottom: 1em;
}
.bl_list_dot li:last-child{
    margin-bottom: 0;
}
.bl_qa_a p + p{
    margin-top: 1.8rem;  
}
.bl_list_dot li .el_cont_note{
    margin-top: 1rem;  
}

.ly_lower_maincont_btnArea{
    margin-top: 12rem;
    text-align: center;
}
.lower .bl_btnArea_wrap * + *{
    margin-top: 4rem;
}
.el_text_listeningPlaceinfo{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.75;
}
.el_text_listeningPlaceinfo a{
    line-height: 1.75;
    margin-top: 2rem;
    display: inline-block;
    max-width: 100%;
}
.el_text_listeningPlace_period{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.75;
    margin-top: 2rem;
}
.bl_listening_outer{
    display: flex;
    justify-content: space-between;
}
.bl_listening_outer .bl_imgBox{
    border-radius: 2.4rem;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% / 2) - 2rem);
    margin-left: 4rem;
}
.bl_listening_outer .bl_txtBox{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% / 2) - 2rem);
}
.bl_listening_outer + .bl_listening_outer{
    margin-top: 16rem;
}
.bl_listening_outer .el_cont_note{
    margin-top: 3rem;
}
@media screen and (max-width:768px) {
    .ly_lower_pageWrap{
        max-width: 35rem;
        padding: 8rem 0;
    }
    .ly_lower_downloadflex{
        flex-direction: column;
        margin-bottom: 6rem;
    }
    .ly_lower_demoflex{
        flex-direction: column;
        margin-bottom: 6rem;
    }
    .el_lower_heading_pagettl_en{
        font-size: 3rem;
        margin-bottom: 1.2rem;
    }
    .el_lower_heading_pagettl_jp{
        font-size: 1.4rem;
    }
    .el_lower_heading_border{
        font-size: 1.6rem;
        padding: 1.2rem 0;
        margin-bottom: 2rem;
    }
    .el_lower_heading_section{
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }
    .ly_lower_headingArea{
        margin-bottom: 6rem;
    }
    .el_heading_lower_secdesc{
        font-size: 1.3rem;
    }
    .el_text_demoinfo{
        font-size: 1.3rem;
    }
    .ly_lower_section_ttlArea{
        margin-bottom: 4rem;
    }
    .ly_lower_maincont_contArea +.ly_lower_maincont_contArea{
        margin-top: 6rem;
    }
    .bl_qa_q{
        padding: 1.6rem 4rem 1.6rem 5.5rem;
        font-size: 1.4rem;
        margin-top: -2rem;
    }
    .bl_qa_a{
        padding: 1.6rem 1.6rem 1.6rem 5.5rem;
        font-size: 1.3rem;
    }
    .bl_qa_q{
        margin-top: 2rem;
    }
    .bl_qa_q:before,.bl_qa_a:before{
        left: 2rem;
        font-size: 1.8rem;
    }
    .bl_qa_q:before{
        top: 0.8em;
    }
    .bl_qa_a:before{
        top: 0.9em;
    }
    .bl_qa_q:after{
        width: 2.5rem;
        height: 2.5rem;
        right: 1rem;
        background-size: contain;
    }
    .ly_lower_maincont_btnArea{
        margin-top: 6rem;
    }
    .lower .bl_btnArea_wrap * + *{
        margin-top: 2rem;
    }
    .bl_listening_outer{
        display: block;
    }
    .bl_listening_outer .bl_imgBox{
        margin-top: 2rem;
        margin-left: 0;
        border-radius: 1.2rem;
    }
    .el_text_listeningPlaceinfo{
        font-size: 1.3rem;
    }
    .el_text_listeningPlace_period{
        font-size: 1.3rem;
        margin-top: 2rem;
    }
    .bl_listening_outer + .bl_listening_outer{
        margin-top: 6rem;
    }    
}

/* -----------------------------------------------------------
contact
----------------------------------------------------------- */
.ly_contact_table{
    display: flex;
    flex-wrap: wrap;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.75;
    padding: 8rem;
    margin-bottom: -2rem;
}
.ly_contact_table dt{
    flex-basis: 6em;
    margin-bottom: 2rem;
}
.ly_contact_table dd{
    flex-basis: calc(100% - 6em);
    margin-bottom: 2rem;
}
.page_en .ly_contact_table dt{
    flex-basis: 10em;
}
.page_en .ly_contact_table dd{
    flex-basis: calc(100% - 10em);
}
.ly_contact_table .tel_contact a{
    color: white;
    text-decoration: none;    
}
.p-progress_step{
    margin-bottom: 4rem;
}
.p-progress_step ul{
    display: flex;
    justify-content: space-between;
}
.p-progress_step__item{
    flex: 0 1;
    flex-basis: calc((100% - (7.2rem * 2)) / 3);
    border-radius: 1.2rem;
    padding: 3.2rem;
    display: flex;
    position: relative;
}
.p-progress_step__item.current{
    background: linear-gradient(180deg, #121212 0%, #3C3A34 100%);
}
.p-step_num{
    font-size: 3.2rem;
    color: var(--white);
    font-weight: 800;
    margin-right: 1rem;
    flex: 0 0;
}
.p-step_txt{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--textgold);
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-progress_step__item:not(:nth-child(3)):after{
    content: "";
    background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_contact_arrow_r.svg);
    display: inline-block;
    width: 0.8rem;
    height: 1.6rem;
    background-size: contain;
    position: absolute;
    right: -3.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
}
.lower .c-align--center{
    text-align: center;
}
.lower .c-required{
    background: var(--kajimared);
    color: var(--white);
    border-radius: 0.4rem;
    padding: 0.2rem 0.8rem;
}
.lower .c-required:before{
    content: "±Øíš";
    color: var(--white);
    font-weight: 600;
}
.lower .c-mt--1{
    margin-top: 1.6rem;
}
.p-contactForm{
    margin-top: 6rem;
}
.p-contactForm__section{
    padding: 4rem 0;
    border-bottom: 1px solid var(--textgold);
    border-top: 1px solid var(--textgold);
}
.p-contactForm__section dl{
    display: flex;
}
.p-contactForm__sectionTitle{
    font-size: 2.4rem;
    font-weight: 600;
    padding: 2rem;
    display: inline-block;
    min-width: 25rem;
    margin-right: 8rem;
}
.p-contactForm__sectionBody{
    width: 100%;
    color: var(--textgold);
}
.p-contactForm__section .c-required{
    margin-left: 2rem;
}
.p-formItem{
    display: flex;
    margin-bottom: 2.5rem;
}
.p-formItem label{
    font-size: 2rem;
    font-weight: 500;
    color: var(--textgold);
    margin-top: 0.5em;
}
.p-contactForm__section .ly_detailWrap{
    padding-left: 4rem;
    margin-bottom: -2rem;
}
.p-formItem .c-cellLabel{
    min-width: 24rem;
}
.ly_detailWrap .p-formItem .c-cellLabel{
    min-width: 20rem;
}
.p-formTxt{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 600;
    width: 100%;
}
.p-formTxt .txt:not(.yubin){
    flex: 1 1 100%;
}
.p-formTxt .txt.yubin{
    margin: 0 1rem;
}
.p-formTxt textarea{
    flex: 1 1 100%;
}
.p-formTxt .address{
    margin-top: 2rem;
}
.p-formTxt input[type='text'],textarea{
    font-size: 1.8rem;
    padding: 1.2rem 2rem;
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-appearance: none;
    background: #3D3D3D;
    border: 1px solid #BCAC7F;
    max-width: 68rem;
}
.p-formTxt textarea{
    min-height: 19rem;
}
.p-formTxt .message{
    max-width: 100%;
    margin-top: 0.5em;
}
.p-formTxt .c-note{
    margin-top: 0.5em;
}
.p-contactForm__section + .c-align--center{
    margin-top: 12rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.el_radiobtn input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}
.el_radiobtn {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding-left: 5rem;
    position: relative;
    width: auto;
}
.el_radiobtn::before {
    background: #3D3D3D;
    border: 1px solid #BCAC7F;
    border-radius: 50%;
    content: '';
    display: block;
    height: 3rem;
    width: 3rem;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
}
.el_radiobtn::after {
    background: var(--textgold);
    border-radius: 50%;
    content: '';
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    left: 0.75rem;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}
.el_radiobtn.is_checked::after {
    opacity: 1;
}
.p-btnArea{
    text-align: center;
    margin-top: 4rem;
}
.p-btnArea input[type="submit"], .p-btnArea button {
    display: inline-block;
    width: 100%;
    text-align: center;
    transition: 0.2s;
    overflow: hidden;
    cursor: pointer;
    padding: 3rem;
    max-width: 46rem;
    font-weight: 900;
    font-size: 2.4rem;
    line-height: 1em;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    background: #BCAC7F;
    border-radius: 5rem;
}
.p-btnArea input[type="submit"]{
    background: #BCAC7F;
}
.p-btnArea input[type="submit"]:hover {
    background: #AD9A62;
}
.p-btnArea button {
    background: #A6A69E;
}
.p-btnArea button:hover {
    background: #87877B;
}
.ly_thanksBody{
    padding: 10rem 0;
}
.ly_thanksBody .p-main_heading{
    margin-bottom: 4rem;
}
@media screen and (max-width:768px) {
    .ly_contact_table{
        font-size: 1.3rem;
        padding: 4rem 2rem;
        margin-bottom: -2rem;
    }
    .ly_contact_table dt{
        flex-basis: 6em;
        margin-bottom: 2rem;
    }
    .ly_contact_table dd{
        flex-basis: calc(100% - 6em);
        margin-bottom: 2rem;
    }
    .p-progress_step{
        margin-bottom: 2rem;
    }
    .p-progress_step__item{
        flex-basis: calc((100% - (3rem * 2)) / 3);
        border-radius: 0.6rem;
        padding: 1rem;
        align-items: center;
    }
    .p-step_num{
        font-size: 2rem;
        margin-right: 1rem;
    }
    .p-step_txt{
        font-size: 1.2rem;
    }
    .p-progress_step__item:not(:nth-child(3)):after{
        content: "";
        background-image: url(/tech/kajima_group/opsodis1/cmn/images/ico_contact_arrow_r.svg);
        display: inline-block;
        width: 0.6rem;
        height: 1.4rem;
        background-size: contain;
        position: absolute;
        right: -2rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .lower .c-align--center{
        font-size: 1.3rem;
    }
    .p-contactForm{
        margin-top: 4rem;
    }
    .p-contactForm__section dl{
        display: block;
    }
    .p-formItem{
        display: block;
        margin-bottom: 1.5rem;
    }
    .p-formTxt{
        font-size: 1.3rem;
        margin-top: 0.5rem;
    }
    .p-contactForm__section .ly_detailWrap {
        padding-left: 3rem;
        margin-bottom: -2rem;
    }
    .p-formTxt .txt:not(.yubin){
        width: 100%;
    }
    .p-formTxt .txt.yubin {
        width: 6em;
    }
    .p-contactForm__sectionTitle{
        padding: 0;
        margin-bottom: 2rem;
        font-size: 1.8rem;
    }
    .p-formItem label{
        font-size: 1.3rem;
    }
    .p-formTxt input[type='text'], textarea{
        font-size: 1.6rem;
        padding: 1rem;
    }
    .p-contactForm__section + .c-align--center{
        font-size: 1.3rem;
        margin-top: 6rem;
    }
    .p-formTxt .address {
        min-height: 4em;
        margin-top: 1rem;
    }
    .el_radiobtn::before {
        height: 2rem;
        width: 2rem;
    }
    .el_radiobtn::after {
        height: 0.75rem;
        width: 0.75rem;
        left: 0.65rem;
    }
    .el_radiobtn{
        padding-left: 3rem;
    }
    .p-btnArea input[type="submit"], .p-btnArea button {
        font-size: 1.3rem;
        min-height: 5rem;
        padding: 2rem;
        min-width: 30rem;
    }
}

.ly_3dsound_popup{
    padding: 12rem 12rem 6rem;
    background: linear-gradient(180deg, #121212 0%, #3C3A34 100%);
    border-radius: 4rem;
    width: 80vw;
    max-width: 130rem;
    margin: auto;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    z-index: 99;
    display: none;
}
.ly_3dsound_popup p{
    font-weight: 600;
    color: var(--white);
}
.ly_3dsound_popup p + p{
    margin-top: 2.4rem;
}
.ly_3dsound_popup p strong{
    color: var(--red);
}
.ly_demomodal_check{
    text-align: center;
    margin-top: 6rem;
}
.ly_modal_closeArea{
    text-align: center;
    margin-top: 4rem;
}
.el_checkbox_input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.el_checkbox_label {
    position: relative;
    padding-left: 5rem;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 600;
    display: inline-block;
    user-select: none;
}
.el_checkbox_label .el_checkmark {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    font-size: 1.5rem;
    height: 2em;
    width: 2em;
    background-color: var(--darkgrey);
    border: 1px solid var(--textgold);
    transition: all 0.3s ease;
}
.el_checkbox_label .el_checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 0.6em;
    top: 0.3em;
    width: 0.6em;
    height: 1em;
    border: solid var(--textgold);
    border-width: 0 0.2rem 0.2rem 0;
    transform: rotate(45deg);
}
.el_checkbox_input:checked + .el_checkbox_label .el_checkmark::after {
    display: block;
}
.modal-btn-close{
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	display: block;
	box-sizing: content-box;
	border: 0;
	outline: 0;
	width: 6rem;
	height: 6rem;
    border-radius: 3rem;
	background: var(--darkgrey);
	padding: 0;
	text-align: center;
	flex: 0 0 auto;
	cursor: pointer;
    position: absolute;
    right: 4rem;
    top: 4rem;
}
.modal-btn-close {
	background: var(--kajimared);
	margin: auto;
}
.modal-btn-icon,
.modal-btn-icon:after,
.modal-btn-icon:before {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	background: var(--white);
	width: 2rem;
	text-align: center;
	height: 0.15rem;
	border-radius: 2px;
    margin: auto;
}
.modal-btn-icon:before,.modal-btn-icon:after {
	content: "";
}
.modal-btn-close .modal-btn-icon{
    background: var(--kajimared);
}
.modal-btn-close .modal-btn-icon:after,
.modal-btn-close .modal-btn-icon:before {
	top: 0;
}
.modal-btn-close .modal-btn-icon:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal-btn-close .modal-btn-icon:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ly_demo_box{
    display: flex;
    margin-bottom: 8rem;
    align-items: start;
}
.ly_demo_box .bl_imgBox{
    flex: 0 1 24rem;
    min-width: 24rem;
    height: auto;
    margin-right: 4rem;
}
.ly_demo_box .bl_imgBox img{
    object-fit: cover;
    aspect-ratio: 6 / 4;
    border-radius: 2.4rem;
    overflow: hidden;
}
.el_txt_demoinfo{
    font-size: 1.8rem;
    font-weight: 500;
}
.el_txt_demoinfo + .el_txt_demoinfo{
    margin-top: 1em;
}
@media screen and (max-width:768px) {
    .ly_3dsound_popup{
        padding: 4rem 4rem 2rem;
        border-radius: 2rem;
        width: 90vw;
        top: 15%;
    }
    .ly_3dsound_popup p{
        font-size: 1.2rem;
    }
    .ly_3dsound_popup p + p{
        margin-top: 1.2rem;
    }
    .modal-btn-close{
        width: 4rem;
        height: 4rem;
        border-radius: 2rem;
        right: 2rem;
        top: -1rem;
    }
    .modal-btn-icon,
    .modal-btn-icon:after,
    .modal-btn-icon:before {
        width: 2rem;
        height: 0.15rem;
        border-radius: 2px;
    }
    .ly_demo_box{
        margin-bottom: 4rem;
    }
    .ly_demo_box .bl_imgBox{
        flex: 0 1 12rem;
        border-radius: 0.8rem;
        overflow: hidden;
        margin-right: 2rem;
        min-width: 12rem;
    }
    .ly_demo_box .bl_imgBox img{
        border-radius: 1.2rem;
    }
    .el_txt_demoinfo{
        font-size: 1.1rem;
    }
    .el_txt_demoinfo + .el_txt_demoinfo{
        margin-top: 1em;
    }
    .ly_demomodal_check{
        margin-top: 2rem;
    }
    .ly_modal_closeArea{
        margin-top: 2rem;
    }
    .el_checkbox_label {
        padding-left: 3rem;
        font-size: 1.3rem;
    }
    .el_checkbox_label .el_checkmark {
        font-size: 1rem;
    }
    .el_checkbox_input:checked + .el_checkbox_label .el_checkmark::after {
        display: block;
    }
}

.ly_news_outer + .ly_news_outer{
    margin-top: 6rem;
}
.bl_news_box_img{
    display: flex;
    margin-bottom: 2.4rem;
}
.bl_news_box_img .bl_imgBox{
    flex: 0 0 30rem;
    margin-right: 3rem;
}
.bl_news_box{
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.6rem;
}
.ly_news_list_high .bl_news_box{
    margin-bottom: 4rem;
}
.el_txt_newsinfo{
    font-size: 1.8rem;
    font-weight: 500;
}
.el_txt_newsinfo + .el_txt_newsinfo{
    margin-top: 1em;
}

.el_news_data{
    min-width: 10.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.75;
}
@media screen and (max-width:768px) {
    .ly_news_outer + .ly_news_outer{
        margin-top: 4rem;
    }
    .bl_news_box_img{
        display: block;
        margin-bottom: 4rem;
    }
    .bl_news_box_img .bl_imgBox{
        width: 100%;
        text-align: center;
        background: white;
        margin-right: 0;
        margin-bottom: 1.6rem;
    }
    .bl_news_box_img .bl_imgBox img{
        width: 50%;
        margin: auto;
    }
    .bl_news_box{
        margin-bottom: 0.8rem;
    }
    .ly_news_list_high .bl_news_box{
        display: block;
        margin-bottom: 2rem;
    }
    .el_txt_newsinfo{
        font-size: 1.1rem;
    }
    .el_txt_newsinfo + .el_txt_newsinfo{
        margin-top: 1em;
    }
    .el_news_data{
        min-width: 8rem;
        font-size: 1.1rem;
    }
}