@charset "UTF-8";
/* CSS Document */
main{ overflow: hidden;}


.oiac_leed{ text-align: center; margin: 0; font-weight: bold;}
@media (min-width: 768px) {
.oiac_list{ display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 20px 0 150px;}
.oiac_list>div.wave_box{ width: calc(33.33% - 30px); margin: 40px 15px;}
}
@media (max-width: 767.98px) {
#overlayMenuBtn{ top: 60px; position: absolute; transition: 0s;}
#overlayMenuBtn.sp_menu{ position: fixed; top: 10px;}
.oiac_list{ margin-bottom: 100px;}
.oiac_list>div.wave_box{ margin-top: 50px;}
.oiac_list>.wave_box>.icon{ left: -15px;}
}






@media (min-width: 768px) {
.ojac_02{ background:url("../images/back/10.png") no-repeat right calc(50% - 660px) top 40px / 380px auto,
url("../images/back/09.png") no-repeat left calc(50% - 640px) top 150px / 500px auto;}
}
@media (max-width: 767.98px) {}






.leed_kouhou{ font-weight: 500; text-align: center; color: white;}
.leed_kouhou>small{ display: block; letter-spacing: .06em; padding-left: .06em;}
.lead_img{ position: relative;}
.lead_img>p{ position: absolute; color: white; z-index: 2; background: url("../images/back/lead_img.png") no-repeat center / contain; display: flex; justify-content: center; align-items: center; font-weight: 500; margin: 0;}
.lead_img>img{ display: block; position: relative; z-index: 1;}
@media (min-width: 768px) {
.midashi_4>.mds_s{ margin-bottom: 15px;}
.leed_kouhou{ font-size: 16px; margin: 30px 0; letter-spacing: .16em; padding-left: .16em;}
.leed_kouhou>small{ font-size: 12px; margin-top: 5px;}
.oiac_kouhou_box{ width: 50%; margin: 0 auto 50px;}

.lead_img{ margin: 60px 0 0;}
.lead_img>p{ font-size: 16px; width: 230px; height: 110px; left: -15px; top: -48px;}
.lead_img>img{}

.leed_youtube{ margin: 60px 0;}

.lead_img.ct05>p{ left: auto; right: -15px; top: auto; bottom: -28px;}
}
@media (max-width: 767.98px) {
.leed_kouhou{ font-size: 11px; margin: 15px 0;}
.leed_kouhou>small{ font-size: 10px; margin-top: 5px;}
.oiac_kouhou_box{ margin: 0 auto 40px;}

.lead_img{ margin: 40px 0 0; order: 2;}
.lead_img>p{ font-size: 10px; width: 150px; height: 72px; left: -10px; top: -40px;}
.lead_img>img{}
.lead_img.ct05>p{ left: auto; right: -10px; top: auto; bottom: -15px;}


.leed_youtube{ margin: 40px 0;}

.leed_box{ display: flex; flex-wrap: wrap;}
.leed_box>.leed_youtube{ order: 3; width: 100%;}
.leed_box>.midashi_1{ order: 1;}
}


.ct_100_title{ display: flex; justify-content: center; align-items: center; border-top: 2px dashed white; border-bottom: 2px dashed white; font-weight: bold; color: white; line-height: 1em; transition: .01s; margin: 0; position: relative;}
.ct_100_title.ct_open{ background-color: white; color: black; border-top-style: solid; border-bottom-style: solid;}
.ct_100_box{ display: flex; flex-wrap: wrap; transition: .1s;}
.ct_100_box>a:hover{ text-decoration: none;}
.ct_100_box>a>figure{}
.ct_100_box>a>figure>figcaption{ display: flex; justify-content: center; align-items: center; line-height: 1em; color: black; font-weight: 600; background-color: white; border: 2px solid black; border-radius: 5px; position: relative; margin-bottom: 7px; white-space: nowrap;}
.ct_100_box>a>figure>figcaption::before,
.ct_100_box>a>figure>figcaption::after{ content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; left: calc(50% - 5px);}
.ct_100_box>a>figure>figcaption::before{ border-color: white transparent transparent transparent; z-index: 3; top: 100%;}
.ct_100_box>a>figure>figcaption::after{ border-color: black transparent transparent transparent; z-index: 2; top: calc(100% + 2px);}
.ct_100_box>a.active{}

.ct_main_img{ background-image: url("../images/back/star.png"),url("../images/back/star.png"),url("../images/back/star.png"); background-repeat: no-repeat,no-repeat,no-repeat;}
.ct_main_img>img{ display: block; margin: 0 auto;}
@media (min-width: 768px) {
.ct_100_title{ height: 50px;}
.ct_100_title{ display: none;}
.ct_100_box{ margin: -3px;}
.ct_100_box>a{ width: calc(11.111% - 6px); margin: 3px;}
.ct_100_box>a>figure>figcaption{ font-size: 9px; height: 26px; opacity: 0; transition: .3s;}
.ct_100_box>a:nth-child(2)>figure>figcaption{ letter-spacing: -.1em;}
.ct_100_box:hover>a.active>figure>figcaption{ opacity: 0;}
.ct_100_box>a:hover>figure>figcaption,
.ct_100_box>a.active>figure>figcaption,
.ct_100_box:hover>a.active:hover>figure>figcaption{ opacity: 1;}

.ct_main_img{ margin: 10px 0; background-size: 60px,30px,50px;}
.ct_main_img.ct1{ background-position: left calc(50% + 130px) top 20px,left calc(50% + 160px) top 60px,left calc(50% + -180px) bottom 10px;}
.ct_main_img.ct4{ background-size: 40px,30px,40px; background-position: left calc(50% + 180px) top 20px,left calc(50% + 200px) top 60px,left calc(50% + -220px) bottom 10px;}
.ct_main_img.ct5{ background-position: left calc(50% + 100px) top 20px,left calc(50% + 130px) top 60px,left calc(50% + -120px) bottom 10px;}
.ct_main_img.ct6{ background-position: right calc(50% + 140px) top 20px,right calc(50% + 170px) top 60px,right calc(50% + -150px) bottom 10px;}
.ct_main_img.ct7{ background-position: left calc(50% + 170px) top 20px,left calc(50% + 200px) top 60px,left calc(50% + -180px) bottom 10px;}
.ct_main_img.ct8{ background-position: right calc(50% + 190px) bottom 110px,right calc(50% + 150px) bottom 80px,right calc(50% + -200px) top 30px;}
.ct_main_img>img{ width: 400px;}
}
@media (max-width: 767.98px) {
.ct_100_title{ height: 36px;}
.ct_100_box{ visibility: hidden; opacity: 0; height: 0; overflow: hidden; margin: 0 -5px 0 -5px;}
.ct_100_box.ct_open{ visibility: visible; opacity: 1; height: auto; padding-top: 25px;}
.ct_100_box>a{ width: calc(33.33% - 10px); margin: 5px;}
.ct_100_box>a>figure>figcaption{ font-size: 2.2vw; height: 26px;}

.ct_main_img{ margin: 10px -10px; background-size: 10%,5%,8%;}
.ct_main_img{ background-position: right 10% top 10%,right 5% top 30%,left 2% bottom 5%;}
.ct_main_img>img{ width: 80%;}
}




.midashi_1>.mds_s.oiac_leed{ margin: 0; line-height: 1.6em; text-align: left;}
.oiac_contents{ position: relative;}
.oiac_contents>div{ position: relative;}
.oiac_contents>div>img{ display: block;}
.oiac_contents>div>h3{ margin: 0; display: flex; justify-content: center; align-items: center;}
.oiac_contents>div>h3>span{ display: block;}
.oiac_contents>div>h3>span>img{ display: block; width: 100%;}
.oiac_contents>div>p{ margin: 0;}

.oiac_dl{ position: relative;}
.oiac_dl>dt{ background-repeat: no-repeat; background-position: left top; color: white; display: flex; align-items: center; flex-wrap: wrap;}
.oiac_dl>dt>span{ font-weight: 600; line-height: 1em;}
.oiac_dl>dt>span>span{ line-height: 1em;}
.oiac_dl>dt>span>span:nth-child(1){}
.oiac_dl>dt>span>span:nth-child(2){}
.oiac_dl>dt>strong{ font-weight: 400; line-height: 1.4em;}
.oiac_dl>dd{}

.oiac_schedule_box{ background-color: #fffadf;}

.oiac_google_map{ height: 0; overflow: hidden; position: relative;}
.oiac_google_map iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}

.map_bottom_img{ background-image: url("../images/back/03.png"), url("../images/back/04.png"); background-repeat: no-repeat;}

@media (min-width: 768px) {
.midashi_1>.mds_s.oiac_leed{ font-size: 18px;}
.midashi_1>.mds_s.oiac_leed.ct05,
.midashi_1>.mds_s.oiac_leed.ct08,
.midashi_1>.mds_s.oiac_leed.ct09{ font-size: 17px;}
.oiac_contents{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 60px;}
.oiac_contents>div{ width: calc(50% - 30px); border-bottom: 4px black dotted; margin: 15px 0; padding-bottom: 30px;}
.oiac_contents>div:nth-child(2n+2)::before{ content: ""; position: absolute; top: 0; left: -32px; height: calc(100% - 30px); border-left: 4px black dotted;}
.oiac_contents>div>img{}
.oiac_contents>div>h3{ padding: 0px 0;}
.oiac_contents>div>p{}
.oiac_contents.last_border_none>div:last-child{ border-bottom: none;}
.oiac_contents.last_border_none2>div:nth-last-child(-n + 2){ border-bottom: none;}

.oiac_dl{}
.oiac_dl>dt{ background-image: url("../images/back/ribbon_pc.png"); background-size: 90% 100%; padding: 20px 140px 20px 10px; margin-bottom: 30px;}
.oiac_dl>dt>span{ margin: 5px 0; margin-right: 20px;}
.oiac_dl>dt>span>span{ font-size: 24px;}
.oiac_dl>dt>span>span:nth-child(1){}
.oiac_dl>dt>span>span:nth-child(2){ margin-left: 10px;}
.oiac_dl>dt>strong{ margin: 5px 0; font-size: 22px;}
.oiac_dl>dd>h3{ margin: 0 0 30px;}
.oiac_dl>dd>p{ margin: 0 0 30px; font-size: 12px;}

.ct04_deco_01::after{ content: ""; display: block; background: url("../images/ct04/deco/01.png") no-repeat center / contain; position: absolute; right: 0; width: 220px; height: 150px; top: 320px;}
.ct04_deco_01>dd>p{ width: calc(100% - 250px);}
.ct04_deco_02::after{ content: ""; display: block; background: url("../images/ct04/deco/02.png") no-repeat center / contain; position: absolute; right: 0; width: 200px; height: 150px; top: 280px;}
.ct04_deco_02>dd>p{ width: calc(100% - 230px);}
.ct04_deco_03::after{ content: ""; display: block; background: url("../images/ct04/deco/03.png") no-repeat center / contain; position: absolute; right: 0; width: 140px; height: 180px; top: 240px;}
.ct04_deco_03>dd>p{ width: calc(100% - 180px);}

.ct04_leed{ text-align: center; margin-bottom: 60px;}


.border_right_box{}
.oiac_contents.border_right_box>div:nth-child(2n+2)::before{ content: none;}
.oiac_contents.border_right_box>div:nth-child(2n+1)::before{ content: ""; position: absolute; top: 0; right: -32px; height: calc(100% - 30px); border-left: 4px black dotted;}
.oiac_schedule_box{ padding: 60px 0; margin-bottom: 60px;}

.oiac_contents.border_right_box2>div:nth-child(2n+2)::before{ right: -32px; left: auto;}



.oiac_contents>div.oiax_pc_100{ width: 100%;}
.oiac_contents>div.oiax_pc_100:nth-child(2n+2)::before{ content: none;}


.oiac_google_map{ padding-bottom: 600px; margin-top: 30px;}

.map_bottom_img{ height: 230px; margin-bottom: -90px; background-size: 600px auto, 200px auto; background-position: left calc(50% - 300px) bottom -150px, right calc(50% - 400px) top 30px;}
}
@media (max-width: 767.98px) {
.oiac_contents{ margin-bottom: 60px; margin-top: 30px;}
.oiac_contents>div{ border-bottom: 4px black dotted; margin-bottom: 30px; padding-bottom: 30px;}
.oiac_contents>div:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.oiac_contents>div>h3{ padding: 0;}

.oiac_dl>dt{ background-image: url("../images/back/ribbon_sp.png"); background-size: 100% 100%; padding: 5% 14% 5% 10px ; margin-bottom: 15px;}
.oiac_dl>dt>span{ margin: 3px 0; margin-right: 10px;}
.oiac_dl>dt>span>span{ font-size: 16px;}
.oiac_dl>dt>span>span:nth-child(1){}
.oiac_dl>dt>span>span:nth-child(2){ margin-left: 10px;}
.oiac_dl>dt>strong{ margin: 3px 0; font-size: 14px;}
.oiac_dl>dd>h3{ margin: 0 0 15px;}
.oiac_dl>dd>p{ margin: 0 0 15px;}

.ct04_leed{ margin-bottom: 30px; margin-top: 30px;}

.oiac_schedule_box{ padding: 30px 0; margin-bottom: 60px;}

.oiac_google_map{ padding-bottom: 75%; margin-top: 30px;}

.oiac_contents.last_box_none>div{ display: none;}

.map_bottom_img{ padding: 0 0 22%; margin-bottom: -40px; background-size: 60% auto, 20% auto; background-position: left 5% bottom 140%, right 5% top 10%;}
}





.oiac_list_deco{ position: relative;}
.ct_01_deco::after{}
@media (min-width: 768px) {
.ct_01_deco::after{ content: ""; display: block; background: url("../images/ct01/deco/01.png") no-repeat center / contain; position: absolute; bottom: 0; left: 50%; width: 600px; height: 430px;}
.ct02_deco_01::after{ content: ""; display: block; background: url("../images/ct02/deco/01.png") no-repeat center / contain; position: absolute; right: calc(100% - 5px); width: 120px; height: 150px; top: 140px;}
.ct02_deco_02::after{ content: ""; display: block; background: url("../images/ct02/deco/02.png") no-repeat center / contain; position: absolute; right: calc(100% - 1px); width: 100px; height: 100px; bottom: -40px;}


.ct05_deco_01::after{ content: ""; display: block; background: url("../images/ct05/deco/01.png") no-repeat center / contain; position: absolute; bottom: 0; left: 50%; width: 500px; height: 500px;}

.ct06_deco_01::after{ content: ""; display: block; background: url("../images/ct06/deco/01.png") no-repeat center / contain; position: absolute; bottom: 0; left: 50%; width: 460px; height: 300px;}

.ct07_deco_01::after{ content: ""; display: block; background: url("../images/ct07/deco/01.png") no-repeat center / contain; position: absolute; bottom: 0; left: 55%; width: 500px; height: 500px;}

.ct09_deco_01::after{ content: ""; display: block; background: url("../images/ct09/deco/01.png") no-repeat center / contain; position: absolute; bottom: 0; left: 50%; width: 700px; height: 520px;}

}
@media (max-width: 767.98px) {}





@media (min-width: 768px) {
.ojac_03{ background:url("../images/back/07.png") no-repeat left calc(50% - 330px) bottom -30px / 280px auto,
url("../images/back/08.png") no-repeat right calc(50% - 330px) bottom -30px / 250px auto,
url("../images/back/06.png") no-repeat right calc(50% - 660px) top 20px / auto 800px,
url("../images/back/05.png") no-repeat left calc(50% - 680px) top -50px / auto 900px;}
}
@media (max-width: 767.98px) {
.ojac_03{ background:url("../images/back/07.png") no-repeat left -2% bottom -6% / 33% auto,
url("../images/back/08.png") no-repeat right -2% bottom -7% / 30% auto}

}





.oiac_main_box{ z-index: 6; padding-bottom: 0;}
@media (min-width: 768px) {
#link_list{ margin-top: 50px;}
#link_list.link_3{ margin-top: 15px; margin-bottom: 55px;}
}
@media (max-width: 767.98px) {
#link_list{ margin-top: 20px; margin-bottom: 30px;}
#link_list.link_3{ margin-top: 26px; margin-bottom: 50px;}

}








.swiper-button-next,
.swiper-button-prev{ background-size: contain; transition: .3s;}
.swiper-button-prev{ transform: rotate(180deg); transform-origin: center;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{ right: 0;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{ left: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{ bottom: 0;}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{ opacity: 0;}


#kouhou_slide .swiper-button-next,
#kouhou_slide .swiper-button-prev{ background-image: url("../../common/images/arrow/slide_circle.svg");}

#kouhou_slide .swiper-pagination-bullet{ opacity: 1; border: 2px solid black; background-color: transparent;}
#kouhou_slide .swiper-pagination-bullet-active{ background-color: black;}

.deco_box .leed_kouhou{ color: black;}
@media (min-width: 768px) {
.midashi_4>.mds_s{ margin-bottom: 15px;}
.kouhou_back{ background: url("../../images/deco/27.png") no-repeat calc(50% - 350px) 110px / 180px auto,
url("../../images/deco/28.png") no-repeat right calc(50% - 320px) top 110px / 146px auto,
url("../../images/deco/29.png") no-repeat left calc(50% - 400px) bottom -40px / 300px auto,
url("../../images/deco/30.png") no-repeat right calc(50% - 440px) bottom -45px / 300px auto;}

.swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 8px;}
.swiper-button-next,
.swiper-button-prev{ width: 40px; height: 40px;}

#kouhou_slide{ padding: 0 20px 50px 15px; margin: 0 -15px 30px;}
#kouhou_slide .swiper-slide{ width: calc(33.33% - 20px);}
#kouhou_slide .swiper-button-next,
#kouhou_slide .swiper-button-prev{ top: calc(50% - 25px);}

}
@media (max-width: 767.98px) {
.kouhou_back{ background: url("../../images/deco/27.png") no-repeat calc(50% - 153px) 110px / 70px auto,
url("../../images/deco/28.png") no-repeat right calc(50% - 150px) top 110px / 56px auto,
url("../../images/deco/29.png") no-repeat left calc(50% - 120px) bottom -25px / 150px auto,
url("../../images/deco/30.png") no-repeat right calc(50% - 120px) bottom -25px / 150px auto;}

.swiper-button-next,
.swiper-button-prev{ width: 36px;}

#kouhou_slide{ padding: 0 20px 40px 15px; margin: 0 -5px 30px;}
#kouhou_slide .swiper-button-next,
#kouhou_slide .swiper-button-prev{ top: calc(50% - 20px);}

}








.ct04_list{ display: flex; flex-wrap: wrap;}
.ct04_list>figure{}
.ct04_list>figure>img{ display: block;}
.ct04_list>figure>figcaption{}
.ct04_list>figure>figcaption>strong{ display: flex; background-color: white; border: 2px solid black; align-items: center; justify-content: center; text-align: center; position: relative;}
.ct04_list>figure>figcaption>strong::before,
.ct04_list>figure>figcaption>strong::after{ content: ""; width: 0; height: 0; border-style: solid; position: absolute;}
.ct04_list>figure>figcaption>strong::before{ border-color: transparent transparent #ffffff transparent; z-index: 1; bottom: calc(100% - 3px);}
.ct04_list>figure>figcaption>strong::after{ border-color: transparent transparent black transparent; z-index: -1; bottom: calc(100% + 2px);}
.ct04_list>figure>figcaption>span{ display: block;}
@media (min-width: 768px) {
.ct04_list{ margin: -15px}
.ct04_list>figure{ width: calc(25% - 30px); margin: 15px;}
.ct04_list>figure>img{}
.ct04_list>figure>figcaption{ margin: 20px 0 0;}
.ct04_list>figure>figcaption>strong{ height: 50px; font-size: 14px; border-radius: 5px; margin-bottom: 10px;}
.ct04_list>figure>figcaption>strong::before,
.ct04_list>figure>figcaption>strong::after{ border-width: 0 8px 18px 8px; left: calc(50% - 8px);}
.ct04_list>figure>figcaption>span{ font-size: 12px;}

}
@media (max-width: 767.98px) {
.ct04_list{ margin: -15px -5px}
.ct04_list>figure{ width: calc(50% - 10px); margin: 15px 5px;}

.ct04_list>figure>figcaption{ margin: 10px 0 0;}
.ct04_list>figure>figcaption>strong{ height: 40px; font-size: 10px; border-radius: 5px; margin-bottom: 10px;}
.ct04_list>figure>figcaption>strong::before,
.ct04_list>figure>figcaption>strong::after{ border-width: 0 4px 10px 4px; left: calc(50% - 4px);}
.ct04_list>figure>figcaption>span{ font-size: 10px;}

}








.ct03_ttl{}
@media (min-width: 768px) {
.ct03_ttl{ margin-top: 50px; margin-bottom: -20px;}
.ct03_1box{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 30px;}
.ct03_1box>h3{ width: calc(64% - 15px); margin: 0;}
.ct03_1box>p{ width: calc(36% - 15px); margin: 0;}

.ct03_2box{ display: flex; justify-content: space-between; align-items: center;}
.ct03_2box>div{}
.ct03_2box>div:nth-child(1){ width: calc(50% + 30px);}
.ct03_2box>div:nth-child(2){ width: calc(50% - 60px);}
}
@media (max-width: 767.98px) {
.ct03_ttl{ margin-top: 50px; margin-bottom: -20px;}
.ct03_1box{ margin-top: 20px;}
.ct03_1box>h3{ margin-bottom: 20px;}
}









@media (min-width: 768px) {
.kouhou_box.blank_box{ margin-bottom: 120px;}
}
@media (max-width: 767.98px) {
.kouhou_box.blank_box { margin-bottom: 70px;}
}








.deco_box>.icon_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
@media (min-width: 768px) {
.deco_box>.container{ padding-top: 70px; padding-bottom: 90px;}
}
@media (max-width: 767.98px) {
.deco_box>.container{ padding-top: 30px; padding-bottom: 40px;}

}







.kouhou_bottom_link .midashi_5{ color: white;}
@media (min-width: 768px) {
.kouhou_bottom_link #link_list{ padding-top: 40px; justify-content: center; margin: -10px -20px;}
.kouhou_bottom_link #link_list>a{ width: calc(50% - 40px); margin: 10px 20px;}
}
@media (max-width: 767.98px) {


}



.area_map{ position: relative;}
@media (min-width: 768px) {
.btn_base.page_top{ margin-top: 60px;}
}
@media (max-width: 767.98px) {
.btn_base.page_top{ margin-top: 0px;}
.btn_base.page_top.oiac_page_top{ margin-top: 90px;}
}




.kouhou_list{}
@media (min-width: 768px) {
.kouhou_list{ display: flex; flex-wrap: wrap; justify-content: center; margin: 30px -15px -15px; padding-bottom: 50px;}
.kouhou_list>.kouhou_box{ width: calc(33.33% - 30px); margin: 20px 15px; padding: 10px 15px;}
.kouhou_list>.talk_box{ width: calc(33.33% - 30px); margin: 20px 15px;}
.kouhou_list>.kouhou_box>.kouhou_midashi{ font-size: 14px;}
.kouhou_list>.kouhou_box>.new::before { border-width: 70px 70px 0 0;}
.kouhou_list>.kouhou_box>.new::after { border-width: 73px 73px 0 0;}
.kouhou_list>.kouhou_box>.new{ font-size: 14px; padding: 10px 0 0 5px;}
}
@media (max-width: 767.98px) {
.kouhou_list{ padding-bottom: 50px;}
.kouhou_list>.kouhou_box{ margin-top: 30px;}
.kouhou_list>.talk_box{ margin-top: 30px;}
}