@charset "UTF-8";

/* ----- GOOGLE FONTS ----- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Zetta:wght@100..900&display=swap');

/* ------------------------------
 UA stylesheet RESET
------------------------------ */
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-style:normal;font-optical-sizing:auto;font-weight:normal;border-width:0;border-style:solid;}
html{overflow-y:scroll;line-height:0;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
a{color:inherit;text-decoration:none;background-color:transparent;}
ul,ol,li{list-style:none;}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;border-radius:0;text-align:inherit;text-transform:inherit;}
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;}
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default;}
select:disabled{opacity:inherit;}
label[for]{cursor:pointer;}
table{border-color:inherit;border-spacing:0;border-collapse:collapse;}
caption,th,td{text-align:left;vertical-align:top;}
details{display:block;}
summary{display:list-item;}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg,img,embed,object,iframe{vertical-align:top;}
pre,code,kbd,samp{font-size:inherit;font-family:monospace,monospace;}
hr,legend{display:none;}


/* ------------------------------
 FONT
------------------------------ */
/* a ----------*/
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:not([href]):not([class]),a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}
/* font-weight ----------*/
.f-w100{font-weight:100;}/*Thin*/
.f-w200{font-weight:200;}/*ExtraLight*/
.f-w300{font-weight:300;}/*Light*/
.f-w400{font-weight:400;}/*Regular*/
.f-w500{font-weight:500;}/*Medium*/
.f-w600{font-weight:600;}/*SemiBold*/
.f-w700{font-weight:700;}/*Bold*/
.f-w800{font-weight:800;}/*ExtraBold*/
.f-w900{font-weight:900;}/*Black*/
/* text-align ----------*/
.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right;}
/* text-decoration ----------*/
.t-ul{text-decoration:underline;}
.t-ol{text-decoration:overline;}
.t-lt{text-decoration:line-through;}
.marker-blue{font-weight:700;padding:0 5px;color:#ffffff;background:#4fbbbb}
.red{color:#fa0556;font-weight:900;}
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
}

/* --------------------------
 COMMON
-------------------------- */
/* HTML,BODY ------------- */
html,body{
position:relative;
width:100%;
min-height:100vh;
margin:0;
padding:0;
font-family:'Noto Sans JP',Sans-Serif;
font-weight:400;
color:#333333;
font-size:16px;
line-height:0;
text-align:left;
letter-spacing:0;
word-break:break-all;
word-wrap:break-word;
background:#ffffff;
}

/* --------------------------
 BG
-------------------------- */
.video-bg{
position:fixed;
overflow:hidden;
width:100%;
height:100vh;
background:#000000 url(../video/video-bg.png) no-repeat center;
background-size:cover
}
.video-bg video{
position:absolute;
top:50%;
left:50%;
min-width:100%;
min-height:100%;
transform:translate(-50%,-50%);
opacity:0.5;
}

/* --------------------------
 FV
-------------------------- */
.fv{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
z-index:100;
}
.fv-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.fv-container{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
/*FV-TOP----------*/
.fv-top{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
height:100%;
}
.fv-top img{
position:relative;
display:block;
width:75%;
max-width:750px;
margin:0;
padding:0;
}
.fv-top:after{
content:"";
position:relative;
display:block;
flex:1;
margin:9px 0 0 0;
height:1px;
background:#ffffff;
}
/*FV-COPY----------*/
.fv-copy{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.fv-copy img{
position:relative;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
z-index:100;
}
.fv-copy:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../img/fv-ill01-pc.png) no-repeat top left;
background-size:cover;
animation:huwahuwa 3s linear infinite;
}
.fv-copy:after{
content:"";
position:absolute;
bottom:0;
right:0;
width:100%;
height:100%;
background:url(../img/fv-ill02-pc.png) no-repeat bottom right;
background-size:cover;
animation:huwahuwa 2s linear infinite;
}
@keyframes huwahuwa{
0%{transform:translateY(0);}
50%{transform:translateY(2%);}
100%{transform:translateY(0);}
}
/*FV-TITLE----------*/
.fv-title{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.fv-title img{
position:relative;
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
/*FV-TEXT----------*/
.fv-text{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.fv-text img{
position:relative;
width:100%;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.fv{}
.fv-wrapper{}
.fv-container{}
/*FV-TOP----------*/
.fv-top{display:block;}
.fv-top img{width:100%;}
.fv-top:after{display:none;}
/*FV-COPY----------*/
.fv-copy{}
.fv-copy img{}
.fv-copy:before{
background:url(../img/fv-ill01-sp.png) no-repeat top left;
background-size:cover;
animation:huwahuwa 3s linear infinite;
}
.fv-copy:after{
background:url(../img/fv-ill02-sp.png) no-repeat bottom right;
background-size:cover;
animation:huwahuwa 2s linear infinite;
}
@keyframes huwahuwa{
0%{transform:translateY(0);}
50%{transform:translateY(-2%);}
100%{transform:translateY(0);}
}
/*FV-TITLE----------*/
.fv-title{}
.fv-h1{width:100%;}
.fv-h1 img{}
/*FV-TEXT----------*/
.fv-text{}
.fv-text img{}
}


/* --------------------------
 OPT
-------------------------- */
#opt{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:120px 0 80px 0;
background:rgba(0,0,0,0.5);
box-sizing:border-box;
}
.opt-title{
position:relative;
display:block;
margin:0;
padding:0;
}
.opt-title-top{
position:relative;
display:block;
margin:-30px 0 0 auto;
padding:0;
width:50%;
height:30px;
background:#fa0556 url(../img/top-deco.png) no-repeat top left;
clip-path:polygon(30px 0,100% 0,100% 100%,0 100%);
z-index:100;
}
.opt-title-img{
position:relative;
display:block;
margin:0;
padding:60px 0;
background:#fa0556;
}
.opt-title-img img{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.opt-title-bottom{
position:relative;
display:block;
margin:0 auto -30px 0;
padding:0;
width:50%;
height:30px;
background:#fa0556 url(../img/bottom-deco.png) no-repeat bottom right;
clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);
z-index:100;
}
.opt_wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.opt_box{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
/*OPT_FORM----------*/
.opt_form{
width:100%;
margin:0 auto 20px auto;
padding:0;
background:#333333 url(../img/bg_02.png) repeat center;
box-shadow:inset 0px 0px 10px 5px rgba(0,255,255,0.5);
box-sizing:border-box;
}
.opt_form form{
width:100%;
margin:0;
padding:30px;
box-sizing:border-box;
}
.opt_form form span.required{
display:block;
width:60px;
margin:0 auto 10px 0;
padding:5px 0;
font-size:14px;
line-height:20px;
font-weight:700;
text-align:center;
color:#ffffff;
background:#fb0000;
border-radius:4px;
}
.opt_form form input[type=text]{
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
font-size:18px;
line-height:30px;
width:100%;
margin:0 0 20px 0;
padding:10px;
color:#333333;
text-align:left;
background:#eeeeee;
border:2px solid #eeeeee;
border-radius:4px;
box-sizing:border-box;
outline:0;
}
.opt_form form input[type=text]:focus{
border:2px solid #000000;
outline:0;
}
/*OPT_FORM_SUBMIT----------*/
.opt_form_submit{
position:relative;
display:block;
width:100%;
max-width:630px;
margin:0 auto;
padding:0;
border-radius:15px;
background:#ffffff;
box-shadow:0 0 20px 0 rgba(0,255,255,0.8);
overflow:hidden;
}
.opt_form_submit input[type=image]{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
cursor:pointer;
box-sizing:border-box;
}
.opt_form_submit input[type=image]:hover{
opacity:0.5;
box-shadow:none;
}
/*OPT_ATTENTION----------*/
.opt_attention{
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
font-size:12px;
line-height:20px;
text-align:justify;
font-weight:600;
color:#ffffff;
box-sizing:border-box;
}
.opt_attention li{
position:relative;
margin:0;
padding:0 0 0 12px;
}
.opt_attention li:before{
content:"※";
position:absolute;
left:0;
}
@media only screen and (max-width:750px){
#opt{padding:12vw 0 8vw 0;}
.opt-title{}
.check-top{
margin:-4vw 0 0 auto;
height:4vw;
background:#4fbbbb url(../img/top-deco.png) no-repeat top left;
background-size:auto 4vw;
clip-path:polygon(4vw 0,100% 0,100% 100%,0 100%);
}
.opt-title-top{
margin:-4vw 0 0 auto;
height:4vw;
background:#fa0556 url(../img/top-deco.png) no-repeat top left;
background-size:auto 4vw;
clip-path:polygon(4vw 0,100% 0,100% 100%,0 100%);
}
.opt-title-img{padding:8vw 0;}
.opt-title-img img{}
.opt-title-bottom{
margin:0 auto -4vw 0;
height:4vw;
background:#fa0556 url(../img/bottom-deco.png) no-repeat bottom right;
background-size:auto 4vw;
clip-path:polygon(0 0,100% 0,calc(100% - 4vw) 100%,0 100%);
}
.opt_wrapper{}
.opt_box{}
/*OPT_FORM----------*/
.opt_form{margin:0 auto 20px auto;}
.opt_form form{padding:20px;}
.opt_form form span.required{margin:0 auto 5px 0;padding:0;font-size:12px;}
.opt_form form input[type=text]{font-size:16px;line-height:30px;padding:5px;}
.opt_form form input[type=text]:focus{}
/*OPT_FORM_SUBMIT----------*/
.opt_form_submit{border-radius:10px;}
.opt_form_submit input[type=submit]{}
.opt_form_submit input[type=submit]:hover{}
/*OPT_ATTENTION----------*/
.opt_attention{}
.opt_attention li{}
.opt_attention li:before{}
}


/* --------------------------
 LINK
-------------------------- */
.link{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.link-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
background:rgba(0,0,0,0.5);
}
.link-container{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.link-box{
position:relative;
display:block;
width:100%;
margin:0;
padding:90px 0;
}
.link-slash{
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 0 auto;
padding:0;
font-size:24px;
line-height:30px;
font-weight:400;
color:#ffffff;
}
.link-slash:before,.link-slash:after{
content:"";
position:relative;
display:block;
width:2px;
height:30px;
border-radius:1px;
}
.link-slash:before{
margin:0 15px 0 0;
rotate:-30deg;
background:#54e5e7;
}
.link-slash:after{
margin:0 0 0 15px;
rotate:30deg;
background:#54e5e7;
}
.link-text{
margin:0;
padding:30px 0;
font-size:20px;
line-height:40px;
text-align:center;
color:#ffffff;
}
.link-btn{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.link-btn a{
position:relative;
display:block;
width:84%;
max-width:630px;
margin:0 auto;
padding:0;
border-radius:15px;
background:#ffffff;
box-shadow:0 0 20px 0 rgba(0,255,255,0.8);
overflow:hidden;
}
.link-btn a img{
position:relative;
display:block;
width:100%;
max-width:630px;
margin:0 auto;
padding:0;
}
.link-btn a:hover{
opacity:0.5;
box-shadow:none;
}
@media only screen and (max-width:750px){
.link{}
.link-wrapper{}
.link-container{}
.link-box{padding:12vw 0;}
.link-slash{font-size:16px;line-height:30px;}
.link-slash:before,.link-slash:after{}
.link-slash:before{margin:0 15px 0 0;}
.link-slash:after{margin:0 0 0 15px;}
.link-text{padding:4vw 0;font-size:14px;line-height:30px;}
.link-btn{}
.link-btn a{border-radius:10px;}
.link-btn a img{}
.link-btn a:hover{}
}

/* ------------------------------
 SECTION
------------------------------ */
.section{
position:relative;
display:block;
margin:0;
padding:0;
}
/* section-wrapper --------------------*/
.section-wrapper{
position:relative;
display:block;
margin:0;
padding:120px 0;
}
/* section-container --------------------*/
.section-container{
position:relative;
display:block;
margin:0 auto;
padding:0;
max-width:1000px;
}
/* section-title --------------------*/
.section-title{
position:relative;
display:block;
margin:0 auto 60px auto;
padding:0;
}
.section-title-en{
position:relative;
display:block;
margin:0 auto 20px auto;
padding:0;
font-family:"Lexend Zetta", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:30px;
text-align:center;
color:#18a8b1;
}
.section-title-slash{
position:relative;
display:block;
margin:0 auto 20px auto;
padding:0;
font-weight:400;
font-size:24px;
line-height:30px;
text-align:center;
color:#18a8b1;
}
.section-title-text{
position:relative;
display:block;
margin:0;
padding:0;
font-family:"Noto Sans JP",sans-serif;
font-size:36px;
line-height:60px;
text-align:center;
font-weight:600;
color:#126476;
}
.section-title-bottom{
position:relative;
display:block;
margin:30px auto 0 auto;
padding:0;
width:40px;
height:20px;
clip-path:polygon(0 0,100% 0,50% 100%);
background:#f1e93b;
}
/* section-box --------------------*/
.section-box{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
}
/* section-text --------------------*/
.section-text{
position:relative;
display:block;
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
}
.section-text p{margin:0 0 30px 0;padding:0;}
.section-text p:last-child{margin:0;padding:0;}
@media only screen and (max-width:750px){
.section{}
.section-wrapper{padding:12vw 0;}
.section-container{}
/* section-title --------------------*/
.section-title{margin:0 auto 4vw auto;}
.section-title-en{margin:0 auto 4vw auto;font-size:16px;line-height:20px;}
.section-title-slash{margin:0 auto 4vw auto;font-size:16px;line-height:20px;}
.section-title-text{font-size:20px;line-height:40px;}
.section-title-bottom{margin:4vw auto 0 auto;width:4vw;height:2vw;}
.section-box{padding:0 4vw;}
.section-text{font-size:14px;line-height:30px;}
.section-text p{margin:0 0 30px 0;padding:0;}
.section-text p:last-child{margin:0;padding:0;}
}


/* --------------------------
 OVERVIEW
-------------------------- */
#overview{}
#overview .section-wrapper{padding:60px 0;}
#overview .section-container{}
.overview-wrapper{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.overview-container{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.overview-box{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.overview-box img{
position:relative;
width:100%;
margin:0 auto;
padding:0;
}
.overview-info{
width:100%;
max-width:750px;
margin:10px auto 0 auto;
padding:0 30px;
color:#ffffff;
font-size:12px;
line-height:20px;
text-align:right;
}
@media only screen and (max-width:750px){
#overview{}
#overview .section-title{padding:8vw 0;}
#overview .section-title-img{}
#overview .section-wrapper{padding:8vw 0;}
#overview .section-container{}
.overview-info{padding:0 4%;text-align:center;}
}

/* --------------------------
 CONTENT
-------------------------- */
#content{}
#content .section-wrapper{background:#ffffff;}
#content .section-title{}
#content .section-title-slash{}
#content .section-title-text{}
#content .section-title-bottom{}
ul.content-list{
width:100%;
margin:0 auto 60px auto;
padding:20px 0 0 0;
border-top:solid #eeeeee 1px;
}
ul.content-list li{
position:relative;
margin:0 0 20px 0;
padding:0 0 20px 40px;
font-size:22px;
line-height:30px;
font-weight:700;
color:#000000;
border-bottom:solid #eeeeee 1px;
}
ul.content-list li:last-of-type{margin:0;}
ul.content-list li:before{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:30px;
height:30px;
background:#4fbbbb;
}
ul.content-list li:after{
content:"";
position:absolute;
top:3px;
left:4px;
display:block;
width:22px;
height:16px;
border-left:6px solid #fa0556;
border-bottom:6px solid #fa0556;
transform:rotate(-45deg);
}
@media only screen and (max-width:750px){
#content{}
#content .section-wrapper{}
#content .section-title{}
#content .section-title-slash{}
#content .section-title-text{}
#content .section-title-bottom{}
ul.content-list{margin:0 auto 8vw auto;
padding:20px 0 0 0;
}
ul.content-list li{
margin:0 0 20px 0;
padding:0 0 20px 30px;
font-size:16px;
line-height:30px;
}
ul.content-list li:last-of-type{margin:0;}
ul.content-list li:before{top:6px;width:20px;height:20px;}
ul.content-list li:after{
top:9px;
left:2px;
display:block;
width:16px;
height:10px;
border-left:4px solid #fa0556;
border-bottom:4px solid #fa0556;
}
}

/* --------------------------
 CHECK
-------------------------- */
#check{}
.check-top{
position:relative;
margin:-30px 0 0 auto;
padding:0;
width:50%;
height:30px;
background:#4fbbbb url(../img/top-deco.png) no-repeat top left;
clip-path:polygon(30px 0,100% 0,100% 100%,0 100%);
}
#check .section-wrapper{background:#4fbbbb;}
#check .section-title{}
#check .section-title-en{color:#0b7a6c;}
#check .section-title-text{color:#ffffff;}
#check .section-title-bottom{}
ul.check-list{
width:100%;
max-width:600px;
margin:0 auto;
}
ul.check-list li{
position:relative;
margin:0 0 30px 0;
padding:0 0 0 40px;
font-size:22px;
line-height:30px;
font-weight:700;
color:#ffffff;
}
ul.check-list li:last-of-type{margin:0;}
ul.check-list li:before{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:30px;
height:30px;
background:#000000;
border:2px solid #ffffff;
}
ul.check-list li:after{
content:"";
position:absolute;
top:3px;
left:4px;
display:block;
width:22px;
height:16px;
border-left:6px solid #fa0556;
border-bottom:6px solid #fa0556;
transform:rotate(-45deg);
}
@media only screen and (max-width:750px){
#check{}
.check-top{
margin:-4vw 0 0 auto;
height:4vw;
background:#4fbbbb url(../img/top-deco.png) no-repeat top left;
background-size:auto 4vw;
clip-path:polygon(4vw 0,100% 0,100% 100%,0 100%);
}
#check .section-wrapper{}
#check .section-title{}
#check .section-title-en{}
#check .section-title-text{}
#check .section-title-bottom{}
ul.check-list{max-width:750px;}
ul.check-list li{margin:0 0 20px 0;padding:0 0 0 30px;font-size:16px;line-height:30px;}
ul.check-list li:last-of-type{margin:0;}
ul.check-list li:before{top:6px;width:20px;height:20px;border:1px solid #ffffff;}
ul.check-list li:after{top:9px;left:2px;width:16px;height:10px;border-left:4px solid #fa0556;border-bottom:4px solid #fa0556;}
}


/* --------------------------
 EVOLUTION
-------------------------- */
#evolution{}
#evolution .section-wrapper{background:#ffffff;}
#evolution .section-container{max-width:1250px;}
#evolution .section-title{}
#evolution .section-title-en{}
#evolution .section-title-text{}
#evolution .section-title-bottom{}
.evolution-wrapper{
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.evolution-container{
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:0 auto 80px auto;
padding:0;
box-sizing:border-box;
}
.evolution-container:last-of-type{margin:0 auto 0 auto;}
.evolution-container:nth-of-type(odd){flex-direction:row;}
.evolution-container:nth-of-type(even){flex-direction:row-reverse;}
.evolution-img{
position:relative;
display:block;
width:50%;
margin:0;
padding:0;
}
.evolution-img img{
width:100%;
clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px);
}
.evolution-box{
position:relative;
display:block;
width:50%;
margin:0 auto 0 auto;
padding:0 40px;
}
.evolution-text{
display:block;
margin:0 auto;
padding:0;
}
.evolution-title{
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
}
.evolution-title-num{
position:relative;
display:block;
margin:0 0 10px 0;
padding:0;
font-family:"Lexend Zetta", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:14px;
line-height:20px;
text-align:left;
color:#4fbbbb;
}
.evolution-title-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#0b7a6c;
}
.evolution-title-bottom{
display:block;
margin:20px auto 0 0;
width:60px;
height:2px;
background:#f5d13b;
}
.evolution-text p{
display:block;
width:100%;
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
color:#000000;
}
.evolution-text p:last-of-type{margin:0;}
@media only screen and (max-width:750px){
#evolution{}
#evolution .section-wrapper{}
#evolution .section-container{}
#evolution .section-title{}
#evolution .section-title-en{}
#evolution .section-title-text{}
#evolution .section-title-bottom{}
.evolution-wrapper{}
.evolution-container{display:block;margin:0 auto 12vw auto;}
.evolution-container:last-of-type{margin:0 auto 0 auto;}
.evolution-container:nth-of-type(odd){}
.evolution-container:nth-of-type(even){}
.evolution-img{width:100%;margin:0 auto 8vw auto;}
.evolution-img img{width:92%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
.evolution-container:nth-of-type(odd) .evolution-img img{margin:0 auto 0 0;}
.evolution-container:nth-of-type(even) .evolution-img img{margin:0 0 0 auto;}
.evolution-box{width:100%;padding:0 4vw;}
.evolution-text{}
.evolution-title{margin:0 auto 4vw auto;}
.evolution-title-num{}
.evolution-container:nth-of-type(odd) .evolution-title-num{text-align:left;}
.evolution-container:nth-of-type(even) .evolution-title-num{text-align:right;}
.evolution-title-text{font-size:18px;line-height:30px;}
.evolution-container:nth-of-type(odd) .evolution-title-text{text-align:left;}
.evolution-container:nth-of-type(even) .evolution-title-text{text-align:right;}
.evolution-title-bottom{width:30px;height:1px;}
.evolution-container:nth-of-type(odd) .evolution-title-bottom{margin:4vw auto 0 0;}
.evolution-container:nth-of-type(even) .evolution-title-bottom{margin:4vw 0 0 auto;}
.evolution-text p{font-size:14px;line-height:30px;}
}


/* ----------------------- CSS Information 
 Style Info: PROFILE
--------------------------------------- */
#profile{}
#profile .section-wrapper{background:#f6f6f6;}
#profile .section-container{max-width:1250px;}
.profile-wrapper{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-evenly;
align-items:flex-start;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.profile-box{
display:block;
width:44%;
margin:0;
padding:0;
}
.profile-img{
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:690px;
background:#000000 url(../img/bg_02.png) repeat center;
clip-path:polygon(40px 0,100% 0,100% 100%,0 100%,0 40px);
}
.profile-img img{
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:690px;
}
.profile-text{
display:block;
margin:0 auto;
padding:0;
width:100%;
box-sizing:border-box;
}
.profile-text dl{}
.profile-text dt.info{
display:block;
width:100%;
height:40px;
margin:0;
padding:0;
font-size:18px;
line-height:39px;
text-align:center;
font-weight:bold;
color:#ffffff;
background:#4fbbbb;
clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,0 100%);
}
.profile-text dt.name{
font-size:30px;
line-height:40px;
text-align:center;
margin:0;
padding:20px 0;
font-weight:700;
color:#4fbbbb;
}
.profile-text dd{
margin:0;
padding:0;
font-size:16px;
line-height:30px;
text-align:justify;
color:#333333;
}
.profile-text dd ul{
margin:0 0 30px 0;
padding:0;
}
.profile-text dd ul li{
margin:0 0 10px 0;
padding:0 0 0 5px;
border-left:5px solid #4fbbbb;
}
.profile-text dd p{
margin:0;
padding:0;
text-align:justify;
}
@media only screen and (max-width:750px){
#profile{}
#profile .section-wrapper{}
#profile .section-container{}
.profile-wrapper{display:block;}
.profile-box{width:100%;padding:0 4% 40px 4%;}
.profile-img{clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px);}
.profile-img img{}
.profile-text{}
.profile-text dl{}
.profile-text dt.info{height:30px;font-size:16px;line-height:29px;clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);}
.profile-text dt.name{font-size:20px;line-height:30px;}
.profile-text dd{font-size:14px;line-height:24px;}
.profile-text dd ul{margin:0 0 20px 0;}
.profile-text dd ul li{}
.profile-text dd p{}
}


/* --------------------------
 FOOTER
-------------------------- */
footer{
position:relative;
display:block;
margin:0;
padding:40px 0 40px 0;
width:100%;
color:#e0e0e0;
background:rgba(0,0,0,0.5);
}
footer a{color:#e0e0e0;text-decoration:none;}
footer a:hover{color:#e0e0e0;text-decoration:underline;}
#nav_footer{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
}
#nav_footer ul{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
text-align:center;
list-style-type:none;
box-sizing:border-box;
}
#nav_footer ul li{
display:block;
font-size:12px;
line-height:20px;
margin:0;
padding:0 40px;
border-left:1px solid #4fbbbb;
}
#nav_footer ul li:first-child{border-left:none;}
footer small{
display:block;
margin:20px 0 0 0;
padding:0;
text-align:center;
font-size:12px;
line-height:20px;
box-sizing:border-box;
}
@media only screen and (max-width:750px){
footer{}
#nav_footer{}
#nav_footer ul{display:block;padding:0 4%;text-align:left;}
#nav_footer ul li{width:100%;margin:0 0 10px 0;padding:0 0 0 4px;}
#nav_footer ul li:first-child{border-left:1px solid #4fbbbb;}
footer small{margin:0;padding:0 4%;text-align:right;}
}


/* ----------------------- CSS Information 
 Style Info: FOOTER_FIXED
--------------------------------------- */
#footer_fixed{
display:none;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:100;
background:#333333 url(../img/bg_02.png) repeat center;
box-shadow:0 0 4px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
}
.footer_fixed_wrapper{
position:relative;
width:100%;
max-width:750px;
height:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.footer_fixed_img{width:100%;max-width:750px;margin:0 auto;}
.btn_footer{
position:absolute;
top:15%;
right:2%;
width:33%;
margin:0 0 0 auto;
padding:0;
background:#ffffff;
border-radius:6px;
box-shadow:2px 2px 2px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
overflow:hidden;
}
.btn_footer img{width:100%;}
.btn_footer img:hover{opacity:0.5;}
@media only screen and (max-width:750px){
#footer_fixed{}
.footer_fixed_wrapper{}
.footer_fixed_img{}
.btn_footer{
top:12.5%;
left:50%;
width:48%;
margin:0 auto 0 0;
}
}