@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper {
width: 100%;
min-height: 100vh;
color: #537FB8;
font-family: "Work Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 3.2vw;
line-height: 100%;
letter-spacing: 0;
background: #fff;
overflow: hidden;
animation-delay: 0.75s;
}
.allwrapper * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
color: #537FB8;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media (min-width:375px){
	.allwrapper {
	font-size: 13px;
	}
}
@media (min-width:768px){
	.allwrapper {
	font-size: 14px;
	width: 100vw;
	}
}

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs12 { font-size: 3.2vw; }
.fs13 { font-size: 3.466666vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs20 { font-size: 5.3333333vw; }
@media (min-width:375px){
	.fs8 { font-size: 8px; }
	.fs9 { font-size: 9px; }
	.fs10 { font-size: 10px; }
	.fs11 { font-size: 11px; }
	.fs12 { font-size: 12px; }
	.fs13 { font-size: 13px; }
	.fs14 { font-size: 14px; }
	.fs15 { font-size: 15px; }
	.fs16 { font-size: 16px; }
	.fs17 { font-size: 17px; }
	.fs18 { font-size: 18px; }
	.fs20 { font-size: 20px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }
.lh225 { line-height: 225%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }

/* decoration */
.deco_line { text-decoration: underline; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important; }
.disp_iblock { display: inline-block !important; }
.disp_inline { display: inline !important; }
.disp_none { display: none; }
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:1099px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1100px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}



/* other style
-----------------------------------------------*/
body.static .wrapper {
margin-top: 0;
}
.footer {
position: relative;
background: #fff;
z-index: 2;
}
.help-area,
.sns-area,
.group-area {
background: #fff;
border-top: 1px solid #ddd;
}
#ch-plugin {
display: none !important;
}
@media (min-width:768px){
	.footer-inner {
	background: #fff;
	border-top: 1px solid #C9C9C9;
	}
	.footer-group {
	border-bottom: 1px solid #C9C9C9;
	background: #fff;
	}
	.help-area,
	.sns-area {
	border: none;
	}
}

.ff_sawarabi-go {
font-family: "Sawarabi Gothic", sans-serif;
}

.mv {
height: 140vw;
}
.mv_title {
top: 5.8%;
left: 6.6666666666%;
width: 37.0666666666%;
animation-delay: 1.5s;
}
img.mv_brandlogo {
bottom: 5%;
left: 6.6666666666%;
width: 27.2%;
margin: 0;
animation-delay: 2.25s;
}
.intro {
margin: 10.6vw 0;
line-height: 2.33;
}
@media (min-width:768px){
	.mv {
	height: auto;
	min-height: 59vw;
	}
	.mv_title {
	left: 3.4722222222%;
	width: 16.6666666666%;
	}
	img.mv_brandlogo {
	left: 3.3333333333%;
	width: 10.8333333333%;
	}
	.intro {
	margin: 40px 0;
	line-height: 2.42;
	text-align: center;
	font-size: 12.5px;
	}
}
@media (min-width:1440px){
	.intro {
	margin: 70px 0;
	font-size: 15px;
	}
}
.flowimg {
width: 100%;
height: 37.3333333333vw;
background: url("../images/flowimg_sp.jpg") repeat-x;
background-size: auto 37.3333333333vw;
animation: bgiLoop_sp 17s linear infinite;
}
@media (min-width:768px){
	.flowimg {
	height: 128px;
	background: url("../images/flowimg_pc.jpg") repeat-x;
	background-size: 768px auto;
	animation: bgiLoop_tab 12s linear infinite;
	}
}
@media (min-width:1440px){
	.flowimg {
	height: 240px;
	background: url("../images/flowimg_pc.jpg") repeat-x;
	background-size: 1440px auto;
	animation: bgiLoop_pc 17s linear infinite;
	}
}
@keyframes bgiLoop_sp {
	0% { background-position: 0 0;}
	100% { background-position: -261.3333333333vw 0; }
}
@keyframes bgiLoop_tab {
	0% { background-position: 0 0;}
	100% { background-position: -768px 0; }
}
@keyframes bgiLoop_pc {
	0% { background-position: 0 0;}
	100% { background-position: -1440px 0; }
}

.bg_aqua {
background: #f1f6ff;
}
img.sec_num {
width: auto;
height: 17.6vw;
position: relative;
z-index: 1;
}
img.sec_title {
width: 38.6666666666%;
}
img.sec_title_vertical {
width: 2.2666666666%;
}
.sec_text {
line-height: 2.33;
}
.price {
margin-top: 4vw;
}
.price li {
line-height: 1.66;
}
.price li a {
text-decoration: underline;
}
@media (min-width:768px){
	img.sec_num {
	height: 72px;
	}
	img.sec_title {
	width: 133px;
	}
	img.sec_title_vertical {
	width: 8px;
	}
	.sec_text {
	line-height: 2.42;
	}
}
@media (min-width:1440px){
	img.sec_num {
	height: 131px;
	}
	img.sec_title {
	width: 240px;
	}
	img.sec_title_vertical {
	width: 14px;
	}
}

.sec01 { margin-top: 13.3vw; padding: 8.53vw 0 15.46vw; }
img.sec01_num { margin-left: 11.4666666666%; }
img.sec01_title { margin: -13.86vw auto 0 56%; }
.sec01_img01 { width: 89.3333333333%; margin: 2.66vw auto 0; }
.sec01_text { width: 89.3333333333%; margin: 6.66vw auto 0; }
.sec01_img02 { width: 61.3333333333%; margin: 16.26vw 0 0 auto; }
.sec01_price { width: 61.3333333333%; margin-right: 0; margin-left: auto; }
@media (min-width:768px){
	.sec01 { margin-top: 40px; padding: 52px 0 50px; }
	img.sec01_num { margin-left: calc(50% - 300px); }
	img.sec01_title { margin: -57px auto 0 calc(50% - 90px); }
	.sec01_img01 { width: 368px; margin: 10px auto 0 calc(50% - 324px); }
	.sec01_text { width: 368px; margin: 25px auto 0 calc(50% - 324px); }
	.sec01_img02 { width: 254px; margin: -405px auto 0 calc(50% + 72px); }
	.sec01_price { width: 254px; margin: 18px auto 0 calc(50% + 72px); }
}
@media (min-width:1440px){
	.sec01 { margin-top: 75px; padding: 95px 0; }
	img.sec01_num { margin-left: calc(50% - 544px); }
	img.sec01_title { margin: -104px auto 0 calc(50% - 162px); }
	.sec01_img01 { width: 670px; margin: 20px auto 0 calc(50% - 590px); }
	.sec01_text { width: 670px; margin: 50px auto 0 calc(50% - 590px); }
	.sec01_img02 { width: 460px; margin: -576px auto 0 calc(50% + 130px); }
	.sec01_price { width: 460px; margin: 30px auto 0 calc(50% + 130px); }
}

.sec02 { padding-bottom: 18.9333333333vw; }
.sec02_text { width: 88%; margin: 6.66vw auto 0; }
img.sec02_num { margin: 20.53vw auto 0 9.3333333333%; }
.sec02_img02 { width: 61.3333333333%; margin: -25.33vw auto 0 28%; }
img.sec02_title { margin: 38.93vw auto 0 84.5333333333%; }
.sec02_img03 { width: 61.3333333333%; margin: -65.6vw auto 0 5.3333333333%; }
.sec02_price { width: 61.3333333333%; margin-left: 5.3333333333%; }
@media (min-width:768px){
	.sec02 { padding: 57px 0 47px; }
	.sec02_img01 { width: 573px; }
	.sec02_text { width: 450px; margin-top: 27px; }
	img.sec02_num { margin: 75px auto 0 calc(50% - 364px); }
	.sec02_img02 { width: 253px; margin: -105px auto 0 calc(50% - 287px); }
	img.sec02_title { margin: -124px auto 0 calc(50% + 267px); }
	.sec02_img03 { width: 253px; margin: -270px auto 0  calc(50% - 7px); }
	.sec02_price { width: 253px; margin: 17px auto 0 calc(50% - 7px); }
}
@media (min-width:1440px){
	.sec02 { padding: 105px 0 85px; }
	.sec02_img01 { width: 1044px; }
	.sec02_text { width: 650px; margin-top: 50px; }
	img.sec02_num { margin: 140px auto 0 calc(50% - 662px); }
	.sec02_img02 { width: 460px; margin: -190px auto 0 calc(50% - 525px); }
	img.sec02_title { margin: -222px auto 0 calc(50% + 487px); }
	.sec02_img03 { width: 460px; margin: -492px auto 0  calc(50% - 12px); }
	.sec02_price { width: 460px; margin: 30px auto 0 calc(50% - 12px); }
}

.sec03 { padding: 5.86vw 0 15.46vw; }
.sec03_img01 { width: 73.6%; margin: 0 auto 0 5.3333333333%; }
img.sec03_num { margin: -10.93vw auto 0 65.8666666666%; }
img.sec03_title { margin: -2.66vw auto 0 5.8666666666%; }
.sec03_img02 { width: 53.3333333333%; margin: 8vw auto 0 38.6666666666%; }
.sec03_text { width: 84%; margin: 6.66vw auto 0; }
.sec03_img03 { width: 61.3333333333%; margin: 12vw auto 0; }
.sec03_price { width: 61.3333333333%; margin-inline: auto; }
@media (min-width:768px){
	.sec03 { padding: 55px 0 62px; }
	.sec03_img01 { width: 304px; margin: 0 auto 0 calc(50% - 55px); }
	img.sec03_num { margin: -44px auto 0 calc(50% + 194px); }
	img.sec03_title { margin: -10px auto 0 calc(50% - 54px); }
	.sec03_img02 { width: 219px; margin: -367px auto 0 calc(50% - 302px); }
	.sec03_text { width: 219px; margin: 27px auto 0 calc(50% - 302px); }
	.sec03_img03 { width: 253px; margin: 20px auto 0 calc(50% - 224px); }
	.sec03_price { width: 253px; margin: 17px auto 0 calc(50% - 224px); }
}
@media (min-width:1440px){
	.sec03 { padding: 100px 0 110px; }
	.sec03_img01 { width: 552px; margin: 0 auto 0 calc(50% - 100px); }
	img.sec03_num { margin: -80px auto 0 calc(50% + 354px); }
	img.sec03_title { margin: -17px auto 0 calc(50% - 98px); }
	.sec03_img02 { width: 400px; margin: -670px auto 0 calc(50% - 550px); }
	.sec03_text { width: 400px; margin: 50px auto 0 calc(50% - 550px); }
	.sec03_img03 { width: 460px; margin: 150px auto 0 calc(50% - 410px); }
	.sec03_price { width: 460px; margin: 30px auto 0 calc(50% - 410px); }
}

.sec04 { padding: 14.13vw 0 17.06vw; }
img.sec04_title { margin: 6.4vw auto 0; }
.sec04_img01 { width: 89.3333333333%; margin: 6.66vw auto 0; }
.sec04_text { width: 89.3333333333%; margin: 6.93vw auto 0; }
.sec04_img02 { width: 48%; margin: 12vw auto 0 5.3333333333%; z-index: 1; }
.sec04_img03 { width: 61.3333333333%; margin: -24.53vw 0 0 auto; }
.sec04_price { width: 61.3333333333%; margin-left: auto; margin-right: 0; }
@media (min-width:768px){
	.sec04 { padding: 58px 0 60px; }
	img.sec04_title { margin: 27px auto 0; }
	.sec04_img01 { width: 368px; margin: 29px auto 0; }
	.sec04_text { width: 368px; margin: 25px auto 0; }
	.sec04_img02 { width: 197px; margin: 35px auto 0 calc(50% - 184px); }
	.sec04_img03 { width: 252px; margin: -186px auto 0 calc(50% + 40px); }
	.sec04_price { width: 252px; margin: 17px auto 0 calc(50% + 40px); }
}
@media (min-width:1440px){
	.sec04 { padding: 105px 0 110px; }
	img.sec04_title { margin: 50px auto 0; }
	.sec04_img01 { width: 670px; margin: 54px auto 0; }
	.sec04_text { width: 670px; margin: 50px auto 0; }
	.sec04_img02 { width: 360px; margin: 65px auto 0 calc(50% - 335px); }
	.sec04_img03 { width: 460px; margin: -338px auto 0 calc(50% + 73px); }
	.sec04_price { width: 460px; margin: 30px auto 0 calc(50% + 73px); }
}

.sec05 { padding-bottom: 16vw; }
.sec05_img01 { width: 80%; margin: 0 0 0 auto; }
.sec05_img02 { width: 80%; margin: 0 0 0 auto; }
img.sec05_num { margin: 8vw auto 0 6.6666666666%; }
img.sec05_title { top: 100.8vw; left: 9.3333333333%; }
.sec05_text { width: 89.3333333333%; margin: 5.86vw auto 0; }
.sec05_price { width: 89.3333333333%; margin-inline: auto; }
@media (min-width:768px){
	.sec05 { padding: 60px 0 80px; }
	.sec05_img01 { width: 330px; margin: 0 auto 0 calc(50% - 330px); }
	.sec05_img02 { width: 330px; margin: -495px auto 0 50%; }
	img.sec05_num { margin: 25px auto 0 calc(50% - 323px); }
	img.sec05_title { top: 240px; left: calc(50% - 368px); }
	.sec05_text { width: 365px; margin: -80px auto 0 calc(50% - 185px); }
	.sec05_price { width: 120px; margin: -145px auto 0 calc(50% + 202px); }
}
@media (min-width:1440px){
	.sec05 { padding: 110px 0 140px; }
	.sec05_img01 { width: 600px; margin: 0 auto 0 calc(50% - 600px); }
	.sec05_img02 { width: 600px; margin: -900px auto 0 50%; }
	img.sec05_num { margin: 48px auto 0 calc(50% - 588px); }
	img.sec05_title { top: 438px; left: calc(50% - 670px); }
	.sec05_text { width: 660px; margin: -105px auto 0 calc(50% - 335px); }
	.sec05_price { width: 195px; margin: -135px auto 0 calc(50% + 405px); }
}

.sec06 { padding: 5.33vw 0 17.33vw; }
.sec06_img01 { width: 89.3333333333%; }
img.sec06_num { margin: -5.33vw auto 0 67.4666666666%; }
img.sec06_title { margin: -8.26vw auto 0 5.6%; }
.sec06_text { width: 89.3333333333%; margin: 8.53vw auto 0; }
.sec06_img02 { width: 61.3333333333%; margin: 16vw auto 0; }
.sec06_price { width: 61.3333333333%; margin-inline: auto; }
@media (min-width:768px){
	.sec06 { padding: 50px 0; }
	.sec06_img01 { width: 368px; margin: 0 auto 0 calc(50% - 45px); }
	img.sec06_num { margin: -21px auto 0 calc(50% + 210px); }
	img.sec06_title { margin: -33px auto 0 calc(50% - 45px); }
	.sec06_text { width: 368px; margin: 35px auto 0 calc(50% - 45px); }
	.sec06_img02 { width: 253px; margin: -330px auto 0 calc(50% - 325px); }
	.sec06_price { width: 253px; margin: 17px auto 0 calc(50% - 325px); }
}
@media (min-width:1440px){
	.sec06 { padding: 90px 0; }
	.sec06_img01 { width: 670px; margin: 0 auto 0 calc(50% - 82px); }
	img.sec06_num { margin: -40px auto 0 calc(50% + 384px); }
	img.sec06_title { margin: -60px auto 0 calc(50% - 80px); }
	.sec06_text { width: 670px; margin: 65px auto 0 calc(50% - 82px); }
	.sec06_img02 { width: 460px; margin: -470px auto 0 calc(50% - 592px); }
	.sec06_price { width: 460px; margin: -139.41px auto 0 calc(50% - 82px); }
}

.sec07 { padding: 16vw 0 17.86vw; }
img.sec07_num { top: 23.73vw; left: 9.3333333333%; }
.sec07_img01 { width: 61.3333333333%; margin-left: 28%; }
.sec07_text { width: 86.3333333333%; margin: 8.53vw auto 0; }
img.sec07_title { margin: 39.2vw auto 0 84.5333333333%; }
.sec07_img02 { width: 61.3333333333%; margin: -65.86vw auto 0 5.3333333333%; }
.sec07_price { width: 61.3333333333%; margin-left: 5.3333333333%; }
.sec07_img03 { width: 100%; margin-top: 11.46vw; }
@media (min-width:768px){
	.sec07 { padding: 60px 0 50px; }
	img.sec07_num { top: 91px; left: calc(50% - 323px); }
	.sec07_img01 { width: 253px; margin-left: calc(50% - 246px); }
	.sec07_text { width: 253px; margin: 25px auto 0 calc(50% - 246px); }
	img.sec07_title { margin: -294px auto 0 calc(50% + 314px); }
	.sec07_img02 { width: 253px; margin: -257px auto 0  calc(50% + 34px); }
	.sec07_price { width: 253px; margin: 25px auto 0 calc(50% + 34px); }
	.sec07_img03 { width: 572px; margin-top: 30px; }
}
@media (min-width:1440px){
	.sec07 { padding: 105px 0 95px; }
	img.sec07_num { top: 165px; left: calc(50% - 590px); }
	.sec07_img01 { width: 460px; margin-left: calc(50% - 450px); }
	.sec07_text { width: 460px; margin: 50px auto 0 calc(50% - 450px); }
	img.sec07_title { margin: -294px auto 0 calc(50% + 573px); }
	.sec07_img02 { width: 460px; margin: -470px auto 0 calc(50% + 63px); }
	.sec07_price { width: 460px; margin: 30px auto 0 calc(50% + 63px); }
	.sec07_img03 { width: 1044px; margin-top: 90px; }
}

.profile {
padding: 14.66vw 0 12vw;
}
.profile_img {
width: 46.9333333333%;
}
.profile_name {
margin-top: 3.73vw;
}
.profile_kana {
margin-top: 2.66vw;
}
.profile p {
width: 86.6666666666%;
margin-top: 6.66vw;
}
@media (min-width:768px){
	.profile {
	padding: 60px 0 65px;
	}
	.profile_inner {
	width: 480px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	}
	.profile_img {
	width: 148px;
	margin: 0;
	}
	.profile_text {
	width: 295px;
	}
	.profile_name {
	text-align: left;
	margin-top: 0;
	}
	.profile_kana {
	text-align: left;
	margin-top: 10px;
	}
	.profile p {
	width: 100%;
	margin: 15px auto 0 0;
	}
}
@media (min-width:1440px){
	.profile {
	padding: 110px 0 115px;
	}
	.profile_inner {
	width: 815px;
	align-items: flex-end;
	}
	.profile_img {
	width: 270px;
	}
	.profile_text {
	width: 500px;
	}
	.profile_name {
	font-size: 30px;
	}
	.profile_kana {
	margin-top: 15px;
	font-size: 17px;
	}
	.profile p {
	margin-top: 25px;
	font-size: 14px;
	}
}