@charset "UTF-8";

/*-------------------------
__voice_style
-------------------------*/
.mv{width:100%;height:40vh;overflow:hidden;position:relative;margin: 0 0 100px;}
.mv .mv_ttl{margin:0 10vw;position:absolute;top:10vh;left:50%;width:100%;text-align:left;transform:translate(-50%,-50%);box-sizing:border-box;}
.mv .mv_ttl h1{font-size:2vw;letter-spacing:4px;line-height:1.2;text-align: left;}
.mv .mv_ttl h1 span {display: block;padding: 5px 0 0;}
.mv .mv_ttl h1 span img {height: 2vw;width: auto;}
.mv img{width:100%;height:100%;object-fit:cover;vertical-align:bottom;}
@media screen and (max-width: 1060px) {
.mv{width:100%;height:40vh;overflow:hidden;position:relative;margin: 0 0 50px;}
.mv .mv_ttl{max-width:1100px;margin:0 20px;position:absolute;top:10vh;left:50%;width:100%;text-align:left;transform:translate(-50%,-50%);box-sizing:border-box;}
.mv .mv_ttl h1{font-size:3vw;letter-spacing:4px;line-height:1.2;text-align: left;}
.mv img{width:100%;height:100%;object-fit:cover;vertical-align:bottom;}
}
@media screen and (max-width: 767px) {

.mv{width:100%;height:30vh;overflow:hidden;position:relative;margin: 0 0 10%;}
.mv .mv_ttl{max-width:1100px;margin:0;position:absolute;top:8vh;left:50%;width:100%;text-align:left;transform:translate(-50%,-50%);box-sizing:border-box;margin: 0 5vw}
.mv .mv_ttl h1{font-size:4vw;letter-spacing:4px;line-height:1.2;text-align: left;}
.mv .mv_ttl h1 span {display: block;padding: 15px 0 0;}
.mv .mv_ttl h1 span img {height: 4vw;width: auto;}
.mv img{width:100%;height:100%;object-fit:cover;vertical-align:bottom;}
}


/*
.main_com{text-align:center;margin:100px 20px;box-sizing:border-box;}
.main_com .s_title{color:#566f5b;text-align:center;font-size:36px;margin-bottom:20px;}
.main_com h2{font-size:30px;color:#000;margin-bottom:20px;}
.main_com h2.pc_none{display:none;}
*/

.loc_wrap{max-width:980px;box-sizing:border-box;margin:0 auto;}
.loc_wrap .sec_com{text-align:center;margin:0 20px 30px;box-sizing:border-box;}
.loc_wrap .sec_com .s_title{color:#566f5b;text-align:center;font-size:36px;margin-bottom:20px;}
.loc_wrap .sec_com .s_title img {height:60px;width: auto;}
.loc_wrap .sec_com h2{font-size:24px;color:#000;margin-bottom:20px;line-height:1.4;}
.loc_wrap .sec_com h2.pc_none{display:none;}
.loc_wrap .sec_com .basic_text{font-size: 16px;line-height: 1.6;}

/*
.loc_wrap .thi_com{text-align:center;margin:50px 20px;box-sizing:border-box;}
.loc_wrap .thi_com .s_title{color:#566f5b;text-align:center;font-size:24px;margin-bottom:20px;}
.loc_wrap .thi_com h2{font-size:18px;color:#000;margin-bottom:20px;line-height:1.4;}
.loc_wrap .thi_com h2.pc_none{display:none;}
.loc_wrap .thi_com .basic_text{font-size: 14px;line-height: 1.6;}
*/

.loc_wrap .bg{background:rgba(255,255,255,0.5);padding:30px 5%;box-sizing:border-box;margin-bottom:50px;}
.loc_wrap ul{display:flex;flex-wrap:wrap;}
.loc_wrap ul li{float:left;width:calc((100% - 20px) / 2);text-align:left;box-sizing:border-box;margin-right: 20px;
margin-bottom: 20px;}
.loc_wrap ul li:nth-child(2n){margin-right:0;}
.loc_wrap ul .loc_card{}
.loc_wrap ul .loc_card .card_inner .card_img img{width:100%;height:auto;}
.loc_wrap ul .loc_card .card_inner .card_txt{text-align:left;font-size:16px;line-height: 1.6; color:#000;margin-top:15px;}
.loc_wrap ul .loc_card .card_inner .card_txt img {height: 20px;width: auto;margin: 0 0 10px;}

.loc_wrap2{padding:0 20px 150px;}
.loc_wrap2 ul{gap:10px;}
.loc_wrap2 ul .loc_card{width:calc((100% / 5) - 10px);}

.loc_wrap .bg .thi_com{margin:0 20px 30px;}

.end {padding-bottom: 80px!important;} 

@media screen and (max-width:999px) {
.loc_wrap2 ul{gap:30px;}
.loc_wrap2 ul .loc_card{width:calc((100% / 3) - 30px);}
}
@media screen and (max-width:767px) {


/*
.main_com{margin:30px 20px;}
.main_com .s_title{font-size:24px;}
.main_com h2{font-size:18px;line-height:1.6;}
.main_com h2.pc_none{display:block;}
*/

.loc_wrap{max-width:1140px;box-sizing:border-box;margin:0 auto;padding: 0 5vw;}
.loc_wrap .sec_com{margin:0 0 10px;}
.loc_wrap .sec_com .s_title{font-size:20px;}
.loc_wrap .sec_com .s_title img {height:10vw;width: auto;}
.loc_wrap .sec_com h2{font-size:18px;line-height:1.6;}
.loc_wrap .sec_com h2.pc_none{display:block;}

/*
.loc_wrap .thi_com{margin:30px 20px;}
.loc_wrap .thi_com .s_title{font-size:18px;}
.loc_wrap .thi_com h2{font-size:16px;line-height:1.6;}
.loc_wrap .thi_com h2.pc_none{display:block;}
*/

.loc_wrap .sec_com .basic_text,.thi_com .basic_text{font-size:14px;text-align:left;}
.loc_wrap .sec_com .basic_text br,.thi_com .basic_text br{display:none;}
.loc_wrap ul{display:flex;flex-wrap:wrap;}

.loc_wrap ul li{float:left;width:100%;text-align:left;box-sizing:border-box;margin-right: 0;
margin-bottom: 5vw;}
.loc_wrap ul li:nth-child(2n){margin-right:0;}

.loc_wrap ul .loc_card{width:100%;}
.loc_wrap ul .loc_card .card_inner .card_txt{font-size:14px;line-height: 1.6; margin-top:8px;}
.loc_wrap ul .loc_card .card_inner .card_txt img {height: 4vw;width: auto;margin: 0 0 10px;}

.loc_wrap .bg{background:rgba(255,255,255,0.8);margin-bottom:10vw;padding: 0;}
.loc_wrap .bg .thi_com{margin:0 0 10px;}
}

@media screen and (max-width:374px) {


.loc_wrap ul{display:flex;flex-wrap:wrap;gap:20px 0;}
.loc_wrap ul .loc_card{width:100%;}
}




li .da_title{font-size:1.2em;margin-bottom:5px;font-weight:700;line-height:1.6;margin: 0 0 10px;}



.map {max-width:980px;margin:0 auto 40px;padding:0 5%;}
.map img {width: 100%;height: auto;}









.concept {max-width:980px;box-sizing:border-box;margin:0 auto 200px;}
.concept ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.concept ul li {}
.concept ul li .pic {width: 100%;}
.concept ul li .pic img {width: 100%;height: auto;}
.concept ul li .pic ul.wide2 {}
.concept ul li .pic ul.wide2 li {width: 48%;margin:0 4% 0 0;}
.concept ul li .pic ul.wide2 li:nth-child(2n) {margin: 0;}
.concept ul li .pic ul.wide2 li img {width: 100%;height: auto;}
.concept ul li .text {text-align: left;}
.concept ul li .text h2 {font-size:24px;color:#000;margin-bottom:20px;line-height:1.4;}
.concept ul li .text p {font-size: 16px;line-height: 1.6;}
.concept ul.block1 {margin: 0 0 100px;}
.concept ul.block1 li {width: 100%;
display:flex;
flex-wrap:wrap;
margin: 0 0 40px;}
.concept ul.block1 li .pic {width: 50%;}
.concept ul.block1 li .text {width:calc(50% - 40px);margin: 0 0 0 40px;}


.concept ul.block1 li:first-child .pic {width: 60%;}
.concept ul.block1 li:first-child .text {width:calc(40% - 40px);margin: 0 0 0 40px;}


.concept ul.block1 li:nth-child(2n) {flex-direction: row-reverse;}
.concept ul.block1 li:nth-child(2n) .text {width:calc(50% - 40px);margin: 0 40px 0 0;}
.concept ul.block1 li:last-child {margin: 0;}
.concept ul.block2 {margin: 0 0 100px;}
.concept ul.block2 li {width: 48%;margin: 0 4% 0 0;}
.concept ul.block2 li:last-child {margin: 0;}
.concept ul.block2 li:first-child .pic,
.concept ul.block2 li:first-child .text{width: 100%;}
.concept ul.block2 li:first-child .text {margin:3% 0 0;}
.concept ul.block2 li {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.concept ul.block2 li .text {width: 45%;margin-left: 5%;}
.concept ul.block2 li .pic {width: 50%;}
/*
.concept ul.block2 li:nth-child(2) {position: relative;}
.concept ul.block2 li:nth-child(2) .pic {position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}
*/

.concept ul.block3 {margin: 0 0 50px;}
.concept ul.block3 li {width: 60%;}
.concept ul.block3 li:nth-child(2) {width: 40%;}
.concept ul.block3 li .pic {margin: 0 0 15px;}
.concept ul.block3 li .text {width:calc(100% - 40px);margin: 0 0 0 40px;}
.concept ul.block3 li:first-child .text {width:100%;margin: 0;}


.concept ul.block4 {}
.concept ul.block4 li {width: 52%;margin: 0 4% 0 0;}
.concept ul.block4 li:nth-child(2) {width: 44%;margin: 0;}

.concept ul.block4 li ul.wide2 {}
.concept ul.block4 li ul.wide2 li {width: 48%;margin:0 4% 0 0;}
.concept ul.block4 li ul.wide2 li:nth-child(2) {margin-right: 0;
display: flex;
flex-direction: column-reverse;
justify-content:flex-end;
}
.concept ul.block4 li ul.wide2 li:nth-child(2) .pic {margin: 15px 0 0;}

.concept ul.block4 li:nth-child(2) .pic,
.concept ul.block4 li:nth-child(2) .text{width: 100%;}

.concept ul.block4 li:nth-child(3) {width: 40%;}
.concept ul.block4 li .pic {width: 100%;margin: 0 0 15px;}
.concept ul.block4 li .text {width: 100%;}
p.rl {writing-mode: vertical-rl;}

p.da_title{font-size:1.2em;margin-bottom:10px;font-weight:700;line-height:1.6;} 
@media screen and (max-width:999px) {



}
@media screen and (max-width:767px) {
.concept {max-width:980px;box-sizing:border-box;margin:0 5vw 140px;}

.concept ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.concept ul li {}
.concept ul li .pic {width: 100%;}
.concept ul li .pic img {width: 100%;height: auto;}
.concept ul li .pic ul.wide2 {}
.concept ul li .pic ul.wide2 li {width: 48%;margin:0 4% 0 0;}
.concept ul li .pic ul.wide2 li:nth-child(2n) {margin: 0;}
.concept ul li .pic ul.wide2 li img {width: 100%;height: auto;}
.concept ul li .text {text-align: left;}
.concept ul li .text h2 {font-size:18px;color:#000;margin-bottom:20px;line-height:1.4;}
.concept ul li .text p {font-size: 14px;line-height: 1.6;}
.concept ul.block1 {margin: 0 0 10%;}
.concept ul.block1 li {width: 100%;
display:flex;
flex-wrap:wrap;
margin: 0 0 5%;

display: flex;
flex-direction: column-reverse!important;
justify-content:flex-end;

}
.concept ul.block1 li .pic {width: 100%;}
.concept ul.block1 li .text {width: 100%; margin: 0 0 0 40px;}

.concept ul.block1 li:first-child {}
.concept ul.block1 li:first-child .pic {width: 100%;}
.concept ul.block1 li:first-child .text {width:100%;margin: 0 0 5%;}


.concept ul.block1 li:nth-child(2n) {flex-direction: row-reverse;}
.concept ul.block1 li:nth-child(2n) .text {width:100%;margin: 0 0 5%;}
.concept ul.block1 li:last-child {margin: 0;}
.concept ul.block1 li:nth-child(2) .pic {width: 100%;margin: 0;}

.concept ul.block2 {margin: 0 0 10%;}
.concept ul.block2 li {width: 48%;margin: 0 4% 4% 0;}
.concept ul.block2 .concept ul.block2 li:last-child,.concept ul.block2 li:nth-last-child(2):nth-child(odd) {margin-bottom: 0;}
.concept ul.block2 li:nth-child(2n) {margin-right: 0;}

.concept ul.block3 {margin: 0 0 10%;

display: flex;
flex-direction: column-reverse!important;
justify-content:flex-end;

}
.concept ul.block3 li {width: 100%;


}
.concept ul.block3 li:nth-child(2) {width: 100%;}
.concept ul.block3 li .pic {margin: 0 0 10px;}
.concept ul.block3 li .text {width:100%;margin:0 0 5%;}
.concept ul.block3 li:first-child .text {width:100%;margin: 0;}


.concept ul.block4 {}
.concept ul.block4 li {width: 100%;margin: 0 0 5%;}
.concept ul.block4 li:nth-child(2) {width: 100%;margin: 0;}

.concept ul.block4 li ul.wide2 {}
.concept ul.block4 li ul.wide2 li {width: 47%;margin:0 6% 0 0;}
.concept ul.block4 li ul.wide2 li:nth-child(2) {margin-right: 0;
display: flex;
flex-direction: column-reverse;
justify-content:flex-end;
}
.concept ul.block4 li ul.wide2 li:nth-child(2) .pic {margin: 10px 0 0;}

.concept ul.block4 li:nth-child(2) .pic,
.concept ul.block4 li:nth-child(2) .text{width: 100%;}

.concept ul.block4 li:nth-child(3) {width: 40%;}
.concept ul.block4 li .pic {width: 100%;margin: 0 0 10px;}
.concept ul.block4 li .text {width: 100%;}




.da_title{font-size:1.8em;margin-bottom:5px;font-weight:700;line-height:20px;}
}





.pc {display: block;}
@media screen and (max-width: 767px) {
.pc {display: none;}
}
