@charset "utf-8";
@import url("reset.css");
@import url("returnFade.css");
@import url("formParts.css");

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: -0.025em;
	background-color: #FFF;
	color: #202020;
}

div, p{
	text-align: justify;
}

a{
	text-decoration: none;
}

ul{
	list-style: none;
}

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

img{
	width: auto;
	height: 100%;
}


/* header */

header{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 67px;
	margin: 0 auto;
	padding: 12px;
}

.headerLogo{
	width: 170px;
	height: 42px;
}

.headerLogo img{
	width: auto;
	height: 42px;
}

.headerMenu{
	display: none;
}


.headerInqWpr{
	display: none;
	justify-content: space-between;
	width: 405px;
	height: 63px;
	padding: 5px 0 0 0;
}


/* fv */

.fvWpr{
	position: relative;
	width: 100%;
	z-index: 300;
}

.fv{
	width: 100%;
}

.fv img{
	display: block;
	width: 100%;
	height: auto;
}

.spFvArea{
	position: absolute;
	display: flex;
	left: 0;
	right: 0;
	bottom: -28px;
	width: 350px;
	height: 51px;
	margin: 0 auto;
}

.spFvArea img{
	width: auto;
	height: 51px;
}


/* intro */

.introWpr{
	position: relative;
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 30px 0 0 0;
	z-index: 60;
}

.introTitle{
	position: relative;
	width: 100%;
	z-index: 61;
}

.introTitle img{
	width: 100%;
	height: auto;
}

.introBody{
	width: 100%;
	bottom: 0;
	z-index: 62;
}

.introBody img{
	width: 100%;
	height: auto;
}

/* usage */

.usageWpr{
	width: 100%;
	margin: 0 auto 5px auto;
	padding: 20px 10px 10px 10px;
	background-color: #f9f8f1;
}

.usageTitle{
	width: 120px;
	height: 32px;
	margin: 0 auto 15px auto;
	border-bottom: 1px dotted #3d3d3d;
	font-size: 20px;
	font-weight: 900;
	color: #0c699b;
	text-align: center;
	line-height: 30px;
}

.usage{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.usage img{
	width: 100%;
	height: auto;
}

.usageStep{
	width: 100%;
	padding: 6px 0;
	text-align: center;
}

.usageStep img{
	width: 100%;
	height: auto;
}

/* panel */

.panelWpr{
	position: relative;
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 20px 0;
	background-image: url('../image/panelBg.png');
	border-top: 7px solid #f1faf9;
	border-bottom: 7px solid #f1faf9;
}

.panelLeed{
	position: relative;
	width: 310px;
	height: 24px;
	margin: 0 auto 15px auto;
	font-size: 22px;
	font-weight: 900;
	color: #3d3d3d;
	text-align: center;
	line-height: 24px;
}

.panelLeed::before{
	display: block;
	position: absolute;
	content: "";
	width: 2px;
	height: 30px;
	top: -4px;
	left: -15px;
	background-color: #3d3d3d;
	transform: skewX(20deg);
}

.panelLeed::after{
	display: block;
	position: absolute;
	content: "";
	width: 2px;
	height: 30px;
	top: -4px;
	right: -15px;
	background-color: #3d3d3d;
	transform: skewX(-20deg);
}

.panel{
	width: 92%;
	margin: 0 auto;
	padding: 12px 15px;
	border-radius: 4px;
	background-color: #FFF;
}

.panelTel{
	display: block;
	/*width:　378px;*/
	width: 70%;
	margin: 0 auto 5px auto;
	padding: 5px 0;
}

.panelTel img{
	width: 100%;
	height: auto;
}

.panelAvailable{
	display: flex;
	justify-content: space-between;
	width: 97%;
	margin: 0 auto;
	height: 24px;
	border: 1px solid #3d3d3d;
}

.availableLeed{
	width: 100px;
	height: 22px;
	background-color: #3d3d3d;
	font-size: 12px;
	line-height: 21px;
	text-align: center;
	color: #FFF;
}

.availableTime{
	min-width: 200px;
	height: 24px;
	font-size: 12px;
	line-height: 21px;
	text-align: center;
}

.availableTime span{
	font-size: 12px;
	line-height: 21px;
	font-weight: 700;
}

.panelButton{
	display: block;
	width: 100%;
}

.panelButton img{
	width: 100%;
	height: auto;
}

/* merit */

.meritUnitWpr{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.meritUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	background-color: #e1f4f7;
	border-radius: 7px;
}

.meritUnit:last-child{
	margin: 0 auto 10px auto;
}

.meritUnitBody{
	width: 95%;
	margin: 0 auto;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
}

.meritUnitBodyInner{
	width: 100%;
	margin: 0 auto;
}

.meritUnitFlexBody{
	display: flex;
	justify-content: center;
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
}

.deviceImg{
	width: 25%;
	text-align: center;
}

.deviceImg img{
	width: 100%;
	height: auto;
}

.deviceBodyWpr{
	width: 75%;
	padding: 0 0 0 10px;
}

.deviceTitle{
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 700;
	color: #0c699b;
	line-height: 20px;
}

.deviceDetailWpr{
	display: flex;
	margin: 0 0 10px 0;
}

.deviceDetailTitle{
	width: 70px;
	height: 70px;
	margin: 0 10px 0 0;
	border-radius: 49px;
	border: 1px solid #0e80be;
	font-size: 10px;
	font-weight: 700;
	color: #0e80be;
	text-align: center;
	line-height: 70px;
}

.deviceDetail{
	margin: 0;
	padding: 0;
}

.deviceDetail div{
	font-size: 10px;
	line-height: 16px;
}

.deviceLeed{
	font-size: 12px;
	font-weight:  700;
	line-height: 19px;
	color: #303030;
}


.meritUnitTitle{
	width: 100%;
	height: 73px;
	margin: 0 auto 10px auto;
	padding: 11px 0 0 0;
	background-image: url('../image/titileEarth.png');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #0c699b;
	background-size: 50%;
}

.titleUpr{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 0 0 8px 0;
	max-width: 220px;
	border-bottom: 1px dotted #FFF;
}

.titleMeritCounter{
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	text-shadow: 3px 3px 3px rgba(0,0,0,.4);
	line-height: 20px;
}

.titleMeritCounter span{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	border-radius: 20px;
	background-color: #FFF;
	font-family: Arial;
	font-weight: 700;
	color: #0c699b;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
	text-align: center;
}

.titleMerit{
	margin: 0 0 0 10px;
	font-size: 17px;
	font-weight: 900;
	color: #ffea00;
	line-height: 20px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.4);
}

.titleMeritLeed{
	display: block;
	margin: 0 auto;
	padding: 3px 0 0 0;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	text-shadow: 3px 3px 3px rgba(0,0,0,.4);
	text-align: center;
}


.deviceBody{
	width: 460px;
	border-top: 1px dotted #cecece;
}

.deviceBody div{
	width: 100%;
	height: 38px;
	border-bottom: 1px dotted #cecece;
	font-size: 16px;
	line-height: 38px;
}


.sbRoundTitle{
	width: 120px;
	height: 24px;
	margin: 0 0 10px 0;
	border-radius: 24px;
	background-color: #0a9aca;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 23px;	
}
	

.planExamWpr{
	display: flex;
	width: 100%;
	height: 18px;
	margin: 0 auto 10px 0;
}

.planExamTag{
	width: 61px;
	height: 18px;
	background-color: #cecece;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	color: #3d3d3d;
}

.planExam{
	padding: 0 13px 0 10px;
	height: 18px;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: #0c699b;
	text-align: left;
}

.sixDays{
	width: 100%;
	margin: 0 auto 8px auto;
	padding: 10px 5px 5px 5px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-align: center;
}

.sixDays img{
	display: block;
	width: 95%;
	height: auto;
	margin: 0 auto 5px auto;
}

.sixDaysNotice{
	width: 100%;
	margin: 0 auto;
	font-size: 11px;
	text-align: right;
}

.crosses{
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 10px 0;
	border-radius: 4px;
	text-align: center;
}

.crosses img{
	width: 100%;
	height: auto;
}

.m2sumTitleWpr{
	width: 95%;
	margin: 0 auto;
}

.m2sumTitle{
	position: relative;
	width: 100%;
	margin: 0 auto 10px auto;
	font-size: 13px;
	font-weight: 700;
	color: #0c699b;
	text-align: center;
}

.m2sumTitle::before{
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	height: 25px;
	top: -5px;
	left: 0px;
	background-color: #0c699b;
	transform: skewX(15deg);
}

.m2sumTitle::after{
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	height: 25px;
	top: -5px;
	right: 0;
	background-color: #0c699b;
	transform: skewX(-15deg);
}

.m2sumTitle span{
	margin: 0 2px;
	padding: 0 3px;
	font-weight: 900;
	background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ffea00 50%, #ffea00 100%);
}

.m2sumLeed{
	font-size: 11px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
}


.Euro{
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 10px 0 0 0;
	border-radius: 4px;
	text-align: center;
}

.Euro img{
	width: 100%;
	height: auto;
}

.m3sumTitleWpr{
	width: 100%;
}

.m3sumTitle{
	position: relative;
	width: 100%;
	margin: 0 auto 10px auto;
	font-size: 14px;
	font-weight: 700;
	color: #0c699b;
	text-align: center;
}

.m3sumTitle span{
	margin: 0 5px;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 900;
	background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ffea00 50%, #ffea00 100%);
}

.m3sumLeed{
	font-size: 11px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
}

.m3sumLeed span{
	background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ffea00 50%, #ffea00 100%);
}

.feeTableWpr{
	position: relative;
	width: 100%;
	margin: 0 auto 15px auto;
	z-index: 80;
}

.feeTable{
	position: relative;
	width: 100%;
	margin: 0 auto 15px auto;
	z-index: 81;
}

.feeTable img{
	width: 100%;
	height: auto;
}


.feeTableBaloon{
	position: relative;
	width: 100%;
	height: 28px;
	border-radius: 14px;
	background-color: #e03f00;
	font-size: 17px;
	font-weight: 700;
	line-height: 27px;
	color: #FFF;
	text-align: center;
}

.feeTableBaloonspan span{
	color: #ffea00;
}

.feeTableBaloon::before{
	position: absolute;
	display: block;
	content: "";
	top: -12px;
	right: 70px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4.5px 17px 4.5px;
	border-color: transparent transparent #e03f00 transparent;
	transform: rotate(10deg);
	
}

.unitSumTitleWpr{
	position: relative;
	width: 100%;
	padding: 10px;
	background-color: #fef0da;
}

.unitSumWpr{
	position: relative;
	width: 100%;
	padding: 20px 0;
}

.unitSumTitle{
	position: relative;
	width: 100%;
	height: 21px;
	margin: 0 auto 5px auto;
	font-size: 14px;
	font-weight: 900;
	color: #0c699b;
	text-align: center;
	line-height: 20px;
}

.unitSumTitle::before{
	display: block;
	position: absolute;
	content: "";
	width: 2px;
	height: 20px;
	top: -4px;
	left: 2px;
	background-color: #0c699b;
	transform: skewX(20deg);
}

.unitSumTitle::after{
	display: block;
	position: absolute;
	content: "";
	width: 2px;
	height: 20px;
	top: -4px;
	right: 2px;
	background-color: #0c699b;
	transform: skewX(-20deg);
}

.unitSumLeed{
	width: 100%;
	font-size: 12px;
	font-weight: 700;
	color: #3d3d3d;
	line-height: 18px;
	text-align: center;
}

.unitSumLeed span{
	display: inline-block;
	height: 20px;
	margin: 0 3px;
	font-size: 14px;
	font-weight: 900;
	color: #3d3d3d;
	background: linear-gradient(to bottom, #fef0da 0%, #fef0da 50%, #ffea00 50%, #ffea00 100%);
}

/* fee */

.wideTitleWpr{
	width: 100%;
	height: 32px;
	margin: 0 auto 40px auto;
	padding: 15px 0 0 0;
}

.wideTitle{
	width: 120px;
	height: 32px;
	margin: 0 auto 15px auto;
	border-bottom: 1px dotted #3d3d3d;
	font-size: 20px;
	font-weight: 900;
	color: #0c699b;
	text-align: center;
	line-height: 30px;
}

.fee{
	width: 95%;
	margin: 0 auto 10px auto;
}


.basicFee{
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 10px;
	background-color: #eff9fb;
	border: 1px solid #b7e5f6;
	border-radius: 2px;
}

.basicFee img{
	width: 100%;
	height: auto;
}

.optFee{
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 10px;
	background-color: #f8f6f6;
	border: 1px solid #cbcbcb;
	border-radius: 2px;
}

.optFee img.sp{
	display: block;
	width: 100%;
	height: auto;
}


.FeeBodyNoticeWpr{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 12px auto;
}

.FeeBodyNoticeImg{
	width: 263px;
}

.FeeBodyNotice{
	width: 567px;
	font-size: 15.5px;
	line-height: 24px;
}

.feeNotice{
	width: 100%;
	font-size: 13px;
	text-align: left;
}

.basicFeeNotice{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #cbcbcb;
}

.basicFee .basicFeeNotice{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
	background-color: none;
	border: 0px solid #cbcbcb;
}


.feeExpWpr{
	display: flex;
	height: 15px;
	margin: 0 0 10px 0;
}

.feeExpWpr img{
	width: auto;
	height: 15px;
}

.feeExpIcon{
	height: 29px;
	margin: 0 5px 0 0;
}

.feeExpTitle{
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #202020;
	line-height: 18px;
}

.feeExpBody{
	font-size: 12px;
	line-height: 18px;
}

/* area */

.areaWpr{
	width: 95%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

table.area{
	width: 100%;
	height: 100%;
	margin: 0 auto 10px auto;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.area tr th,
table.area tr td{
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

table.area tr th{
	padding: 1px;
	font-size: 11px;
	text-align: center;
}

table.area tr th div{
	width: 100%;
	height: 100%;
	padding: 14px 0;
	background-color: #ffea00;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

table.area tr th:first-child{
	width: 25%;
}

table.area tr th:last-child{
	width: 25%;
}


table.area tr th:first-child div{
	width: 100%;
	background-color: #fdbf66;
}

table.area tr th:last-child div{
	width: 100%;
	background-color: #acd2e4;
	padding: 7px 0;
}

table.area tr td{
	height: 100%;
	padding: 1px;
	font-size: 18px;
	text-align: left;
	vertical-align: top;
}

table.area tr td div{
	height: 100%;
	padding: 3px;
	background-color: #fffbcc;
	font-size: 11px;
	line-height: 17px;
	color: #3d3d3d;
	text-align: left;
}

table.area tr td:first-child{
}

table.area tr td:last-child{
}


table.area tr td:first-child div{
	width: 100%;
	background-color: #feecd1;
}

table.area tr td:last-child div{
	width: 100%;
	background-color: #eef6fa;
}

.tdFlex{
	display: flex;
	justify-content: space-between;
}

.tdFlex div{
	width: 50%;
}

.areaNotice{
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 19px;
}

/* step */

.stepWpr{
	width: 95%;
	margin: 0 auto;
}

.stepUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 11px auto;
	padding: 11px 8px;
	background-color: #37bada;
	border-radius: 4px;
}

.stepUnit::after{
	position: absolute;
	display: block;
	content: "";
	bottom: -9px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #37bada transparent transparent transparent;

}

.stepUnit:last-child::after{
	position: absolute;
	display: none;
}

.stepUnitNum{
	width: 80px;
	height: 18px;
	margin: 0 auto 8px auto;
	background-color: #FFF;
	border-radius: 15px;
	font-size: 13px;
	font-weight: 700;
	color: #37bada;
	text-align: center;
	line-height: 18px;
}

.stepUnitTitle{
	width: 100%;
	margin: 0 auto 10px auto;
	font-size: 14px;
	font-weight: 700;
	color: #fffbcc;
	text-align: center;
}

.stepUnitBody{
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	border-top: 1px dotted #FFF;
	text-align: center;
}


/* permition */

.permitionWpr{
	width: 95%;
	margin: 0 auto;
	padding: 10px 0 15px 0;
}

.permitionTitle{
	width: 280px;
	height: 51px;
	margin: 0 auto 37px auto;
	border: 3px solid #0f7eaf;
	border-radius: 32px;
	font-size: 21px;
	font-weight: 900;
	color: #0f7eaf;
	text-align: center;
	line-height: 44px;
}

.permitionUnitWpr{
	width: 100%;
}

.permitionUnit{
	width: 100%;
	margin: 0 0 15px 0;
}

.wideUnit{
	width: 100%;	
}

.permitUnitTitle{
	width: 100%;
	height: 35px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #3d3d3d;
	background-color: #e8e8e8;
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
	line-height: 32px;
}

.permitUnitBody{
	font-size: 12px;
	line-height: 20px;
}

.permitUnitBody p{
	padding: 0 0 0 12px;
	text-indent: -12px;
}

.omamoriBtn{
	display: block;
	width: 270px;
	height: 37px;
	margin: 10px auto 0 auto;
	border: 1px solid #cccccc;
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
	text-align: center;
	line-height: 35px;
}

.omamoriBtn i{
	margin: 0 0 0 7px;
	font-size: 18px;
	font-weight: 700;
	color: #0f7eaf;
	text-align: center;
	line-height: 35px;
}

.omamoriNarBtn{
	display: block;
	width: 100%;
	height: 37px;
	margin: 10px auto 0 auto;
	border: 1px solid #cccccc;
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
	text-align: center;
	line-height: 35px;
}

.omamoriNarBtn i{
	margin: 0 0 0 7px;
	font-size: 18px;
	font-weight: 700;
	color: #0f7eaf;
	text-align: center;
	line-height: 35px;
}



/* faq */

.faq{
	width: 95%;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background-image: url('../image/faqBar.png');
	background-repeat: repeat-X;
}

.faqTitle{
	display: flex;
	justify-content: space-between;
	width: 300px;
	margin: 0 auto 25px auto;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #0c699b;
}

.faqTitleEn{
	width: 81px;
	height: 45px;
	margin: 0 auto;
	padding: 12px 0 0 0;
}

.faqTitleEn img{
	width: auto;
	height: 100%;
}


.faqTitleJp{
	width: 150px;
	height: 52px;
	border-left: 1px solid #c4c4c4;
	font-size: 18px;
	font-weight: 700;
	line-height: 52px;
	text-align: center;
}



/* accordion */

.accordion-trigger { /* label */
	text-align: left;
	cursor: pointer;
	display: block;
	border-radius: 3px;
	padding: 0 42px 0 15px;
	background-color: #04aad1;
	position: relative;
}

.accordion-trigger::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 15px;
	margin: auto;
	width: 7px;
	height: 7px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	transition: all .1s ease-out;
	transform: rotate(-135deg);
}

.accordion-trigger::after {
}

.accordion-trigger.is-opened::after {
	top: 17px;
	transform: rotate(45deg);
}

.accordion-target { /* target */
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	height: 0;
	transition: height .4s ease-out;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #202020;
}

.accordion-target .aBody{
	padding: 0 20px 10px 20px;
	margin: 0 0 0 0;
	background-color: #FFF;
	border-radius: 3px;
}

.aIcon{
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px;
	height: 50px;
	font-size: 24px;
	font-weight: 700;
	font-family: Arial;
	color: #dedede;
	text-align: center;
}

.accordion-target div a.faqDetail{
	display: inline;
	color: #383A8F;
	font-weight: 700;
	line-height: 24px;
}

.accordion-target.list > .list__item { /* target-child */
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	opacity: 1;
	padding-top: 15px;
	padding-bottom: 15px;
}

.accordion-target.list > .list__item > a {
	display: block;
	margin-top: -15px;
	margin-bottom: -15px;
	padding: 15px;
	color: #000;
	text-decoration: none;
}

ul.faqWpr{
	width: 100%;
	margin: 0 auto;
	list-style:none;
}

ul.faqWpr li p.accordion-trigger{
	position: relative;
	padding: 10px 45px;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	background-color: #04aad1;
	border-radius: 3px;
	line-height: 20px;
}

ul.faqWpr li p.accordion-trigger span{
	position: absolute;
	left: 0;
	width: 44px;
	height: 30px;
	font-size: 20px;
	font-weight: 700;
	font-family: Arial;
	color: #FFF;
	text-align: center;
}

ul.faqWpr li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	line-height: 44px;
	text-align: ;
	background: none;
}

ul.faqWpr li ul li{
	padding: 0 0 0 15px;
}

ul.faqWpr li a span{
	display: none;
}


/* voice */

.voice{
	width: 95%;
	margin: 0 auto;
	padding: 50px 0 10px 0;
}

.voiceUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 36px 10px 10px 10px;
	background-color: #d1ecf1;
	border-radius: 3px;
}

.voiceUnit:last-child{
	margin: 0 auto;
}

.voiceBaloon{
	position: absolute;
	width: 90px;
	height: 72px;
	top: -40px;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.voiceBaloon img{
	width: 100%;
	height: auto;
}

.voiceTitleWpr{
	display: flex;
	width: 100%;
	height: 56px;
	margin: 0 auto 12px auto;
}

.voiceImg{
	width: 57px;
	height: 57px;
	margin: 0 10px 0 0;
}

.voiceTitle{
	padding: 8px 0;
	font-size: 18px;
	font-family: Serif;
	font-weight: 900;
	line-height: 25px;
	text-indent: -9px;
	letter-spacing: -.075rem;
}

.voiceTypeWpr{
	position: relative;
	width: 100%;
	height: 32px;
	margin: 0 auto 10px auto;
	padding: 0 5px 0 0;
	background-color: #FFF;
	overflow: hidden;
	font-size: 11px;
	font-weight: 700;
	line-height: 30px;
	overflow: hidden;
}

.purpose{
	padding: 0 0 0 100px;
}

.purposeWide{
	padding: 0 0 0 145px;
}


.voiceType{
	position: absolute;
	width: 100px;
	height: 32px;
	padding: 0 0 0 10px;
	left: -10px;
	background-color: #ffe400;
	transform: skewX(-20deg);
}

.voiceTypeWide{
	position: absolute;
	width: 145px;
	height: 32px;
	padding: 0 0 0 10px;
	left: -10px;
	background-color: #ffe400;
	transform: skewX(-20deg);
}

.voiceType p{
	font-size: 11px;
	font-weight: 700;
	line-height: 30px;
	transform: skewX(20deg);
	text-align: center;
}

.voiceTypeWide p{
	font-size: 11px;
	font-weight: 700;
	line-height: 30px;
	transform: skewX(20deg);
	text-align: center;
}

.voiceBody{
	width: 100%;
	font-size: 13px;
	line-height: 21px;
}


/* company */

.companyWpr{
	width: 95%;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}

.companyTitle{
	display: flex;
	justify-content: center;
	margin: 0 0 20px 0;
}

.companyChar{
	width: 31px;
	height: 31px;
	margin: 0 4px 0 0 ;
	background-color: #3d3d3d;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 29px;
	color: #FFF;
}

table.company{
	width: 100%;
}

table.company tr{
	display: block;
	
}


table.company tr td a{
	color: #006666;
	text-decoration: underline;
}

table.company tr td:first-child{
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 0 0 7px;
	background-color: #e5e5e5;
	text-align: center;
	font-size: 13px;
	color: #3d3d3d;
	font-weight: 700;
	text-align: left;
	line-height: 30px;
}

table.company tr td:last-child{
	padding: 8px 7px;
	font-size: 13px;
	line-height: 20px;
	color: #3d3d3d;
	
}

/* footer */

footer{
	width: 100%;
	padding: 28px 0 100px 0;
	border-top: 1px solid #cccccc;
	text-align: center;
}




/* modal */

.js-modal-open{
	position: absolute;
	color: #FFF;
	font-size:;
	/*background-color: yellow;*/
	text-align: center;
}

.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1100;
}
.modal__bg{
	background: #FFF;
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 100;
}
.modal__content{
	/*background: #fff;*/
	position: absolute;
	left: 50%;
	width: 100%;
	/*
	*/
	padding: 12px;
	transform: translate(-50%,0);
	border-radius: 5px;
	z-index: 500;
}

.modalLogo{
	width: 170px;
	height: 42px;
	margin: 0 0 15px 0;
}

.modalLogo img{
	width: auto;
	height: 42px;
}

.modalHeadImg{
	width: 100%;
	height: 65px;
	margin: 0 auto 20px auto;
	padding: 15px 0;
	text-align: center;
}

.modalHeadImg img{
	width: auto;
	height: 100%;
}


.modalInqButton{
	display: block;
	width: 100%;
	margin: 0 auto 15px auto;
}

.modalInqButton img{
	width: 100%;
	height: auto;
}

.modalInqtelWpr{
	display: flex;
	justify-content: space-between;
	width: 95%;
	margin: 0 auto 15px auto;;
}

.modalInqtelLeed{
	width: 40%;
	font-size: 15px;
}

.modalInqtel{
	display: block;
	width: 60%;
}

.modalInqtel img{
	width: 100%;
	height: auto;
	padding: 0 0 0 10px;
}

.closeButton{
   z-index: 110;
   position: absolute;
   display: flex;
   justify-content: center;
   bottom: -44px;
   right: 0;
   left: 0;
   margin: auto;
   width: 80px;
   height: 30px;
   color: #0d6a9b;
   text-align: center;
}

.closeButton div{
	margin: 0 10px 0 0;
	font-size: 33px;
	line-height: 26px;
	color: #0d6a9b;
}


.modalMenuWpr{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}

.modalMenu{
	display: block;
	width: 48%;
	height: 46px;
	background-color: #FFF;
	border-radius: 2px;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 700;
	color: #303030;
	text-align: center;
	line-height: 44px;
	background-color: #f6f6f6;
}

.modalInqTel{
	display: block;
	width: 100%;
	height: 87px;
	margin: 0 auto 10px auto;
	padding: 9px 12px;
	border-radius: 3px;
	background-color: #fff000;
	text-align: center;
}

.modalInqTelImg{
	width: 100%;
	height: 34px;
	text-align: center;
}

.modalInqTelImg img{
	width: auto;
	height: 34px;
}


.modalInqLine{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 56px;
	padding: 8px;
	border-radius: 3px;
	border-top: 2px solid #98dd5a;
	border-left: 2px solid #66a838;
	border-bottom: 2px solid #5d9933;
	border-right: 2px solid #66a838;
	background-color: #7ac943;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}

.modalInqTeTag{
	width: 100%;
	height: 20px;
	margin: 0 0 12px 0;
	background-color: #FFF;
	font-size: 12px;
	font-weight: 700;
	color: #333;
	line-height: 20px;
	text-align: center;
}


ul.modalMenu{
	list-style:none;
	/*background-color: #204168;*/
}

ul.modalMenu li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #FFF;
	line-height: 44px;
	text-align: center;
	background-color: #f6f6f6;
}

.modalCpgn{
	display: block;
	width: 100%;
	margin: 30px 0 10px 0;
	background-color: #cf3b25;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
	font-weight: bold;
	border-radius: 3px;
}

.modalCpgn i{
	margin: 0 7px 0 0;
	color: #ffcc33;
}

.modalRsv{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	background-color: #204168;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
	font-weight: bold;
	border-radius: 3px;
}

.modalRsv i{
	margin: 0 7px 0 0;
	color: #ffcc33;
}

.spMenu{
	position: absolute;
	width: 57px;
	height: 57px;
	padding: 20px 20px 0 0;
	top: 0;
	right: 0;
	background-color: #FFF;
	text-align: right;
}

.spMenu i{
	font-size: 30px;
	color: #0c699b;
}




/* fixedFooter */

.fixFooter{
	position: fixed;
	width: 100%;
	height: 72px;
	margin: 0 auto;
	padding: 8px;
	bottom: -72px;
	left: 0;
	right: 0;
	background-color: #b7e5f6;
	text-align: center;
	color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,.6);
	opacity: 0;
	z-index: 1000;
}

.fixFooterInner{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 9px 7px;
	border-radius: 4px;
	background-color: #FFF;
}

.fixButton{
	display: block;
	width: 53%;
	margin: 0 auto ;
}

.fixButton img{
	display: block;
	width: 100%;
	height: auto;
}

.fixTelWpr{
	width: 47%;
	padding: 2px 0 0 2px;
}

.fixTelNum{
	width: 90%;
	margin: 0 auto;
	padding: 3px 0 0 0;
	text-align: right;
}

.fixTelNum img{
	width: 95%;
	height: auto;
}

.fixTelLeed{
	width: 100%;
	font-size: 8px;
	line-height: 12px;
	color: #202020;
	text-align: center;
}

.fixTelLeed span{
	margin: 0 0 0 2px;
	font-weight: 700;
}

.pc{
	display: none;
}

}

@media screen and (min-width:737px){

/* header */

header{
	display: flex;
	justify-content: space-between;
	width: 1135px;
	height: 90px;
	margin: 0 auto;
	padding: 15px 0 9px 0;
}

.headerLogo{
	width: 170px;
	height: 64px;
}

.headerMenu{
	display: flex;
	justify-content: space-between;
	width: 560px;
	height: 64px;
	padding: 23px 35px 0 35px;
}

.headerMenu a{
	display: block;
	font-size: 16px;
	color: #202020;
}

.headerInqWpr{
	display: flex;
	justify-content: space-between;
	width: 405px;
	height: 63px;
	padding: 5px 0 0 0;
}

.headerBtnWpr{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 39px;
	margin: 0 0 5px 0;
}

.headerTel{
	width: 145px;
	text-align: right;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}

.headerTelLeed{
	width: 145px;
	margin: 0 auto 5px auto;
	font-size: 16px;
	text-align: center;
	
}

/* fv */

.fvWpr{
	position: relative;
	width: 100%;
	height: 522px;
	margin: 0 auto 80px auto;
}

.fv{
	position: relative;
	width: 1134px;
	height: 522px;
	margin: 0 auto;
	background-image: url('../image/fvrBg.jpg');
	z-index: 50;
}

.hand{
	position: absolute;
	width: 390px;
	height: 472px;
	bottom: 0;
	right: 0;
	z-index: 51;
	border-radius: 0 0 5px 0;
	overflow: hidden;
}

.fv_serviceName{
	position: absolute;
	width: 457px;
	height: 163px;
	top: 30px;
	left: 90px;
	z-index: 52;
}

.w80{
	position: absolute;
	width: 205px;
	height: 166px;
	top: 25px;
	left: 545px;
	z-index: 53;
}

.d180{
	position: absolute;
	width: 530px;
	height: 212px;
	top: 215px;
	left: 27px;
	z-index: 54;
}

.areaButton{
	position: absolute;
	display: block;
	width: 216px;
	height: 102px;
	top: 266px;
	left: 550px;
	z-index: 55;
}

.unreturnable{
	position: absolute;
	display: block;
	width: 310px;
	height: 40px;
	top: 456px;
	left: 170px;
	z-index: 56;
}

.circles{
	position: absolute;
	display: block;
	width: 536px;
	height: 185px;
	bottom: -66px;
	left: 438px;
	z-index: 57;
}

/* intro */

.introWpr{
	position: relative;
	width: 765px;
	height: 360px;
	margin: 0 auto 80px auto;
	z-index: 60;
	
}

.introTitle{
	position: relative;
	width: 765px;
	z-index: 61;
}

.introBody{
	position: absolute;
	width: 765px;
	height: 172px;
	bottom: 0;
	z-index: 62;
}

/* usage */

.usageWpr{
	width: 960px;
	margin: 0 auto 35px auto;
	padding: 50px 100px 45px 100px;
	background-color: #f9f8f1;
}

.usageTitle{
	width: 200px;
	height: 45px;
	margin: 0 auto 45px auto;
	border-bottom: 1px dotted #3d3d3d;
	font-size: 33px;
	font-weight: 900;
	color: #0c699b;
	text-align: center;
	line-height: 30px;
}

.usage{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.usageStep{
	width: 100%;
	padding: 6px 0;
	text-align: center;
}

/* panel */

.panelWpr{
	position: relative;
	width: 100%;
	margin: 0 auto 45px auto;
	padding: 78px 0 30px 0;
	background-image: url('../image/panelBg.png');
	border-top: 8px solid #f1faf9;
	border-bottom: 8px solid #f1faf9;
}

.panelLeed{
	position: absolute;
	width: 400px;
	height: 32px;
	top: 25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 28px;
	font-weight: 900;
	color: #3d3d3d;
	text-align: center;
	line-height: 32px;
}

.panelLeed::before{
	display: block;
	position: absolute;
	content: "";
	width: 3px;
	height: 45px;
	top: -4px;
	left: -15px;
	background-color: #3d3d3d;
	transform: skewX(20deg);
}

.panelLeed::after{
	display: block;
	position: absolute;
	content: "";
	width: 3px;
	height: 45px;
	top: -4px;
	right: -15px;
	background-color: #3d3d3d;
	transform: skewX(-20deg);
}

.panel{
	display: flex;
	justify-content: center;
	width: 960px;
	height: 112px;
	margin: 0 auto;
	padding: 17px 15px 15px 16px;
	border-radius: 4px;
	background-color: #FFF;
}

.panelTel{
	display: block;
	/*width:　378px;*/
	width: 358px;
	height: 63px;
	padding: 15px 0 0 0;
}

.panelTel img{
	width: 358px;
	height: auto;
}

.panelAvailable{
	width: 108px;
	height: 69px;
	margin: 5px 15px;
	border: 1px solid #3d3d3d;
}

.availableLeed{
	width: 100%;
	height: 23px;
	background-color: #3d3d3d;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #FFF;
}

.availableTime{
	width: 100%;
	height: 46px;
	padding: 5px 0 0 0;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}

.availableTime span{
	font-size: 16px;
	font-weight: 700;
}

.panelButton{
	display: block;
	width: 399px;
	height: 81px;
}

/* merit */

.meritUnitWpr{
	width: 980px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

.meritUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 0 0 55px 0;
	background-color: #e1f4f7;
	border-radius: 7px;
}

.meritUnit:last-child{
	margin: 0 auto 70px auto;
}

.meritUnitBody{
	width: 860px;
	margin: 0 auto;
	padding: 40px 30px 40px 30px;
	background-color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,.1);
}

.meritUnitBodyInner{
	width: 667px;
	margin: 0 auto;
}

.meritUnitFlexBody{
	display: flex;
	justify-content: center;
	width: 740px;
	margin: 0 auto;
	padding: 20px 0;
}



.deviceImg{
	width: 170px;
	text-align: center;
}

.deviceBodyWpr{
	width: 550px;
	padding: 0 0 0 35px;
}

.deviceTitle{
	margin: 0 0 25px 0;
	font-size: 30px;
	font-weight: 700;
	color: #0c699b;
	line-height: 37px;
}

.deviceDetailWpr{
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

.deviceDetailTitle{
	width: 98px;
	height: 98px;
	border-radius: 49px;
	border: 1px solid #0e80be;
	font-size: 14px;
	font-weight: 700;
	color: #0e80be;
	text-align: center;
	line-height: 98px;
}

.deviceDetail{
	margin: 10px 0 0 0;
	padding: 0;
	border-top: 1px dotted #cecece;
}

.deviceDetail div{
	font-size: 16px;
	line-height: 39px;
	border-bottom: 1px dotted #cecece;
}

.deviceLeed{
	font-size: 22px;
	font-weight:  700;
	line-height: 37px;
	color: #303030;
}


.meritUnitTitle{
	width: 980px;
	height: 146px;
	margin: 0 auto 40px auto;
	padding: 25px 0 0 0;
	background-image: url('../image/titileEarth.png');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #0c699b;
}

.titleUpr{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 0 0 15px 0;
	max-width: 420px;
	border-bottom: 1px dotted #FFF;
}

.titleMeritCounter{
	font-size: 30px;
	font-weight: 900;
	color: #FFF;
	text-shadow: 3px 3px 3px rgba(0,0,0,.4);
	line-height: 30px;
}

.titleMeritCounter span{
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 0 0 10px;
	padding: 2px 0 0 0;
	border-radius: 20px;
	background-color: #FFF;
	font-family: Arial;
	font-weight: 700;
	color: #0c699b;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
	text-align: center;
	line-height: 32px;
}

.titleMeritCounter span.forth{
	padding: 2px 2px 0 0;
}

.titleMerit{
	margin: 0 0 0 15px;
	font-size: 35px;
	font-weight: 900;
	color: #ffea00;
	line-height: 32px;
	text-shadow: 3px 3px 3px rgba(0,0,0,.4);
}

.titleMeritLeed{
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 29px;
	font-weight: 400;
	color: #FFF;
	text-shadow: 3px 3px 3px rgba(0,0,0,.4);
	text-align: center;
}

.titleMeritLeed span{
	font-size: 20px;
}

.deviceBody{
	width: 460px;
	border-top: 1px dotted #cecece;
}

.deviceBody div{
	width: 100%;
	height: 38px;
	border-bottom: 1px dotted #cecece;
	font-size: 16px;
	line-height: 38px;
}


.sbRoundTitle{
	width: 220px;
	height: 48px;
	margin: 0 0 20px 0;
	border-radius: 24px;
	background-color: #0a9aca;
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 45px;	
}
	

.planExamWpr{
	display: flex;
	width: 450px;
	height: 32px;
	margin: 0 auto 20px 0;
}

.planExamTag{
	width: 83px;
	height: 31px;
	background-color: #cecece;
	font-size: 16px;
	font-weight: 700;
	line-height: 29px;
	text-align: center;
	color: #3d3d3d;
}

.planExam{
	padding: 0 27px 0 15px;
	height: 31px;
	font-size: 19px;
	font-weight: 700;
	line-height: 29px;
	color: #0c699b;
	text-align: left;
}

.sixDays{
	width: 667px;
	margin: 0 auto 20px auto;
	padding: 30px 0 0 0;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-align: center;
}

.sixDaysNotice{
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 20px 20px 0 0;
	font-size: 15px;
	text-align: right;
}

.crosses{
	width: 100%;
	margin: 0 auto 50px auto;
	border-radius: 4px;
	text-align: center;
}

.m2sumTitleWpr{
	width: 100%;
}

.m2sumTitle{
	position: relative;
	width: 620px;
	margin: 0 auto 35px auto;
	font-size: 27px;
	font-weight: 700;
	color: #0c699b;
}

.m2sumTitle::before{
	position: absolute;
	display: block;
	content: "";
	width: 3px;
	height: 40px;
	top: -10px;
	left: -15px;
	background-color: #0c699b;
	transform: skewX(15deg);
}

.m2sumTitle::after{
	position: absolute;
	display: block;
	content: "";
	width: 3px;
	height: 40px;
	top: -10px;
	right: -15px;
	background-color: #0c699b;
	transform: skewX(-15deg);
}

.m2sumTitle span{
	margin: 0 5px;
	padding: 0 5px;
	font-weight: 900;
	background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ffea00 50%, #ffea00 100%);
}

.m2sumLeed{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}


.Euro{
	width: 656px;
	margin: 0 auto 33px auto;
	padding: 0;
	border-radius: 4px;
	text-align: center;
}


.m3sumTitleWpr{
	width: 100%;
}

.m3sumTitle{
	position: relative;
	width: 100%;
	margin: 0 auto 25px auto;
	font-size: 23px;
	font-weight: 700;
	color: #0c699b;
	text-align: center;
}

.m3sumTitle span{
	margin: 0 5px;
	padding: 0 5px;
	font-size: 27px;
	font-weight: 900;
	background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ffea00 50%, #ffea00 100%);
}

.m3sumLeed{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.m3sumLeed span{
	background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #ffea00 50%, #ffea00 100%);
}

.feeTableWpr{
	position: relative;
	width: 100%;
	margin: 0 auto 35px auto;
	z-index: 80;
}

.feeTable{
	position: relative;
	width: 100%;
	z-index: 81;
}


.feeBaloon{
	position: absolute;
	width: 181px;
	height: 133px;
	top: -43px;
	right: -170px;
	z-index: 82;
}

.unitSumTitleWpr{
	position: relative;
	width: 100%;
	padding: 20px 0;
	background-color: #fef0da;
}

.unitSumWpr{
	position: relative;
	width: 100%;
	padding: 20px 0;
}




.unitSumTitle{
	position: relative;
	width: 740px;
	height: 41px;
	margin: 0 auto 20px auto;
	font-size: 35px;
	font-weight: 900;
	color: #0c699b;
	text-align: center;
	line-height: 39px;
}

.unitSumTitle::before{
	display: block;
	position: absolute;
	content: "";
	width: 4px;
	height: 45px;
	top: -4px;
	left: -12px;
	background-color: #0c699b;
	transform: skewX(20deg);
}

.unitSumTitle::after{
	display: block;
	position: absolute;
	content: "";
	width: 4px;
	height: 45px;
	top: -4px;
	right: -12px;
	background-color: #0c699b;
	transform: skewX(-20deg);
}

.unitSumLeed{
	width: 100%;
	font-size: 23px;
	font-weight: 700;
	color: #3d3d3d;
	line-height: 25px;
	text-align: center;
}

.unitSumLeed span{
	display: inline-block;
	height: 35px;
	margin: 0 3px;
	font-size: 27px;
	font-weight: 900;
	color: #3d3d3d;
	background: linear-gradient(to bottom, #fef0da 0%, #fef0da 50%, #ffea00 50%, #ffea00 100%);
}

/* fee */

.wideTitleWpr{
	width: 960px;
	height: 100px;
	margin: 0 auto 50px auto;
	padding: 50px 0 0 0;
}

.wideTitle{
	width: 200px;
	height: 50px;
	margin: 0 auto;
	font-size: 33px;
	font-weight: 900;
	color: #0c699b;
	text-align: center;
	line-height: 33px;
	border-bottom: 1px dotted #0c699b;
}

.fee{
	width: 965px;
	margin: 0 auto 75px auto;
}

.feeNotice{
	width: 100%;
	font-size: 14px;
	text-align: left;
}

.basicFee{
	width: 100%;
	margin: 0 auto 25px auto;
	padding: 40px 55px 30px 55px;
	background-color: #eff9fb;
	border: 1px solid #b7e5f6;
	border-radius: 4px;
}

.optFee{
	width: 100%;
	margin: 0 auto 25px auto;
	padding: 40px 55px 30px 55px;
	background-color: #f8f6f6;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
}



.FeeBodyNoticeWpr{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 12px auto;
}

.FeeBodyNoticeImg{
	width: 263px;
}

.FeeBodyNotice{
	width: 567px;
	font-size: 15.5px;
	line-height: 24px;
}

.basicFeeNotice{
	width: 100%;
	margin: 17px 0 0 0;
	padding: 14px 18px;
	background-color: #FFF;
	border: 1px solid #cbcbcb;
}

.feeExpWpr{
	display: flex;
	height: 29px;
	margin: 0 0 10px 0;
}

.feeExpIcon{
	height: 29px;
	margin: 0 10px 0 0;
}

.feeExpTitle{
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 29px;
}

.feeExpBody{
	font-size: 16px;
	line-height: 23px;
}

/* area */

.areaWpr{
	padding: 0 0 50px 0;
}

table.area{
	width: 850px;
	height: 100%;
	margin: 0 auto 15px auto;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.area tr th,
table.area tr td{
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

table.area tr th{
	padding: 3px;
	font-size: 18px;
	text-align: center;
}

table.area tr th div{
	width: 100%;
	padding: 20px 0;
	background-color: #ffea00;
	font-size: 18px;
	text-align: center;
}

table.area tr th:first-child{
	width: 210px;
}

table.area tr th:last-child{
	width: 210px;
}


table.area tr th:first-child div{
	width: 100%;
	background-color: #fdbf66;
}

table.area tr th:last-child div{
	width: 100%;
	background-color: #acd2e4;
}

table.area tr td{
	height: 100%;
	padding: 3px;
	font-size: 18px;
	text-align: left;
	vertical-align: top;
}

table.area tr td div{
	height: 100%;
	padding: 20px;
	background-color: #fffbcc;
	font-size: 15px;
	line-height: 26px;
	color: #3d3d3d;
	text-align: left;
}

table.area tr td:first-child{
	width: 210px;
}

table.area tr td:last-child{
	width: 210px;
}


table.area tr td:first-child div{
	width: 100%;
	background-color: #feecd1;
}

table.area tr td:last-child div{
	width: 100%;
	background-color: #eef6fa;
}

.tdFlex{
	display: flex;
	justify-content: space-between;
}

.tdFlex div{
	width: 50%;
}

.areaNotice{
	width: 850px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 23px;
}

/* step */

.stepWpr{
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 75px 0;
}

.stepUnit{
	position: relative;
	width: 225px;
	height: 160px;
	padding: 20px 17px;
	background-color: #37bada;
	border-radius: 4px;
}

.stepUnit::after{
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	right: -13px;
	margin: auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 13px;
	border-color: transparent transparent transparent #37bada;
}

.stepUnit:last-child::after{
	position: absolute;
	display: none;
}

.stepUnitNum{
	width: 130px;
	height: 30px;
	margin: 0 auto 12px auto;
	background-color: #FFF;
	border-radius: 15px;
	font-size: 21px;
	font-weight: 700;
	color: #37bada;
	text-align: center;
	line-height: 28px;
}

.stepUnitTitle{
	width: 100%;
	margin: 0 auto 10px auto;
	font-size: 23px;
	font-weight: 700;
	color: #fffbcc;
	text-align: center;
}

.stepUnitBody{
	padding: 10px 0 0 0;
	font-size: 15px;
	line-height: 20px;
	color: #FFF;
	border-top: 1px dotted #FFF;
}


/* permition */

.permitionWpr{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.permitionTitle{
	width: 280px;
	height: 51px;
	margin: 0 auto 37px auto;
	border: 3px solid #0f7eaf;
	border-radius: 32px;
	font-size: 21px;
	font-weight: 900;
	color: #0f7eaf;
	text-align: center;
	line-height: 44px;
}

.permitionUnitWpr{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.permitionUnit{
	width: 465px;
	margin: 0 0 55px 0;
}

.wideUnit{
	width: 100%;	
}

.permitUnitTitle{
	width: 100%;
	height: 44px;
	margin: 0 0 25px 0;
	padding: 0 0 0 20px;
	border-left: 6px solid #3d3d3d;
	background-color: #e8e8e8;
	font-size: 19px;
	font-weight: 700;
	color: #3d3d3d;
	line-height: 42px;
}

.permitUnitBody{
	font-size: 16px;
	line-height: 26px;
}

.permitUnitBody p{
	padding: 0 0 0 16px;
	text-indent: -16px;
}

.omamoriBtn{
	display: block;
	width: 270px;
	height: 37px;
	border: 1px solid #cccccc;
	margin: 20px 0 0 auto;
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
	text-align: center;
	line-height: 35px;
	transition: .2s;
}

.omamoriBtn i{
	margin: 0 0 0 7px;
	font-size: 16px;
	font-weight: 700;
	color: #0f7eaf;
	text-align: center;
	line-height: 35px;
}

.omamoriBtn:hover{
	border: 1px solid #89C630;
	color: #FFF;
	background-color: #89C630;
	transition: .2s;
}

.omamoriBtn:hover i{
	color: #FFF;
}

.omamoriNarBtn{
	display: block;
	width: 270px;
	height: 37px;
	border: 1px solid #cccccc;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
	text-align: center;
	line-height: 35px;
}

.omamoriNarBtn:hover{
	border: 1px solid #89C630;
	color: #FFF;
	background-color: #89C630;
	transition: .2s;
}

.omamoriNarBtn i{
	margin: 0 0 0 7px;
	font-size: 16px;
	font-weight: 700;
	color: #0f7eaf;
	text-align: center;
	line-height: 35px;
}

.omamoriNarBtn:hover i{
	color: #FFF;
}

/* faq */

.faq{
	width: 970px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	background-image: url('../image/faqBar.png');
	background-repeat: repeat-X;
}

.faqTitle{
	display: flex;
	justify-content: space-between;
	width: 330px;
	margin: 0 auto 45px auto;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #0c699b;
}

.faqTitleEn{
	width: 130px;
	height: 67px;
	margin: 0 auto;
	padding: 9px 0 0 0;
}

.faqTitleJp{
	width: 200px;
	height: 67px;
	border-left: 1px solid #c4c4c4;
	font-size: 22px;
	font-weight: 700;
	line-height: 62px;
	text-align: center;
}



/* accordion */

.accordion-trigger { /* label */
	text-align: left;
	cursor: pointer;
	display: block;
	border-radius: 3px;
	padding: 0 42px 0 15px;
	background-color: #163483;
	position: relative;
}

.accordion-trigger::after {
	content: "";
	position: absolute;
	top: 15px;
	right: 20px;
	margin: auto;
	width: 10px;
	height: 10px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	transition: all .1s ease-out;
	transform: rotate(-135deg);
}

.accordion-trigger::after {
}

.accordion-trigger.is-opened::after {
	top: 20px;
	transform: rotate(45deg);
}

.accordion-target { /* target */
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	height: 0;
	transition: height .4s ease-out;
	text-align: left;
	font-size: 16px;
	line-height: 27px;
	color: #202020;
}

.accordion-target .aBody{
	padding: 0 20px 20px 20px;
	margin: 0 0 13px 0;
	background-color: #FFF;
	border-radius: 3px;
}

.aIcon{
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px;
	height: 50px;
	font-size: 24px;
	font-weight: 700;
	font-family: Arial;
	color: #dedede;
	text-align: center;
}

.accordion-target div a.faqDetail{
	display: inline;
	color: #383A8F;
	font-weight: 700;
	line-height: 24px;
}

.accordion-target.list > .list__item { /* target-child */
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	opacity: 1;
	padding-top: 15px;
	padding-bottom: 15px;
}

.accordion-target.list > .list__item > a {
	display: block;
	margin-top: -15px;
	margin-bottom: -15px;
	padding: 15px;
	color: #000;
	text-decoration: none;
}

ul.faqWpr{
	width: 850px;
	margin: 0 auto 60px auto;
	list-style:none;
}

ul.faqWpr li p.accordion-trigger{
	position: relative;
	padding: 15px 45px;
	margin: 0 0 20px 0;
	font-size: 17px;
	font-weight: 700;
	color: #FFF;
	background-color: #04aad1;
	border-radius: 3px;
	line-height: 23px;
}

ul.faqWpr li p.accordion-trigger span{
	position: absolute;
	left: 0;
	width: 50px;
	height: 50px;
	font-size: 24px;
	font-weight: 700;
	font-family: Arial;
	color: #FFF;
	text-align: center;
}

ul.faqWpr li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	line-height: 44px;
	text-align: ;
	background: none;
}

ul.faqWpr li ul li{
	padding: 0 0 0 15px;
}

ul.faqWpr li a span{
	display: none;
}


/* voice */

.voice{
	width: 850px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}

.voiceUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 35px;
	padding: 20px 35px;
	background-color: #d1ecf1;
	border-radius: 4px;
}

.voiceBaloon{
	position: absolute;
	width: 137px;
	height: 112px;
	top: -18px;
	right: 21px;
}

.voiceTitleWpr{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100px;
	margin: 0 auto 18px auto;
}

.voiceImg{
	width: 98px;
	height: 98px;

}

.voiceTitle{
	width: 660px;
	height: 100;
	padding: 18px 0;
	font-size: 32px;
	font-family: Serif;
	font-weight: 900;
	line-height: 43px;
	text-indent: -16px;
	letter-spacing: -.075rem;
}

.voiceTypeWpr{
	position: relative;
	width: 100%;
	height: 36px;
	margin: 0 auto 26px auto;
	padding: 0 0 0 300px;
	background-color: #FFF;
	overflow: hidden;
	font-size: 18px;
	font-weight: 700;
	line-height: 34px;
}

.voiceType{
	position: absolute;
	width: 287px;
	height: 36px;
	padding: 0 0 0 10px;
	left: -10px;
	background-color: #ffe400;
	transform: skewX(-20deg);
}

.voiceTypeWide{
	position: absolute;
	width: 287px;
	height: 36px;
	padding: 0 0 0 10px;
	left: -10px;
	background-color: #ffe400;
	transform: skewX(-20deg);
}

.voiceType p{
	font-size: 20px;
	font-weight: 700;
	line-height: 34px;
	transform: skewX(20deg);
	text-align: center;
}

.voiceTypeWide p{
	font-size: 20px;
	font-weight: 700;
	line-height: 34px;
	transform: skewX(20deg);
	text-align: center;
}

.voiceBody{
	width: 100%;
	font-size: 16px;
	line-height: 26px;
}


/* company */

.companyWpr{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 75px 0;
}

.companyTitle{
	display: flex;
	justify-content: center;
	margin: 0 0 60px 0;
}

.companyChar{
	width: 43px;
	height: 43px;
	margin: 0 4px 0 0 ;
	background-color: #3d3d3d;
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	line-height: 42px;
	color: #FFF;
}

table.company{
	width: 100%;
}

table.company tr{
	display: block;
	padding: 2px;
	border-top: 1px solid #cccccc;
}

table.company tr:last-child{
	border-bottom: 1px solid #cccccc;
}

table.company tr td{
	height: 52px;
}

table.company tr td a{
	color: #006666;
	text-decoration: underline;
}

table.company tr td:first-child{
	width: 225px;
	background-color: #e5e5e5;
	text-align: center;
	font-size: 17px;
	color: #3d3d3d;
	font-weight: 700;
}

table.company tr td:last-child{
	padding: 0 0 0 20px;
	font-size: 17px;
	color: #3d3d3d;
}

/* footer */

footer{
	width: 100%;
	padding: 28px 0;
	border-top: 1px solid #cccccc;
	text-align: center;
}

.sp,
.modal{
	display: none;
	width: 531px;
}

}