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

	INDIVIDUAL > TABLET

--------------------------------------------*/
@media all and (max-width:1180px){
	.header--inner{
		flex-direction: column;
	}
	.header--logo{
		margin-bottom:20px;
	}
	.header--menu-link{
		padding:0 0.8em;
	}
	
}
/*--------------------------------------------

	TABLET

--------------------------------------------*/
@media all and (max-width : 1024.9999px ) and (min-width : 684px ){
	.for_sp{
		display: none;
	}
}
@media all and (min-width : 684px ){
	.for_sp{
		display: none;
	}
}
@media all and (max-width : 1024.9999px ){
	/*--------------------------------------------
		BASE
	--------------------------------------------*/
	:root {
		--font-size-sub: clamp(18px, 2.6vw, 28px);
	}
	/*--------------------------------------------
		FIXED MENU
	--------------------------------------------*/
	.fixed--cv{
		position: fixed;
		right: 0;
		bottom: 0;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		width: 100%;
	}
	.fixed--cv.--is-shown{
		visibility: visible;
	}
	.fixed--cv .c--cv-link{
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		font-size: 16px;
		padding:1.6em 1em;
	}
	
	/*--------------------------------------------
		COMPONENT
	--------------------------------------------*/
	.mv--sub{
		font-size: clamp(18px, 2.6vw, 28px);
	}
	.mv--main{
		font-size: clamp(24px, 3.5vw, 54px);
	}
	.c--cv-link{
		font-size: clamp(14px, 2.05vw, 20px);
	}
	.c--sec{
		padding-top:clamp(64px, 9.4vw, 100px);
		padding-bottom:clamp(64px, 9.4vw, 100px);
	}
	.c--head{
		font-size: clamp(24px, 3.5vw, 36px);
	}
	.c--body{
		padding-top:clamp(32px, 4.7vw, 68px);
	}
	.c--subbody{
		margin-top: clamp(18px, 2.64vw, 36px);
	}
	.c--plane{
		font-size: clamp(13px, 1.91vw, 18px);
	}
	/*--------------------------------------------
		HEADER
	--------------------------------------------*/
	.header--logo{
		margin-bottom: 0;
	}
	.header__humberger {
		z-index: 10;
		border: none;
		background: none;
		position: absolute;
		right: 5%;
		top: 25px;
		width:5em;
		font-size: 18px;
		padding:0;
	}
	.header.--is-fixed .header__humberger {
		position:fixed;
	}
	.header__humberger-label{
		color: #000;
		line-height: 1;
		display: block;
		margin-top: 0.2em;
	}
	.header__humberger-icon {
		display: block;
		width: 2em;
		height: 2em;
		position:relative;
		margin:0 auto;
	}
	.header__humberger-line {
		width: 100%;
		height: 0.2em;
		border-radius: 0.1em;
		background-color: #000;
		position: absolute;
		left: 0;
	}
	.header__humberger-line_top {
		top: 0.6em;
	}
	.header__humberger-line_bottom {
		bottom: 0.6em;
	}
	.header__humberger.-active .header__humberger-line_top {
		top: 50%;
		transform:rotate(45deg) translateY(-50%);
		transform-origin:center;
	}
	.header__humberger.-active .header__humberger-line_bottom {
		bottom: 50%;
		transform:rotate(-45deg) translateY(50%);
		transform-origin:center;
	}
	.js-nav-area {
		position: fixed;
		top: 0;
		left: 0;
		transform: translateX(100%);
		z-index: 9;
		width: 100%;
		height: 100vh;
		visibility: hidden;
		box-sizing: border-box;
		transition: 0.4s;
		overflow: auto;
		background-color:#fff;
		margin-top: 0;
		padding: var(--c-inner-padding);
		padding-top: 27px;
		padding-bottom: 32px;
	}
	.js-nav-area.-active{
		transform: translateX(0);
		visibility: visible;
	}
	.js-nav-area{
	}
	.header--menu {
		padding: 78px 5.3% 0;
	}
	.header--menu-list{
		display: block;
	}
	.header--menu-item{
		border-top: 1px solid #000;
	}
	.header--menu-item:not(:last-child){
		border-right: none;
	}
	.header--menu-item:last-child{
		border-bottom: 1px solid #000;
	}
	.header--menu-link {
        padding: 1.325em 0.625em;
        line-height: 1.6;
		font-size: 20px;
    }
	/*--------------------------------------------
		MALAYSIA
	--------------------------------------------*/
	.malaysia--reason-sec-title-sub{
		font-size: clamp(24px, 3.5vw, 36px);
	}
	/*--------------------------------------------
		EFFECT
	--------------------------------------------*/
	.effect--item-l{
		font-size: clamp(16px, 2.35vw, 24px);
	}
	/*--------------------------------------------
		SC
	--------------------------------------------*/
	.sc-box .c--subsection{
		margin-top: clamp(40px, 5.88vw, 60px);
	}
	/*--------------------------------------------
		INFO
	--------------------------------------------*/
	.info--schedule-item-head{
		font-size: clamp(16px, 2.35vw, 24px);
	}
	.info--note-item {
		font-size: clamp(12px, 1.76vw, 16px);
	}
}
@media all and (max-width : 899.9999px ){
}
/*--------------------------------------------

	MOBILE

--------------------------------------------*/
@media all and (max-width : 683.9999px) {
	/*--------------------------------------------
		COMPONENT
	--------------------------------------------*/
	:root {
		--font-size-sub: 18px;
	}
	.c--subhead {
		padding-left: 2em;
	}
	.c--subhead:before,
	.c--subhead:after {
		width: 0.8em;
		height:0.8em;
		top: 0.5em;
	}
	.c--subhead:after {
		left: 0.54em;
	}
	.c--plane{
		font-size: 14px;
		line-height: 1.92;
	}
	.c--box{
		padding-top: 48px;
		padding-bottom:48px;
	}
	/*--------------------------------------------
		HEADER
	--------------------------------------------*/
	.header{
		padding:16px 0;
	}
	.header--logo{
		width: 120px;
	}
	.header__humberger{
		top: 15px;
		width: 3em;
		font-size: 12px;
	}
	.header--menu-link{
		font-size: 15px;
	}
	/*--------------------------------------------
		MV
	--------------------------------------------*/
	.mv--main{
	}
	.mv--sub{
		font-size:17px;
	}
	.mv--sub .text{
		padding-left: 2.2em;
	}
	/*--------------------------------------------
		MALAYSIA
	--------------------------------------------*/
	.malaysia--reason-sec{
		padding-top:54px;
	}
	.malaysia--reason-sec-head{
		flex-direction:column-reverse;
	}
	.malaysia--reason-sec-figure{
		width: 100%;
	}
	.malaysia--reason-sec-title{
		width: 100%;
		margin-bottom: 20px;
	}
	.malaysia--reason-sec-body{
		margin-top: 2em;
	}
	/*--------------------------------------------
		EFFECT
	--------------------------------------------*/
	.effect--list{
		padding-top: 24px;
	}
	.effect--item{
		height: 4.2em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.effect--item-l{
		width: 100%;
		font-size: 15px;
	}
	.effect--item-s{
		width: calc(50% - 4.5px);
		font-size: 13.5px;
	}
	.effect--item-l:nth-child(2n),
	.effect--item-l:nth-child(n+3) {
		margin-left: 0;
		margin-top: 12px;
	}
	.effect--item-s:not(:nth-child(3n+1)){
		margin-left: 0;
	}
	.effect--item-s:nth-child(2n){
		margin-left: 9px;
	}
	/*--------------------------------------------
		REASON
	--------------------------------------------*/
	.reason--sec .c--body {
		padding-top: 64px;
	}
	.reason--subsec{
		display: block;
	}
	.reason--subsec:nth-child(n+2){
		margin-top: 72px;
	}
	.reason--sec-figure{
		width: 70%;
        margin: 0 auto;
	}
	.reason--sec-text{
		margin-top: 32px;
	}
	.reason--sec-plane{
		margin-top: 1.6em;
	}
	/*--------------------------------------------
		PRICE
	--------------------------------------------*/
	.info--price{
		display: block;
		padding-left: 24px;
		padding-right: 24px;
	}
	.info--price-label-main{
		font-size: 24px;
		text-align: center;
	}
	.info--price-label-sub{
		font-size: 16px;
		justify-content: center;
	}
	.info--price-value {
		margin-top: 24px;
	}
	.info--price-value-number{
		font-size: 24px;
		text-align: center;
	}
	.info-price-detail{
		margin-top: 36px;
	}
	.info-price-detail-block{
		padding: 32px 0;
	}
	.info-price-detail-body{
		display: block;
		font-size: 14px;
	}
	.info-price-detail-head{
		margin-bottom:1.2em;
	}
	.info-price-included-item:nth-child(n+2),
	.info-price-included-list:nth-child(n+2) {
		margin-top: 0.6em;
	}
	.info--schedule{
		border-width: 2px;
	}
	.info--schedule-head{
		font-size: 20px;
	}
	.info--schedule-number{
		font-size: 16px;
		margin-right: 0;
	}
	.info--schedule-item-plane{
		font-size: 13px;
		line-height: 1.7;
		margin-top: 1em;
	}
	.info--schedule-item{
		padding-bottom: 1.8em;
	}
	.info--schedule-item:last-child{
		padding-bottom: 0;
	}
	.info--note{
		margin-top: 36px;
	}
	/*--------------------------------------------
		MESSAGE
	--------------------------------------------*/
	.message--sec .c--body{
		display: block;
	}
	.message--figure{
		width: 100%;
	}
	.message--text{
		margin-top: 32px;
	}
	/*--------------------------------------------
	 FORM
	--------------------------------------------*/
	.form--plane{
		padding:1.6em;
		font-size: 12px
		line-height: 1.54;
	}
	.form--label{
		font-size: 15px;
	}
	.form--submit input{
		width: 100%;
	}
	.form--radio .wpcf7-radio{
		flex-direction:column;
	}
	.form--radio .wpcf7-radio .wpcf7-list-item{
		width: 100%;
		margin-left:0!important;
	}
	.form--radio .wpcf7-radio .wpcf7-list-item:nth-child(n+2){
		margin-top:10px;
	}
	/*--------------------------------------------
		FOOTER
	--------------------------------------------*/
	.footer--copyright{
		font-size: 10px;
		white-space: nowrap;
	}
	.wrapper{
		padding-bottom: 76.8px;
	}
	
}