@charset "utf-8";

/* 各セクションタイトルの背景画像を指定 */
@media screen and (min-width: 768px), print {
  .oh-m-sec1:before {
    background-image: url("./../img/sec1_bg.png");
  }
  .oh-m-sec2:before {
    background-image: url("./../img/sec2_bg.png");
  }
  .oh-m-sec3:before {
    background-image: url("./../img/sec3_bg.png");
  }
  .oh-m-sec4:before {
    background-image: url("./../img/sec4_bg.png");
  }
  .oh-m-sec5:before {
    background-image: url("./../img/sec5_bg.png");
  }
}

@media screen and (max-width: 767px) {
  .oh-m-sec1:before {
    background-image: url("./../img/sp/sec1_bg.png");
  }
  .oh-m-sec2:before {
    background-image: url("./../img/sp/sec2_bg.png");
  }
  .oh-m-sec3:before {
    background-image: url("./../img/sp/sec3_bg.png");
  }
  .oh-m-sec4:before {
    background-image: url("./../img/sp/sec4_bg.png");
  }
  .oh-m-sec5:before {
    background-image: url("./../img/sp/sec5_bg.png");
  }
}

/* ここから編集してください 物件固有のCSS */




@media screen and (min-width: 768px), print {
	.oh-m-header__head_logo {
		width: 180px;
	}
}
@media screen and (max-width: 767px) {
	.oh-m-header__head_logo {
		width: 38vw;
	}
}



.oh-m-sec2oh-Block__ttl .l {
	font-size: 180%;
}

.oh-m-sec1oh-Block__ttl .s {
	font-size: 70%;
}

.oh-m-sec2Block__gallery_slide_ttl {
    border-bottom: none;
}

.oh-m-sec2Block__blueBg_white .oh-s {
	font-size: 70%;
}


@media screen and (min-width: 768px), print {
	.oh-m-sec1oh-Block__ttl {
        font-size: 27px;
    }	
	.oh-m-sec1oh-Block__ttl.lh {
        line-height: 1.1;
    }	
	.oh-m-sec2Block__gallery_slide_ttl {
		font-size: 28px;
	}
	.oh-m-sec1Block__col2_txt {
		padding: 72px 40px;
	}
	.oh-m-sec1Block__col2 {
        display: flex;
		flex-direction: column;
    }	
	.oh-m-sec1Block__col1_txt {
		flex: 1;
	}
	.oh-m-sec1Block__col1_flex {
		padding: 48px 40px 48px 40px;
		flex-direction: row-reverse;
	}
	.oh-m-sec1Block__col1_flex_img {
        margin-right: 40px;
    }
	.oh-m-sec1Block__blueBg_gold {
        font-size: 48px;
    }
 .m-sec1Block__blueBg_white {
    font-size: 25px;
    font-size: 24px;
  }
	
  .m-sec1Block__blueBg_white .s1 {
    font-size: 75%;
	  margin-right: 0.3em;
  }
  .m-sec1Block__blueBg_white .s2 {
    font-size: 135%;
    font-size: 130%;
  }
	.oh-m-sec2Block__col1 {
		padding: 72px;
	}
	.oh-m-sec1Block__col1_txt {
		padding: 72px;
	}
	.oh-m-sec2Block2__ttl {
		font-size: 37px;
		font-size: 38px;
	}
	.oh-m-sec2Block__col2_txt {
		padding: 72px;
	}
	.oh-m-sec2Block__flex  {
	}
	.oh-m-sec2Block__flex.rv  {
		flex-direction: row-reverse;
	}
	.oh-m-sec2oh-Block__ttl.ex1 {
		font-size: 32px;
		letter-spacing: 0.08em;
		line-height: 1.1;
	}
}
@media screen and (max-width: 767px) {
	.oh-m-sec1Block {
		/*row-gap: 20px;*/
	}
	.oh-m-sec1Block__col2 {
        display: block;
		width: 100%;
    }	
	.oh-m-sec1Block__col1_flex_img {
        width: 74vw;
        margin: 8.8vw auto 0;
    }
	.oh-m-sec1Block__blueBg {
		min-height: inherit;
	}
  .m-sec1Block__blueBg_white {
    font-size: 3.73333vw;
    font-size: 5vw;
    font-size: 4.3vw;
      letter-spacing: -0.04em;
  }

  .m-sec1Block__blueBg_white .s1 {
    font-size: 80%;
    font-size: 85%;
	  margin-right: 0.3em;
  }
  .m-sec1Block__blueBg_white .s2 {
    font-size: 126%;
    font-size: 120%;
  } 
	.oh-m-sec1Block__blueBg_gold {
        font-size: 7.2vw;
        font-size: 9vw;
        font-size: 8.7vw;
        font-size: 8vw;
    }
	.oh-m-sec2oh-Block__ttl.oh-ex01 {
		font-size: 4.8vw;
	}
	   .oh-m-sec2Block__col1 {
        padding: 6.4vw 3vw;
    }
	.oh-m-sec1Block__col2 .oh-m-sec1oh-Block__ttl {
		font-size: 4.8vw;
		font-size: 5.3vw;
	}
	.oh-m-sec1Block__col2 .oh-m-sec1oh-Block__ttl .s {
    font-size: 65%;
}
	.oh-m-sec1oh-Block__ttl.sp_ls {
		letter-spacing: -0.02em;
	}
	.oh-m-sec2Block__col2 {
        width: 100%;
    }
	.oh-m-sec2Block__blueBg_white {
    font-size: 5vw;
	}
	.oh-m-sec2Block__blueBg_gold {
        font-size: 9vw;
    }
	.oh-m-sec2oh-Block__ttl.ex1 {
     font-size: 5.2vw;
		letter-spacing: 0.08em;
		line-height: 1.1;
	}
	.oh-m-sec2Block__blueBg.oh-ex_txt1 {
		line-height: 1.1;
	}
	.oh-m-sec2Block__blueBg.oh-ex_txt1 .oh-m-sec2Block__blueBg_white {
		font-size: 4.6vw;
	}
	.oh-m-sec2Block__blueBg.oh-ex_txt1 .oh-m-sec2Block__blueBg_gold {
		font-size: 8vw;
	}
}



.cas {
	text-align: center;
	margin-top: 60px;
}
.cas .cas_img{
	/*max-width: 429px;*/
	max-width: 382px;
    margin: 0 auto;
}
.cas .cas_img2{
	max-width: 330px;
    margin: 0 auto 25px;
}
.cas .type-note{
    width: 800px;
    margin: 8px auto 0;
    
}

.oh-m-sec3Block__image_left {
	background: none;
}
	.oh-m-sec3Block__image_txt {
		background: #fff;
}
._plan_hanrei {
	text-align: center;
}
._plan_hanrei_picture_wrap {
	text-align: center;
	margin-bottom: 5px;
}
._plan_hanrei_picture {
	margin-inline: auto;
}
._plan_hanrei_picture_wrap img {
	margin-inline: auto;
	width: 300px;
}
@media screen and (min-width: 768px), print {

.oh-m-sec3Block__type_hanrei .oh-img {
         width: 442px; 
    }
	.oh-m-sec3Block__image_txt {
		text-align: center;
		justify-content: center;
	}
	._cas_note {
		margin-top: 15px;
	}
	.oh-m-sec3Block__type_hanrei {
		margin-top: 15px;
	}
}
@media screen and (max-width: 767px) {
	.oh-m-sec3Block__type_hanrei.sp_mt0 {
		margin-top: 0;
	}
	.cas {
		margin-top: 45px;
	}
    .cas .cas_img{
		/*padding: 0 8%;*/
	}
    .cas .cas_img2{
		padding: 0 8%;
        margin: 0 auto 30px;
	}
.cas .type-note{
    width: auto;
    margin: 8px auto 0;    
    text-align: left;
}
	._cas_note {
		margin-top: 10px;
	}
}
/*.oh-m-sec3Block__facility_list_txt sup {
	font-size: 50%;
}*/
.oh-m-sec3Block__facility_list_txt span {
	font-size: 100%;
}
.oh-m-sec3Block__facility_list_txt .s {
	font-size: 60%;
}
	
@media screen and (max-width: 767px) {
	.oh-m-sec4Block1__ttlBox_ttl {
		font-size: 5.6vw;
	}
}
@media screen and (min-width: 768px), print {
	.oh-m-map__inner {
		width: 920px;
	}
}
@media screen and (max-width: 767px) {
	.oh-m-gallery__img {
		max-width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.oh-m-scroll__horizon.oh-i2 img {
		width: 650px;
		max-width: 650px;
	}
		.oh-m-scroll__horizon.oh-i1 img {
        height: 140px;
    }
}




.ls_01 {
	letter-spacing: -0.01em;
}
.ls_02 {
	letter-spacing: -0.02em;
}
.ls_03 {
	letter-spacing: -0.03em;
}
.ls_04 {
	letter-spacing: -0.04em;
}
.ls_05 {
	letter-spacing: -0.05em;
}
.ls_06 {
	letter-spacing: -0.06em;
}
.ls_07 {
	letter-spacing: -0.07em;
}
.ls_08 {
	letter-spacing: -0.08em;
}
.ls_09 {
	letter-spacing: -0.09em;
}




















sup {
	font-size: 50%;
}


.img_auto {
	width: auto;
}
.img_center {
	margin-inline: auto;
}
.fit_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom right;
}

.map_img.vsp {
    width: 230px;
    width: 180px;
    margin-left: auto;
}


/*pinch2*/
@media screen and (max-width: 767px) {
    .pinch2{
        text-align: right;
        padding-top: 5px;
        margin-left: auto;
        display: flex!important;
        justify-content: flex-end;
    }
    .pinch2 img{
        max-width: 200px;
        display: block;
    }    
}

.ta_c{text-align:center;}
.ta_r{text-align:right;}
.ta_l{text-align:left;}
@media screen and (max-width: 767px) {
    .ta_c_sp{text-align:center!important;}
    .ta_r_sp{text-align:right!important;}
    .ta_l_sp{text-align:left!important;}
}

.pos_re{
    position: relative;
}

.pt0{padding-top:0 !important;}.pt1{padding-top:1px !important;}.pt2{padding-top:2px !important;}.pt3{padding-top:3px !important;}.pt4{padding-top:4px !important;}.pt5{padding-top:5px !important;}.pt6{padding-top:6px !important;}.pt7{padding-top:7px !important;}.pt8{padding-top:8px !important;}.pt9{padding-top:9px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt75{padding-top:75px !important;}.pt80{padding-top:80px !important;}.pt85{padding-top:85px !important;}.pt90{padding-top:90px !important;}.pt95{padding-top:95px !important;}.pt100{padding-top:100px !important;}.pr0{padding-right:0 !important;}.pr1{padding-right:1px !important;}.pr2{padding-right:2px !important;}.pr3{padding-right:3px !important;}.pr4{padding-right:4px !important;}.pr5{padding-right:5px !important;}.pr6{padding-right:6px !important;}.pr7{padding-right:7px !important;}.pr8{padding-right:8px !important;}.pr9{padding-right:9px !important;}.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr25{padding-right:25px !important;}.pr30{padding-right:30px !important;}.pr35{padding-right:35px !important;}.pr40{padding-right:40px !important;}.pr45{padding-right:45px !important;}.pr50{padding-right:50px !important;}.pr55{padding-right:55px !important;}.pr60{padding-right:60px !important;}.pr65{padding-right:65px !important;}.pr70{padding-right:70px !important;}.pr75{padding-right:75px !important;}.pr80{padding-right:80px !important;}.pr85{padding-right:85px !important;}.pr90{padding-right:90px !important;}.pr95{padding-right:95px !important;}.pr100{padding-right:100px !important;}.pl0{padding-left:0 !important;}.pl1{padding-left:1px !important;}.pl2{padding-left:2px !important;}.pl3{padding-left:3px !important;}.pl4{padding-left:4px !important;}.pl5{padding-left:5px !important;}.pl6{padding-left:6px !important;}.pl7{padding-left:7px !important;}.pl8{padding-left:8px !important;}.pl9{padding-left:9px !important;}.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl25{padding-left:25px !important;}.pl30{padding-left:30px !important;}.pl35{padding-left:35px !important;}.pl40{padding-left:40px !important;}.pl45{padding-left:45px !important;}.pl50{padding-left:50px !important;}.pl55{padding-left:55px !important;}.pl60{padding-left:60px !important;}.pl65{padding-left:65px !important;}.pl70{padding-left:70px !important;}.pl75{padding-left:75px !important;}.pl80{padding-left:80px !important;}.pl85{padding-left:85px !important;}.pl90{padding-left:90px !important;}.pl95{padding-left:95px !important;}.pl100{padding-left:100px !important;}.pb0{padding-bottom:0 !important;}.pb1{padding-bottom:1px !important;}.pb2{padding-bottom:2px !important;}.pb3{padding-bottom:3px !important;}.pb4{padding-bottom:4px !important;}.pb5{padding-bottom:5px !important;}.pb6{padding-bottom:6px !important;}.pb7{padding-bottom:7px !important;}.pb8{padding-bottom:8px !important;}.pb9{padding-bottom:9px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb75{padding-bottom:75px !important;}.pb80{padding-bottom:80px !important;}.pb85{padding-bottom:85px !important;}.pb90{padding-bottom:90px !important;}.pb95{padding-bottom:95px !important;}.pb100{padding-bottom:100px !important;}.mt0{margin-top:0 !important;}.mt1{margin-top:1px !important;}.mt2{margin-top:2px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px !important;}.mt5{margin-top:5px !important;}.mt6{margin-top:6px !important;}.mt7{margin-top:7px !important;}.mt8{margin-top:8px !important;}.mt9{margin-top:9px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt75{margin-top:75px !important;}.mt80{margin-top:80px !important;}.mt85{margin-top:85px !important;}.mt90{margin-top:90px !important;}.mt95{margin-top:95px !important;}.mt100{margin-top:100px !important;}.mr0{margin-right:0 !important;}.mr1{margin-right:1px !important;}.mr2{margin-right:2px !important;}.mr3{margin-right:3px !important;}.mr4{margin-right:4px !important;}.mr5{margin-right:5px !important;}.mr6{margin-right:6px !important;}.mr7{margin-right:7px !important;}.mr8{margin-right:8px !important;}.mr9{margin-right:9px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr25{margin-right:25px !important;}.mr30{margin-right:30px !important;}.mr35{margin-right:35px !important;}.mr40{margin-right:40px !important;}.mr45{margin-right:45px !important;}.mr50{margin-right:50px !important;}.mr55{margin-right:55px !important;}.mr60{margin-right:60px !important;}.mr65{margin-right:65px !important;}.mr70{margin-right:70px !important;}.mr75{margin-right:75px !important;}.mr80{margin-right:80px !important;}.mr85{margin-right:85px !important;}.mr90{margin-right:90px !important;}.mr95{margin-right:95px !important;}.mr100{margin-right:100px !important;}.ml0{margin-left:0 !important;}.ml1{margin-left:1px !important;}.ml2{margin-left:2px !important;}.ml3{margin-left:3px !important;}.ml4{margin-left:4px !important;}.ml5{margin-left:5px !important;}.ml6{margin-left:6px !important;}.ml7{margin-left:7px !important;}.ml8{margin-left:8px !important;}.ml9{margin-left:9px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml25{margin-left:25px !important;}.ml30{margin-left:30px !important;}.ml35{margin-left:35px !important;}.ml40{margin-left:40px !important;}.ml45{margin-left:45px !important;}.ml50{margin-left:50px !important;}.ml55{margin-left:55px !important;}.ml60{margin-left:60px !important;}.ml65{margin-left:65px !important;}.ml70{margin-left:70px !important;}.ml75{margin-left:75px !important;}.ml80{margin-left:80px !important;}.ml85{margin-left:85px !important;}.ml90{margin-left:90px !important;}.ml95{margin-left:95px !important;}.ml100{margin-left:100px !important;}.mb0{margin-bottom:0 !important;}.mb1{margin-bottom:1px !important;}.mb2{margin-bottom:2px !important;}.mb3{margin-bottom:3px !important;}.mb4{margin-bottom:4px !important;}.mb5{margin-bottom:5px !important;}.mb6{margin-bottom:6px !important;}.mb7{margin-bottom:7px !important;}.mb8{margin-bottom:8px !important;}.mb9{margin-bottom:9px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}
.mw960{margin:0 auto; max-width:960px;}
.side_spc{padding-left:10px; padding-right:10px; }
.mb5_rwd{margin-bottom:5px !important;}
.mb10_rwd{margin-bottom:10px !important;}
.mb15_rwd{margin-bottom:15px !important;}
.mb20_rwd{margin-bottom:20px !important;}
.mb25_rwd{margin-bottom:25px !important;}
.mb30_rwd{margin-bottom:30px !important;}
.mb35_rwd{margin-bottom:35px !important;}
.mb40_rwd{margin-bottom:40px !important;}
.mb45_rwd{margin-bottom:45px !important;}
.mb50_rwd{margin-bottom:50px !important;}
.mb60_rwd{margin-bottom:60px !important;}
.mb70_rwd{margin-bottom:70px !important;}
.mb80_rwd{margin-bottom:80px !important;}
.mb90_rwd{margin-bottom:90px !important;}
.mb100_rwd{margin-bottom:100px !important;}
@media screen and (max-width: 787px){
.mb5_rwd{margin-bottom:1% !important;}
.mb10_rwd{margin-bottom:2% !important;}
.mb15_rwd{margin-bottom:3% !important;}
.mb20_rwd{ margin-bottom:4% !important;}
.mb25_rwd{margin-bottom:5% !important;}
.mb30_rwd{margin-bottom:6% !important;}
.mb35_rwd{margin-bottom:7% !important;}
.mb40_rwd{margin-bottom:8% !important;}
.mb45_rwd{margin-bottom:9% !important;}
.mb50_rwd{margin-bottom:10% !important;}
.mb60_rwd{margin-bottom:12% !important;}
.mb70_rwd{margin-bottom:14% !important;}
.mb80_rwd{margin-bottom:16% !important;}
.mb90_rwd{margin-bottom:18% !important;}
.mb100_rwd{margin-bottom:20% !important;}
.mb0_sp{margin-bottom:0px !important;}
.mb5_sp{margin-bottom:5px !important;}
.mb10_sp{margin-bottom:10px !important;}
.mb15_sp{margin-bottom:15px !important;}
.mb20_sp{ margin-bottom:20px !important;}
.mb25_sp{margin-bottom:25px !important;}
.mb30_sp{margin-bottom:30px !important;}
.mb35_sp{margin-bottom:35px !important;}
.mb40_sp{margin-bottom:40px !important;}
.mb45_sp{margin-bottom:45px !important;}
.mb50_sp{margin-bottom:50px !important;}
.mb60_sp{margin-bottom:60px !important;}
.mb70_sp{margin-bottom:70px !important;}
.mb80_sp{margin-bottom:80px !important;}
.mb90_sp{margin-bottom:90px !important;}
.mb100_sp{margin-bottom:100px !important;}
    
    .mb5_333_sp{
        margin-bottom: 5.33333vw !important;
    }    
    
    
}
.vpc{}
.vsp{display:none;}
.vpc1600_sp{}
.vsp1600_sp{display:none;}
.vpc1600{}
.vsp1600{display:none;}
.vpc900{}
.vsp900{display:none;}
.vpc640{}
.vsp640{display:none;}
.vpc600{}
.vsp600{display:none;}
.vpc460{}
.vsp460{display:none;}
.vpc480{}
.vsp480{display:none;}
.vpc380{}
.vsp380{display:none;}
@media screen and (max-width:900px){
.vpc900{display:none;}
.vsp900{display:block;}
}
@media screen and (max-width:767px){
.vpc{display:none;}
.vsp{display:block;}
}
@media screen and (max-width:1600px){
.vpc1600_sp{display:none;}
.vsp1600_sp{display:block;}
.vpc1600{display:none;}
.vsp1600{display:block;}
}
@media screen and (max-width:767px){
.vpc1600_sp{display:block;}
.vsp1600_sp{display:none;}
}
@media screen and (max-width:640px){
.vpc640{display:none;}
.vsp640{display:block;}
}
@media screen and (max-width:600px){
.vpc600{display:none;}
.vsp600{display:block;}
}
@media screen and (max-width:480px){
.vpc480{display:none;}
.vsp480{display:block;}
}
@media screen and (max-width:460px){
.vpc460{display:none;}
.vsp460{display:block;}
}
@media screen and (max-width:380px){
.vpc380{display:none;}
.vsp380{display:block;}
}
.red{
    color: #a20000;
}




.oh-scroll-hint-icon-wrap {
	background: url("./../img/sp/icon_scrollCaution.svg") no-repeat center / 60px auto;
}




.box_sld {
	position: relative;
}

.scroll-hint-icon-wrap {
	display: none;
}

@media screen and (max-width: 767px) {
	.sld767 .sld {
		overflow-x: auto;
		overflow-y: hidden;
	}
	.sld767 .scroll-hint-icon-wrap {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.sld480 .sld {
		overflow-x: auto;
		overflow-y: hidden;
	}
	.sld480 .scroll-hint-icon-wrap {
		display: block;
	}
}



@keyframes scroll-hint-appear {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	50%,
	100% {
		transform: translateX(-40px);
		opacity: 0;
	}
}

.scroll-hint.is-right-scrollable {
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 60px);
	box-sizing: border-box;
	width: 120px;
	height: 80px;
	border-radius: 5px;
	transition: opacity .3s;
	transition-delay: .3s;
	opacity: 0;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	pointer-events: none;
}

.scroll-hint-text {
	font-size: 10px;
	color: #FFF;
	margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	opacity: .8;
}

.scroll-hint-icon:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
	content: "";
	width: 34px;
	height: 14px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
	opacity: 0;
	transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
	opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	animation: scroll-hint-appear 1.2s linear;
	animation-iteration-count: 2;
}

.scroll-hint-icon-white {
	background-color: #FFF;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
	color: #000;
}





.swipe_box {
	position: relative;
}

.swipe_caution {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/sp/icon_scrollCaution.svg) no-repeat center / 60px auto;
	pointer-events: none;
	transition: .4s ease;
	display: none;
}
@media screen and (max-width: 480px) {
	.swipe_inn {
		overflow-x: auto;
	}
	.swipe_caution {
		display: block;
	}
}

@media screen and (max-width: 767px) {
    .sp_cap01 {
        text-align: left;
        font-size: 2.33333vw;
        line-height: 1.4;
    }
}




.cap_ex {
	background: #fff;
	padding: 0 25px 30px;
		width: 100%;

}


.cap {
	line-height: 1.4;
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.cap {
		font-size: 10px;
	}
}




.oh-m-sec1 {
	position: relative;
}

.oh-m-sec1 .cap {
	position: absolute;
	top:0;
	right: 0;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}

.oh-m-sec2 {
	position: relative;
}

.oh-m-sec2 .cap {
	position: absolute;
	top:0;
	right: 0;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}

.oh-m-sec3 {
	position: relative;
}

.oh-m-sec3 .cap {
	position: absolute;
	top:0;
	right: 0;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}

.oh-m-sec4 {
	position: relative;
}

.oh-m-sec4 .cap {
	position: absolute;
	top:0;
	right: 0;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}


.oh-m-sec5 {
	position: relative;
}

.oh-m-sec5 .cap1 {
	position: absolute;
	top:0;
	right: 0;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}
.oh-m-sec5 .cap2 {
	position: absolute;
	top:0;
	right: 33.33333333%;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}
.oh-m-sec5 .cap3 {
	position: absolute;
	top:0;
	right: 66.66666666%;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 1;
	opacity: 0.5;
}