@charset "utf-8";
/* reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
word-break: break-all;
word-wrap: break-word;
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
line-height: 1.3;
scroll-behavior: smooth;
}
body {
padding: 0;
margin: 0;
background: #fff;
color: #000;
font-size: 1.6rem;
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
font-family: 'Noto Sans JP', sans-serif;
font-weight: normal;
width: 100%;
height: 100%;
}
li{
list-style: none;
}
ul::before,
ul::after,
ol::before,
ol::after,
dl::before,
dl::after {
display: none;
}
img {
max-width: 100%;
vertical-align: top;
}
a {
color: #000;
text-decoration: none;
transition: .3s;
}
a:hover {
opacity: 0.7;
}
/* reset end */




/* wrap */
#wrap {
min-width: 320px;
overflow: hidden;
line-height: 1.7;
}
#header {
min-width: 320px;
}
#wrap * {
box-sizing: border-box;
}
#wrap img {
vertical-align: top;
height: auto;
}
	@media screen and (max-width: 768px) {
	html {

	}
	#wrap {
	}
	}
/* wrap end */

/* area */
.area {
position: relative;
padding: 50px 20px;
box-sizing: border-box;
}
.inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1020px;
margin: 0 auto;
box-sizing: border-box;
}
.pc {
display: block;
}
.sp {
display: none;
}
	@media screen and (max-width: 768px) {
	.area {
	padding: 30px 20px;
	}
	.inner {
	max-width: 100%;
	}
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
	}
/* area end */

/* header
-------------------------------------------------------*/
#header {
font-family: "Noto Sans JP", sans-serif;
background: #fff;
padding: 5px 10px;
height: 80px;
display: flex;
align-items: center;
border-bottom: 5px solid #055e8d;
}
#header .pr {
text-align: center;
font-size: 1.2rem;
line-height: 1;
}
.branding {
display: flex;
justify-content: center;
align-items: center;
}
.branding > * {
display: flex;
align-items: center;
}
#header .logo01 > * {
display: flex;
}
#header .logo01 img {
max-width: 246px;
width: 100%;
}
#header .closs img {
max-width: 40px;
width: 100%;
}
#header .logo02 img {
max-width: 340px;
width: 100%;
}
	@media screen and (max-width: 768px) {
	#header {
	padding: 0;
	border-bottom: 3px solid #055e8d;
	}
	#header {
	height: 70px;
	}
	#header .logo02 a {
	display: flex;
	}
	#header .pr {
	font-size: 1rem;
	}
	}

/* visual */
#visual {
position: relative;
width: 100%;
padding: 0!important;
/*height: 640px;
background: #e8ecf5 url(../img/visual_img1400.png)no-repeat center/1837px 640px;
background: none;*/
background: #E8ECF5;
}
#visual img {
transition: .6s;
}
#visual .visual_img {
width: 1400px;
height: 640px;
text-align: center;
margin: 0 auto;
background: url(../img/visual_img.png) no-repeat top center / auto 100%;
transition: .6s;
opacity: 0;
}
.effect_active #visual .visual_img {
opacity: 1;
}
#visual .visual_img img {
width: 1400px;
height: 640px;
opacity: 0.0;
vertical-align: top;
}
#visual .btn01 {
position: absolute;
left: 50%;
bottom: 30%;
transform: translate(-50%,0);
width: 100%;
z-index: 10;
}
#visual .btn01 a {
width: 200px;
}
#visual .pcimage {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%,0);
width: 100%;
max-width: 930px;
z-index: 9;
display: flex;
}
    @media screen and (min-width: 768px) and (max-width: 1400px) {
    #visual .pcimage {
    max-width: 75vw;
    }
    #visual .btn01 a {
    width: 18vw;
    height: 3.5vw;
    font-size: 1.3vw;
    }
    }
    @media screen and (max-width: 768px) {
    #visual .pcimage {
    bottom: 90px;
    }
    }
#visual .pcimage span {
animation: slide-up-down 2s ease-in-out infinite alternate;
}
@keyframes slide-up-down {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
#visual .pcimage span {
flex: 0 1 20%;
}
#visual .pcimage img {
width: 100%;
height: auto;
transition: .6s;
}
/*
#visual .pcimage span:nth-child(1) img {
transform: translate(10%,100px);
transition-delay: 0s;
opacity: 0;
}
#visual .pcimage span:nth-child(2) img {
transform: translate(-10%,100px);
transition-delay: 0.3s;
opacity: 0;
}
#visual .pcimage span:nth-child(3) img {
transform: translate(-20%,100px);
transition-delay: 0.6s;
opacity: 0;
}
.effect_active #visual .pcimage span:nth-child(1) img {
transform: translate(10%,0);
opacity: 1;
}
.effect_active #visual .pcimage span:nth-child(2) img {
transform: translate(-10%,0);
opacity: 1;
}
.effect_active #visual .pcimage span:nth-child(3) img {
transform: translate(-20%,0);
opacity: 1;
}
*/
#visual .pcimage span:nth-child(1) img {
transform: translate(0,100px);
transition-delay: 0.6s;
opacity: 0;
}
#visual .pcimage span:nth-child(2) img {
transform: translate(0,100px);
transition-delay: 0.3s;
opacity: 0;
}
#visual .pcimage span:nth-child(3) img {
transform: translate(0,100px);
transition-delay: 0s;
opacity: 0;
}
#visual .pcimage span:nth-child(4) img {
transform: translate(0,100px);
transition-delay: 0.3s;
opacity: 0;
}
#visual .pcimage span:nth-child(5) img {
transform: translate(0,100px);
transition-delay: 0.6s;
opacity: 0;
}
.effect_active #visual .pcimage span:nth-child(1) img {
transform: translate(0,0);
opacity: 1;
}
.effect_active #visual .pcimage span:nth-child(2) img {
transform: translate(0,0);
opacity: 1;
}
.effect_active #visual .pcimage span:nth-child(3) img {
transform: translate(0,0);
opacity: 1;
}
.effect_active #visual .pcimage span:nth-child(4) img {
transform: translate(0,0);
opacity: 1;
}
.effect_active #visual .pcimage span:nth-child(5) img {
transform: translate(0,0);
opacity: 1;
}
@media screen and (max-width: 1400px) {
#visual .visual_img,
#visual .visual_img img {
width: 100%;
height: calc(100vw * (640 / 1400));
}
}
@media screen and (min-width: 1400px) {
#visual .visual_img {
width: 100%;
height: 640px;
background-image: url(../img/visual_img1400.png);
}
}
@media screen and (max-width: 768px) {
#visual {
padding: 0 0 30px!important;
}
#visual .visual_img,
#visual .visual_img img {
width: 100%;
height: calc(100vw * (800 / 800));
background-image: url(../img/visual_sp.png);
}
#visual .btn01 {
position: inherit;
}
}

/* visual end */


/* nav
-------------------------------------------------------*/
#nav {
background: #055e8d;
}
#nav .inner {
max-width: 1200px;
}
.nav_list {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: space-between;
}
.nav_list li {
width: 25%;
}
.nav_list li a {
color: #fff;
text-align: center;
font-size: 1.8rem;
font-weight: 700;
height: 80px;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.nav_list li a::after {
position: absolute;
display: block;
content: "";
background: url(../img/nav_arrow.png)no-repeat right center/17px 9px;
width: 17px;
height: 9px;
right: 10px;
}
    @media screen and (min-width: 768px) and (max-width: 1400px) {
    .nav_list li a {
    font-size: 1.3vw;
    }
    }
	@media screen and (max-width: 768px) {
	.nav_list {
	flex-flow: row wrap;
	}
	.nav_list li {
	width: 50%;
	border-bottom: 1px solid #fff;
	}
	.nav_list li:nth-child(odd) {
	border-right: 1px solid #fff;
	}
	.nav_list li a {
	font-size: 1.3rem;
	height: 50px;
	}
	.nav_list li a::before {
	background: url(../img/triangle.png)no-repeat left top/50px 50px;
	width: 50px;
	height: 50px;
	}
	.nav_list li a::after {
	background: url(../img/nav_arrow.png)no-repeat right center/9px 6px;
	width: 9px;
	height: 6px;
	right: 10px;
	}
	}
	@media screen and (max-width: 520px) {
	.nav_list li {
	width: 100%;
    }
    .nav_list li a {
    padding-right: 30px;
    }
	.nav_list li:nth-child(odd) {
	border-right: none;
	}
    }

/* common 
-------------------------------------------------------*/
.ttl01 {
text-align: center;
color: #055E8D;
font-size: 4.5rem;
font-weight: 700;
margin-bottom: 50px;
position: relative;
margin-bottom: 60px;
padding-bottom: 30px;
}
    @media screen and (min-width: 768px) and (max-width: 1400px) {
    .ttl01 {
    font-size: 3.5vw;
    margin-bottom: 3vw;
    padding-bottom: 2vw;
    }
    }
.ttl01::after {
position: absolute;
display: block;
content: "";
width: 100px;
height: 3px;
background: #fff100;
right: 50%;
bottom: 0;
transform: translate(50%,0);
}
.btn01 > * {
display: block;
background: #055e8d;
max-width: 200px;
width: 100%;
height: 40px;
text-align: center;
border-radius: 5px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
color: #055E8D;
position: relative;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #fff;
transition: .3s;
cursor: pointer;
}
.btn01 > *:hover {
opacity: 0.7;
}
.btn01 > *::after {
position: absolute;
display: block;
content: "";
background: url(../img/btn_arrow.png)no-repeat right center/7px 10px;
width: 7px;
height: 10px;
right: 15px;
}
.btn01.size_m a {
max-width: 350px;
height: 70px;
font-size: 2.4rem;
border-radius: 10px;
background: #055E8D;
}
.btn01.size_m a::after {
background: url(../img/btn_arrow.png)no-repeat right center/9px 17px;
width: 9px;
height: 17px;
}
	@media screen and (max-width: 768px) {
	.ttl01 {
	font-size: 2.5rem;
	padding-bottom: 20px;
	margin-bottom: 30px;
	}
	.ttl01::after {
	width: 50px;
	}
	.btn01.size_m a {
	font-size: 2rem;
	}
	}
	@media screen and (max-width: 500px) {
	.ttl01 {
 	font-size: 2rem;
    }
    }

/* area01
-------------------------------------------------------*/
#area01 {
}
#area01 .ttl01 {
max-width: 500px;
transform: translate(0,3.5vw);
}
#area01 .map {
text-align: center;
margin-top: -15%;
z-index: 5;
position: relative;
display: inline-block;
}
.map-xfade {
position: relative;
display: inline-block;
}
#japanMapBase {
display: block;
}
#japanMapHover {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
transition: opacity 220ms ease;
pointer-events: none; 
}
#japanMapHover.is-on {
opacity: 1;
}
	@media screen and (max-width: 768px) {
	#area01 .ttl01 {
	max-width: 60%;
	}
	}

/* area02
-------------------------------------------------------*/
.voice .area_box {
padding-top: 50px;
}
.voice .area_box:not(:last-child) {
margin-bottom: 50px;
}
.voice .area_box .area_ttl,
.voice.popup_box .area_ttl {
font-size: 3rem;
font-weight: 700;
text-align: center;
border-radius: 10px 10px 0 0;
color: #fff;
padding: 15px;
}
.voice .area_box .area_ttl span,
.voice.popup_box .area_ttl span {
position: relative;
}
.voice .area_box .area_ttl span::before,
.voice .area_box .area_ttl span::after,
.voice.popup_box .area_ttl span::before,
.voice.popup_box .area_ttl span::after {
position: absolute;
display: block;
content: "";
top: 50%;
transform: translate(0,-50%);
}
.voice .area_box .area_ttl span::before,
.voice.popup_box .area_ttl span::before {
left: -200px;
}
.voice .area_box .area_ttl span::after,
.voice.popup_box .area_ttl span::after {
right: -200px;
}
.voice .area_box .area_cont,
.voice.popup_box .area_cont {
padding: 50px 20px;
border-radius: 0 0 10px 10px;
}
.list_partner {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 80px 40px;
}
.list_partner li {
position: relative;
flex: 0 0 calc((100% - 80px) / 3);
display: flex;
flex-flow: column;
}
.list_partner .area_name,
.popup_box_in .area_name {
width: 60px;
height: 60px;
border-radius: 100%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.8rem;
position: absolute;
left: -20px;
top: -15px;
}
.list_partner li .img,
.popup_box_in .img {
position: relative;
width: 100%;
max-width: 300px;
margin: 0 auto 20px;
text-align: center;
}
.list_partner li .img img,
.popup_box_in .img img {
border-radius: 10px;
}
.list_partner li .ttl,
.popup_box_in .ttl {
font-weight: 700;
font-size: 2rem;
text-align: center;
margin-bottom: 20px;
}
.list_partner li .txt,
.popup_box_in .txt {
font-weight: 500;
margin-bottom: 20px;
flex: 1 0 0%;
}
/* 地域別 */
/* 東北 */
.voice .tohoku.area_box .area_ttl,
.voice.popup_box .tohoku .area_ttl {
background: #8969aa;
}
.voice .tohoku.area_box .area_cont,
.voice.popup_box .tohoku .area_cont {
background: rgba(137,105,170,0.1);
background: #F3F0F6;
}
.voice .tohoku.area_box .area_ttl span::before,
.voice.popup_box .tohoku .area_ttl span::before {
background: url(../img/tohoku01.png)no-repeat left center/117px 104px;
width: 117px;
height: 104px;
}
.voice .tohoku.area_box .area_ttl span::after,
.voice.popup_box .tohoku .area_ttl span::after {
background: url(../img/tohoku02.png)no-repeat right center/89px 99px;
width: 89px;
height: 99px;
}
.tohoku .list_partner .area_name,
.tohoku .area_name {
background: #8969aa;
}
/* 関東 */
.voice .kanto.area_box .area_ttl,
.voice.popup_box .kanto .area_ttl {
background: #66b4d3;
}
.voice .kanto.area_box .area_cont,
.voice.popup_box .kanto .area_cont {
background: rgba(102,180,211,0.1);
background: #EFF7FB;
}
.voice .kanto.area_box .area_ttl span::before,
.voice.popup_box .kanto .area_ttl span::before {
background: url(../img/kanto01.png)no-repeat left center/51px 120px;
width: 51px;
height: 120px;
}
.voice .kanto.area_box .area_ttl span::after,
.voice.popup_box .kanto .area_ttl span::after {
background: url(../img/kanto02.png)no-repeat right center/104px 97px;
width: 104px;
height: 97px;
}
.kanto .list_partner .area_name,
.kanto .area_name {
background: #66b4d3;
}
/* 東海 */
.voice .tokai.area_box .area_ttl,
.voice.popup_box .tokai .area_ttl {
background: #209b83;
}
.voice .tokai.area_box .area_cont,
.voice.popup_box .tokai .area_cont {
background: rgba(32,155,131,0.1);
background: #E8F5F2;
}
.voice .tokai.area_box .area_ttl span::before,
.voice.popup_box .tokai .area_ttl span::before {
background: url(../img/tokai01.png)no-repeat left center/81px 96px;
width: 81px;
height: 96px;
}
.voice .tokai.area_box .area_ttl span::after,
.voice.popup_box .tokai .area_ttl span::after {
background: url(../img/tokai02.png)no-repeat right center/92px 87px;
width: 92px;
height: 87px;
}
.tokai .list_partner .area_name,
.tokai .area_name {
background: #209b83;
}
/* 北陸 */
.voice .hokuriku.area_box .area_ttl,
.voice.popup_box .hokuriku .area_ttl {
background: #3a7ddd;
}
.voice .hokuriku.area_box .area_cont,
.voice.popup_box .hokuriku .area_cont {
background: rgba(32,155,131,0.1);
background: #e1edfe;
}
.voice .hokuriku.area_box .area_ttl span::before,
.voice.popup_box .hokuriku .area_ttl span::before {
background: url(../img/hokuriku01.png)no-repeat left center/91px 104px;
width: 91px;
height: 104px;
}
.voice .hokuriku.area_box .area_ttl span::after,
.voice.popup_box .hokuriku .area_ttl span::after {
background: url(../img/hokuriku02.png)no-repeat right center/93px 82px;
width: 93px;
height: 82px;
}
.hokuriku .list_partner .area_name,
.hokuriku .area_name {
background: #3a7ddd;
}
/* 近畿 */
.voice .kinki.area_box .area_ttl,
.voice.popup_box .kinki .area_ttl {
background: #acb556;
}
.voice .kinki.area_box .area_cont,
.voice.popup_box .kinki .area_cont {
background: rgba(172,181,86,0.1);
background: #F7F7EE;
}
.voice .kinki.area_box .area_ttl span::before,
.voice.popup_box .kinki .area_ttl span::before {
background: url(../img/kinki01.png)no-repeat left center/95px 86px;
width: 95px;
height: 86px;
}
.voice .kinki.area_box .area_ttl span::after,
.voice.popup_box .kinki .area_ttl span::after {
background: url(../img/kinki02.png)no-repeat right center/112px 102px;
width: 112px;
height: 102px;
}
.kinki .list_partner .area_name,
.kinki .area_name {
background: #acb556;
}
/* 中国 */
.voice .chugoku.area_box .area_ttl,
.voice.popup_box .chugoku .area_ttl {
background: #ea7ca8;
}
.voice .chugoku.area_box .area_cont,
.voice.popup_box .chugoku .area_cont {
background: rgba(234,124,168,0.1);
background: #FDF2F6;
}
.voice .chugoku.area_box .area_ttl span::before,
.voice.popup_box .chugoku .area_ttl span::before {
background: url(../img/chugoku01.png)no-repeat left center/118px 103px;
width: 118px;
height: 103px;
}
.voice .chugoku.area_box .area_ttl span::after,
.voice.popup_box .chugoku .area_ttl span::after {
background: url(../img/chugoku02.png)no-repeat right center/101px 96px;
width: 101px;
height: 96px;
}
.chugoku .list_partner .area_name,
.chugoku .area_name {
background: #ea7ca8;
}
/* 四国 */
.voice .shikoku.area_box .area_ttl,
.voice.popup_box .shikoku .area_ttl {
background: #f7a74a;
}
.voice .shikoku.area_box .area_cont,
.voice.popup_box .shikoku .area_cont {
background: rgba(247,167,74,0.1);
background: #FEF6ED;
}
.voice .shikoku.area_box .area_ttl span::before,
.voice.popup_box .shikoku .area_ttl span::before {
background: url(../img/shikoku01.png)no-repeat left center/111px 99px;
width: 111px;
height: 99px;
}
.voice .shikoku.area_box .area_ttl span::after,
.voice.popup_box .shikoku .area_ttl span::after {
background: url(../img/shikoku02.png)no-repeat right center/92px 87px;
width: 92px;
height: 87px;
}
.shikoku .list_partner .area_name,
.shikoku .area_name {
background: #f7a74a;
}
/* 九州 */
.voice .kyusyu.area_box .area_ttl,
.voice.popup_box .kyusyu .area_ttl {
background: #e25e69;
}
.voice .kyusyu.area_box .area_cont,
.voice.popup_box .kyusyu .area_cont {
background: rgba(226,94,105,0.1);
background: #FCEFF0;
}
.voice .kyusyu.area_box .area_ttl span::before,
.voice.popup_box .kyusyu .area_ttl span::before {
background: url(../img/kyusyu01.png)no-repeat left center/118px 102px;
width: 118px;
height: 102px;
}
.voice .kyusyu.area_box .area_ttl span::after,
.voice.popup_box .kyusyu .area_ttl span::after {
background: url(../img/kyusyu02.png)no-repeat right center/92px 87px;
width: 92px;
height: 87px;
}
.kyusyu .list_partner .area_name,
.kyusyu .area_name {
background: #e0d55b;
}
/* 沖縄 */
.voice .okinawa.area_box .area_ttl,
.voice.popup_box .okinawa .area_ttl {
background: #e0d55b;
}
.voice .okinawa.area_box .area_cont,
.voice.popup_box .okinawa .area_cont {
background: rgba(224,213,91,0.1);
background: #fffef4;
}
.voice .okinawa.area_box .area_ttl span::before,
.voice.popup_box .okinawa .area_ttl span::before {
background: url(../img/okinawa01.png)no-repeat left center/100px 108px;
width: 100px;
height: 108px;
}
.voice .okinawa.area_box .area_ttl span::after,
.voice.popup_box .okinawa .area_ttl span::after {
background: url(../img/okinawa02.png)no-repeat right center/112px 112px;
width: 112px;
height: 112px;
}
.okinawa .list_partner .area_name,
.okinawa .area_name {
background: #e0d55b;
}
	@media screen and (max-width: 768px) {
	.voice .area_box {
	padding-top: 25px;
	padding-top: 0;
	}
	.voice .area_box:not(:last-child) {
	margin-bottom: 25px;
	}
	.voice .area_box .area_ttl,
    .voice.popup_box .area_ttl {
	font-size: 2rem;
	}
	.voice .area_box .area_ttl span::before,
    .voice.popup_box .area_ttl span::before {
	left: -100px;
	}
	.voice .area_box .area_ttl span::after,
    .voice.popup_box .area_ttl span::after {
	right: -100px;
	}
	.voice .area_box .area_cont {
	padding: 40px 20px;
	}
	.list_partner {
	gap: 40px;
	}
	.list_partner li {
	position: relative;
	flex: 0 0 100%;
	}
	.list_partner .area_name {
	width: 50px;
	height: 50px;
	font-size: 1.6rem;
	left: -15px;
	}
	.list_partner li .ttl {
	font-size: 1.8rem;
	}
	.list_partner li .txt {
	font-size: 1.4rem;
	}
	/* 地域別 */
	.voice .tohoku.area_box .area_ttl span::before {
	background: url(../img/tohoku01.png)no-repeat left center/58px 52px;
	width: 58px;
	height: 52px;
	}
	.voice .tohoku.area_box .area_ttl span::after {
	background: url(../img/tohoku02.png)no-repeat right center/45px 49px;
	width: 45px;
	height: 49px;
	}
	.voice .kanto.area_box .area_ttl span::before,
    .voice.popup_box .kanto .area_ttl span::before {
	background: url(../img/kanto01.png)no-repeat left center/25px 60px;
	width: 25px;
	height: 60px;
	}
	.voice .kanto.area_box .area_ttl span::after,
    .voice.popup_box .kanto .area_ttl span::after {
	background: url(../img/kanto02.png)no-repeat right center/52px 48px;
	width: 52px;
	height: 48px;
	}
	.voice .tokai.area_box .area_ttl span::before,
    .voice.popup_box .tokai .area_ttl span::before {
	background: url(../img/tokai01.png)no-repeat left center/40px 48px;
	width: 40px;
	height: 48px;
	}
	.voice .tokai.area_box .area_ttl span::after,
    .voice.popup_box .tokai .area_ttl span::after {
	background: url(../img/tokai02.png)no-repeat right center/46px 43px;
	width: 46px;
	height: 43px;
	}
	.voice .kinki.area_box .area_ttl span::before,
    .voice.popup_box .kinki .area_ttl span::before {
	background: url(../img/kinki01.png)no-repeat left center/47px 43px;
	width: 47px;
	height: 43px;
	}
	.voice .kinki.area_box .area_ttl span::after,
    .voice.popup_box .kinki .area_ttl span::after {
	background: url(../img/kinki02.png)no-repeat right center/56px 51px;
	width: 56px;
	height: 51px;
	}
	.voice .chugoku.area_box .area_ttl span::before,
    .voice.popup_box .chugoku .area_ttl span::before {
	background: url(../img/chugoku01.png)no-repeat left center/59px 51px;
	width: 59px;
	height: 51px;
	}
	.voice .chugoku.area_box .area_ttl span::after,
    .voice.popup_box .chugoku .area_ttl span::after {
	background: url(../img/chugoku02.png)no-repeat right center/50px 48px;
	width: 50px;
	height: 48px;
	}
	.voice .shikoku.area_box .area_ttl span::before,
    .voice.popup_box .shikoku .area_ttl span::before {
	background: url(../img/shikoku01.png)no-repeat left center/55px 50px;
	width: 55px;
	height: 50px;
	}
	.voice .shikoku.area_box .area_ttl span::after,
    .voice.popup_box .shikoku .area_ttl span::after {
	background: url(../img/shikoku02.png)no-repeat right center/46px 43px;
	width: 46px;
	height: 43px;
	}
	.voice .kyusyu.area_box .area_ttl span::before,
    .voice.popup_box .kyusyu .area_ttl span::before {
	background: url(../img/kyusyu01.png)no-repeat left center/59px 51px;
	width: 59px;
	height: 51px;
	}
	.voice .kyusyu.area_box .area_ttl span::after,
    .voice.popup_box .kyusyu .area_ttl span::after {
	background: url(../img/kyusyu02.png)no-repeat right center/46px 43px;
	width: 46px;
	height: 43px;
	}
	.voice .okinawa.area_box .area_ttl span::before,
    .voice.popup_box .okinawa .area_ttl span::before {
	background: url(../img/okinawa01.png)no-repeat left center/50px 54px;
	width: 50px;
	height: 54px;
	}
	.voice .okinawa.area_box .area_ttl span::after,
    .voice.popup_box .okinawa .area_ttl span::after {
	background: url(../img/okinawa02.png)no-repeat right center/56px 56px;
	width: 56px;
	height: 56px;
	}
	}
	@media screen and (max-width: 400px) {
    .voice .area_box .area_ttl {
    font-size: 1.8rem;
    padding: 5px;
    }
    .voice .area_box .area_ttl span::before,
    .voice .area_box .area_ttl span::after {
    transform: scale(0.7) translate(0,-80%);
    }
    .list_partner .area_name {
    transform: scale(0.7);
    }
    }
.voice.popup_box .popup_box_in .area_ttl {
font-size: 1.8rem;
padding: 5px;
}
.voice.popup_box .popup_box_in .area_ttl span {
display: block;
}
.voice.popup_box .popup_box_in .area_ttl span::before {
left: 0;
}
.voice.popup_box .popup_box_in .area_ttl span::after {
right: 0;
}
.voice.popup_box .popup_box_in .area_ttl span::before,
.voice.popup_box .popup_box_in .area_ttl span::after {
transform: scale(0.5) translate(0,-100%);
}
.popup_box_in .area_name {
transform: scale(0.7);
}
.popup_box_in .area_cont {
padding: 30px;
overflow-y: scroll;
}
/* popup */
.mfp-bg {
opacity: 0.9;
background: #000;
}
.popup_contents {
display: none;
}
.mfp-content {
max-width: 700px!important;
max-width: inherit!important;
padding: 50px 50px;
height: 100%;
}
.mfp-close {
position: fixed!important;
top: 10px!important;
right: 10px!important;
width: 120px!important;
height: 50px!important;
opacity: 1!important;
text-indent: ;
position: relative;
color: #fff!important;
font-size: 2.4rem!important;
}
.mfp-close:before {
content: "";
display: block;
position: absolute;
left: -30px;
top: 5px;
width: 40px;
height: 40px;
background: var(--cross_icon) #fff;
border-radius: 100%;
}
.pop_prev,
.pop_next {
position: fixed;
top: 50%;
z-index: 100;
display: block;
width: 50px;
height: 50px;
cursor: pointer;
text-indent: -9999px;
transition: .3s;
}
.pop_prev {
left: 10px;
background: var(--prev_arrow);
}
.pop_next {
right: 10px;
background: var(--next_arrow);
}
	@media screen and (max-width: 768px) {
	.mfp-content {
	padding: 40px;
	}
	.mfp-close {
	top: 0!important;
	right: 0!important;
	}
	.pop_prev {
	left: 0;
	}
	.pop_next {
	right: 0;
	}
	}
.pop_prev:hover,
.pop_next:hover {
opacity: 0.7;
}
.popup_box {
display: flex;
align-items: center;
height: 100%;
}
.popup_box_in {
margin: 60px 10px 10px 10px;
background: none;
padding: 30px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: none;
max-width: 900px;
max-width: 500px;
margin: 0 auto;
max-height: 100%;
overflow-y: scroll;
overflow: inherit;
font-weight: 400;
width: 100%;
border-radius: 10px;
display: grid;
gap: 0;
}
	@media screen and (max-width: 768px) {
	.popup_box_in {
	padding: 20px;
	}
	}

.popup_box_in .date {
display: flex;
flex-flow: row wrap;
gap: 10px;
}
.popup_box_in .date .t {
font-weight: normal;
font-size: 1.2rem;
font-family: var(--font_en);
text-align: right;
}
.popup_box_in .date .d {
display: flex;
flex: 1 0 0%;
}
.popup_box_in .date .d * {
font-weight: bold;
font-style: normal;
font-family: var(--font_en);
}
.popup_box_in .date .d b {
background: #000;
color: #fff;
font-weight: bold;
padding: 5px 10px 5px 10px;
line-height: 1;
}
.popup_box_in .date .d span {
background: #eee;
font-weight: bold;
padding: 5px 10px 5px 10px;
line-height: 1;
}
.popup_box_in .date .d em {
background: var(--day1A_c);
color: #fff;
font-weight: bold;
padding: 5px 10px 5px 10px;
line-height: 1;
}
.popup_box.D1-A .popup_box_in .date .d em {
background: var(--day1A_c);
}
.popup_box.D1-B .popup_box_in .date .d em {
background: var(--day1B_c);
}
.popup_box.D2-C .popup_box_in .date .d em {
background: var(--day2C_c);
}
.popup_box.D2-D .popup_box_in .date .d em {
background: var(--day2D_c);
}
	@media screen and (max-width: 768px) {
	.popup_box_in .date .t {
	flex: 0 1 100%;
	text-align: left;
	}
	}
.popup_box_in .title b {
font-weight: 500;
color: var(--txt_c);
font-size: 1.5rem;
}
.popup_box_in .txt.gaiyou {
padding: 20px;
background: var(--wrap_bg_c);
line-height: 1.6;
}
.popup_box_in .layout_box {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
gap: 20px;
}
.popup_box_in .layout {
display: flex;
gap: 20px;
}
.popup_box_in .layout .photo {
text-align: center;
flex: 0 1 200px;
}
.popup_box_in .layout .photo img {
flex: 1 0 0%;
max-width: 200px;
width: 200px;
height: 200px;
object-fit: cover;
object-position: 50% 50%;
border-radius: 50%;
}
.popup_box_in .layout .info {
align-self: center;
display: flex;
flex-flow: column nowrap;
gap: 20px;
}
.popup_box_in .layout .info .txt:not(.prof) {
display: flex;
flex-flow: column nowrap;
line-height: 1.3;
gap: 5px;
}
.popup_box_in .com {
font-size: 0.8rem;
order: 2;
}
.popup_box_in .job {
font-size: 0.8rem;
order: 3;
}
.popup_box_in .name {
font-size: 1rem;
font-weight: normal;
order: 1;
}
.popup_box_in .txt.prof {
font-size: 0.9rem;

}
	@media screen and (max-width: 768px) {
	.popup_box_in .layout_box {
	grid-template-columns: auto;
	gap: 40px;
	}
	.popup_box_in .layout {
	position: relative;
	flex-flow: column nowrap;
	}
	.popup_box_in .layout + .layout::before {
	content: "";
	position: absolute;
	left: 0;
	top: -20px;
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	}
	.popup_box_in .layout .photo {
	flex: 1 0 0%;
	}
	.popup_box_in .layout .photo img {
	flex: 1 0 0%;
	max-width: 200px;
	}
	}
/* popup end */
#area02 .ttl01 {
margin-bottom: 20px;
}
.q {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.q b {
flex: 0 1 60px;
width: 60px;
height: 60px;
background: #055E8D;
border-radius: 30px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 3rem;
font-family: 'Poppins';
}
.q span {
flex: 1 0 0%;
color: #055E8D;
font-size: 3rem;
font-weight: bold;
}
#area02 .q span {
flex: inherit;
}
    @media screen and (max-width: 880px) {
    #area02 .q span {
    flex: 1 0 0%;
    }
    }
    @media screen and (max-width: 768px) {
    .q {
    margin-bottom: 30px;
    gap: 10px;
    }
    .q b {
    flex: 0 1 40px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 2rem;
    }
    .q span {
    font-size: 2rem;
    }
    }
    @media screen and (max-width: 500px) {
    .q b {
    flex: 0 1 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 1.5rem;
    }
    .q span {
    font-size: 1.5rem;
    }
    }
.popup_box_in .q {
margin-bottom: 20px;
gap: 10px;
}
.popup_box_in .q b {
flex: 0 1 30px;
width: 30px;
height: 30px;
border-radius: 20px;
font-size: 1.5rem;
}
.popup_box_in .q span {
font-size: 1.5rem;
}
/* area03
-------------------------------------------------------*/
#area03 {
background: rgba(107,194,239,0.5) url(../img/bg.png)no-repeat center/cover;
position: relative;
}
/*
#area03
#area03 .img01, #area03 .img02 {
position: absolute;
top: 0;
}
#area03 .img01 {
left: 20px;
width: 30%;
}
#area03 .img02 {
right: 20px;
width: 30%;
}
#area03 .img03 {
position: absolute;
bottom: 20px;
right: 8%;
width: 18%;
z-index: 5;
}*/
#area03 .logo {
text-align: center;
margin-bottom: 60px;
}
#area03 .logo img {
max-width: 412px;
width: 100%;
}
#area03 .lead {
text-align: center;
font-weight: 700;
font-size: 2.2rem;
margin-bottom: 50px;
line-height: 1.8;
}
#area03 .caution {
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.list_point {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
margin-bottom: 60px;
}
.list_point li {
flex: 0 0 calc((100% - 40px) / 2);
background: #fff;
border-radius: 10px;
}
.list_point li a {
padding: 20px;
display: flex;
align-items: center;
position: relative;
height: 100%;
}
.list_point li a::after {
position: absolute;
display: block;
content: "";
background: url(../img/arrow_right.png)no-repeat right center/13px 20px;
width: 13px;
height: 20px;
right: 20px;
top: 50%;
transform: translate(0,-50%);
}
/*
.list_point li .num {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 6rem;
line-height: 1;
color: #055E8D;
margin-right: 30px;
}
.list_point li .num span {
display: block;
font-size: 2.3rem;
text-align: center;
}
.list_point li .ttl {
color: #055E8D;
font-weight: 700;
font-size: 2.4rem;
}
*/
.list_point li .img {
margin-right: 20px;
width: 35%;
}
.list_point li .img img {
width: 100%;
}
.list_point li .txt_box {
width: 65%;
margin-right: 20px;
text-align: center;
}
.list_point li .ttl {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 10px;
}
.list_point li .brand_logo {
margin-bottom: 15px;
}
.list_point li .brand_logo img {
max-width: 180px;
}
.btn_yellow a {
display: block;
width: 100%;
max-width: 600px;
display: flex;
align-items: center;
justify-content: center;
height: 100px;
background: #fff100;
color: #fff;
border-radius: 10px;
color: #055E8D;
font-size: 2.4rem;
font-weight: 700;
margin: 0 auto;
text-align: center;
position: relative;
}
.btn_yellow a::after {
position: absolute;
display: block;
content: "";
background: url(../img/arrow_right.png)no-repeat right center/13px 20px;
width: 13px;
height: 20px;
right: 20px;
top: 50%;
transform: translate(0,-50%);
}
    @media screen and (min-width: 768px) and (max-width: 1000px) {
	/*	
    .list_point li .num {
    flex: 0 1 8vw;
    font-size: 6vw;
    }
    .list_point li .ttl {
    font-size: 2.3vw;
    flex: 1 0 0%;
    }
    .list_point li .num span {
    font-size: 2.3vw;
    } */
    }

	@media screen and (max-width: 768px) {
	#area03 {
	background: rgba(107,194,239,0.5) url(../img/bg.png)no-repeat center/contain;
	}
	/*
	#area03 .img01, #area03 .img02 {
	top: 3%;
	}
	#area03 .img01 {
	left: 10px;
	width: 30%;
	}
	#area03 .img02 {
	right: 10px;
	width: 30%;
	}
	#area03 .img03 {
	bottom: 5px;
	right: 3%;
	width: 20%;
	}*/
	#area03 .logo {
	margin-bottom: 30px;
	}
	#area03 .logo img {
	width: 70%;
	}
	#area03 .lead {
	font-size: 1.6rem;
	}
	#area03 .caution {
	font-size: 1.2rem;
	margin-bottom: 40px;
	}
	.list_point {
	flex-flow: column;
	gap: 20px;
	margin-bottom: 40px;
	}
	.list_point li {
	flex: 100%;
	}
	.list_point li a {
	padding: 20px 10px;
	}
	.list_point li a::after {
	background: url(../img/arrow_right.png)no-repeat right center/13px 20px;
	width: 13px;
	height: 20px;
	right: 10px;
	}
	/*
	.list_point li .num {
	font-size: 4rem;
	margin-right: 20px;
	min-width: 55px;
	}
	.list_point li .num span {
	font-size: 1.4rem;
	}
	.list_point li .ttl {
	font-size: 1.8rem;
	}
	*/
	.list_point li .img {
	margin-right: 15px;
	}
	.list_point li .ttl {
	font-size: 1.6rem;
	}
	.list_point li .txt {
	font-size: 1.2rem;
	}
	.list_point li .brand_logo {
	margin-bottom: 15px;
	}
	.btn_yellow a {
	height: 80px;
	font-size: 1.8rem;
	}
	}

/* area04
-------------------------------------------------------*/
#area04 {
background: #e8ecf5;
}
#area04 .top_txt {
text-align: center;
margin-bottom: 40px;
line-height: 1.8;
}
#area04 .btn01 {
margin-bottom: 40px;
}
.list_contact {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: space-between;
}
.list_contact li {
background: #fff;
width: 31%;
padding: 20px;
line-height: 1.4;
}
    @media screen and (min-width: 768px) and (max-width: 1000px) {
    .list_contact {
    flex-flow: row wrap;
    justify-content: center;
    gap: 15px;
    }
    .list_contact li {
    width: 49%;
    flex: 0 1 calc(50% - 15px);
    }
    }
.list_contact li .icon {
text-align: center;
margin-bottom: 20px;
}
.list_contact li .icon img {
max-width: 58px;
}
.list_contact li .ttl {
text-align: center;
font-weight: 700;
font-size: 1.8rem;
margin-bottom: 20px;
}
.list_contact li .txt {
margin-bottom: 20px;
}
.list_contact li .tel_box {
margin-bottom: 20px;
}
.list_contact li dl {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin-bottom: 5px;
font-weight: 700;
}
.list_contact li dl dt {
background: #055E8D;
color: #fff;
width: 46px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
}
.list_contact li dl dt.fax {
background: #fff;
border: 2px solid #055E8D;
color: #055E8D;
}
.list_contact li dl dd {
font-size: 2.4rem;
}
.list_contact li .qr {
text-align: center;
}
.list_contact li .qr img {
max-width: 132px;
}
.list_contact li .txt_s {
font-size: 1.4rem;
}
.list_contact li .txt_ss {
font-size: 1.2rem;
margin-top: 20px;
}
.list_contact li a {
text-align: right;
display: block;
position: relative;
padding-right: 25px;
}
.list_contact li a::after {
position: absolute;
display: block;
content: "";
background: url(../img/btn_arrow_blue.png)no-repeat right center/10px 15px;
width: 10px;
height: 15px;
right: 0;
top: 50%;
transform: translate(0,-50%);
}
	@media screen and (max-width: 768px) {
	#area04 .ttl01 {
	font-size: 2.4rem;
	}
	#area04 .top_txt {
	margin-bottom: 30px;
	font-size: 1.4rem;
	}
	#area04 .btn01 {
	margin-bottom: 40px;
	}
	.list_contact {
	flex-flow: column;
	align-items: center;
	justify-content: center;
	}
	.list_contact li {
	width: 100%;
	padding: 20px;
	}
	.list_contact li:not(:last-child) {
	margin-bottom: 20px;
	}
	}

/* 追従ボタン
-------------------------------------------------------*/
.bottom_btn {
position: fixed;
z-index: 999;
right: 0;
bottom: 2%;
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
}
.list_btn img {
max-width: 171px;
}
.list_btn li {
margin-bottom: 10px;
background: #E8ECF5;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 10px 0 0 10px;
}
.list_btn li a {
display: block;
background: #055E8D;
border-radius: 10px 0 0 10px;
}
	@media screen and (max-width: 768px) {
	.bottom_btn {
	bottom: 0;
	left: 0;
	background: #055E8D;
	flex-flow: row nowrap;
	}
	.list_btn {
	flex: 1 0 0%;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	.list_btn li {
    display: flex;
    align-items: center;
	margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: 30%;
	}
    .list_btn li a {
    border-radius: 0;
    }
	.list_btn img {
	max-width: 100%;
	}
	}

/* footer
-------------------------------------------------------*/
#footer {
background: #000;
padding: 50px 0;
text-align: center;
font-size: 90%;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
}
#footer ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: 0 0 30px;
}
#footer ul li {
margin: 0 10px;
}
#footer ul a {
text-decoration: underline;
color: #fff;
}
#footer .copy {
margin: 0 0 20px;
}
	@media screen and (max-width: 768px) {
	#footer {
	padding: 30px 0 100px;
	}
	}
	@media screen and (max-width: 500px) {
	#footer {
	font-size: 80%;
	}
	}

/* pagetop
-------------------------------------------------------*/
#pagetop {
position: fixed;
right: 0;
bottom: 2%;
transition: all 0.3s linear;
z-index: 100;
cursor: pointer;

flex: 0 1 50px;
position: relative;
right: inherit;
bottom: inherit;
width: 50px;
height: 50px;
}
#pagetop:hover {
opacity: 0.6;
}
#pagetop a{
display: block;
width: 50px;
height: 50px;
background: #055E8D;
text-indent: -9999px;
border-radius: 10px 0 0 10px;
}
#pagetop a:before {
content: "";
position: absolute;
right: 50%;
top: 50%;
width: 15px;
height: 15px;
margin: -6px -9px 0 0;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
	@media screen and (max-width: 768px) {
	#pagetop {
	width: 40px;
	height: 40px;
	}
	#pagetop.active,
	#pagetop:hover {
	opacity: 0.8;
	}
	#pagetop a {
	width: 40px;
	height: 40px;
	}
	#pagetop a:before {
	width: 10px;
	height: 10px;
	margin: -4px -6px 0 0;
	}
	}
	@media screen and (max-width: 520px) {
	#pagetop {
	flex: 0 1 30px;
	width: 30px;
	height: 30px;
	}
	}


/* root */
:root {

--prev_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M65.6 24.57 62.77 21.75 37.32 47.2 34.49 50.03 37.32 52.86 37.32 52.86 62.77 78.31 65.6 75.49 40.14 50.03 65.6 24.57Z" fill="%23cccccc"  /%3E%3C/svg%3E') no-repeat center / contain;
--next_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23cccccc"  /%3E%3C/svg%3E') no-repeat center / contain;
--prev_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M65.6 24.57 62.77 21.75 37.32 47.2 34.49 50.03 37.32 52.86 37.32 52.86 62.77 78.31 65.6 75.49 40.14 50.03 65.6 24.57Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
--next_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
--top_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M24.54 65.56 21.72 62.73 47.17 37.27 50 34.44 52.83 37.27 52.83 37.27 78.28 62.73 75.46 65.56 50 40.1 24.54 65.56Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;

--cross_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M70.55 32.35 67.72 29.52 50.04 47.2 32.37 29.52 29.54 32.35 47.22 50.03 29.54 67.71 32.37 70.54 50.04 52.86 67.72 70.54 70.55 67.71 52.87 50.03 70.55 32.35z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
--burger_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M72,32H28v-4h44v4ZM72,48H28v4h44v-4ZM72,68H28v4h44v-4Z" fill="%23ddd"  /%3E%3C/svg%3E') no-repeat center / contain;
--plus_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M75 47.5 52.5 47.5 52.5 25 47.5 25 47.5 47.5 25 47.5 25 52.5 47.5 52.5 47.5 75 52.5 75 52.5 52.5 75 52.5 75 47.5z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;

--rbb: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M-.07,99.97h100V-.03C99.93,55.2,55.16,99.97-.07,99.97Z" fill="%23222"  /%3E%3C/svg%3E') no-repeat center bottom / contain;
--lbg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M-.07-.03v100h100C44.7,99.97-.07,55.2-.07-.03Z" fill="%23f5f5f5"  /%3E%3C/svg%3E') no-repeat center bottom / contain;
--rbw: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M-.07,99.97h100V-.03C99.93,55.2,55.16,99.97-.07,99.97Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center bottom / contain;
--lbbu: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M-.07-.03v100h100C44.7,99.97-.07,55.2-.07-.03Z" fill="%23072B55"  /%3E%3C/svg%3E') no-repeat center bottom / contain;

--prev_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M65.6 24.57 62.77 21.75 37.32 47.2 34.49 50.03 37.32 52.86 37.32 52.86 62.77 78.31 65.6 75.49 40.14 50.03 65.6 24.57Z" fill="%23cccccc"  /%3E%3C/svg%3E') no-repeat center / contain;
--next_arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23cccccc"  /%3E%3C/svg%3E') no-repeat center / contain;
--prev_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M65.6 24.57 62.77 21.75 37.32 47.2 34.49 50.03 37.32 52.86 37.32 52.86 62.77 78.31 65.6 75.49 40.14 50.03 65.6 24.57Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
--next_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M34.44 24.54 37.27 21.72 62.73 47.17 65.56 50 62.73 52.83 62.73 52.83 37.27 78.28 34.44 75.46 59.9 50 34.44 24.54Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;
--top_arrow_w: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M24.54 65.56 21.72 62.73 47.17 37.27 50 34.44 52.83 37.27 52.83 37.27 78.28 62.73 75.46 65.56 50 40.1 24.54 65.56Z" fill="%23fff"  /%3E%3C/svg%3E') no-repeat center / contain;

--cross_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M70.55 32.35 67.72 29.52 50.04 47.2 32.37 29.52 29.54 32.35 47.22 50.03 29.54 67.71 32.37 70.54 50.04 52.86 67.72 70.54 70.55 67.71 52.87 50.03 70.55 32.35z" fill="%23000"  /%3E%3C/svg%3E') no-repeat center / contain;
--burger_icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"%3E%3Cpath d="M72,32H28v-4h44v4ZM72,48H28v4h44v-4ZM72,68H28v4h44v-4Z" fill="%23ddd"  /%3E%3C/svg%3E') no-repeat center / contain;

｝
/* root end */