@charset "utf-8";

/* =========================
  toppage
========================= */
#topimage{
	padding-top:40px;
	padding-bottom: 15px;
	background: url("../images/top/topimage_bg01.png")
    center center / cover repeat;
}
#topimage .slick-dots{
	margin: 0;
}
#topimage .ulstyle01 li .text.first{
	padding-block:20px;
}
#topimage .ulstyle01 li .ttl{
	padding-block:min(1vw,10px);
	background: var(--color-key);
  font-family:var(--font);
	font-size:min(7vw,35px);
}
#topimage .ulstyle01 li .text{
	padding:0 10px 10px;
}
#topimage .ulstyle01 li dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#topimage .ulstyle01 li dl dt{
	width: 35px;
	padding-block:5px;
	border:solid 1px var(--color-key);
	color:var(--color-key);
	border-radius: 5px;
	font-size:min(3.5vw,15px);
	text-align: center;
}
#topimage .ulstyle01 li dl dd{
	width: calc(100% - 45px);
	font-size:min(2.8vw,15px);
}
#topimage .ulstyle01 li .text.third dl dd{
	font-size:min(3.2vw,18px);
}
#topimage .ulstyle01 li .text.third .txtWhite{
	background: #333;
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 1;
	border-radius: 50%;
	vertical-align:5px;
	text-align: center;
}

#topimage .slick-dotted.slick-slider{
	margin-bottom: 0;
}
#guide .hstyle01{
	margin-top: -15px;
}
#step{
	position: relative;
}
#step .en01{
	position: absolute;
	left: 0;
	width: 110%;
top: max(-5.5vw, -30px);
}
#step h2{
	padding-inline:24%;
}
#step .ulstyle01 li .text{
	padding: 0;
}
#step .slick-dotted.slick-slider{
	margin-bottom: 0;
}
#fuan .ulstyle02 li p{
	width: 82%;
}
#fuan .ulstyle02 li:nth-of-type(even) p{
	margin-left: 18%;
}
#ok h2{
	position: relative;
	z-index: 2;
	padding-right:5vw;
}
#trial .hstyle01{
	margin-top: -15px;
}
#supportpoint{
	padding-bottom:var(--space-2xl);
	position: relative;
}
#supportpoint::before{
	content: " ";
	position: absolute;
	left: 0;
	top:15%;
	width: 100%;
	height:85%;
    background: linear-gradient(to bottom,  #fff1eb 0%,#ffcfca 100%);
	z-index: 1;
}
#supportpoint h3,#supportpoint ul{
	position: relative;
	z-index: 2;
}
#supportpoint ul li .inner{
	width: 90%;
	padding-block:var(--space-sm);
	border-radius: 0 50px 50px 0;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.1);
}
#supportpoint ul li:nth-of-type(1) .inner{
	background: #fff url("../images/top/support_bg01.png") right 25px top 20px / auto 44px no-repeat;
}
#supportpoint ul li:nth-of-type(2) .inner{
	margin-left: 10%;
	background: #fff url("../images/top/support_bg02.png") left 25px top 20px / auto 44px no-repeat;
	border-radius: 50px 0 0 50px;
}
#supportpoint ul li:nth-of-type(3) .inner{
	background: #fff url("../images/top/support_bg03.png") right 25px top 20px / auto 44px no-repeat;
}
#supportpoint ul li .inner h4{
	font-size:clamp(16px, 5vw, 24px);
}
#supportpoint ul li .inner h4 .bg02{
	display: inline-block;
	padding: 0 10px;
}
#supportpoint ul li:nth-of-type(2) h4{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#supportpoint ul li:nth-of-type(odd) .inner p{
	padding:0 8% 0 4%;
	line-height: 1.6;
}
#supportpoint ul li:nth-of-type(even) .inner p{
	padding:0 4% 0 8%;
	line-height: 1.6;
}

/*----------------チャットレディについて------------------*/
#chatlacy01 figure{
	margin-top: -8%;
}
/*----------------店舗紹介------------------*/
#shop #subimage .sub-top{
	background: url("../images/shop/subimage.png") center bottom /cover no-repeat;
}
/*----------------面接の流れ------------------*/
#flow #subimage .sub-top{
	background: url("../images/flow/subimage.png") center bottom /cover no-repeat;
}
#flow02 .en01{
	position: absolute;
	left: 0;
top: max(-5.5vw, -30px);
	z-index: 2;
}
#flow02 h2{
	position: relative;
	padding: 0 15%;
	z-index: 2;
}

#flow .ulstyle01.point01 li.inner .ttl{
	background: var(--color-key);
	color: #fff;
	border-radius: 10px 10px 0 0;
}
#flow02 .ulstyle01.point01 li.inner{
	position: relative;
	margin-bottom: 75px;
}
#flow02 .ulstyle01.point01 li.inner::after{
	content: " ";
	position: absolute;
	left: 50%;
	bottom:-30px;
	transform: translateX(-50%);
	width: 37px;
	height: 18px;
	background: url("../images/flow/next.png") center bottom / 100% no-repeat;
}
#flow02 .ulstyle01.point01 li.inner:last-of-type::after{
	content: none;
}
#flow02 .ulstyle01.point01 li.inner:first-of-type .f-right{
	width: 42%;
	margin-left: 8%;
}
#flow02 .ulstyle01.point01 li.inner:last-of-type{
	margin-bottom: 0;
}
#flow02 .ulstyle01.point01 li.inner .box01{
	background: #fef7f7;
}
#flow02 .ulstyle01.point01 li.inner .box01 .ttl{
	padding-block:var(--space-xs);
	background: none;
	color: var(--color-key);
	border-radius:0;
}
#flow02 .ulstyle01.point01 li.inner .box01 .ttl img{
	width: 40px;
	vertical-align: -15px;
	margin-right: 10px;
}
#flow02 .ulstyle01.point01 li.inner .box01 p{
	padding-inline:var(--space-xs);
	padding-bottom: var(--space-sm);
}
#flow02 .box02{
	position: relative;
	padding: var(--space-sm);
	padding-bottom:var(--space-4xl);
background: url("../images/flow/bg01.png") center center / auto 100% no-repeat;
	z-index: 2;
}
#flow02 .box02 .hstyle02{
	background: url("../images/flow/flow_bg2.png") center top / 140px no-repeat;
	padding-top: 150px;
	font-size:min(5vw,24px)
}
#flow03 h2{
	padding: 0 16%;
}

/*----------------報酬について------------------*/
#reward #subimage .sub-top{
	background: url("../images/reward/subimage.png") center bottom /cover no-repeat;
}
#reward .case{
	padding: var(--space-sm);
	background: #fef7f7;
}
#reward .case .casettl{
	margin-bottom: var(--space-sm);
	padding:5px;
	background:var(--color-key);
	color:#fff;
	border-radius:20px;
	text-align: center;
}
#reward02{
	padding-bottom: var(--space-2xl);
}
#reward02 h2{
	padding-inline:20%;
}
#reward02 h2 img{
	margin-top: -25px;
}
.modelcase .inner{
	padding-bottom: var(--space-l);
	border-bottom:solid 1px #fff;
}
.modelcase .ttl1 .name{
	padding-block: var(--space-xs);
	padding-inline: var(--space-sm);
	display: inline-block;
	background: var(--color-key);
	color: #fff;
	border-radius: 20px;
}
.modelcase .box{
	padding-block: var(--space-sm);
	padding-left: 25%;
	position: relative;
	background: rgba(255,255,255,0.8);
	border-radius: 40px 40px 0 0;
}
.modelcase .box .girl{
	position: absolute;
	left: 3%;
	top:-5%;
	height: 182px;
	width: auto;
}
.modelcase .box .profile{
	width: 45px;
}
.modelcase .box ol li{
	list-style-type: disc;
	margin-left:1em;
}
.modelcase .box ol li dl{
	display: flex;
}
.modelcase .box ol li dl dt{
	width: 40%;
}
.modelcase .box ol li dl dd{
	width: 60%;
	line-height: 1.2;
}
.modelcase .box .namettl{
	width: 95%;
	border-bottom:solid 1px #333;
	background: url("../images/experiences/name.png") left center /40px no-repeat;
	padding: 5px 5px 5px 50px;
}
.case-dl1{
	display: flex;
	justify-content: space-between;
}
.case-dl1 dt{
	width:18%;
}
.case-dl1 dd{
	width: 78%;
}
#reward05{
	padding-top: 25%;
	background: url("../images/reward/q&a_bg.jpg") center top / 100% no-repeat;
}
#reward05 h2{
	margin-inline:5%;
	padding-block: var(--space-xl);
	background: #dc3644;
	color: #fff;
	text-align: center;
	font-family: var(--font);
	font-size:min(5.5vw,28px);
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(103,92,93,0.8);
}
#reward05 h3{
	margin-inline:5%;
}

/*--------------サポート体制------------------*/
#support #subimage .sub-top{
	background: url("../images/support/subimage.png") center bottom /cover no-repeat;
}
#support02 .support-ttl1{
	padding: 0 15%;
}
#support03 .support-ttl2{
	padding: 0 5%;
}
/*--------------体験談-----------------*/
#experiences #subimage .sub-top{
	background: url("../images/experiences/subimage.png") center bottom /cover no-repeat;
}
#voice02{
	position: relative;
}
#voice02 .en01{
	position: absolute;
	left: 50%;
	top: max(-5.5vw, -30px);
	transform: translateX(-50%);
	z-index: 2;
	max-width: 200px;
}
#experiences .modelcase .box ol li{
	margin-bottom: 5px;
}
#experiences .modelcase .box ol li dl{
	font-size:90%;
}
#experiences .modelcase .box ol li dl dt{
	width: 5em;
}
#experiences .modelcase .box ol li dl dd{
	width: calc(100% - 5em);	
	line-height: inherit;
}
#experiences .modelcase .box .girl{
	height: 220px;
}
#experiences .modelcase .box .girl.girl02,#experiences .modelcase .box .girl.girl05,#experiences .modelcase .box .girl.girl06,#experiences .modelcase .box .girl.girl10{
	top:0;
	left: 0px;
	height: 200px;
}
#experiences .modelcase .box .girl.girl04,#experiences .modelcase .box .girl.girl13{
	top:10px;
	left: 0px;
	height: 180px;
}
#experiences .modelcase .box .girl.girl08,#experiences .modelcase .box .girl.girl09,#experiences .modelcase .box .girl.girl11,#experiences .modelcase .box .girl.girl12,#experiences .modelcase .box .girl.girl15{
	top:0;
	left: 5px;
	height: 210px;
}
#experiences .prev-arrow,#experiences .next-arrow{
	top:10px;
}

/*--------------ブログ-----------------*/
 #blog #subimage .sub-top{
	background: url("../images/common/subimage_blog.png") center bottom /cover no-repeat;
}

/*--------------よくある質問-----------------*/
 #question #subimage .sub-top{
	background: url("../images/question/subimage.png") center bottom /cover no-repeat;
}
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
	 float: left;
  width: calc(100%/5);
  height:clamp(60px,17.5vw,74px);
	padding-top: 32px;
	border-top:solid 1px var(--color-key);
	border-right:solid 1px var(--color-key);
	border-bottom:solid 1px var(--color-key);
	text-align: center;
	color: var(--color-key);
	font-size:min(3vw,14px);
	line-height: 1.3;
  display: block;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
.tabs input#mikeiken + .tab_item{
	border-left:solid 1px var(--color-key);	
	background: url("../images/question/faq_icon1.png") center 3px /auto 25px no-repeat;
}
.tabs input#keikensya + .tab_item{
	background:url("../images/question/faq_icon2.png") center 5px / auto 20px no-repeat;
}
.tabs input#mensetsu + .tab_item{
	background:url("../images/question/faq_icon3.png") center 4px / auto 23px no-repeat;
}
.tabs input#taigu + .tab_item{
	background:url("../images/question/faq_icon4.png") center 3px / auto 25px no-repeat;
}
.tabs input#zeikin + .tab_item{
	padding-top:clamp(35px,10vw,40px);
	background:url("../images/question/faq_icon5.png") center 4px / auto 23px no-repeat;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  color: #fff;
}

.tabs input#mikeiken:checked + .tab_item{
	background:var(--color-key) url("../images/question/faq_icon1_w.png") center 3px /auto 25px no-repeat;
}
.tabs input#keikensya:checked + .tab_item{
	background:var(--color-key) url("../images/question/faq_icon2_w.png") center 5px / auto 20px no-repeat;
}
.tabs input#mensetsu:checked + .tab_item{
	background:var(--color-key) url("../images/question/faq_icon3_w.png") center 4px / auto 23px no-repeat;
}
.tabs input#taigu:checked + .tab_item{
	background:var(--color-key) url("../images/question/faq_icon4_w.png") center 3px / auto 25px no-repeat;
}
.tabs input#zeikin:checked + .tab_item{
	background:var(--color-key) url("../images/question/faq_icon5_w.png") center 4px / auto 23px no-repeat;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	padding-top:var(--space-l);
  display: none;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#mikeiken:checked ~ #mikeiken_content,
#keikensya:checked ~ #keikensya_content,
#mensetsu:checked ~ #mensetsu_content,
#taigu:checked ~ #taigu_content,
#zeikin:checked ~ #zeikin_content{
  display: block;
}

/*--------------アリスイズム-----------------*/
 #aliceism #subimage .sub-top{
	background: url("../images/aliceism/subimage.png") center bottom /cover no-repeat;
}
#aliceism04 figure{
	padding: 0 20%;
}

/*--------------スタッフ紹介-----------------*/
 #recruit #subimage .sub-top{
	background: url("../images/staff/subimage.png") center bottom /cover no-repeat;
}
#recruit .box01{
	padding: var(--space-sm);
	background: #ffeae1;
}
#recruit .jinzai{
	position: relative;
}
#recruit .jinzai::before{
	content: " ";
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 90%;
	z-index: 1;
	background: url("../images/common/bg03.png");
	background-size:100%;
}
/*--------------お問い合わせページ-----------------*/
 #mail #subimage .sub-top, #mail_thank #subimage .sub-top{
	background: url("../images/contact/subimage.png") center bottom /cover no-repeat;
}
#mail #subimage,#mail_thank #subimage{
	position: relative;
}
#mail #subimage::after,#mail_thank #subimage::after{
	content: " ";
	width: 100%;
	height:50%;
	position: absolute;
	left: 0;
	bottom:0;
	background: url("../images/contact/subimage2.png") center center / 100% no-repeat;
	z-index: 1;
}
/*--------------プライバシーポリシーページ-----------------*/
 #privacy #subimage .sub-top{
	background: url("../images/common/subimage_privacy.png") center bottom /cover no-repeat;
}
/*--------------会社概要ページ-----------------*/
 #company #subimage .sub-top{
	background: url("../images/common/subimage_company.png") center bottom /cover no-repeat;
}
#company .table01 th{
	border-right:none;
}
/*--------------404ページ-----------------*/
 #error #subimage .sub-top{
	background: url("../images/common/subimage_404.png") center bottom /cover no-repeat;
}
/* =========================
  エリアページ
========================= */
#arealist ul{
	display: flex;
}
#arealist ul li{
	width:20%;
	background: #fff;
}
#arealist ul li a{
	width: 100%;
	height: 100%;
	padding:34px 0 5px;
	border-right:solid 1px var(--color-key);
	display: block;
	text-align: center;
	font-size:min(2.8vw,16px);
	color: var(--color-key);
	line-height: 1.4;
}
#arealist ul li.small a{
	font-size:min(2.6vw,14px);	
}
#arealist ul li:last-of-type a{
	border-right:none;
}
#arealist ul li.insta a{
	background: #fff url("../images/area/area_list1.png") center top 5px / 22px no-repeat;	
}
#arealist ul li.room a{
	background: #fff url("../images/area/area_list2.png") center top 5px / 25px no-repeat;	
}
#arealist ul li.douki a{
	background: #fff url("../images/area/area_list3.png") center top 9px / 22px no-repeat;	
}
#arealist ul li.manager a{
	background: #fff url("../images/area/area_list4.png") center top 4px / 17px no-repeat;	
}
#arealist ul li.docu a{
	padding-top: 41px;
	background: #fff url("../images/area/area_list5.png") center top 8px / 18px no-repeat;	
}
#arealist ul.four li{
	width: 25%;
}
#arealist ul.four li a{
	padding-top: 41px;
}
#arealist ul.four li.room a{
	background-position: center top 7px;
}
#arealist ul.four li.douki a{
	background: #fff url("../images/area/area_list3.png") center top 8px / 26px no-repeat;	
}
#arealist ul.four li.manager a{
	background: #fff url("../images/area/area_list4.png") center top 5px / 19px no-repeat;	
}
#arealist ul.six li{
	width: 16.6%;
}
#arealist ul.six li a{
	padding-bottom: 5px;
}
#arealist ul.six li.insta a{
	padding-top:30px;
	line-height: 1.1;
	background-position: center top 7px;
	background-size:19px
}
#arealist ul.six li.room a{
	padding-top: 38px;
	background-position: center top 8px;
}
#arealist ul.six li.douki a{
	padding-top: 30px;
	line-height: 1.1;
	background-position: center top 7px;
}
#arealist ul.six li.douki.single a{
	padding-top: 37.5px;
	line-height: inherit;
	background-position: center top 10px;
	background-size:24px;
}
#arealist ul.six li.manager a{
	padding-top: 38px;
	background-position: center top 7px;
}
#arealist ul.six li.docu a{
	padding-top: 38px;
}
#arealist li.current a{
  pointer-events: none;
  cursor: default;
}

#arealist li.current{
  opacity: .9;
}
.access{
	padding: 0 38%;
} 

#tokyo_03 .prev-arrow,#tokyo_03 .next-arrow,#tokyo5_02 .prev-arrow,#tokyo5_02 .next-arrow,#kagoshima_03 .prev-arrow,#kagoshima_03 .next-arrow{
	top:20%;
}
/*-------------札幌----------------*/
 #sapporo #subimage .sub-top, #sapporo1 #subimage .sub-top, #sapporo2 #subimage .sub-top, #sapporo3 #subimage .sub-top, #sapporo4 #subimage .sub-top{
	background: url("../images/area/sapporo/subimage.png") center bottom /cover no-repeat;
}

#sapporo1 #subimage .sub-top::before,#sapporo2 #subimage .sub-top::before,#sapporo3 #subimage .sub-top::before,#sapporo4 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/sapporo/sapproarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#sapporo_02 .en{
	margin-top: -20px;
	padding: 0 30%;
}

#sapporo_04 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#sapporo_04 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:8em;
}
#sapporo1_02 .en01{
	width: 60%;
}
#sapporo1_02 .comment1{
	padding-inline:20%;
}
#sapporo1_03 .ulstyle07 li:first-of-type{
	background: url("../images/area/sapporo/kodawari_ttl1.png") right 3% top / 7% no-repeat;
}
#sapporo1_03 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/sapporo/kodawari_ttl2.png") left 3% top / 7% no-repeat;
}
#sapporo1_03 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/sapporo/kodawari_ttl3.png") right 3% top / 7% no-repeat;
}

#sapporo2_02 h2{
	margin-top: -30px;
	padding-inline:10%;
}
#sapporo2_02 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
} 
#sapporo2_02 ul li{
	width: 48%;
	margin-bottom:15px;
}
#sapporo2_02 ul li:first-of-type{
	width: 100%;
}
#sapporo2_03 .bg04 .en01{
	width: 60%;
}
#sapporo2_03 .modelcase .box .girl{
	top:-7%;
	height: 155px;
}
#sapporo2_03 .modelcase .box{
	padding-right: 3%;
	padding-left: 33%;
}
#sapporo2_03 .modelcase .inner{
	padding-top: 20px;
}
.reviews .case-dl1{
	align-items: flex-start;
}
.reviews .case-dl1 dt{
	padding-block: 5px;
	background: #fff;
	color: var(--color-key);
	border:solid 1px var(--color-key);
	line-height: 1.2;
	text-align: center;
	font-size:min(3.5vw,18px);
}
.reviews .prev-arrow,.reviews .next-arrow{
	top:20%;
}
#sapporo2_04 .why{
	padding: 0 40%;
}
.ulstyle01.areaslider li .text{
	padding: 0;
}
#sapporo2_04 .ulstyle01 .hstyle05{
	text-align: left;
}
#sapporo2_04 .ulstyle01{
	overflow: hidden;
}

#sapporo04_03 .en01{
	width: 100%;
}
#sapporo04_03 .ttl1{
	padding: 0 25%;
}
#sapporo04_03 .ulstyle01 li .photo{
	position: relative;
}
#sapporo04_03 .ulstyle01 li .photo img{
	margin: 0 auto;
	width: 150px;
}
#sapporo04_03 .ulstyle01 li .photo figcaption{
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-80px);
	font-size:min(9vw,40px);
	color: #fff;
  text-shadow    : 
       1px  1px 0px var(--color-key),
      -1px  1px 0px var(--color-key),
       1px -1px 0px var(--color-key),
      -1px -1px 0px var(--color-key),
       1px  0px 0px var(--color-key),
       0px  1px 0px var(--color-key),
      -1px  0px 0px var(--color-key),
       0px -1px 0px var(--color-key);
	font-weight: bold;
	font-family: var(--font);
}

/*-------------仙台----------------*/
 #sendai #subimage .sub-top,#sendai3 #subimage .sub-top, #sendai4 #subimage .sub-top, #sendai5 #subimage .sub-top{
	background: url("../images/area/sendai/subimage.png") center bottom /cover no-repeat;
}
#sendai1 #subimage .sub-top{
	background: url("../images/area/sendai/subimage_higashi.png") center bottom /cover no-repeat;
}
#sendai2 #subimage .sub-top{
	background: url("../images/area/sendai/subimage_hirose.png") center bottom /cover no-repeat;
}
#sendai1 #subimage .sub-top::before,#sendai2 #subimage .sub-top::before,#sendai3 #subimage .sub-top::before,#sendai4 #subimage .sub-top::before,#sendai5 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/sendai/sendaiarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#sendai_01 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#sendai_01 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:2em;
}
.ulstyle02 .shopname{
	font-size:min(5.5vw,30px);
}
#sendai_01 .ulstyle02 li:first-of-type .shopname{
	padding-left: 4%;
}
#sendai_01 .ulstyle02 li:nth-of-type(2) .shopname{
	padding-right: 4%;
}

#sendai_03 .modelcase .en01{
	width: 65%;
}
#sendai_03 .prev-arrow,#sendai_03 .next-arrow{
	top:20%;
}
#sendai_04 .voice{
	padding: 0 35%;
}
#sendai_05 h2{
	padding: 0 5%;
}
#sendai1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:2em;
}
#sendai1_02 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:32%;
  height:1em;
}
#sendai1_03 .en01,#sendai2_03 .en01{
	width: 65%;
}
#sendai1_04 .en,#sendai2_04 .en{
	margin-top: -20px;
	padding: 0 30%;
}
#sendai1_05 .voice,#sendai2_05 .voice{
	padding: 0 20%;
}
#sendai2_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:1em;
}
#sendai2_02 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:32%;
  height:4em;
}
#sendai4 #subimage .sub-bottom p{
	line-height: 1.5;
}
/*-------------東京----------------*/
 #tokyo #subimage .sub-top,#tokyo3 #subimage .sub-top, #tokyo4 #subimage .sub-top, #tokyo5 #subimage .sub-top{
	background: url("../images/area/tokyo/subimage.png") center bottom /cover no-repeat;
}
#tokyo1 #subimage .sub-top{
	background: url("../images/area/tokyo/subimage_shinjuku.png") center bottom /cover no-repeat;
}
#tokyo2 #subimage .sub-top{
	background: url("../images/area/tokyo/subimage_kinshicho.png") center bottom /cover no-repeat;
}
#tokyo1 #subimage .sub-top::before,#tokyo2 #subimage .sub-top::before,#tokyo3 #subimage .sub-top::before,#tokyo4 #subimage .sub-top::before,#tokyo5 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/tokyo/tokyoarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#tokyo_01 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#tokyo_01 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:4em;
}
#tokyo_01 .ulstyle02 li:first-of-type .shopname{
	padding-left: 4%;
}
#tokyo_01 .ulstyle02 li:nth-of-type(2) .shopname{
	padding-right: 4%;
}
#tokyo_02 .t02_ttl{
	padding: 0 15%;
}
#tokyo_03 .en01{
	width: 50%;
}

#tokyo_04 .hstyle01{
	margin-top: -15px;
}
#tokyo1_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:6em;
}
#tokyo1_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:12em;
}
#tokyo1_03 .ulstyle02 li .boxstyle03{
	margin-inline:var(--space-xs);
}
.map{
	padding-left: 25px;
	background: url("../images/area/tokyo/icon02.png") left center / 15px no-repeat;
}
#tokyo1_04 .text1{
	padding: 0 15%;
}

#tokyo2_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:11em;
}
#tokyo2_03 .ulstyle02 li:first-of-type p:first-of-type{
	margin-right:30%;
}
#tokyo2_03 .ulstyle02 li:first-of-type p:last-of-type{
	margin-right:40%;
}
#tokyo2_03 .ulstyle02 li:first-of-type .img01{
	position: absolute;
	right:3%;
	bottom:5%;
	width: 33%;
}
#tokyo2_03 .map{
	font-size:min(3.3vw,16px);
}
.comment-box figure{
	width:20%;
}
.comment-box .text{
	width: 75%;
}
.comment-box .hstyle05{
	font-size:min(4.4vw,22px);
}
/*-------------小倉---------------*/
#kitakyushu #subimage .sub-top,#kitakyushu1 #subimage .sub-top,#kitakyushu2 #subimage .sub-top,#kitakyushu3 #subimage .sub-top,#kitakyushu4 #subimage .sub-top{
	background: url("../images/area/kitakyusyu/subimage.png") center bottom /cover no-repeat;
}
#kitakyushu1 #subimage .sub-top::before,#kitakyushu2 #subimage .sub-top::before,#kitakyushu3 #subimage .sub-top::before,#kitakyushu4 #subimage .sub-top::before{
	content: " ";
	width: 35%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/kitakyusyu/kitakyusyuarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#kitakyusyu_04.bg04 .en01{
	width: 60%;
}
#kitakyusyu1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:6em;
}
#kitakyusyu1_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:8em;
}
#kitakyusyu1_03 .ulstyle07 li:first-of-type{
	background: url("../images/area/kitakyusyu/kitakyusyu1_bg01.png") right 3% top / 7% no-repeat;
}
#kitakyusyu1_03 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/kitakyusyu/kitakyusyu1_bg02.png") left 3% top / 7% no-repeat;
}
#kitakyusyu1_03 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/kitakyusyu/kitakyusyu1_bg03.png") right 3% top / 7% no-repeat;
}
#kitakyusyu1_04 .en{
	margin-top: -20px;
	padding: 0 20%;
}
#kitakyusyu1_05 .en01{
	width: 65%;
}
#kitakyusyu4_03 .en01{
	width: 42%;
}
#kitakyusyu4_03 .comment{
	padding: 0 20%;
}
#kitakyusyu4_04 .comment{
	padding: 0 20%;
}

/*-------------広島---------------*/
#hiroshima #subimage .sub-top,#hiroshima1 #subimage .sub-top,#hiroshima2 #subimage .sub-top,#hiroshima3 #subimage .sub-top,#hiroshima4 #subimage .sub-top{
	background: url("../images/area/hiroshima/subimage.png") center bottom /cover no-repeat;
}
#hiroshima1 #subimage .sub-top::before,#hiroshima2 #subimage .sub-top::before,#hiroshima3 #subimage .sub-top::before,#hiroshima4 #subimage .sub-top::before{
	content: " ";
	width: 35%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/hiroshima/hiroshimaarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#hiroshima_02 .ulstyle07 li:first-of-type{
	background: url("../images/area/hiroshima/hiroshima_bg01.png") right 3% top / 7% no-repeat;
}
#hiroshima_02 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/hiroshima/hiroshima_bg02.png") left 3% top / 7% no-repeat;
}
#hiroshima_02 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/hiroshima/hiroshima_bg03.png") right 3% top / 7% no-repeat;
}
#hiroshima_02 .ulstyle07 li:nth-of-type(4){
	background: url("../images/area/hiroshima/hiroshima_bg04.png") left 3% top / 7% no-repeat;
}
.hiroshima_03_text1,.hiroshima_03_text2{
	position: relative;
}
.hiroshima_03_text1 .dummy{
  float:left;
  width:50%;
  height:11em;
}
.hiroshima_03_text2 .dummy{
  float:right;
  width:50%;
  height:11em;
}
.hiroshima_03_text1 img{
	position: absolute;
	left:0;
	top:0;
	width: 46%;
}
.hiroshima_03_text2 img{
	position: absolute;
	right:0;
	top:0;
	width: 46%;
}
#hiroshima_04 .en01{
	width: 50%;
}
#hiroshima1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:3em;
}
#hiroshima1_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:8em;
}
#hiroshima1_03 .ulstyle07 li:first-of-type{
	background: url("../images/area/hiroshima/hiroshima1_bg01.png") right 3% top / 7% no-repeat;
}
#hiroshima1_03 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/hiroshima/hiroshima1_bg02.png") left 3% top / 7% no-repeat;
}
#hiroshima1_03 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/hiroshima/hiroshima1_bg03.png") right 3% top / 7% no-repeat;
}
#hiroshima1_04 .en{
	margin-top: -20px;
	padding: 0 20%;
}
.shop-file{
	position: relative;
	padding-top: var(--space-sm);
	background: url("../images/flow/flow_bg3.png") center top / 100% no-repeat;
}
.shop-file .filettl {
	position: relative;
}
.shop-file .filettl .photo{
	width: 55%;
}
.shop-file .filettl .text{
	width: 45%;
	height:20em;
	position: absolute;
	right:0;
	top:0;
	display: flex;
	justify-content: center;
}
.shop-file#hiroshima2_03 .filettl .photo,.shop-file#hiroshima2_05 .filettl .photo{
	margin-left: 45%;
}
.shop-file#hiroshima2_03 .filettl .text,.shop-file#hiroshima2_05 .filettl .text{
	right: inherit;
	left:0;
}
.shop-file .filettl .text .ttl1{
	font-family: var(--font);
	font-size:min(5vw,24px);
	writing-mode: vertical-rl;
  text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;  
	line-height: 2;
}
.shop-file figure img{
	width: min(28vw,170px);
}
.shop-file .fileno{
	position: absolute;
	left:0;
	top:0;
	text-align: center;
	font-size:80%;
	font-weight: bold;
	line-height: 1;
}
.shop-file#hiroshima2_03 .fileno,.shop-file#hiroshima2_05 .fileno{
	left: inherit;
	right:0;
}
.shop-file .fileno .no{
	font-size:min(7vw,32px);
	color: #fff;
  text-shadow    : 
       1px  1px 0px var(--color-key),
      -1px  1px 0px var(--color-key),
       1px -1px 0px var(--color-key),
      -1px -1px 0px var(--color-key),
       1px  0px 0px var(--color-key),
       0px  1px 0px var(--color-key),
      -1px  0px 0px var(--color-key),
       0px -1px 0px var(--color-key);
}
#hiroshima4_03 .en01{
	width: 40%;
}
#hiroshima4_03 .ulstyle01 li .photo{
	position: relative;
}
#hiroshima4_03 .ulstyle01 li .photo img{
	margin: 0 auto;
	width: 150px;
}
#hiroshima4_03 .ulstyle01 li .photo figcaption{
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-80px);
	font-size:min(9vw,40px);
	color: #fff;
  text-shadow    : 
       1px  1px 0px var(--color-key),
      -1px  1px 0px var(--color-key),
       1px -1px 0px var(--color-key),
      -1px -1px 0px var(--color-key),
       1px  0px 0px var(--color-key),
       0px  1px 0px var(--color-key),
      -1px  0px 0px var(--color-key),
       0px -1px 0px var(--color-key);
	font-weight: bold;
	font-family: var(--font);
}
/*-------------愛媛---------------*/
#ehime #subimage .sub-top,#ehime1 #subimage .sub-top,#ehime2 #subimage .sub-top,#ehime3 #subimage .sub-top,#ehime4 #subimage .sub-top{
	background: url("../images/area/ehime/subimage.png") center bottom /cover no-repeat;
}
#ehime1 #subimage .sub-top::before,#ehime2 #subimage .sub-top::before,#ehime3 #subimage .sub-top::before,#ehime4 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/ehime/ehimearea.png") center top / 100% no-repeat;
	z-index: 2;
}
#ehime_04 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:3em;
}
#ehime_04 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:3em;
}
#ehime_04 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:32%;
  height:4em;
}
#ehime_04 .ulstyle02 li:nth-of-type(4) .text .dummy{
  float:left;
  width:32%;
  height:6em;
}
#ehime_04 .ulstyle02 li:nth-of-type(5) .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#ehime_05 .en01{
	width: 55%;
}
#ehime1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:3em;
}
#ehime1_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:4em;
}
#ehime1_02 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#ehime1_02 .ulstyle02 li:nth-of-type(4) .text .dummy{
  float:left;
  width:32%;
  height:6em;
}
#ehime1_03 .en01{
	width: 40%;
}
#ehime1_03 .prev-arrow,#ehime1_03 .next-arrow{
	top:20%;
}
#ehime1_03 .slider-bg::before{
	top:22%;
}
#ehime4_03 .en01{
	width: 38%;
}
#ehime4_03 .ulstyle01 li .photo{
	position: relative;
}
#ehime4_03 .ulstyle01 li .photo img{
	margin: 0 auto;
	width: 150px;
}
#ehime4_03 .ulstyle01 li .photo figcaption{
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-80px);
	font-size:min(9vw,40px);
	color: #fff;
  text-shadow    : 
       1px  1px 0px var(--color-key),
      -1px  1px 0px var(--color-key),
       1px -1px 0px var(--color-key),
      -1px -1px 0px var(--color-key),
       1px  0px 0px var(--color-key),
       0px  1px 0px var(--color-key),
      -1px  0px 0px var(--color-key),
       0px -1px 0px var(--color-key);
	font-weight: bold;
	font-family: var(--font);
}

/*-------------福岡---------------*/
#fukuoka #subimage .sub-top,#fukuoka4 #subimage .sub-top,#fukuoka5 #subimage .sub-top,#fukuoka6 #subimage .sub-top{
	background: url("../images/area/fukuoka/subimage.png") center bottom /cover no-repeat;
}
#fukuoka1 #subimage .sub-top{
	background: url("../images/area/fukuoka/subimage1.png") center bottom /cover no-repeat;
}
#fukuoka2 #subimage .sub-top{
	background: url("../images/area/fukuoka/subimage2.png") center bottom /cover no-repeat;
}
#fukuoka3 #subimage .sub-top{
	background: url("../images/area/fukuoka/subimage3.png") center bottom /cover no-repeat;
}
#fukuoka1 #subimage .sub-top::before,#fukuoka2 #subimage .sub-top::before,#fukuoka3 #subimage .sub-top::before,#fukuoka4 #subimage .sub-top::before,#fukuoka5 #subimage .sub-top::before,#fukuoka6 #subimage .sub-top::before{
	content: " ";
	width: 35%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/fukuoka/fukuokaarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#fukuoka_01 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:5em;
}
#fukuoka_01 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:8em;
}
#fukuoka_01 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:32%;
  height:10em;
}
#fukuoka_01 .ulstyle02 li:first-of-type .shopname,#fukuoka_01 .ulstyle02 li:nth-of-type(3) .shopname{
	padding-left: 4%;
}
#fukuoka_01 .ulstyle02 li:nth-of-type(2) .shopname{
	padding-right: 4%;
}
#fukuoka_01 .recommend{
	position: relative;
	padding: min(13vw,70px) min(3vw,20px) min(5vw,30px) min(10vw,50px);
	background: url("../images/area/fukuoka/check_bg.png") center top / 100% no-repeat;
}
#fukuoka_01 .recommend .recommendttl{
	position: absolute;
	left: -5px;
	top:-7px;
	width: 48%;
}
#fukuoka_01 .recommend li{
	background: url("../images/common/check.png") left top 4px / 14px no-repeat;
	padding-top: 0;
	padding-left: 20px;
	font-size:min(4vw,18px);
}


#fukuoka_02 .t02_ttl{
	padding: 0 15%;
}
#fukuoka_03 .en01{
	width: 60%;
}
.taglist{
	display: flex;
	flex-wrap: wrap;
	gap:5px;
}
.taglist li{
	padding: 1px 5px;
	border:solid 1px var(--color-key);
	background: #fff;
	font-size:min(3vw,14px);
	color:var(--color-key);
}
#fukuoka_03 .prev-arrow,#fukuoka_03 .next-arrow{
	top:22%;
}
#fukuoka_03 dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#fukuoka_03 dl dt{
	width:20%;
}
#fukuoka_03 dl dd{
	width: 78%;
}
#fukuoka_04 .hstyle01{
	margin-top: -15px;
}
#fukuoka1_02 .ulstyle07 li:first-of-type{
	background: url("../images/area/fukuoka/fukuoka1_bg01.png") right 3% top / 7% no-repeat;
}
#fukuoka1_02 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/fukuoka/fukuoka1_bg02.png") left 3% top / 7% no-repeat;
}
#fukuoka1_02 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/fukuoka/fukuoka1_bg03.png") right 3% top / 7% no-repeat;
}
#fukuoka1_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:44%;
  height:3em;
}
#fukuoka1_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:44%;
  height:3em;
}
#fukuoka1_03 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:44%;
  height:3em;
}
#fukuoka1_03 .ulstyle02 li:nth-of-type(4) .text .dummy{
  float:left;
  width:44%;
  height:3em;
}
#fukuoka2_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:44%;
  height:4em;
}
#fukuoka2_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:44%;
  height:4em;
}
#fukuoka2_03 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:44%;
  height:4em;
}
#fukuoka2_02 .ulstyle07 li:first-of-type{
	background: url("../images/area/fukuoka/fukuoka2_bg01.png") right 3% top / 7% no-repeat;
}
#fukuoka2_02 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/fukuoka/fukuoka2_bg02.png") left 3% top / 7% no-repeat;
}
#fukuoka2_02 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/fukuoka/fukuoka2_bg03.png") right 3% top / 7% no-repeat;
}
#fukuoka2_02 .ulstyle07 li:nth-of-type(4){
	background: url("../images/area/fukuoka/fukuoka2_bg04.png") left 3% top / 7% no-repeat;
}
#fukuoka2_04 .ulstyle01.point01 li.inner{
	padding-top: 20px;
}
#fukuoka2_04 .ulstyle01.point01 li.inner .job{
	font-size:min(3vw,16px);
}
#fukuoka3_02 .ulstyle07 li:first-of-type{
	background: url("../images/area/fukuoka/fukuoka3_bg01.png") right 3% top / 7% no-repeat;
}
#fukuoka3_02 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/fukuoka/fukuoka3_bg02.png") left 3% top / 7% no-repeat;
}
#fukuoka3_02 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/fukuoka/fukuoka3_bg03.png") right 3% top / 7% no-repeat;
}
#fukuoka3_02 .ulstyle07 li:nth-of-type(4){
	background: url("../images/area/fukuoka/fukuoka3_bg04.png") left 3% top / 7% no-repeat;
}
#fukuoka3_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:18em;
}
#fukuoka3_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:9em;
}
#fukuoka3_03 .ulstyle02 li:first-of-type .photo01{
	width: 32%;
	position: absolute;
	right:0;
	top:min(108vw,520px);
}
#fukuoka5 .f-maru .span04{
	font-size:min(4.4vw,20px);
}
/*-------------熊本---------------*/
#kumamoto #subimage .sub-top,#kumamoto1 #subimage .sub-top,#kumamoto2 #subimage .sub-top,#kumamoto3 #subimage .sub-top,#kumamoto4 #subimage .sub-top{
	background: url("../images/area/kumamoto/subimage.png") center bottom /cover no-repeat;
}
#kumamoto1 #subimage .sub-top::before,#kumamoto2 #subimage .sub-top::before,#kumamoto3 #subimage .sub-top::before,#kumamoto4 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/kumamoto/kumamotoarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#kumamoto_04 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:5em;
}
#kumamoto_04 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:1em;
}
#kumamoto_04 .ulstyle02 li:nth-of-type(4) .text .dummy{
  float:left;
  width:32%;
  height:3em;
}
#kumamoto_04 .ulstyle02 li:nth-of-type(5) .text .dummy{
  float:right;
  width:32%;
  height:2em;
}
#kumamoto_05 .en01{
	width: 75%;
}
#kumamoto1_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#kumamoto1_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:1em;
}
#kumamoto1_03 .en01{
	width:45%;
}
/*-------------長崎---------------*/
#nagasaki #subimage .sub-top,#nagasaki1 #subimage .sub-top,#nagasaki2 #subimage .sub-top,#nagasaki3 #subimage .sub-top,#nagasaki4 #subimage .sub-top{
	background: url("../images/area/nagasaki/subimage.png") center bottom /cover no-repeat;
}
#nagasaki1 #subimage .sub-top::before,#nagasaki2 #subimage .sub-top::before,#nagasaki3 #subimage .sub-top::before,#nagasaki4 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/nagasaki/nagasakiarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#nagasaki1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:5em;
}
#nagasaki1_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:5em;
}
#nagasaki1_03 .ulstyle07 li:first-of-type{
	background: url("../images/area/nagasaki/nagasaki1_bg01.png") right 3% top / 7% no-repeat;
}
#nagasaki1_03 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/nagasaki/nagasaki1_bg02.png") left 3% top / 7% no-repeat;
}
#nagasaki1_03 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/nagasaki/nagasaki1_bg03.png") right 3% top / 7% no-repeat;
}
#nagasaki1_04 .en{
	margin-top: -20px;
	padding: 0 20%;
}
/*-------------大分---------------*/
#oita #subimage .sub-top,#oita1 #subimage .sub-top,#oita2 #subimage .sub-top,#oita3 #subimage .sub-top,#oita4 #subimage .sub-top{
	background: url("../images/area/oita/subimage.png") center bottom /cover no-repeat;
}
#oita1 #subimage .sub-top::before,#oita2 #subimage .sub-top::before,#oita3 #subimage .sub-top::before,#oita4 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/oita/oitaarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#oita_04 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:6em;
}
#oita_04 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:6em;
}
#oita_04 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:32%;
  height:9em;
}
#oita1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#oita1_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:8em;
}
#oita1_03 .ulstyle07 li:first-of-type{
	background: url("../images/area/oita/oita1_bg01.png") right 3% top / 7% no-repeat;
}
#oita1_03 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/oita/oita1_bg02.png") left 3% top / 7% no-repeat;
}
#oita1_03 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/oita/oita1_bg03.png") right 3% top / 7% no-repeat;
}
/*-------------宮崎--------------*/
#miyazaki #subimage .sub-top,#miyazaki1 #subimage .sub-top,#miyazaki2 #subimage .sub-top,#miyazaki3 #subimage .sub-top,#miyazaki4 #subimage .sub-top{
	background: url("../images/area/miyazaki/subimage.png") center bottom /cover no-repeat;
}
#miyazaki1 #subimage .sub-top::before,#miyazaki2 #subimage .sub-top::before,#miyazaki3 #subimage .sub-top::before,#miyazaki4 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/miyazaki/miyazakiarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#miyazaki_04 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:44%;
  height:6em;
}
#miyazaki_04 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:44%;
  height:5em;
}
#miyazaki_04 .ulstyle02 li:nth-of-type(3) .text .dummy{
  float:right;
  width:44%;
  height:7em;
}
#miyazaki1_02 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:44%;
  height:6em;
}
#miyazaki1_02 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:44%;
  height:8em;
}
#miyazaki1_03 .ulstyle07 li:first-of-type{
	background: url("../images/area/miyazaki/miyazaki1_bg01.png") right 3% top / 6% no-repeat;
}
#miyazaki1_03 .ulstyle07 li:nth-of-type(2){
	background: url("../images/area/miyazaki/miyazaki1_bg02.png") left 3% top / 6% no-repeat;
}
#miyazaki1_03 .ulstyle07 li:nth-of-type(3){
	background: url("../images/area/miyazaki/miyazaki1_bg03.png") right 3% top / 6% no-repeat;
}
/*-------------鹿児島----------------*/
 #kagoshima #subimage .sub-top,#kagoshima3 #subimage .sub-top, #kagoshima4 #subimage .sub-top, #kagoshima5 #subimage .sub-top{
	background: url("../images/area/kagoshima/subimage.png") center bottom /cover no-repeat;
}
#kagoshima1 #subimage .sub-top{
	background: url("../images/area/kagoshima/subimage1.png") center bottom /cover no-repeat;
}
#kagoshima2 #subimage .sub-top{
	background: url("../images/area/kagoshima/subimage2.png") center bottom /cover no-repeat;
}
#kagoshima1 #subimage .sub-top::before,#kagoshima2 #subimage .sub-top::before,#kagoshima3 #subimage .sub-top::before,#kagoshima4 #subimage .sub-top::before,#kagoshima5 #subimage .sub-top::before{
	content: " ";
	width: 30%;
	height: 100px;
	position: absolute;
	left: 50%;
	top:35%;
	transform: translateX(-50%);
	background: url("../images/area/kagoshima/kagoshimaarea.png") center top / 100% no-repeat;
	z-index: 2;
}
#kagoshima_01 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:6em;
}
#kagoshima_01 .ulstyle02 li:first-of-type .shopname{
	padding-left: 4%;
}
#kagoshima_01 .ulstyle02 li:nth-of-type(2) .shopname{
	padding-right: 4%;
}
#kagoshima_02 .t02_ttl{
	padding: 0 15%;
}
#kagoshima_03 .en01{
	width: 70%;
}
#kagoshima_03 .link02 a{
	font-size:min(3.9vw,18px);
}
#kagoshima_04 .hstyle01{
	margin-top: -15px;
}
#kagoshima1_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:7em;
}
#kagoshima1_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:8em;
}
#kagoshima1_03 .map,#kagoshima2_03 .map{
	font-size:min(3.5vw,18px);
}
#kagoshima1_03 .ulstyle02 li .boxstyle03{
	margin-inline:var(--space-xs);
}
.k1_4_inner{
	padding-top:40px;
	position: relative;
}
.k1_4_inner .text1{
	position: absolute;
	top:0;
	left: 0;
	padding: 0 10%;
}
#kagoshima2_03 .ulstyle02 li:first-of-type .text .dummy{
  float:right;
  width:32%;
  height:8em;
}
#kagoshima2_03 .ulstyle02 li:nth-of-type(2) .text .dummy{
  float:left;
  width:32%;
  height:7em;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
  320px以下
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media (max-width: 320px) {
	#experiences .modelcase .box .girl{
	top:0;
	left:0;
	height: 200px;
}
#experiences .modelcase .box .girl.girl02,#experiences .modelcase .box .girl.girl05,#experiences .modelcase .box .girl.girl06,#experiences .modelcase .box .girl.girl10{
	height:170px;
}
#experiences .modelcase .box .girl.girl04,#experiences .modelcase .box .girl.girl13{
	height: 150px;
}
#experiences .modelcase .box .girl.girl08,#experiences .modelcase .box .girl.girl09,#experiences .modelcase .box .girl.girl11,#experiences .modelcase .box .girl.girl12,#experiences .modelcase .box .girl.girl15{
	height: 180px;
}
#hiroshima h3.f-maru .span03{
		font-size:4.5vw;
	}
}
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑spサイズ
----------------------------------
↓pcサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/


@media (min-width: 500px) {
#step .ulstyle01 li.inner p{
	font-size:100%;
}
	#step .en01{
		top:-30px;
	}
	#flow02 .box02{
		padding:30px 70px 100px;
	}
	#flow02 .en01 {
    opacity: 0.4;
	}
	#step .en01{
    opacity: 0.5;
	}
	.modelcase .box ol li dl dd span{
		display: block;
	}
	#experiences .modelcase .box{
		max-width: 400px;
		margin-inline:auto;
	}
	#kitakyusyu4_04 .ulstyle01 li .text{
		padding-inline:10%;
	}
	.hiroshima_03_text1 .dummy,.hiroshima_03_text2 .dummy{
  height:13em;
}
	#ehime4_03.bg04::after{
		height: 300px;
		bottom:-120px;
	}
	#ehime4_03 .slider3 li.inner2{
		padding-inline:50px;
	}
	#fukuoka_01 .recommend .recommendttl{
		left: -15px;
		top:-15px;
	}
	#fukuoka_01 .recommend{
		padding-bottom:25px;
		background: #f9f8eb url("../images/area/fukuoka/check_bg2.png") left 10px top 10px / 20px repeat-y;
		border:solid 2px #333;
	}

}
@media (min-width: 1000px) {
	#topimage{
		padding-top: 10px;
	}

}