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

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

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

div, p{
	text-align: justify;
	letter-spacing: -0.025em;
	text-justify: inter-ideograph;
}

/* sp style */
@media screen and (max-width:736px){


i{
	margin: 0 0.5rem 0 0;	
}

/* fv */

section.fv{
	width: 100%;
	padding: 0 0 30px 0;
	background-image: url('../image/fvImageSP.png');
	background-size: cover;
}

.fv a.headerLogo{
	display: block;
	width: 125px;
	margin: 0 auto 0 0;
	padding: 4px 0 0 0;
}

.fv .header{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 65px;
	margin: 0 0 32px 0;
	padding: 13px 15px;
	/*background: rgba(0,0,0,.3);*/
}

.headerNav{
	justify-content: flex-end;
	width: 550px;
}

.headerNav ul{
	display: flex;
	list-style: none;
	height: 32px;
}

.headerNav ul li a{
	position: relative;
	display: block;
	margin: 0 25px 0 0;
	font-size: 14px;
	line-height: 32px;
	color: #003464;
}

.headerNav ul li a::after{
	position: absolute;
	content: "｜";
	right: -20px;
}

.headerNav ul li:last-child a::after{
	position: absolute;
	content: "";
}

.menuIcon{
	width: 30px;
	height: 30px;
	font-size: 30px;
	color: #FFF;
}

.fvBlueWpr{
	width: 100%;
	margin: 0 auto 40px auto;
	background: rgba(0,52,100,.5);
}
.fvInner{
	width: 95%;
	margin: 0 auto 40px auto;
	padding: 25px 0;
}


.fvInner .baloon{
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0 0 15px 0;
	border-radius: 3px;
	background-color: #FFF;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 29px;
}

.fvInner .leed{
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	margin: 0 0 10px 0;
	text-shadow: 4px 4px 4px rgba(0,0,0,.8);
}

.fvInner .leed span{
	color: #FFFF00;
}

h1.itemName{
	width: 100%;
	margin: 0 0 10px 0;
}

h1.itemName img{
	width: 100%;
	height: auto;
}

.fvInner .subLeed{
	margin: 0 0 37px 0;
	font-size: 17px;
	line-height: 23px;
	color: #FFF;
	text-shadow: 3px 3px 3px rgba(0,0,0,.85);
	text-align: center;
}

.fvInner .subLeed span{
	color: #FFFF00;
	font-weight: 700;
}

.fvInner a.button{
	position: relative;
	display: block;
	width: 270px;
	height: 55px;
	margin: 0 auto;
	border-radius: 28px;
	background-color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 53px;
	color: #202020;
	transition: .3s;
}

.fvInner a.button:hover{
	background-color: #ffff00;
	transition: .3s;
}

.fvInner a.button i{
	position: absolute;
	display: block;
	top: 17px;
	bottom: 0;
	right: 25px;
	margin: auto 0;
	font-weight: 900;
}

.fvRibonWpr{
	width: 100%;
	background-color: #003464;
}

.fvRibon{
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 14px;
	color: #FFF;
	line-height: 22px;
	text-align: center;
}

.fvRibon span{
	font-weight: 700;
	text-decoration: underline;
}


/*　feture　*/

section#feture{
	width: 100%;
	padding: 30px 0 5px 0;
	background-color: #F4F8F5;
}

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

h2.fetureTitle{
	display: block;
	width: 300px;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.fetureUnit{
	width: 100%;
	margin: 0 auto 25px auto;
}

.fetureUnitTitle{
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 10px 0;
	background-color: #44CDF9;
	border-radius: 2px;
}

.numberingTitleWpr{
	display: flex;
	justify-content: center;
	width: 95%;
	margin: 0 auto 8px auto;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #003464;
}

.numberCircle{
	width: 25px;
	height: 25px;
	margin: 0 13px 0 0;
	padding: 0 0 0 7px;
	background-color: #003464;
	border-radius: 13px;
	text-align: left;
	font-size: 16px;
	line-height: 25px;
	font-family: Arial;
	font-style: oblique;
	color: #FFF;
	font-weight: 700;
}

.numberingTitle{
	font-size: 16px;
	line-height: 25px;
	color: #FFF;
	font-weight: 700;
	text-align: center;
}

.fetureUnitTitle .leed{
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	font-weight: 400;
}

.fetureBodyWpr{
	justify-content: space-between;
}

.fetureBody{
	margin: 0 0 20px 0;
	font-size: 15px;
	line-height: 22px;
	color: #202020;
}

.fetureBodyWpr.flex .fetureBody{
	width: 100%;
}

.fetureImage{
	display: flex;
	width: 100%;
}

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

.fetureBodyWpr.flex .fetureImage.flex{
	display: flex;
	width: 90%;
	margin: 0 auto;
	justify-content: space-between;
}

.fetureImage .circle{
	width: 100px;
	height: 100px;
	border-radius: 56px;
	border: 1px solid #003464;
	background-color: #FFF;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	padding: 36px 0 0 0;
}

.fetureImage .circle:last-child{
	padding: 37px 0 0 0;
}

.featureOverview{
	text-align: center;
	width: 100%;
}

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

.featureOverview p{
	font-size: 12px;
	text-align: center;
}

/* fee */

section.fee{
	padding: 30px 0;
}

h3.feeTitle{
	display: block;
	width: 130px;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.target{
	width: 95%;
	margin: 0 auto;
	padding: 30px 0 0 0;
	overflow-x: scroll; 
}

table.feePanel{
	width: 700px;
	margin: 0 auto 10px auto;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	text-align: center;
}

table.feePanel tr td{
	position: relative;
	width: 150px;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	font-size: 15px;
	color: #202020;
	font-weight: 700;
}

table.feePanel tr td .lTag{
	position: absolute;
	top: -18px;
	width: 149px;
	height: 59px;
	font-size:15px;
	background-color: #28BFF0;
	border-radius: 2px 2px 0 0;
	text-align: center;
	color: #FFF;
	line-height: 59px;
	font-weight: 700;
}

table.feePanel tr td p{
	margin: 2px 0 0 0;
	font-size: 13px;
	color: #202020;
	font-weight: 400;
	text-align: center;
	line-height: 19px;
}

table.feePanel tr:first-child td{

	padding: 10px 0;
	background-color: #999999;
	border-right: 1px solid #FFF;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}

table.feePanel tr td:first-child{
	width: 100px;
	padding: 26px 0;
	background-color: #F4F8F5;
	font-size: 14px;
	font-weight: 700;
	color: #54a78d;
	text-align: center;
}

table.feePanel tr:first-child td:first-child{
	padding: 10px 0;
	background-color: #999999;
}

table.feePanel tr td:nth-child(3),
table.feePanel tr td:nth-child(4){
	background-color: #ECF2FA;
	font-size: 17px;
	font-weight: 900;
	color: #003464;
	text-align: center;
}

.scroll{
	text-align: center;
	padding: 0 0 15px 0;
	color: #cc3333;
}

.scroll i{
	margin: 0 10px;
}


.feeNotice{
	width: 95%;
	margin: 0 auto;
	border: 1px solid #BBBBBB;
	padding: 12px;
	font-size: 13px;
	line-height: 19px;
}

/* plan */



h3.planTitle{
	display: block;
	width: 150px;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}


.planTitleWpr{
	width: 95%;
	margin: 0 auto;
	padding: 12px 10px;
	background-color: #003464;
	border-radius: 2px 2px 0 0;
}

.planName{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #809AB2;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}

.direction{
	font-size: 14px;
	font-weight: 700;
	color: #ffff00;
	text-align: center;
}

.direction i{
	margin: 0 5px;
	color: #4ed3fc;
}

.planCntentWpr{
	width: 95%;
	margin: 0 auto 25px auto;
	padding: 10px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-radius: 0 0 2px 2px;
}

.needsHeader{
	position: relative;
	width: 100%;
	height: 34px;
	margin: 0 auto;
	border-radius: 2px 2px 0px 0px;
	background-color: #75BFA8;
	font-size: 17px;
	font-weight: 700;
	line-height: 34px;
	color: #FFF;
	text-align: center;
}

.needsHeader::after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5.5px 0 5.5px;
	border-color: #75BFA8 transparent transparent transparent;
}

.needsBody{
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 22px 15px 10px 40px;
	background-color: #FAFBEF;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	text-indent: -12px;
}


.needsItemWpr.alMid{
	justify-content: center;
	min-height: 52px;
}

.needsItemWpr:first-child{
	margin: 0 0 11px 0;
}

.needsArrw{
	display: inline;
	font-size: 16px;
	line-height: 23px;
	color: #75BFA8;
}

.alMid .needsArrw{
	font-size: 16px;
	color: #75BFA8;
	line-height: 23px;
}

.needsArrw i{
	margin: 0 5px 0 0;
}

.needsItem{
	display: inline;
	font-size: 16px;
	font-weight: 700;
	color: #003464;
	letter-spacing: -0.091rem;
}


.alMid .needsItem{
	display: inline;
	font-size: 16px;
	font-weight: 700;
	color: #003464;
	letter-spacing: -0.091rem;
}

.planImage{
	width: 100%;
	margin: 0 auto 6px auto;
}

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

.nonCap{
	margin: 0 auto 15px auto;
}


.planImageCpt{
	margin: 0 0 20px 0;
	font-size: 10px;
	text-align: center;
	color: #202020;
}

.planBodyWpr{
	justify-content: space-between;
	margin: 0 auto 15px auto;
}

.planBodyWpr.flex .planBody{
	width: 100%;
	margin: 0 0 15px 0;
}

.planBodyWpr.flex .planBodyImage{
	width: 100%;
	margin: 0 0 15px 0;
}

.planBody p.mid{
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 25px;
}

.planBody p.small{
	font-size: 15px;
	line-height: 22px;
}

.planBodyImage{
	width: 100%;
}

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

.feeTableWpr{
	margin: 0 0 45px 0;
}

table.feeTabel_01{
	width: 910px;
	margin: 0 auto 17px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	font-weight: 700;
}

table.feeTabel_01 tr td{
	padding: 10px 12px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

table.feeTabel_01 tr:first-child td:first-child{
	padding-left: 20px;
	background-color: #F4F8F5;
	text-align: left;
}

table.feeTabel_01.triple tr:first-child td:first-child{
	width: 75px;
}

table.feeTabel_01 tr td:last-child{
	color: #383a8f;
}

table.feeTabel_01 tr td:last-child span{
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #202020;
	font-weight: 400;
}

table.feeTabel_01 tr td.fee{
	width: 75px;
}

table.feeTabel_01 tr td.plan{
	width: 145px;
}

table.feeTabel_01 tr td.feeBody{
	width: 575px;
}



table.feeTabel_02{
	width: 910px;
	margin: 0 auto 17px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	font-weight: 700;
}

table.feeTabel_02 tr td{
	padding: 10px 12px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

table.feeTabel_02 tr:first-child td:first-child{
	padding-left: 20px;
	background-color: #F4F8F5;
	text-align: left;
}

table.feeTabel_02.triple tr:first-child td:first-child{
	width: 75px;
}

table.feeTabel_02 tr td:last-child{
	color: #383a8f;
}

table.feeTabel_02 tr td:last-child span{
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #202020;
	font-weight: 400;
}

table.feeTabel_02 tr td.fee{
	width: 75px;
}

table.feeTabel_02 tr td.plan{
	width: 220px;
}

table.feeTabel_02 tr td.feeBody{
	width: 690px;
}


.feeItemTag{
	width: 100%;
	padding: 7px;
	background-color: #dae7c6;
	color: #202020;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.feeItemBody{
	border: 1px solid #ecf3e0;
}

.feeItemName{
	width: 100%;
	padding: 7px;
	background-color: #ecf3e0;
	font-size: 14px;
	text-align: center;
}

.feeItemTypeWpr{
	/*display: flex;*/
	justify-content: space-between;
	border: 1px solid #ecf3e0;
}

.feeItemType{
	width: 150px;
	padding: 2px 5px;
	margin: 0 auto;
	font-size: 12px;
	border-radius: 30px;
	text-align: center;
	background-color: #9adef4;
	color: #003464;
	font-weight: 700;
}

.feeItemTypeUnit{
	padding: 7px;
	/*width: 50%;*/
}

.feeItem{
	padding: 7px;
	text-align: center;
	color: #003364;
	font-weight: 900;
}

.feeItem span{
	font-size: 12px;
	color: #202020;
	font-weight: 400;
	line-height: 14px;
}

.voiceTab{
	position: relative;
	width: 160px;
	height: 22px;
	margin: 0 auto 0 0;
	border-radius: 1px 0 0 0;
	background-color: #7ADEFD;
	font-size: 13px;
	font-weight: 700;
	color: #003464;
	text-align: center;
	line-height: 22px;
}

.voiceTab::after{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	right: -22px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 0 0 22px;
	border-color: transparent transparent transparent #7ADEFD;
}

.voiceWpr{
	width: 100%;
	padding: 15px;
	border: 1px solid #BBBBBB;
	background-color: #E6EFF6;
}

.voiceTitleWpr{
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
	border-left: 3px solid #999999;
}

.voiceTitle{
	margin: 0 0 6px 0;
	font-size: 17px;
	font-weight: 900;
	color: #003464;
	line-height: 22px;
}

.voiceProfile{
	font-size: 12px;
	font-weight: 700;
}

.voiceProfile span:first-child{
	font-weight: 400;
}

.voiceProfile span:last-child{
	color: #003464;
	font-weight: 700;
}

.voice{
	font-size: 14px;
	line-height: 22px;
}

/* faq */

section#faq{
	width: 100%;
	padding: 25px 0 15px 0;
	background-color: #E8EFF9;
}


h3.faqTitle{
	display: block;
	width: 70px;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

/* accordion */
.accordion-trigger { /* label */
	text-align: left;
	cursor: pointer;
	display: block;
	padding: 5px 46px 5px 15px;
	padding-right: 46px; /* padding + icon width */
	background-color: #163483;
	position: relative;
}

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

.accordion-trigger::after {
}

.accordion-trigger.is-opened::after {
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
}

.accordion-target { /* target */
	box-sizing: border-box;
	overflow: hidden;
	height: 0;
	transition: height .4s ease-out;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
}

.accordion-target div{
	padding: 9px;
	margin: 0 0 13px 0;
	background-color: #FFF;
	border-radius: 3px;
	font-size: 14px;
	line-height: 22px;
}

.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: 95%;
	margin: 0 auto;
	list-style:none;
}

ul.faqWpr li p.accordion-trigger{
	position: relative;
	margin: 0 0 7px 0;
	padding: 9px 28px 9px 11px;
	font-size: 14px;
	font-weight: 700;
	color: #003464;
	background: #33CCFF;
	border-radius: 2px;
	line-height: 22px;
}

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;
}

.faqImage{
	width: 100%;
	text-align: center;
}

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

/* usage */

section#usage{
	width: 95%;
	margin: 0 auto;
	padding: 25px 0 10px 0;
}

h3.usage{
	display: block;
	width: 180px;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.usageUnitWpr{
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

.usageUnit{
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 8px 9px;
	background-color: #D3E9D8;
}

.usageUnit::after{
	position: absolute;
	display: block;
	content: "";
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #D3E9D8 transparent transparent transparent;
}

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

.usageNum{
	width: 60px;
	height: 30px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 30px 30px 0 0;
	padding: 5px 0 0 0;
	font-size: 12px;
	color: #003464;
	text-align: center;
	line-height: 30px;
}

.usageNum span{
	margin: 0 0 0 4px;
	font-weight: 900;
}

.usageTitle{
	height: 100%;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
	color: #003464;
	line-height: 30px;
	border-bottom: 1px dotted #629D6A;
}

.usageBody{
	font-size: 13px;
	line-height: 18px;
	text-align: center;
}

/* contact */

section#contact{
	width: 95%;
	margin: 0 auto;
	padding: 0 0 25px 0;
}

h3.contact{
	display: block;
	width: 300px;
	padding: 0 0 10px 0;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.subTitle{
	width: 100%;
	height: 31px;
	margin: 0 0 10px 0;
	padding: 0 10px;
	background-color: #003464;
	font-size: 14px;
	font-weight: 700;
	line-height: 31px;
	color: #FFF;
	text-align: center;
}

.telNumWpr{
	justify-content: space-between;
	margin: 0 0 25px 0;
}

.freeDialWpr{
	display: flex;
	justify-content: center;
	width: 330px;
	margin: 0 auto 10px auto;
}

.freeDialWpr .icon{
	margin: 0 7px 0 0;
	height: 30px;
}

.freeDialWpr .icon img{
	width: auto;
	height: 30px;
}

.freeDial{
	padding: 6px 0 0 0;
	font-size: 28px;
	font-weight: 900;
	line-height: 16px;
	font-family: arial;
	color: #cc3300;
}

.celPhoneWpr{
	display: flex;
	position: relative;
	justify-content: center;
	flex-wrap: wrap;
	width: 330px;
	margin: 0 auto;
}

.celPhoneTag{
	position: relative;
	width: 90px;
	height: 23px;
	background-color: #666666;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 23px;
}

.celPhoneTag::after{
	position: absolute;
	display: block;
	content: "";
	top: 0;
	right: -11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11.5px 0 11.5px 11px;
	border-color: transparent transparent transparent #666666;
}

.celPhoneNum{
	width: 180px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-size: 23px;
	font-weight: 700;
	font-family: arial;
	color: #cc3300;
	line-height: 24px;
	text-align: center;
}

.available{
	width: 100%;
	padding: 3px 0;
	margin: 0 auto;
	border: 1px solid #666666;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
}

.available span{
	margin: 0 0 0 5px;
	font-weight: 700;
}

.inquiryLeed{
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 22px;
	color: #202020;
	text-align: center;
}

table.contact{
	width: 100%;
	margin: 0 auto 30px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}

table.contact tr td{
	display: block;
	width: 100%;
	vertical-align: top;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;	
}

table.contact tr td:first-child{
	width: 100%;
	padding: 10px 9px;
	background-color: #F3F7FC;
	font-size: 13px;
	font-weight: 700;
	color: #202020;
}

table.contact tr td:first-child p{
	padding: 0 0 0 7px;
	border-left: 3px solid #003464;
}

table.contact tr td:first-child p span.required{
	margin: 0 0 0 6px;
	padding: 0 4px 2px 4px;
	background-color: #990202;
	font-size: 10px;
	font-weight: 400;
	color: #FFF;
}

table.contact tr td:first-child p span.any{
	margin: 0 0 0 6px;
	padding: 0 4px 2px 4px;
	background-color: #8D8D8D;
	font-size: 10px;
	font-weight: 400;
	color: #FFF;
}

table.contact tr td:last-child{
	padding: 9px 11px;
	font-size: 14px;
	color: #999999;
}

table.contact tr:last-child td:last-child{
	vertical-align: middle;
}

.rules{
	width: 100%;
	margin: 0 0 10px 0;
	height: 100px;
	border: 1px solid #bbbbbb;
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
	overflow: overlay ;
}

.rules .pp{
	font-size: 13px;
	font-weight: 700;
}

.rules .ppItem{
	font-weight: 700;
	margin: 0 0 5px 0;
}

.rules p{
	margin: 0 0 5px 0;
}

button{
	cursor: pointer;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #004080 0, #003464 100%);
	border-radius: 5px;
	font-size: 20px;
	font-weight: 900;
	color: #FFF;
	text-align: center;
	transition: .3s;
}

button:hover{
	color: #ffff00;
	transition: .3s;
}

a.backButton{
	display: block;
	cursor: pointer;
	width: 100%;
	height: 40px;
	margin: 0 auto 70px auto;
	background-color: #999999;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	line-height: 39px;
	color: #FFF;
	text-align: center;
	transition: .3s;
}

/* support */

section#support{
	width: 100%;
	padding: 20px 0 20px 0;
	background-color: #E8EFF9;
}


h3.support{
	display: block;
	width: 210px;
	margin: 0 auto 30px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.supportLeed{
	width: 95%;
	margin: 0 auto 20px auto;
	font-size: 14px;
	text-align: center;
}

.supportWpr{
	justify-content: space-between;
	width: 95%;
	margin: 0 auto;
}

.aboutInquiry{
	width: 100%;
	margin: 0 0 20px 0;
}

.aboutTitle{
	margin: 0 0 15px 0;
	padding: 7px 0;
	font-size: 15px;
	font-weight: 700;
	color: #003464;
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
	text-align: center;
}

.mailContactWpr{
	display: flex;
	margin: 0 0 20px 0;
}

.mailIcon{
	width: 36px;
	font-size: 24px;
	color: #003464;
}

.mailContact{
	
	font-size: 15px;
	line-height: 24px;
}

.mailContact a{
	margin: 0 0 0 5px;
	font-weight: 700;
	color: #003464;
}

.telIcon{
	margin: 0 16px 0 0;
	width: 24px;
}

.telIcon img{
	width: 24px;
	height: auto;
}

.telContactWpr{
	display: flex;
}

.telContactWpr .telNum{
	margin: 0 0 7px 0;
	font-size: 26px;
	font-weight: 700;
	font-family: arial;
	color: #003464;
}

.telAvailable span{
	font-weight: 700;
	color: #003464;
}

.aboutSupport{
	width: 100%;
}

/* company */

section.company{
	width: 90%;
	margin: 0 auto;
	padding: 25px 0 30px 0;
}

h3.company{
	display: block;
	width: 120px;
	margin: 0 auto 25px auto;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

table.companyInfo{
	width: 100%;
	border-top: 1px dotted #999999;
}

table.companyInfo tr{
	border-bottom: 1px dotted #999999;	
}

table.companyInfo tr td{
	padding: 10px 0;
	font-size: 14px;
}

table.companyInfo tr td:first-child{
	width: 115px;
}

table.companyInfo tr td p{
	border-left: 3px solid #003464;
	padding: 0 0 0 10px;
	font-weight: 700;
}

/* footer */

footer{
	width: 100%;
	height: 60px;
	padding: 18px 0 0 0;
	background-color: #4ED3FC;
	text-align: center;
}


/* check */

.inquiryCheck{
	width: 90%;
	margin: 0 auto 20px auto;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	color: #202020;
}

.inquiryCheck span{
	margin: 0 4px;
	font-weight: 900;
}


table.check{
	width: 100%;
	margin: 0 auto 15px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}

table.check tr td{
	display: block;
	width: 100%;
	vertical-align: top;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	color: #202020;
}

table.check tr td:first-child{
	width: 100%;
	padding: 10px 9px;
	background-color: #F3F7FC;
	font-size: 14px;
	font-weight: 700;
	color: #202020;
}

table.check tr td:first-child p{
	padding: 0 0 0 10px;
	border-left: 4px solid #003464;
}

table.check tr td:first-child p span.required{
	margin: 0 0 0 12px;
	padding: 0 4px 2px 4px;
	background-color: #990202;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}

table.check tr td:first-child p span.any{
	margin: 0 0 0 12px;
	padding: 0 4px 2px 4px;
	background-color: #8D8D8D;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}

table.check tr td:last-child{
	padding: 11px;
	font-size: 14px;
	color: #202020;
	vertical-align: middle;
}

table.check tr:last-child td:last-child{
	vertical-align: middle;
}


/* checkHeader */

section.checkHeader{
	width: 100%;
	height: 64px;
	margin: 0 0 40px 0;
	background-color: #4ED3FC;
}

a.headerLogo{
	display: block;
	width: 125px;
	margin: 0 auto;
	padding: 4px 0 0 0;
}

.checkHeader .header{
	justify-content: space-between;
	width: 100%;
	height: 65px;
	margin: 0 0 30px 0;
	padding: 16px 24px;
	/*background: rgba(0,0,0,.3);*/
}

.errMessage{
	width: 85%;
	height: 40px;
	padding: 0;
	margin: 0 auto 30px auto;
	border: 1px solid #cc3333;
	font-size: 14px;
	font-weight: 700;
	color: #cc3333;
	line-height: 40px;
	background-color: #FFF;
}

.returnEntryPage{
	display: block;
	width: 350px;
	height: 50px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #004080 0, #003464 100%);
	border-radius: 25px;
	font-size: 20px;
	font-weight: 700;
	line-height: 48px;
	color: #FFF;
	text-align: center;
	transition: .3s;
}

body.checkBody{
	position: relative;
	min-height: 100vh;
}

body.checkBody footer{
	position: absolute;
	bottom: 0;
}

button.send{
	margin: 0 auto 15px auto;
}

.success{
	margin: 0 0 30px 0;
	font-size: 15px;
	line-height: 21px;
	color: #003567;
	text-align: center;
}



/* modal */

.js-modal-open{
	width: 30px;
	height: 30px;
	color: #FFF;
	text-align: center;
	font-size: 30px;
}

.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

.modal__bg{
	background: rgba(13,50,99,0.9);
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 100;
}
.modal__content{
	/*background: #fff;*/
	left: 50%;
	padding: 20px 20px 10px 20px;
	position: absolute;
	z-index: 500;
	transform: translate(-50%,0);
	width: 90%;
	height: 100%;
	border-radius: 5px;
	overflow-y:scroll;
}

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

ul.modalMenu li p.accordion-trigger{
    padding: 0 42px 0 0;
	color: #FFF;
	background: none;
	line-height: 44px;
}

ul.modalMenu li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #FFF;
	line-height: 44px;
	text-align: ;
	border-bottom: 1px dotted #CCC;
	background: none;
}

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

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

.closeButton{
   z-index: 110;
   margin: 0 auto 30px auto;
   width: 60px;
   height: 30px;
   font-size: 14px;
   line-height: 26px;
   color: #204168;
   border: 1px solid #CCC;
   border-radius: 15px;
   text-align: center;
   color: #FFF;
}


.pc{
	display: none;
}

}

/* pc style */
@media screen and (min-width:737px){


i{
	margin: 0 0.5rem 0 0;	
}

/* fv */

section.fv{
	width: 100%;
	height: 585px;
	background-image: url('../image/fvImagePC.png');
	background-size: cover;
}

a.headerLogo{
	display: block;
	width: 125px;
	padding: 4px 0 0 0;
}

.fv .header{
	justify-content: space-between;
	width: 100%;
	height: 65px;
	margin: 0 0 52px 0;
	padding: 16px 24px;
	/*background: rgba(0,0,0,.3);*/
}

.headerNav{
	justify-content: flex-end;
	width: 550px;
}

.headerNav ul{
	display: flex;
	list-style: none;
	height: 32px;
}

.headerNav ul li a{
	position: relative;
	display: block;
	margin: 0 25px 0 0;
	font-size: 14px;
	line-height: 32px;
	color: #003464;
}

.headerNav ul li a::after{
	position: absolute;
	content: "｜";
	right: -20px;
}

.headerNav ul li:last-child a::after{
	position: absolute;
	content: "";
}

.headerButton{
	cursor: pointer;
	width: 153px;
	height: 32px;
	border: 1px solid #003464;
	border-radius: 16px;
	text-align: center;
	font-size: 12px;
	color: #003464;
	line-height: 30px;
	transition: .3s;
}

.headerButton:hover{
	color: #fff;
	background-color: #003464;
	transition: .3s;
}

.headerButton i{
	font-size: 14px;
	color: #003464;
	transition: .3s;
}

.headerButton:hover i{
	color: #fff;
	transition: .3s;
}

.fvBlueWpr{
	width: 100%;
	height: 375px;
	background: rgba(0,52,100,.5);
}
.fvInner{
	width: 960px;
	height: 375px;
	margin: 0 auto;
	padding: 38px 0 0 0;
}



.fvInner .baloon{
	position: relative;
	width: 485px;
	height: 35px;
	margin: 0 0 25px 0;
	border-radius: 3px;
	background-color: #FFF;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	line-height: 34px;
}

/*
.fvInner .baloon::after{
	position: relative;
	display: block;
	content: "";
	left: 12px;
	bottom: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 4px 0 4px;
	border-color: #FFF transparent transparent transparent;
}
*/

.fvInner .leed{
	font-size: 34px;
	font-weight: 700;
	color: #FFF;
	margin: 0 0 20px 0;
	text-shadow: 4px 4px 4px rgba(0,0,0,.8);
}

.fvInner .leed span{
	color: #FFFF00;
}

h1.itemName{
	width: 572px;
	height: 78px;
	margin: 0 0 10px 0;
}

.fvInner .subLeed{
	margin: 0 0 37px 0;
	font-size: 23px;
	line-height: 23px;
	color: #FFF;
	text-shadow: 3px 3px 3px rgba(0,0,0,.85);
}

.fvInner .subLeed span{
	color: #FFFF00;
	font-weight: 700;
}

.fvInner a.button{
	position: relative;
	display: block;
	width: 270px;
	height: 55px;
	border-radius: 28px;
	background-color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 53px;
	color: #202020;
	transition: .3s;
}

.fvInner a.button:hover{
	background-color: #ffff00;
	transition: .3s;
}

.fvInner a.button i{
	position: absolute;
	display: block;
	top: 17px;
	bottom: 0;
	right: 25px;
	margin: auto 0;
	font-weight: 900;
}

.fvRibonWpr{
	width: 100%;
	height: 57px;
	background-color: #003464;
}

.fvRibon{
	width: 960px;
	margin: 0 auto;
	font-size: 16px;
	color: #FFF;
	line-height: 56px;
}

.fvRibon span{
	font-weight: 700;
	text-decoration: underline;
}


/*　feture　*/

section#feture{
	width: 100%;
	padding: 60px 0 5px 0;
	background-color: #F4F8F5;
}

.fetureInner{
	width: 960px;
	margin: 0 auto;
}

h2.fetureTitle{
	display: block;
	width: 360px;
	margin: 0 auto 55px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.fetureUnit{
	width: 960px;
	margin: 0 auto 45px auto;
}

.fetureUnitTitle{
	width: 960px;
	margin: 0 auto 40px auto;
	padding: 18px 0;
	height: 132px;
	background-color: #44CDF9;
	border-radius: 2px;
}

.numberingTitleWpr{
	width: 500px;
	margin: 0 auto 8px auto;
	padding: 0 0 10px 0;
	justify-content: center;
	border-bottom: 1px dotted #003464;
}

.numberCircle{
	width: 34px;
	height: 34px;
	margin: 0 13px 0 0;
	padding: 0 0 0 7px;
	background-color: #003464;
	border-radius: 17px;
	text-align: left;
	font-size: 30px;
	line-height: 34px;
	font-family: Arial;
	font-style: oblique;
	color: #FFF;
	font-weight: 700;
}

.numberingTitle{
	font-size: 30px;
	line-height: 30px;
	color: #FFF;
	font-weight: 700;
	text-align: center;
}

.fetureUnitTitle .leed{
	font-size: 15px;
	text-align: center;
	line-height: 24px;
	font-weight: 400;
}

.fetureBodyWpr{
	justify-content: space-between;
}

.fetureBody{
	margin: 0 0 40px 0;
	font-size: 16px;
	line-height: 28px;
	color: #202020;
}

.fetureBodyWpr.flex .fetureBody{
	width: 530px;
}

.fetureImage{
	
}

.fetureBodyWpr.flex .fetureImage.flex{
	width: 390px;
	justify-content: space-between;
}

.fetureImage .circle{
	width: 112px;
	height: 112px;
	border-radius: 56px;
	border: 1px solid #003464;
	background-color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	padding: 42px 0 0 0;
}

.fetureImage .circle:last-child{
	padding: 37px 0 0 0;
}

.featureOverview{
	text-align: center;
}

.featureOverview img{
	display: block;
	margin: 0 auto 5px auto;
}

.featureOverview p{
	font-size: 12px;
	text-align: center;
}

/* fee */

section.fee{
	padding: 60px 0 80px 0;
}

h3.feeTitle{
	display: block;
	width: 130px;
	margin: 0 auto 70px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

table.feePanel{
	width: 960px;
	margin: 0 auto 25px auto;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	text-align: center;
}

table.feePanel tr td{
	position: relative;
	width: 201px;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	font-size: 16px;
	color: #202020;
	font-weight: 700;
}

table.feePanel tr td .lTag{
	position: absolute;
	top: -18px;
	width: 201px;
	height: 59px;
	background-color: #28BFF0;
	border-radius: 2px 2px 0 0;
	text-align: center;
	color: #FFF;
	line-height: 59px;
	font-weight: 700;
}

table.feePanel tr td p{
	margin: 2px 0 0 0;
	font-size: 13px;
	color: #202020;
	font-weight: 400;
	text-align: center;
	line-height: 26px;
}

table.feePanel tr:first-child td{
	padding: 10px 0;
	background-color: #999999;
	border-right: 1px solid #FFF;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}

table.feePanel tr td:first-child{
	width: 150px;
	padding: 26px 0;
	background-color: #F4F8F5;
	font-size: 16px;
	font-weight: 700;
	color: #54a78d;
	text-align: center;
}

table.feePanel tr:first-child td:first-child{
	padding: 10px 0;
	background-color: #999999;
}

table.feePanel tr td:nth-child(3),
table.feePanel tr td:nth-child(4){
	background-color: #ECF2FA;
	font-size: 19px;
	font-weight: 900;
	color: #003464;
	text-align: center;
}

.feeNotice{
	width: 960px;
	margin: 0 auto;
	border: 1px solid #BBBBBB;
	padding: 20px 22px;
	font-size: 15px;
	line-height: 25px;
}

/* plan */



h3.planTitle{
	display: block;
	width: 150px;
	margin: 0 auto 70px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

section.title{
	padding: 60px 0 80px 0;
}

.planTitleWpr{
	width: 960px;
	height: 113px;
	margin: 0 auto;
	padding: 17px;
	background-color: #003464;
	border-radius: 2px 2px 0 0;
}

.planName{
	width: 100%;
	margin: 0 0 14px 0;
	padding: 0 0 17px 0;
	border-bottom: 1px dotted #809AB2;
	font-size: 30px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}

.direction{
	font-size: 19px;
	font-weight: 700;
	color: #ffff00;
	text-align: center;
}

.direction i{
	margin: 0 10px;
	color: #4ed3fc;
}

.planCntentWpr{
	width: 960px;
	margin: 0 auto 55px auto;
	padding: 25px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-radius: 0 0 2px 2px;
}

.needsHeader{
	position: relative;
	width: 910px;
	height: 34px;
	margin: 0 auto;
	border-radius: 2px 2px 0px 0px;
	background-color: #75BFA8;
	font-size: 17px;
	font-weight: 700;
	line-height: 34px;
	color: #FFF;
	text-align: center;
}

.needsHeader::after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5.5px 0 5.5px;
	border-color: #75BFA8 transparent transparent transparent;
}

.needsBody{
	width: 910px;
	margin: 0 auto 20px auto;
	padding: 22px;
	background-color: #FAFBEF;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

.needsItemWpr{
	height: 23px;
}

.needsItemWpr.alMid{
	justify-content: center;
	min-height: 52px;
}

.needsItemWpr:first-child{
	margin: 0 0 11px 0;
}

.needsArrw{
	font-size: 23px;
	color: #75BFA8;
}

.alMid .needsArrw{
	font-size: 23px;
	color: #75BFA8;
	line-height: 56px;
}

.needsItem{
	font-size: 20px;
	font-weight: 700;
	color: #003464;
	letter-spacing: -0.091rem;
}


.alMid .needsItem{
	margin: 0 0 0 6px;
	font-size: 20px;
	font-weight: 700;
	color: #003464;
	letter-spacing: -0.07rem;
	line-height: 32px;
}

.planImage{
	width: 911px;
	margin: 0 auto 6px auto;
}

.nonCap{
	margin: 0 auto 35px auto;
}

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

.planImageCpt{
	margin: 0 0 35px 0;
	font-size: 13px;
	text-align: right;
	color: #202020;
}

.planBodyWpr{
	justify-content: space-between;
	margin: 0 auto 35px auto;
}

.planBodyWpr.flex .planBody{
	width: 420px;
}

.planBodyWpr.flex .planBodyImage{
	width: 455px;
}

.planBody p.mid{
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 25px;
}

.planBody p.small{
	font-size: 15px;
	line-height: 22px;
}

.feeTableWpr{
	margin: 0 0 45px 0;
}

table.feeTabel_01{
	width: 910px;
	margin: 0 auto 17px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	font-weight: 700;
}

table.feeTabel_01 tr td{
	padding: 10px 12px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

table.feeTabel_01 tr:first-child td:first-child{
	padding-left: 20px;
	background-color: #F4F8F5;
	text-align: left;
}

table.feeTabel_01.triple tr:first-child td:first-child{
	width: 75px;
}

table.feeTabel_01 tr td:last-child{
	color: #383a8f;
}

table.feeTabel_01 tr td:last-child span{
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #202020;
	font-weight: 400;
}

table.feeTabel_01 tr td.fee{
	width: 75px;
}

table.feeTabel_01 tr td.plan{
	width: 145px;
}

table.feeTabel_01 tr td.feeBody{
	width: 575px;
}



table.feeTabel_02{
	width: 910px;
	margin: 0 auto 17px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	font-weight: 700;
}

table.feeTabel_02 tr td{
	padding: 10px 12px;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

table.feeTabel_02 tr:first-child td:first-child{
	padding-left: 20px;
	background-color: #F4F8F5;
	text-align: left;
}

table.feeTabel_02.triple tr:first-child td:first-child{
	width: 75px;
}

table.feeTabel_02 tr td:last-child{
	color: #383a8f;
}

table.feeTabel_02 tr td:last-child span{
	margin: 0 0 0 10px;
	font-size: 14px;
	color: #202020;
	font-weight: 400;
}

table.feeTabel_02 tr td.fee{
	width: 75px;
}

table.feeTabel_02 tr td.plan{
	width: 220px;
}

table.feeTabel_02 tr td.feeBody{
	width: 690px;
}


.voiceTab{
	position: relative;
	width: 220px;
	height: 30px;
	margin: 0 auto 0 0;
	border-radius: 1px 0 0 0;
	background-color: #7ADEFD;
	font-size: 16px;
	font-weight: 700;
	color: #003464;
	text-align: center;
	line-height: 30px;
}

.voiceTab::after{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	right: -30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent #7ADEFD;
}

.voiceWpr{
	width: 910px;
	padding: 30px 27px;
	border: 1px solid #BBBBBB;
	background-color: #E6EFF6;
}

.voiceTitleWpr{
	height: 54px;
	margin: 0 0 33px 0;
	padding: 0 0 0 15px;
	border-left: 3px solid #999999;
}

.voiceTitle{
	margin: 0 0 6px 0;
	font-size: 20px;
	font-weight: 900;
	color: #003464;
	line-height: 28px;
}

.voiceProfile{
	font-size: 14px;
	font-weight: 700;
}

.voiceProfile span:first-child{
	font-weight: 400;
}

.voiceProfile span:last-child{
	color: #003464;
	font-weight: 700;
}

.voice{
	font-size: 14px;
	line-height: 22px;
}

/* faq */

section#faq{
	width: 100%;
	padding: 55px 0 65px 0;
	background-color: #E8EFF9;
}


h3.faqTitle{
	display: block;
	width: 70px;
	margin: 0 auto 70px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

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

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

.accordion-trigger::after {
}

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

.accordion-target { /* target */
	box-sizing: border-box;
	overflow: hidden;
	height: 0;
	transition: height .4s ease-out;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
}

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

.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: 960px;
	margin: 0 auto;
	list-style:none;
}

ul.faqWpr li p.accordion-trigger{
	height: 55px;
	margin: 0 0 13px 0;
	padding: 0 42px 0 15px;
	font-size: 17px;
	font-weight: 700;
	color: #003464;
	background: #33CCFF;
	border-radius: 2px;
	line-height: 54px;
}

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;
}

.faqImage{
	width: 100%;
	text-align: center;
}

/* faq */

section#usage{
	width: 960px;
	margin: 0 auto;
	padding: 55px 0 65px 0;
}

h3.usage{
	display: block;
	width: 180px;
	margin: 0 auto 70px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.usageUnitWpr{
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
}

.usageUnit{
	position: relative;
	width: 222px;
	height: 203px;
	padding: 17px 18px;
	background-color: #D3E9D8;
}

.usageUnit::after{
	position: absolute;
	display: block;
	content: "";
	top: 90px;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 20px;
	border-color: transparent transparent transparent #D3E9D8;
}

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

.usageNum{
	width: 80px;
	height: 40px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 40px 40px 0 0;
	font-size: 16px;
	color: #003464;
	text-align: center;
	line-height: 40px;
}

.usageNum span{
	margin: 0 0 0 4px;
	font-weight: 900;
}

.usageTitle{
	height: 100%;
	height: 53px;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	color: #003464;
	line-height: 52px;
	border-bottom: 1px dotted #629D6A;
}

.usageBody{
	font-size: 13px;
	line-height: 18px;
}

/* contact */

section#contact{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 65px 0;
}

h3.contact{
	display: block;
	width: 300px;
	margin: 0 auto 70px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.subTitle{
	width: 100%;
	height: 31px;
	margin: 0 0 27px 0;
	padding: 0 10px;
	background-color: #003464;
	font-size: 14px;
	font-weight: 700;
	line-height: 31px;
	color: #FFF;
}

.telNumWpr{
	justify-content: space-between;
	margin: 0 0 45px 0;
}

.freeDialWpr{
	width: 380px;
	height: 46px;
}

.freeDialWpr .icon{
	margin: 0 14px 0 0;
	width: 54xp;
	height: 36px;
}

.freeDial{
	padding: 6px 0 0 0;
	font-size: 38px;
	font-weight: 900;
	font-family: arial;
	color: #cc3300;
	letter-spacing: 0.05rem;
}

.celPhoneWpr{
	position: relative;
	justify-content: space-between;
	width: 580px;
	height: 46px;
	padding: 0 0 0 160px;
}

.celPhoneTag{
	position: absolute;
	top: 6px;
	left: 0;
	width: 140px;
	height: 23px;
	background-color: #666666;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 23px;
}

.celPhoneTag::after{
	position: absolute;
	display: block;
	content: "";
	top: 0;
	right: -11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11.5px 0 11.5px 11px;
	border-color: transparent transparent transparent #666666;
}

.celPhoneNum{
	font-size: 27px;
	font-weight: 900;
	font-family: arial;
	color: #cc3300;
	line-height: 36px;
	letter-spacing: 0.05rem;
}

.available{
	width: 195px;
	height: 46px;
	padding: 3px 0 0 0;
	border: 1px solid #666666;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
}

.available span{
	margin: 0 0 0 5px;
	font-weight: 700;
}

.inquiryLeed{
	margin: 0 0 30px 0;
	font-size: 15px;
	line-height: 24px;
	color: #202020;
	text-align: center;
}

table.contact{
	width: 960px;
	margin: 0 auto 30px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}

table.contact tr td{
	vertical-align: top;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;	
}

table.contact tr td:first-child{
	width: 245px;
	padding: 14px 13px;
	background-color: #F3F7FC;
	font-size: 14px;
	font-weight: 700;
	color: #202020;
}

table.contact tr td:first-child p{
	padding: 0 0 0 10px;
	border-left: 4px solid #003464;
}

table.contact tr td:first-child p span.required{
	margin: 0 0 0 12px;
	padding: 0 4px 2px 4px;
	background-color: #990202;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}

table.contact tr td:first-child p span.any{
	margin: 0 0 0 12px;
	padding: 0 4px 2px 4px;
	background-color: #8D8D8D;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}

table.contact tr td:last-child{
	padding: 9px 11px;
	font-size: 14px;
	color: #999999;
}

table.contact tr:last-child td:last-child{
	vertical-align: middle;
}

.rules{
	width: 100%;
	margin: 0 0 33px 0;
	height: 135px;
	border: 1px solid #bbbbbb;
	padding: 14px 37px 14px 17px;
	font-size: 12px;
	line-height: 20px;
	overflow: overlay ;
}

.rules .pp{
	font-size: 14px;
	font-weight: 700;
}

.rules .ppItem{
	font-weight: 700;
	margin: 0 0 10px 0;
}

.rules p{
	margin: 0 0 10px 0;
}

button{
	cursor: pointer;
	width: 560px;
	height: 96px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #004080 0, #003464 100%);
	border-radius: 5px;
	font-size: 26px;
	font-weight: 900;
	color: #FFF;
	text-align: center;
	transition: .3s;
}

button:hover{
	color: #ffff00;
	transition: .3s;
}

a.backButton{
	display: block;
	cursor: pointer;
	width: 560px;
	height: 40px;
	margin: 0 auto 150px auto;
	background-color: #999999;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	line-height: 39px;
	color: #FFF;
	text-align: center;
	transition: .3s;
}

/* support */

section#support{
	width: 100%;
	padding: 45px 0 65px 0;
	background-color: #E8EFF9;
}


h3.support{
	display: block;
	width: 280px;
	margin: 0 auto 30px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

.supportLeed{
	margin: 0 auto 40px auto;
	font-size: 15px;
	text-align: center;
}

.supportWpr{
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
}

.aboutInquiry{
	width: 49%;
}

.aboutTitle{
	margin: 0 0 23px 0;
	padding: 0 0 13px 0;
	font-size: 17px;
	font-weight: 700;
	color: #003464;
	border-bottom: 1px dotted #333333;
}

.mailContactWpr{
	margin: 0 0 20px 0;
}

.mailIcon{
	width: 36px;
	font-size: 24px;
	color: #003464;
}

.mailContact{
	font-size: 15px;
	line-height: 24px;
}

.mailContact a{
	margin: 0 0 0 5px;
	font-weight: 700;
	color: #003464;
}

.telIcon{
	margin: 0 16px 0 0;
	width: 24px;
}

.telIcon img{
	width: 24px;
	height: auto;
}

.telContactWpr .telNum{
	margin: 0 0 7px 0;
	font-size: 26px;
	font-weight: 700;
	font-family: arial;
	color: #003464;
}

.telAvailable span{
	font-weight: 700;
	color: #003464;
}

.aboutSupport{
	width: 49%;
}

/* company */

section.company{
	width: 700px;
	margin: 0 auto;
	padding: 45px 0 65px 0;
}

h3.company{
	display: block;
	width: 120px;
	margin: 0 auto 45px auto;
	font-size: 30px;
	font-weight: 700;
	color: #202020;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #202020;
}

table.companyInfo{
	width: 100%;
	border-top: 1px dotted #999999;
}

table.companyInfo tr{
	border-bottom: 1px dotted #999999;	
}

table.companyInfo tr td{
	padding: 14px 4px;
}

table.companyInfo tr td:first-child{
	width: 205px;
}

table.companyInfo tr td p{
	border-left: 3px solid #003464;
	padding: 0 0 0 20px;
	font-weight: 700;
}

/* footer */

footer{
	width: 100%;
	height: 140px;
	padding: 50px 0 0 0;
	background-color: #4ED3FC;
	text-align: center;
}


/* check */

.inquiryCheck{
	margin: 0 0 40px 0;
	font-size: 20px;
	text-align: center;
	line-height: 28px;
	color: #202020;
}

.inquiryCheck span{
	margin: 0 4px;
	font-weight: 900;
}


table.check{
	width: 960px;
	margin: 0 auto 30px auto;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}

table.check tr td{
	vertical-align: top;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	color: #202020;
}

table.check tr td:first-child{
	width: 245px;
	padding: 14px 13px;
	background-color: #F3F7FC;
	font-size: 14px;
	font-weight: 700;
	color: #202020;
}

table.check tr td:first-child p{
	padding: 0 0 0 10px;
	border-left: 4px solid #003464;
}

table.check tr td:first-child p span.required{
	margin: 0 0 0 12px;
	padding: 0 4px 2px 4px;
	background-color: #990202;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}

table.check tr td:first-child p span.any{
	margin: 0 0 0 12px;
	padding: 0 4px 2px 4px;
	background-color: #8D8D8D;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}

table.check tr td:last-child{
	padding: 11px;
	font-size: 14px;
	color: #202020;
	vertical-align: middle;
}

table.check tr:last-child td:last-child{
	vertical-align: middle;
}


/* checkHeader */

section.checkHeader{
	width: 100%;
	height: 64px;
	margin: 0 0 40px 0;
	background-color: #4ED3FC;
}

a.headerLogo{
	display: block;
	width: 125px;
	padding: 4px 0 0 0;
}

.checkHeader .header{
	justify-content: space-between;
	width: 100%;
	height: 65px;
	margin: 0 0 52px 0;
	padding: 16px 24px;
	/*background: rgba(0,0,0,.3);*/
}

.errMessage{
	width: 600px;
	height: 50px;
	padding: 0;
	margin: 0 auto 60px auto;
	border: 1px solid #cc3333;
	font-size: 16px;
	font-weight: 700;
	color: #cc3333;
	line-height: 49px;
	background-color: #FFF;
}

.returnEntryPage{
	display: block;
	width: 350px;
	height: 50px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #004080 0, #003464 100%);
	border-radius: 25px;
	font-size: 20px;
	font-weight: 700;
	line-height: 48px;
	color: #FFF;
	text-align: center;
	transition: .3s;
}

body.checkBody{
	position: relative;
	min-height: 100vh;
}

body.checkBody footer{
	position: absolute;
	bottom: 0;
}

button.send{
	margin: 0 auto 20px auto;
}

.success{
	margin: 0 0 40px 0;
	font-size: 22px;
	line-height: 32px;
	color: #003567;
	text-align: center;
}

.sp,
.modal,
.js-modal-open{
	display: none;
}

.flex{
	display: flex;
}

}