@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&family=Noto+Sans+JP:wght@400;500;600;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;600;700;900&display=swap');

/* Reset */
html{font-size: 62.5%; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; overflow-x: hidden;}
body{color: #000; word-spacing: 0; letter-spacing: 0.05em; font-family: 'Noto Sans JP', sans-serif; background: url("../img/common/bg.jpg");
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%;}

@media (min-width: 1200px){
	body{background-attachment: fixed;}
}

@media print {
    body{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}

*{margin: 0; padding: 0; box-sizing: border-box; border: 0;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: bold;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
a{color: inherit; text-decoration: none;}
img{vertical-align: bottom; max-width: 100%; height: auto;}

input, 
textarea,
select,
option,
optgroup,
button{-webkit-appearance: none; border-radius: 0;}

.container{margin: 0 auto; max-width: 1000px; width: calc(100% - 60px);}
.disable{pointer-events: none;}

.anchorlink{position: relative;}
.anchorlink > div{position: absolute; top: -90px;}

@media (max-width: 1199px){
	.only-tab{display: none !important;}
}

@media (min-width: 768px){
	body{font-size: 1.6rem; line-height: 2;}
    a[href^="tel:"]{pointer-events: none;}
    .only-sp{display: none !important;}
}

@media (max-width: 767px){
	body{font-size: 1.4rem; line-height: 1.7; background-size: 22px auto; overflow-x: hidden;}
    .only-pc{display: none !important;}
}

/* Line */
.line{position: absolute; z-index: 5;}
.line:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 0; transition: height .8s; background: #000000;}
.line.is-show:after{height: 100%;}

[class*="lineL"]{width: 226px; height: 226px;}
[class*="lineL"]:after{mask: url("../img/common/line.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/line.svg") no-repeat top left/100% auto;}
[class*="lineL-yellow"]:after{background: #e6ff1d;}
[class*="lineL-blue"]:after{background: #9fd9f6;}
[class*="lineL-dblue"]:after{background: #00458d;}
[class*="lineL-lblue"]:after{background: #e5f6ff;}
[class*="lineL-pink"]:after{background: #ffc3c3;}
[class*="lineL-purple"]:after{background: #eda3c6;}
[class*="lineL-green"]:after{background: #72c3c8;}

[class*="lineS"]{width: 58px; height: 58px;}
[class*="lineS"]:after{mask: url("../img/common/lineS.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/lineS.svg") no-repeat top left/100% auto;}
[class*="lineS-yellow"]:after{background: #e6ff1d;}
[class*="lineS-blue"]:after{background: #9fd9f6;}
[class*="lineS-dblue"]:after{background: #00458d;}
[class*="lineS-lblue"]:after{background: #e5f6ff;}
[class*="lineS-pink"]:after{background: #ffc3c3;}
[class*="lineS-purple"]:after{background: #eda3c6;}
[class*="lineS-green"]:after{background: #72c3c8;}

[class*="line2"]{width: 165px; height: 166px;}
[class*="line2"]:after{mask: url("../img/common/line2.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/line2.svg") no-repeat top left/100% auto;}
[class*="line2-yellow"]:after{background: #e6ff1d;}
[class*="line2-blue"]:after{background: #9fd9f6;}
[class*="line2-dblue"]:after{background: #00458d;}
[class*="line2-lblue"]:after{background: #e5f6ff;}
[class*="line2-pink"]:after{background: #ffc3c3;}
[class*="line2-purple"]:after{background: #eda3c6;}
[class*="line2-green"]:after{background: #72c3c8;}

[class*="lineR"]{width: 165px; height: 166px;}
[class*="lineR"]:after{mask: url("../img/common/lineR.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/lineR.svg") no-repeat top left/100% auto;}
[class*="lineR-yellow"]:after{background: #e6ff1d;}
[class*="lineR-blue"]:after{background: #9fd9f6;}
[class*="lineR-dblue"]:after{background: #00458d;}
[class*="lineR-lblue"]:after{background: #e5f6ff;}
[class*="lineR-pink"]:after{background: #ffc3c3;}
[class*="lineR-purple"]:after{background: #eda3c6;}
[class*="lineR-green"]:after{background: #72c3c8;}

[class*="lineM"]{width: 105px; height: 78px;}
[class*="lineM"]:after{mask: url("../img/common/lineM.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/lineM.svg") no-repeat top left/100% auto;}
[class*="lineM-yellow"]:after{background: #e6ff1d;}
[class*="lineM-blue"]:after{background: #9fd9f6;}
[class*="lineM-dblue"]:after{background: #00458d;}
[class*="lineM-lblue"]:after{background: #e5f6ff;}
[class*="lineM-pink"]:after{background: #ffc3c3;}
[class*="lineM-purple"]:after{background: #eda3c6;}
[class*="lineM-green"]:after{background: #72c3c8;}

[class*="lineD"]{width: 134px; height: 134px;}
[class*="lineD"]:after{mask: url("../img/common/line-dot.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/line-dot.svg") no-repeat top left/100% auto;}
[class*="lineD-yellow"]:after{background: #e6ff1d;}
[class*="lineD-blue"]:after{background: #9fd9f6;}
[class*="lineD-dblue"]:after{background: #00458d;}
[class*="lineD-lblue"]:after{background: #e5f6ff;}
[class*="lineD-pink"]:after{background: #ffc3c3;}
[class*="lineD-purple"]:after{background: #eda3c6;}
[class*="lineD-green"]:after{background: #72c3c8;}

[class*="linelD"]{width: 262px; height: 287px;}
[class*="linelD"]:after{mask: url("../img/common/line-dotL.svg") no-repeat top left/100% auto; -webkit-mask: url("../img/common/line-dotL.svg") no-repeat top left/100% auto;}
[class*="linelD-yellow"]:after{background: #e6ff1d;}
[class*="linelD-blue"]:after{background: #9fd9f6;}
[class*="linelD-dblue"]:after{background: #00458d;}
[class*="linelD-lblue"]:after{background: #e5f6ff;}
[class*="linelD-pink"]:after{background: #ffc3c3;}
[class*="linelD-purple"]:after{background: #eda3c6;}
[class*="linelD-green"]:after{background: #72c3c8;}

@media (max-width: 767px){
	[class*="lineL"]{width: 104px; height: 104px;}
	[class*="lineS"]{width: 27px; height: 27px;}
	[class*="line2"]{width: 110px; height: 111px;}
	[class*="lineR"]{width: 110px; height: 111px;}	
}

/* Header */
header{position: relative; z-index: 990; color: #00458d;}
h1{position: fixed; top: 0; left: 0; width: 100%; height: 80px; padding: 25px 0 24px 50px; z-index: 995; background: #fff; border-radius: 0 0 0 64px;}
h1 a{display: flex; align-items: center; justify-content: space-between; position: relative; line-height: 1; width: 350px; font-weight: 500;}
h1 .logo-white{position: absolute; top: 0; left: 0; opacity: 0;}

.btn-menu{width: 50px; height: 16px; position: fixed; top: 32px; right: 30px; z-index: 996; cursor: pointer;}
.btn-menu span{width: 100%; height: 2px; display: block; background: #00458d; position: absolute; left: 0; transition: .3s linear;}
.btn-menu span:nth-of-type(1){top: 0;}
.btn-menu span:nth-of-type(2){top: 16px;}



header.is-show .btn-menu span{background: #fff;}
header.is-show .btn-menu span:nth-of-type(1){top: 9px; transform: rotate(45deg);}
header.is-show .btn-menu span:nth-of-type(2){top: 9px; transform: rotate(-45deg);}

.header-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 660px; z-index: 992; background: url("../img/common/bg.jpg");
opacity: 0; visibility: hidden; pointer-events: none; transition: .3s linear;}
.header-wrap:before{content: ''; position: absolute; top: 0; right: 0; border-radius: 0 0 0 100px; background: linear-gradient(to bottom, #00458d, #002347); overflow: hidden; z-index: -1; width: 55.7%; height: 100%; transform: translate(100%,-100%); 
transform-origin: right; will-change: transform; transition: .4s linear .3s;}

header.is-show .header-wrap{opacity: 1; visibility: visible; pointer-events: auto;}
header.is-show .header-wrap:before{transform: translate(0,0);}

.header-wrap .line:after{height: 100%;}
.header-wrap .lineL-2blue{top: -44px; right: 57.5%;}
.header-wrap .lineL-blue{bottom: -160px; right: 64.6%;}
.header-wrap .lineL-yellow{top: 30%; left: -169px;}

.header-outer{font-weight: 900; font-family: 'Zen Kaku Gothic New', sans-serif; position: absolute; top: 47%; left: 0; width: 44.3%; transform: translateY(-50%); display: flex; justify-content: center; z-index: 10;}
.header-tit{line-height: 1; margin: 0 0 30px;}
.header-img{position: absolute; left: 0; bottom: 15px; width: 44.3%; line-height: 1;}

.menu{position: fixed; top: 0; right: 0; width: 55.7%; height: 100%; overflow: auto; color: #fff; opacity: 0; transform: translateY(20px);}
header.is-show .menu{opacity: 1; transform: translateY(0); transition: .5s linear .8s;}
.menu a.is-active,
.menu a:hover{color: #e6ff1d;}

.menu-wrap{padding: 80px 0; width: calc(100% - 120px); max-width: 640px; margin: 0 auto;}
.menu-inner{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0 10px;}
.menu-item{margin: 0 0 25px;}
.menu-tit{font-size: 1.4rem; line-height: 2.2; font-weight: 900;}
.menu-list li{font-size: 2rem; line-height: 1.7; font-weight: 500;}
.menu-list a{display: inline-block;}
.menu-parent{display: none;}

.menu-child{margin: 3px 0 30px;}
.menu-child li{font-size: 1.4rem; line-height: 1.7; font-weight: 400;}
.menu-child a{position: relative; padding-left: 22px;}
.menu-child a:before{content: ''; position: absolute; top: 12px; left: 0; width: 16px; height: 1px; background: #fff; display: block;}

.menu-exlink:after{content: ''; display: inline-block; background: url("../img/common/ic-exlink_white.svg") no-repeat top left/100% 100%; width: 16px; height: 16px; margin-left: 6px;}
.menu-exlink:hover:after{background: url("../img/common/ic-exlink_yellow.svg") no-repeat top left/100% 100%;}

.menu-link{display: flex; flex-wrap: wrap; font-weight: 500;}
.menu-link li{margin: 0 30px 3px 0;}
.menu-link li:last-of-type{width: 100%; margin: 0;}
.menu-link a:after{content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 6px;
background: url("../img/common/ic-exlink_white.svg") no-repeat top left/100% 100%;}
.menu-link a:hover{color: #e6ff1d;}
.menu-link a:hover:after{background: url("../img/common/ic-exlink_yellow.svg") no-repeat top left/100% 100%;}

@media (min-width: 1024px){
	header.is-show h1{width: 44.3%; transition: width .4s linear .3s;}
}

@media (max-width: 1023px){
	.header-wrap .line,
	.header-outer,
	.header-img{display: none;}
	
	h1{padding-left: 30px;}
	header.is-show h1{background: none;}
	
	.header-wrap:before{width: 100%;}
	.menu{width: 100%;}
	.menu-wrap{max-width: 480px; padding: 120px 0 60px;}
	
	header.is-show h1{color: #fff;}
	header.is-show h1 .logo-blue{opacity: 0;}
	header.is-show h1 .logo-white{opacity: 1;}
}

@media (max-width: 767px){
	h1{padding: 14px 20px 15px; border-radius: 0 0 0 40px;}	
	h1 a{display: block; width: 150px;}
	h1 img{width: 150px;}
	h1 span{margin: 10px 0 0 15px; display: block;}
	
	.btn-menu{width: 40px; right: 20px;}
		
	.header-wrap{min-height: 100px;}
	.menu{top: 90px; bottom: 15px; height: auto;}
	.menu-wrap{max-width: 767px; padding: 10px 30px 30px; width: 100%;}
	.menu-inner{display: block;}
	
	.menu-link{display: block;}
	.menu-link li{margin: 0 0 10px;}
	.menu-child{display: none; margin: 3px 0 20px;}
	.menu-pc{display: none !important;}
	
	.menu-list li:not(:last-of-type) .menu-parent{margin: 0 0 10px;}
	
	.menu-parent{display: block; position: relative;}
	.menu-parent i{position: absolute; top: 7px; right: 0; width: 20px; height: 20px;}
	.menu-parent i:before,
	.menu-parent i:after{content: ''; position: absolute; background: #fff; display: block;}
	
	.menu-parent i:before{width: 100%; height: 2px; top:9px; left: 0;}
	.menu-parent i:after{width: 2px; height: 100%; top: 0; left: 9px;}
	
	.menu-parent.is-open i:after{display: none;}
}

/* Title */
.title{margin: 0 0 20px; line-height: 1; position: relative; z-index: 6;}
.title span{font-size: 2.4rem; line-height: 1.4; letter-spacing: 0.1em; font-weight: bold; font-family: 'Zen Kaku Gothic New', sans-serif; display: block; margin: 0.84em 0 0 0;}
.title img{width: auto; height: 60px;}
.title.is-long img{height: 75px;}
.title.is-long span{margin: 0.3em 0 0 0;}
.title.is-double img{height: 150px;}

@media (max-width: 767px){
	.title{position: relative; z-index: 10; text-align: center;}
	.title span{font-size: 1.6rem; margin: 0.6em 0 0 0;}
	.title img{height: 38px;}
	.title.is-long img{height: 48px;}
	.title.is-double img{height: 96px;}
}

/* Main */
.lowerpage{position: relative;}
.lowerpage-bg{position: absolute; top: 0; left: 0; width: 100%; height: min(62.5vw,800px); border-radius: 0 0 100px 100px; overflow: hidden; z-index: -1;}
.lowerpage-bg:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 3s; transform: scale(1.1);}
.lowerpage-bg.is-view:before{transform: scale(1);}
.lowerpage .main{padding-bottom: 150px;}

.main{position: relative;}

@media (max-width: 767px){
	.lowerpage-bg{height: 483px; border-radius: 0 0 64px 64px;}
	.lowerpage .main{padding-bottom: 90px;}
}

/* MV */
.mv{margin: 0 auto; max-width: 1000px; width: calc(100% - 60px); display: flex; align-items: center; height: 380px; padding-top: 80px; position: relative; z-index: 100;}
.mv-tit{margin-right: 30px;}
.mv-tit span{font-size: 2rem; line-height: 1; font-weight: bold; font-family: 'Zen Kaku Gothic New', sans-serif; letter-spacing: 0.1em; padding: 8px 10px; display: block; width: fit-content; background: #00458d; color: #fff; margin: 15px 0 0 0;}
.mv-tit img{width: auto; height: 100px;}
.mv-tit.is-long img{height: 92px;}

@media (max-width: 767px){
	.mv{height: 220px;}
	.mv-tit{margin-right: 12px;}
	.mv-tit span{font-size: 1.4rem; padding: 3px 6px; margin: 10px 0 0 0;}
	.mv-tit img{height: 53px;}
	.mv-tit.is-long img{height: 44px;}
}

.m-ifrm{max-width: 1104px; width: calc(100% - 60px); margin: 0 auto 80px; border: 2px solid #00458d; border-radius: 100px; background: #fff; position: relative;}
.m-ifrm.is-last,
.m-ifrm:last-of-type{margin-bottom: 0;}
.m-ifrm_inner{max-width: 830px; margin: 0 auto; width: 90%; padding: 80px 0;}
.m-ifrm_box:not(:last-of-type){margin-bottom: 90px;}

.m-ifrm_tit{display: flex; justify-content: center; margin: 0 0 40px;}
.m-ifrm_tit span{background-image: url("../img/common/circle-left.png"), url("../img/common/circle-right.png"); background-repeat: no-repeat, no-repeat; background-size: 20px 42px, 20px 42px; background-position: top left, top right;
text-align: center; font-size: 2.4rem; line-height: 1.4; font-weight: 900; font-family: 'Zen Kaku Gothic New', sans-serif; color: #00458d; position: relative; padding: 0 30px; height: 42px; display: flex; justify-content: center; align-items: center;}
.m-ifrm_tit span:before{content: ''; position: absolute; top: 2px; bottom: 2px; left: 20px; right: 20px; background: #fff; display: block; z-index: -1;}
.m-ifrm_tit span:after{content: ''; position: absolute; bottom: 5px; left: 27px; right: 27px; height: 0.6em; background: #e6ff1d; display: block; z-index: -1;}

@media (max-width: 767px){
	.m-ifrm{margin: 0 auto 30px; border-radius: 32px;}
	.m-ifrm_inner{padding: 30px 18px; width: 100%;}
	.m-ifrm_box:not(:last-of-type){margin-bottom: 60px;}
	
	.m-ifrm_tit{margin: 0 0 20px;}
	.m-ifrm_tit span{font-size: 1.8rem; background-size: 15px 30px, 15px 30px; padding: 0 25px; height: 30px;}
	.m-ifrm_tit span:before{left: 15px; right: 15px;}
	.m-ifrm_tit span:after{bottom: 3px; left: 23px; right: 23px;}
}

.r-ifrm{position: relative; line-height: 1.75;}
.r-ifrm:before{content: ''; position: absolute; top: 0; right: 0; width: calc(50% - 500px); height: 100%; background: #fff;}
.r-ifrm_wrap{margin: 0 auto; max-width: 1000px; width: calc(100% - 60px); border-radius: 100px 0 0 100px; background: #fff;}
.r-ifrm_inner{padding: 7% 0; position: relative; margin-left: auto;	max-width: 860px; width: calc(100% - 32px);}
.r-ifrm::before{width: 62%;}

@media (max-width: 767px){
	.r-ifrm_wrap{border-radius: 64px 0 0 64px;}
	.r-ifrm_inner{padding: 40px 0 50px;}
}

/* Main Btn */
.m-btn{max-width: 316px; width: 100%; margin: 0 auto;}
.m-btn a{height: 64px; width: 100%; border-radius: 64px; border: 2px solid #00458d; color: #00458d; background: #fff; position: relative; display: flex; align-items: center; padding: 0 40px 0 30px; letter-spacing: 0.1em; font-size: 1.6rem; line-height: 1.3; font-weight: bold; font-family: 'Zen Kaku Gothic New', sans-serif; overflow: hidden; z-index: 10;}
.m-btn a:after{content: ''; position: absolute; top: 50%; right: 26px; width: 7px; height: 12px; display: block; margin-top: -6px; transition: .4s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; background: #00458d;
mask: url("../img/common/ic-arrow.svg") no-repeat right center/100% auto; -webkit-mask: url("../img/common/ic-arrow.svg") no-repeat right center/100% auto;}
.m-btn a:before{content: ''; width: 100%; height: 100%; top: 0; left: -115%; position: absolute; background: #00458d; transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transform: scale(1.3); border-radius: 64px; z-index: -1;}
.m-btn a:hover:before{left: 0;}
.m-btn a:hover:after{transform: scale(1.2); right: 23px; background: #ffffff;}
.m-btn a:hover{color: #fff;}

@media (max-width: 767px){
	.m-btn{max-width: 230px;}
	.m-btn a{font-size: 1.6rem; line-height: 1.1; height: 48px; border-radius: 48px;}
	.m-btn a:before{border-radius: 48px;}
}

/* Other */
.other{position: relative; margin-top: 140px;}
.other .line2-yellow{top: -20px; right: 12%;}
.other-tit{margin: 0 0 50px; line-height: 1;}
.other-tit img{width: auto; height: 31px;}
.other-tit.is-long img{height: 37px;}

.other-slider{position: relative; padding-bottom: 46px;	z-index: 2;}
.other-swiper-container{overflow: hidden;}

.other-slide{display: flex;	justify-content: center; align-items: center; width: 100%;}
.other-slide a{position: relative; overflow: hidden; border-radius: 64px; display: block; width: 100%; max-width: 826px; margin: 0 auto;}
.other-slide_img{position: relative;}
.other-slide_img::after{background: #00458D; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; transition: 0.2s linear;}
.other-slide_title{font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 3.2rem; font-weight: bold; letter-spacing: 0.1em; line-height: 1.1; color: #000000; padding: 3px; display: inline-block; background: #fff; position: absolute; left: 40px; bottom: 36px;}
.other-slide_title2{font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1em; line-height: 1.2; color: #000000; display: inline-block; position: absolute; left: 40px; bottom: 36px;}
.other-slide_title2 span{background: #fff; display: inline-block; padding: 0 3px 3px 5px;}
.other-slide_title2 span.is-big{font-size: 3.2rem; line-height: 1.1;}
.other-slide_title2 big{ font-size: 100%;}
.other-slide_title2 .bracketsL{margin-left: -0.5em;}
.other-slide_title2 .bracketsR{letter-spacing: -0.35em;}

.other-slide_btn{position: absolute; right: 40px; bottom: 36px;	background: url("../img/common/ic-circle-arrow_yellow2.svg") no-repeat top left/100% 100%; width: 56px; height: 56px; content: "";}
.other-slide a:hover .other-slide_img::after{opacity: 0.47;}

.other-slide_img > div{position: relative;}
.other-slide_img img.is-hover{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; transition: .4s;}
.other-slide_num{position: absolute; top: 10%; right: 5%;}
.other-slide_num img{width: auto; height: 54px;}
.other-slide_num img.is-hover{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; transition: .4s;}

.other-slide_change:hover .other-slide_img img.is-hover{opacity: 1;}
.other-slide_change:hover .other-slide_num img.is-hover{opacity: 1;}
.other-slide_change:hover .other-slide_num img.is-normal{opacity: 0;}

.other-button-prev{transform: rotateY(-180deg); left: -25px;}
.other-button-next{right: -25px;}
.other-button-next,
.other-button-prev{width: 56px;	height: 56px; background: url("../img/common/ic-circle-arrow.svg") no-repeat top left/100% 100%; text-indent: -9999px; cursor: pointer; z-index: 15; position: absolute; top: 50%; margin-top: -51px;}
.other-button-next:hover, .other-button-prev:hover{background: url("../img/common/ic-circle-arrow_yellow.svg") no-repeat top left/100% 100%;}

.other-slider-pagination{position: absolute; bottom: 0 !important; top: unset !important; left: 50% !important;	transform: translateX(-50%); display: flex;	justify-content: center;}
.other-slider-pagination .swiper-pagination-bullet{width: 16px; height: 16px; border: 1px solid #00458d; border-radius: 100%; background: #fff; margin: 0 5px; text-indent: -9999px; cursor: pointer; opacity: 1 !important;}
.other-slider-pagination .swiper-pagination-bullet:hover,
.other-slider-pagination .swiper-pagination-bullet-active {background: #00458d;}

@media (max-width: 767px){
	.other{margin-top: 100px;}
	.other .line2-yellow {top: 20px; right: -30px; width: 76px; height: 76px;}
	.other-tit{margin: 0 0 25px;}
	.other-tit img{height: 24px;}
	.other-tit.is-long img{height: 30px;}
	
	.other-slider{padding-bottom: 24px;}
	.other-slide a{border-radius: 32px; max-width: 480px;}
	.other-slide_img::after{opacity: 0.47;}
	
	.other-slide_title{font-size: min(5vw, 2.4rem);	bottom: 23px; left: 25px;}
	.other-slide_title2{font-size: min(3.4vw,1.6rem); bottom: 20px; left: 20px;}
	.other-slide_title2 span.is-big{font-size: min(5vw, 2.4rem);}
	
	.other-slide_num img{width: auto; height: 36px;}
	.other-slide_num img.is-normal{opacity: 0 !important;}
	.other-slide_num img.is-hover{opacity: 1 !important;}
	
	.other-slide_btn{width: 48px; height: 48px;	right: 25px; bottom: 24px;}
	.other-slide_change .other-slide_btn{display: none;}
	
	.other-button-next,
	.other-button-prev{width: 48px; height: 48px; margin-top: -36px;}
	.other-button-prev{left: -20px;}
	.other-button-next{right: -20px;}
	
	.other-slider-pagination .swiper-pagination-bullet{width: 10px;	height: 10px;}
}

/* Btn Entry */
.entry-btn{padding: 100px 30px 0;}
.entry-btn a{max-width: 826px; margin: 0 auto; height: 156px; border-radius: 200px; background: #00458d; color: #fff; border: 2px solid #fff; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; align-content: center; text-align: center; box-shadow: 8px 8px 3px 0px rgba(0, 0, 0, 0.12); letter-spacing: 0.1em; font-weight: 500; font-family: 'Zen Kaku Gothic New', sans-serif; transition: all 0.2s ease;}
.entry-btn span{font-size: 4rem; letter-spacing: 0.2em; width: 100%; font-weight: 600; line-height: 1.1; padding-bottom: 3px;}
.entry-btn a:hover{box-shadow: none; transform: translate(8px, 8px); background: #fff; color: #00458d; border: 2px solid #00458d;}

@media (max-width: 767px){
	.entry-btn{padding: 60px 30px 0;}
	.entry-btn a{height: 100px; font-size: 1.2rem;}
	.entry-btn span{font-size: 3.2rem;}
}

/* Join Us */
.joinus{background: #e6ff1d; color: #00458d; border-radius: 100px; padding: 100px 0 75px; position: relative; z-index: 10;}
.joinus .title{text-align: center; margin: 0 0 60px;}
.joinus .title span{margin: 0 0 0.84em;}

.joinus-btn{display: flex; flex-wrap: wrap; justify-content: space-between;}
.joinus-btn li{width: 31.6%;}
.joinus-btn a{height: 64px; width: 100%; border-radius: 64px; border: 2px solid #00458d; color: #00458d; background: #fff; position: relative; display: flex; align-items: center; padding: 0 28px; letter-spacing: 0.1em; font-size: 2rem; line-height: 1.3; font-weight: bold; font-family: 'Zen Kaku Gothic New', sans-serif; overflow: hidden; z-index: 10;}
.joinus-btn a:after{content: ''; position: absolute; top: 50%; right: 26px; width: 7px; height: 12px; display: block; margin-top: -6px; transition: .4s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; background: #00458d;
mask: url("../img/common/ic-arrow.svg") no-repeat right center/100% auto; -webkit-mask: url("../img/common/ic-arrow.svg") no-repeat right center/100% auto;}

.joinus-btn a:before{content: ''; width: 100%; height: 100%; top: 0; left: -115%; position: absolute; background: #00458d; transition: all .8s cubic-bezier(0.23, 1, 0.32, 1); transform: scale(1.3); border-radius: 64px; z-index: -1;}
.joinus-btn a:hover:before{left: 0;}
.joinus-btn a:hover:after{transform: scale(1.2); right: 23px; background: #ffffff;}
.joinus-btn a:hover{color: #fff;}

@media (min-width: 768px){
	.joinus .lineR-blue{top: -100px; left: 38%;}
	.joinus .line2-purple{bottom: -70px; right: 5%;}
}

@media (min-width: 768px) and (max-width: 1023px){
	.joinus-btn a{padding: 0 20px;}
	.joinus-btn a:after{right: 10px;}
}

@media (max-width: 767px){
	.joinus{padding: 50px 0; border-radius: 64px;}
	.joinus .title{margin: 0 0 30px;}
	
	.joinus-btn{max-width: 230px; margin: 0 auto;}
	.joinus-btn li{width: 100%; margin: 0 0 15px;}
	.joinus-btn li:last-of-type{margin: 0;}
	.joinus-btn a{font-size: 1.6rem; height: 48px; border-radius: 48px;}
	.joinus-btn a:before{border-radius: 48px;}
	
	.joinus .lineR-blue{top: -45px; left: 30px;}
	.joinus .line2-purple{bottom: -30px; right: 20px;}
}

/* Footer */
footer{padding: 200px 0 50px; margin-top: -100px; background: linear-gradient(to bottom, #00458d, #002347); color: #fff;}
.footer-wrap{display: flex; justify-content: space-between; align-items: flex-start;}
.footer-ifrm{background: #fff; color: #00458d; border-radius: 64px; width: 32%; text-align: center; padding: 70px 0;}
.footer-logo{margin: 0 0 35px;}
.footer-logo span{display: block; margin: 5px 0 0 0;}
.footer-link li{margin: 0 0 15px 0; font-weight: 500;}
.footer-link a:after{content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 6px; position: relative; top: 1px;
background: url("../img/common/ic-exlink.svg") no-repeat top left/100% 100%;}
.footer-link a:hover{opacity: .7;}

.footer-nav{width: calc(68% - 40px); max-width: 570px; display: flex;}
.footer-nav a.is-active,
.footer-nav a:hover{color: #e6ff1d;}
.footer-nav_col:nth-of-type(1){margin-right: 30px;}

.footer-nav_item{margin: 0 0 25px;}
.footer-nav_tit{font-size: 1.4rem; line-height: 2.2; font-weight: 900;}
.footer-nav_list li{font-size: 2rem; line-height: 1.7; font-weight: 500;}
.footer-nav_list a{display: inline-block;}

.footer-nav_child{margin: 3px 0 30px;}
.footer-nav_child li{font-size: 1.4rem; line-height: 1.7; font-weight: 400;}
.footer-nav_child a{position: relative; padding-left: 22px;}
.footer-nav_child a:before{content: ''; position: absolute; top: 12px; left: 0; width: 16px; height: 1px; background: #fff; display: block;}

.footer-exlink:after{content: ''; display: inline-block; background: url("../img/common/ic-exlink_white.svg") no-repeat top left/100% 100%; width: 16px; height: 16px; margin-left: 6px;}
.footer-exlink:hover:after{background: url("../img/common/ic-exlink_yellow.svg") no-repeat top left/100% 100%;}

.copyright{width: 100%; text-align: center; font-size: 1.4rem; padding: 20px 0 0 0;}

#pagetop{width: 50px; height: 50px; background: #00458d; border-radius: 100%; position: fixed; bottom: 10px; right: 10px; cursor: pointer; line-height: 1; z-index: 300; display: none; transition: transform .5s;}
#pagetop:after{content: ''; position: absolute; top: 22px; left: 19px; border: solid #fff; border-width: 0 3px 3px 0; display: block; padding: 5px; transform: rotate(-135deg);}
#pagetop:hover{background: #e6ff1d; transform: scale(1.2);}
#pagetop:hover:after{border: solid #00458d; border-width: 0 3px 3px 0;}

@media (max-width: 767px){
	footer{padding: 100px 0 50px; margin-top: -65px;}
	.footer-nav{display: none;}
	.footer-ifrm{max-width: 320px; width: 100%; margin: 0 auto;}
	
	.copyright{padding: 50px 0 0 0;}
}

/* Animate */
.inView{}
.fade-in{opacity: 0; transition: opacity 1.2s;}
.fade-in.is-view{opacity: 1;}

.fade-up{opacity: 0; transform: translateY(60px); transition: opacity 1.2s, transform 1.2s;}
.fade-up.is-view{opacity: 1; transform: translateY(0);}

.fade-right{opacity: 0; transform: translateX(-60px); transition: opacity 1.2s, transform 1.2s;}
.fade-right.is-view{opacity: 1; transform: translateX(0);}

.fade-left{opacity: 0; transform: translateX(60px); transition: opacity 1.2s, transform 1.2s;}
.fade-left.is-view{opacity: 1; transform: translateX(0);}

@media (min-width: 768px){
	.delay03{transition-delay: .3s;}
	.delay06{transition-delay: .6s;}
}