@charset "UTF-8";

@media screen and (max-width: 767px) {

/*-------------------------------------------
Base
-------------------------------------------*/
	.hTtl02 {
		width: 329.5px;
	}
	.icoTtl01 .ttlItem {
		margin-left: 10px;
	}
	#wrap *[class*="layoutColumn"].mtSet01 > * {
		margin-top: 35px!important;
	}
	#wrap *[class^="layoutColumnA2"].mtSet01 > *:nth-child(-n+2) {
		margin-top: 35px!important;
	}
	#wrap *[class^="layoutColumnA2"].mtSet01 > *:first-child {
		margin-top: 0!important;
	}
	.v4-flowSubList01 .v4-flowSubListItem01 {
		width: 100%;
	}
	.v4-flowSubList01 .indexFlowListItem01.v4-flowSubListItem01 {
		width: 100%;
	}
	.v3-dispFlex.spFlexOut {
		display: block!important;
	}
	#wrap *[class*="layoutColumn"] > *.spColumnMtSet20 {
		margin-top: 20px!important;
	}

/*-------------------------------------------
header
-------------------------------------------*/
	header[role="banner"] .headerInner .spHeaderMenu > ul > li > a span:before {
		background-color: #14489d;
	}

/*-------------------------------------------
.mvArea
-------------------------------------------*/
	.mvArea {
		background: url(/toyoko_inn/images/index_bg_01_sp.png) center 0 repeat-x;
		background-size: cover;
	}
	.mvArea .mvWrap {
		width: 100%;
		padding: 0 10px;
	}
	.mvArea .mvContents {
		display: block;
	}
	.mvArea .mvContents .conItem01 {
		width: 100%;
		margin: 0 auto;
	}
	.mvArea .mvContents .conItem02 {
		width: 100%;
	}
	.mvArea .mvContents .conItem03 {
		width: 100%;
		margin-left: 0;
	}
	.mvImg01 {
		width: 100%;
		max-width: 272px;
		margin: 15px auto 0;
	}
	.mvImg02 {
		width: 100%;
		max-width: 236.5px;
		margin: 0 auto;
	}
	.mvCvBlk {
		width: 100%;
		margin-top: 20px;
	}

/*-------------------------------------------
.sectionEarnPoint
-------------------------------------------*/
	.earnPointImg01 {
		width: 201.5px;
		margin: 15px auto 0;
	}
	.earnPointImg02 {
		width: 59px;
		margin: 15px auto 0;
	}
	.earnPointImg03 {
		width: 180.5px;
		margin: 15px auto 0;
	}
	.earnPointImg04 {
		width: 54.5px;
	}

/*-------------------------------------------
.sectionUsePoint
-------------------------------------------*/
	.v4-stepBlockA01 {
		padding: 20px 50px 40px;
	}
	.usePointImg01 {
		width: 130.5px;
		margin: 5px auto 0;
	}
	.usePointImg02 {
		width: 82.5px;
		margin: 30px auto 0;
	}
	.usePointImg03 {
		width: 123.5px;
		margin: 15px auto 0;
	}
	.usePointImg04 {
		width: 170.5px;
		margin: 15px auto 0;
	}
	.usePointImg05 {
		width: 151.5px;
		margin: 15px auto 0;
	}
	.usePointImg06 {
		width: 120.5px;
		margin: 15px auto 0;
	}
	.usePointImg07 {
		width: 175px;
		margin: 15px auto 0;
	}
/*-------------------------------------------
.sectionInsurance
-------------------------------------------*/
	.insuranceImg01 {
		width: 194.5px;
		margin: 15px auto 0;
	}

/*-------------------------------------------
.sectionApproval
-------------------------------------------*/
	.approvalImg01 {
		width: 189.5px;
		margin: 15px auto 0;
	}
	.approvalImg02 {
		width: 145px;
		margin: 15px auto 0;
	}

/*-------------------------------------------
.sectionUseTravel
-------------------------------------------*/
	.useTravelImg01 {
		width: 121.5px;
		margin: 15px auto 0;
	}

/*-------------------------------------------
.sectionUsePlan
-------------------------------------------*/
	.usePlanImg01 {
		width: 124.5px;
		margin: 15px auto 0;
	}
	.usePlanImg02 {
		width: 171.5px;
		margin: 15px auto 0;
	}
	.usePlanImg03 {
		width: 91.5px;
		margin: 15px auto 0;
	}

/*-------------------------------------------
.sectionTrouble
-------------------------------------------*/
	.troubleIco01 {
		width: 52px;
	}
	.troubleIco02 {
		width: 59px;
	}
	.troubleIco03 {
		width: 42px;
	}

/*-------------------------------------------
.sectionQuestion
-------------------------------------------*/
	.questionIco01 {
		width: 78px;
	}
	.questionIco02 {
		width: 63.5px;
	}

/*-------------------------------------------
.sectionChangeInquiry
-------------------------------------------*/
	.changeInquiryIco01 {
		width: 45.5px;
	}
	.changeInquiryIco02 {
		width: 45.5px;
	}
	.changeInquiryIco03 {
		width: 33px;
	}
	.changeInquiryIco04 {
		width: 57.5px;
	}
	.changeInquiryIco05 {
		width: 57px;
	}

/*-------------------------------------------
modal(Beginner)
-------------------------------------------*/
	.icoTtl02 {
		display: block;
		text-align: center;
	}
	.icoTtl02 .ttlItem {
		margin-left: 0;
	}
	.modalBeginnerImg01 {
		width: 66px;
		margin: 0 auto;
	}
	.modalBeginnerImg02 {
		width: 121px;
		margin: 10px auto 0;
	}
	.modalBeginnerImg03 {
		width: 72px;
		margin: 0 auto;
	}
	.modalBeginnerImg04 {
		width: 95.5px;
		margin: 10px auto 0;
	}
	.modalBeginnerImg05 {
		width: 307px;
	}

}