@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: #292929;
}

div, p{
	text-align: justify;
}

a{
	text-decoration: none;
}

ul{
	list-style: none;
}

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


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


header{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 95%;
	margin: 0 auto;
	padding: 13px 0;
}

.headerLogoWpr{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 40px;
	margin: 0 auto 13px auto;
}

.headerLogo{
	height: 40px;
	margin: 0 5px 0 0;
	padding: 0;
}

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

.headerSquareWpr{
	display: flex;
	justify-content: flex-end;
	height: 40px;
}

.headerSquare{
	border-radius: 1px;
	padding: 3px 0 0 0;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	line-height: 16px;
	text-align: center;
}

.headerSquare.green{
	width: 40px;
	background-color: #8fbd33;
}

.headerSquare.blue{
	width: 63px;
	margin: 0 0 0 6px;
	background-color: #58a2c4;
}

.headerTelWpr{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 32px;
	margin: 0 auto 11px auto;
}

.headerTelLeed{
	width: 78px;
	height: 32px;
	margin: 0 7px 0 0;
	padding: 2px 0;
	border: 1px solid #999999;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	letter-spacing: .03rem;
}

.headerTelNum{
	height: 32px;
}

.headerTelNum img{
	width: auto;
	height: 32px;
}

.headerInqWpr div{
	width: 100%;
	height: 52px;
	text-align: center;
}

.headerInqWpr img{
	width: auto;
	height: 52px;
}


/* fv */

.fv{
	width: 100%;
}

.fv img{
	display: block;
}


/* maker */

.makerWpr{
	width: 100%;
	margin: 0 auto 13px auto;
	padding: 55px 0 13px 0;
	background-color: #f4f4e6;
}

.makerInner{
	width: 95%;
	margin: 0 auto;
	border: 1px solid #999999;
	background-color: #FFF;
}

.makerTitle{
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 31px;
	background-color: #999999;
}

.makerTitleLeed{
	position: absolute;
	width: 326px;
	height: 60px;
	margin: 0 auto;
	top: -40px;
	left: 0;
	right: 0;
}

.makerLogoWpr{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 13px 15px;
}

.makerLogo{
	height: 22px;
	margin: 0 10px 5px 10px;
}

.makerLogo img{
	width: auto;
	height: 22px;
}

/* medals */

.medalWpr{
	width: 100%;
	margin: 0 0 15px 0;
	background-image: url('../image/medalsBg.png');
}

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

.medalLeed{
	width: 95%;
	padding: 10px 0 0 0;
	font-size: 10px;
	line-height: 16px;
}

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


/* f_panel */

.f_panelWpr{
	position: relative;
	width: 95%;
	margin: 0 auto 12px auto;
	border: 1px solid #0062c6;
	border-radius: 2px;
}

.f_panelWpr.nar{
	position: relative;
	width: 100%;
	margin: 0 auto 12px auto;
	border: 1px solid #0062c6;
	border-radius: 2px;
}

.f_panelUpr{
	width: 295px;
	height: 100px;
	margin: 0 0 0 auto;
	padding: 13px 10px 0 10px;
}

.f_panelTitle{
	position: relative;
	width: 100%;
	height: 33px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
}

.f_panelLeed{
	padding: 0 0 0 40px;
	text-align: center;
	font-size: 12px;
	color: #202020;
	line-height: 15px;
}

.panelUpr{
	width: 100%;
	height: 127px;
}

.panelHeader{
	position: relative;
	width: 100%;
	height: 48px;
	margin: 0 auto;
	padding: 0 30px 0 0;
	background-color: #0062c6;
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	line-height: 45px;
	text-align: right;
}

.panelLeed{
	text-align: center;
	font-size: 16px;
	color: #202020;
}

.panelLeedWpr{
	width: 100%;
	height: 79px;
	padding: 12px 12px 0 0;
}

.panelOpt{
	width: 240px;
	margin: 0 0 0 auto;
}

.panelAvailable{
	margin: 0 0 0 15px;
}

.f_panelPrice{
	position: relative;
	width: 100%;
	height: 47px;
	padding: 7px 10px 5px 0;
	text-align: right;
	background-color: #f292a4;
}

.f_panelPrice img{
	width: auto;
	height: 37px;
}

.spPriceBlock{
	width: 100%;
	height: 54px;
	border-top: 2px solid #FFF;
	background-image: url('../image/spPriceBg.png');
}



.spPrice{
	width: 100%;
	padding: 5px 0;
	height: 46px;
	text-align: center;
}

.spPrice img{
	width: auto;
	height: 46px;
}

.f_panelTelWpr{
	width: 100%;
	height: 75px;
	padding: 5px 0 10px 0;
	background-color: #0062c6;
	border-top: 2px solid #FFF;
	text-align: center;
}

.f_panelTelNum{
	display: block;
	width: 100%;
	height: 34px;
	text-align: center;
}

.f_panelTelNum img{
	width: auto;
	height: 100%;
	animation: anime 0.5s ease 0s infinite alternate;
	transform-origin:center;
}
@keyframes anime {
  from {
    transform: scale(0.95,0.95);
  }
  to {
    transform: scale(1,1);
  }
}

.f_panelTelLeed{
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}

.f_panelStaff{
	position: absolute;
	height: 147px;
	bottom: 0;
	left: -0;
}

.f_panelStaff.widthHeaer{
	position: absolute;
	height: 181px;
	bottom: 0;
	left: -0;
}

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

.satisfyLv{
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	color: #202020;
	text-align: center;
	font-family: Arial, 'Noto Sans JP';
	line-height: 24px;
}

.satisfyLv span{
	color: #CC0000;
}

/* available */

.available{
	display: flex;
	width: 95%;
	height: 33px;
	margin: 0 auto 15px auto;
	border: 2px solid #ea4a68;
	border-radius: 17px;
	overflow: hidden;
}

.available.inner{
	width: 100%;
}

.availableTrack{
	width: 53px;
	height: 33px;
	padding: 5px 8px 0 6px;
	background-color: #ea4a68;
}

.availableLeed{
	padding: 0 0 0 6px;
	font-size: 14px;
	line-height: 29px;
	font-weight: 700;
}

.availableLeed span{
	margin: 0 2px 0 0;
	font-weight: 900;
	color: #ea4a68;
}

/* nayami */

.nayamiWpr{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 20px 0;
	background-color: #fdfde8;
}

.nayamiTitle{
	width: 90%;
	margin: 0 auto 10px auto;
	text-align: center;
}

.nayamiUnitWpr{
	width: 95%;
	margin: 0 auto 20px auto;
	padding: 15px;
	border: 1px solid #e5e5b9;
	border-radius: 5px;
	background-color: #FFF;
}

.nayamiUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 10px auto;
}

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

.nayamiUnitTitle{
	width: 100%;
	height: 33px;
	margin: 0 0 25px 0;
	background-color: #0062c6;
	font-size: 16px;
	font-weight: 900;
	color: #FFF;
	text-align: center;
	line-height: 31px;
}

.nayamiUnitImgWpr{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.beforeWpr{
	position: relative;
	width: 49%;
}

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

.afterWpr{
	position: relative;
	width: 49%;
	text-align: right;
}

.afterWpr img{
	margin: 0 0 0 auto;
	height: auto;
}

.beforeTag{
	position: absolute;
	top: -17px;
	left: 0;
	width: 77px;
	height: 29px;
	background-color: #202020;
	font-family: Arial;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 33px;
}

.afterTag{
	position: absolute;
	top: -17px;
	left: 0;
	width: 77px;
	height: 29px;
	background-color: #ea4a68;
	font-family: Arial;
	font-size: 18px;
	font-weight: 700;
	color: #fffc00;
	text-align: center;
	line-height: 33px;
}

.arrow{
	position: absolute;
	width: 50px;
	margin: 0 auto;
	top: 45px;
	left: 10px;
	right: 0;
}

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

.nayamiAori{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}


/* panel */

.panel{
	position: relative;
	width: 95%;
	margin: 0 auto 10px auto;
	border: 1px solid #007ae1;
	border-radius: 2px;
	overflow: hidden;
}

.panel.inner{
	width: 100%;
}

.panelHeader{
	width: 100%;
	height: 38px;
	padding: 0 10px 0 0;
	background-color: #007ae1;
	font-size: 17px;
	font-weight: 700;
	color: #FFF;
	text-align: right;
	line-height: 35px;
}

.panelHeader .sp{
	width: 100%;
	text-align: right;
}

.panelFree{
	margin: 0 0 5px 0;
}

.panelAvailableWpr{
	width: 252px;
	margin: 0 0 0 auto;
	padding: 13px 14px 0 0;
}

.panelAvailable{
	width: 196px;
	margin: 0 0 7px auto;
	padding: 0 10px 0 0;
	text-align: right;
}

.panelDiscWpr{
	position: relative;
	width: 100%;
	height: 47px;
	padding: 6px 10px 0 0;
	background-color: #f292a4;
}

.panelDisc{
	width: 220px;
	margin: 0 0 0 auto;
}

.panelPrice{
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center;
	background-image: url('../image/panelPriceBg_sp.png');
	border-top: 1px solid #FFF;
}

.panelPrice img{
	display: block;
	width: 65%;
	height: auto;
	margin: 0 auto;
}

.panelTelWpr{
	width: 100%;
	padding: 8px 0;
}

.panelTelLeed{
	padding: 0 0 8px 0;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.panelTelNum{
	display: block;
	width: 290px;
	margin: 0 auto;
}

.panelTelNum:hover{
	opacity: .8;
}

.panelImage{
	position: absolute;
	width: 165px;
	bottom: 0;
	left: -13px;
}

.panelImage img{
	display: block;
	
}

/* reason */

.reasonWpr{
	width: 100%;
	background-image: url('../image/reasonBg.jpg');
	/*background-size: contain;*/
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
}

.reasonInnerWpr{
	position: relative;
	width: 95%;
	margin: 0 auto;
	padding: 25px 0 0 0;
}

.reasonTitleWpr{
	position: relative;
	width: 90%;
	margin: 0 auto 25px auto;
	z-index: 50;
}

.reasonTitle{
	position: relative;
	z-index: 55px;
}

.reasonTitleMap{
	position: absolute;
	top: -25px;
	right: 0;
	width: 150px;
}

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

.reasonUnitWpr{
	position: relative;
	width: 90%;
	margin: 0 auto 25px auto;
	z-index: 60;
}

.reasonUnit{
	width: 300px;
	height: 300px;
	margin: 0 auto 20px auto;
	padding: 20px 35px 0 35px;
	border-radius: 150px;
	background-color: #FFF;
	box-shadow: 5px 5px 0 rgba(0,122,225,1);
	background-image: url('../image/reasonCircleBgMap.png');
	background-position: bottom;
	background-repeat: no-repeat;
}

.reasonUnitNumWpr{
	display: flex;
	justify-content: center;
	height: 20px;
	margin: 0 0 16px 0;
}

.reasonUnitNumLeed{
	margin: 0 5px 0 0;
	font-size: 14px;
	font-family: Arial;
	font-style: oblique;
	color: #0066cc;
	line-height: 20px;
}

.reasonUnitNum{
	font-size: 28px;
	font-family: Arial;
	font-style: oblique;
	font-weight: 700;
	color: #0066cc;
	line-height: 20px;
}

.reasonUnitLeed{
	width: 100%;
	height: 70px;
	margin: 0 0 17px 0;
	text-align: center;
}

.reasonUnitLeed img{
	width: auto;
	height: 70px;
}

.reasonUnitBody{
	width: 205px;
	margin: 0 auto;
	font-size: 15px;
	font-weight: 700;
	line-height: 21px;
}

.reasonLeed{
	width: 95%;
	margin: 0 auto 15px auto;
	text-align: center;
}


/* voice */

.voiceWpr{
	width: 100%;
	background-color: #ebf2dc;
	padding: 0 0 19px 0;
}

.voiceTitleWpr{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	border-top: 8px solid #8fbd33;
	border-bottom: 8px solid #8fbd33;
	background-image: url('../image/voiceTitleBg.png');
	text-align: center;
}

.voiceTitle{
	height: 53px;
	margin: 0 auto;
	text-align: center;
}

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

.voiceLeed{
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 19px;
}

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

.slider_item{
	width: 90%;
	margin: 0 5px 15px 5px;
}

.slider_item img{
	display: block;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
}


/* step */

.stepWpr{
	width: 100%;
	padding: 20px 0 15px 0;
	background-color: #f7bec8;
}

.stepTitle{
	width: 95%;
	margin: 0 0 23px 0;
	text-align: center;
}

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

.stepUnit{
	position: relative;
	width: 100%;
	height: 134px;
	background-color: #FFF;
	overflow: hidden;
	z-index: 500;
}

.stepUnitArw{
	width: 0;
	height: 0;
	margin: 0 auto 11px auto;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #FFF transparent transparent transparent;
}

.stepUnitTitleWpr{
	display: flex;
	justify-content: start;
	width: 100%;
	height: 37px;
	padding: 10px;
	background-color: #ea4a68;
}

.stepUnitTitle{
	height: 17px;
	margin: 0 10px 0 0;
	padding: 0 10px;
	border-radius: 11px;
	background-color: #FFF;
	font-size: 13px;
	font-weight: 700;
	color: #ea4a68;
	line-height: 17px;
	text-align: center;
}

.stepUnitTitle span{
	margin: 0 0 0 5px;
}

.stepUnitTitleNum{
	font-size: 15px;
	font-weight: 700;
	color:#FFF;
	line-height: 17px;
}

.stepUnitBody{
	width: 100%;
	padding: 14px 130px 14px 15px;
	font-size: 13px;
	line-height: 18px;
}

.stepUnitTitleImg{
	position: absolute;
	bottom: 0;
	right: -50px;
	width: 152px;
	height: 97px;
	transform: skewX(-15deg);
	overflow: hidden;
}

.stepUnitTitleImg img{
	position: absolute;
	bottom: 0;
	left: -15px;
	display: block;
	width: 152px;
	height: auto;
	transform: skewX(15deg);
}

/* compare */

.compare{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}

.compareTitle{
	width: 95%;
	margin: 0 auto 20px auto;
	text-align: center;
}

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

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

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

.scroll {
    width: 718px;
    margin: 0 0 10px 0;
    text-align: center;
}

.scrollNotice{
	width: 95%;
	margin: 0 auto 10px auto;
	text-align: center;
}

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

/* faq */

.faq{
	width: 100%;
	padding: 25px 0 10px 0;
	background-color: #ebf2f7;
}

.faqTitle{
	width: 45%;
	margin: 0 auto 25px auto;
	text-align: center;
}

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

.faqUnit{
	width: 100%;
	margin: 0 auto 11px auto;
	border: 1px solid #077be2;
	border-radius: 4px;
	overflow: hidden;
}

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

.qWpr{
	position: relative;
	width: 100%;
	background-color: #077be2;
}

.qIcon{
	position: absolute;
	top: 6px;
	left: 7px;
	font-size: 24px;
	font-weight: 700;
	font-family: Arial;
	color: #FFF;
}

.qLeed{
	width: 100%;
	padding: 10px 10px 10px 40px;
	font-size: 13.5px;
	font-weight: 700;
	color: #FFF;
	line-height: 19px;
}

.aWpr{
	position: relative;
	width: 100%;
	background-color: #FFF;
}

.aIcon{
	position: absolute;
	top: 12px;
	left: 7px;
	font-size: 24px;
	font-weight: 700;
	font-family: Arial;
	color: #077be2;
}

.aLeed{
	padding: 10px 15px 10px 40px;
	font-size: 12px;
	line-height: 18px;
}

/* company */

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

.companyTitleWpr{
	position: relative;
	width: 100%;
	height: 88px;
	margin: 0 auto 40px auto;
	background-color: #424242;
}

.companyImg_a{
	position: absolute;
	bottom: -25px;
	right: 110px;
	width: 95px;
}

.companyImg_b{
	position: absolute;
	bottom: -25px;
	right: 10px;
	width: 95px;
}

.companyTitle{
	padding: 30px 0 0 10px;
}

.companyTitleUpr{
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #FFF;
	line-height: 17px;
}

.companyTitleLwr{
	font-size: 8px;
	font-weight: 400;
	font-family: Arial;
	color: #FFF;
}

table.companyTable{
	width: 100%;
}


table.companyTable tr td{
	display: block;
	width: 100%;
	margin: 0 0 6px 0;
	font-size: 12px;
}

table.companyTable tr td p{
	padding: 0 0 0 6px;
	border-left: 3px solid #077be2;
}

table.companyTable tr td iframe{
	width: 100%;
	height: 250px;
}

table.companyTable tr td:first-child{
	width: 100%;
	padding: 6px;
	font-weight: 700;
	background-color: #f0edee;
}


/*privacy*/

.privacyWpr{
	width: 95%;
	margin: 0 auto 20px auto;
	padding: 25px 15px 15px 15px;
	background-color: #fcfcf7;
	border-radius: 3px;
}

.privacyTitle{
	width: 200px;
	margin: 0 auto 20px auto;
	padding: 6px;
	font-size: 16px;
	font-weight: 700;
	color: #202020;
	text-align: center;
	line-height: 24px;
	border-top: 1px dotted #202020;
	border-bottom: 1px dotted #202020;
}

.privacySubLeed{
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
}

.privacy p{
	margin: 0 auto 15px auto;
	font-size: 12px;
	line-height: 20px;
}


/* footer */

footer{
	padding: 20px 0 100px 0;
	border-top: 1px solid #dddddd;
	text-align: center;
}

footer img{
	width: 270px;
	height: auto;
}

.fixHeader{
	display: flex;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 81px;
	margin: 0 auto;
	padding: 9px;
	bottom: -81px;
	left: 0;
	right: 0;
	background-color: #0062c6;
	text-align: center;
	color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,.6);
	opacity: 0;
	z-index: 1000;
}

.fixInner{
	display: block;
	width: 240px;
	height: 62px;
	margin: 0 10px 0 0;
	background-color: #FFF;
	border-radius: 3px;
	overflow: hidden;
}

.fixInnerHeader{
	position: relative;
	width: 100%;
	height: 23px;
	background-color: #fffc00;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: #202020;
	text-align: center;
}

.fixInnerbody{
	width: 100%;
	height: 39px;
	padding: 8px 0 0 0;
	text-align: center;
}

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

.fixInnerButton{
	display: block;
	width: 82px;
	height: 62px;
	padding: 0 0 0 0;
	/*background: linear-gradient(to bottom, #f1788e, #ea4b69);*/
	border-radius: 3px;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	color: #FFF;
	line-height: 19px;
}

.fixInnerButton i{
	font-size: 36px;
}

.pc{
	display: none;
}

}

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


header{
	display: flex;
	justify-content: space-between;
	width: 960px;
	height: 88px;
	margin: 0 auto;
	padding: 13px 0;
}

.headerLogoWpr{
	display: flex;
	justify-content: space-between;
	width: 450px;
	height: 62px;
}

.headerLogo{
	width: 250px;
	height: 53px;
	padding: 5px 0 0 0;
}

.headerSquareWpr{
	display: flex;
	justify-content: flex-end;
	width: 165px;
	height: 61px;
}

.headerSquare{
	border-radius: 2px;
	padding: 6px 0 0 0;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
	line-height: 23.5px;
	text-align: center;
}

.headerSquare.green{
	width: 60px;
	background-color: #8fbd33;
}

.headerSquare.blue{
	width: 97px;
	margin: 0 0 0 6px;
	background-color: #58a2c4;
}

.headerTelWpr{
	width: 256px;
	height: 62px;
}

.headerTelLeed{
	width: 100%;
	height: 24px;
	margin: 0 0 7px 0;
	border: 1px solid #999999;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	letter-spacing: .03rem;
}


.headerInqWpr{
	width: 231px;
	height: 61px;
}



/* fv */

.fv{
	width: 100%;
	height: 545px;
	background-image: url('../image/fvBg.jpg');
	background-size: cover;
}

.fvInner{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 545px;
	overflow: hidden;
}

.mainStaff{
	position: absolute;
	bottom: 0;
	right: 0;
}

.mainStaff img{
	display: block;
}

.fvArea{
	position: absolute;
	top: 47px;
	left: 10px;
}

.fvMainCatchUpr{
	position: absolute;
	top: 120px;
	left: 10px;
}

.fvMainCatchlwr{
	position: absolute;
	top: 180px;
	left: 10px;
}

.fvToday{
	position: absolute;
	top: 291px;
	left: 0;
}

.fvPrice{
	position: absolute;
	top: 362px;
	left: 0;
}

.sat96{
	position: absolute;
	top: 354px;
	right: 0;
}

/* medals */

.medalWpr{
	width: 100%;
	height: 210px;
	margin: 0 0 40px 0;
	background-image: url('../image/medalsBg.png');
}

.medalInner{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 960px;
	margin: 0 auto;
	padding: 22px 0 20px 0;
}

.medalLeed{
	width: 315px;
	padding: 10px 0;
	font-size: 15px;
	line-height: 21px;
}

.medals{
	width: 645px;
	text-align: right;
}

/* maker */

.makerWpr{
	width: 100%;
	margin: 0 0 36px 0;
	padding: 53px 0 33px 0;
	background-color: #f4f4e6;
}

.makerInner{
	width: 825px;
	margin: 0 auto;
	border: 1px solid #999999;
	background-color: #FFF;
}

.makerTitle{
	position: relative;
	width: 100%;
	height: 31px;
	background-color: #999999;
}

.makerTitleLeed{
	position: absolute;
	width: 763px;
	height: 44px;
	margin: 0 auto;
	top: -25px;
	left: 0;
	right: 0;
}

.makerLogoWpr{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 25px 20px;
}

.makerLogo{
	margin: 0 10px 5px 10px;
}

/* available */

.available{
	width: 738px;
	height: 57px;
	margin: 0 auto 45px auto;
	padding: 20px 0 0 190px;
	background-image: url('../image/available.png');
	font-size: 23px;
	font-weight: 700;
}

.available span{
	margin: 0 5px 0 0;
	font-weight: 900;
	color: #ea4a68;
}

/* f_panel */

.f_panelWpr{
	position: relative;
	width: 825px;
	margin: 0 auto 35px auto;
	border: 2px solid #0062c6;
	border-radius: 3px;
}

.f_panelUpr{
	width: 676px;
	height: 127px;
	margin: 0 0 0 auto;
}

.f_panelTitle{
	position: relative;
	width: 100%;
	height: 93px;
	margin: 0 auto;
	padding: 19px 0 0 0;
	text-align: center;
}

.f_panelLeed{
	text-align: center;
	font-size: 16px;
	color: #202020;
}

.panelUpr{
	width: 100%;
	height: 127px;
}

.panelHeader{
	position: relative;
	width: 100%;
	height: 48px;
	margin: 0 auto;
	padding: 0 30px 0 0;
	background-color: #0062c6;
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	line-height: 45px;
	text-align: right;
}

.panelHeader .pc{
	text-align: right;
}

.panelLeed{
	text-align: center;
	font-size: 16px;
	color: #202020;
}

.panelLeedWpr{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 79px;
	padding: 12px 24px 0 0;
	background-color: #FFF;
}

.panelAvailable{
	margin: 0 0 0 15px;
}

.f_panelPrice{
	width: 100%;
	height: 97px;
	text-align: right;
}

.f_panelPrice img{
}

.f_panelTelWpr{
	display: flex;
	justify-content: end;
	width: 100%;
	height: 77px;
	padding: 13px 16px;
	background-color: #0062c6;
	border-top: 2px solid #FFF;
}

.f_panelTelNum img{
  animation: anime 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime {
  from {
    transform: scale(0.95,0.95);
  }
  to {
    transform: scale(1,1);
  }
}

.f_panelTelLeed{
	padding: 0 15px 0 0;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	line-height: 25px;
}

.f_panelStaff{
	position: absolute;
	width: 291px;
	height: 312px;
	bottom: 0;
	left: -49px;
}

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

.satisfyLv{
	width: 100%;
	height: 41px;
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 41px;
	font-weight: 900;
	color: #202020;
	text-align: center;
	font-family: Arial, 'Noto Sans JP';
	line-height: 41px;
}

.satisfyLv span{
	color: #CC0000;
}


/* nayami */

.nayamiWpr{
	width: 100%;
	margin: 0 0 55px 0;
	padding: 50px 0;
	background-color: #fdfde8;
}

.nayamiTitle{
	margin: 0 0 15px 0;
	text-align: center;
}

.nayamiUnitWpr{
	width: 926px;
	margin: 0 auto 40px auto;
	padding: 25px;
	border: 2px solid #e5e5b9;
	border-radius: 5px;
	background-color: #FFF;
}

.nayamiUnit{
	position: relative;
	width: 100%;
	margin: 0 auto 40px auto;
}

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

.nayamiUnitTitle{
	width: 100%;
	height: 43px;
	margin: 0 0 35px 0;
	background-color: #0062c6;
	font-size: 26px;
	font-weight: 900;
	color: #FFF;
	text-align: center;
	line-height: 41px;
}

.nayamiUnitImgWpr{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.beforeWpr{
	position: relative;
}

.afterWpr{
	position: relative;
}

.beforeTag{
	position: absolute;
	top: -17px;
	left: 0;
	width: 131px;
	height: 35px;
	background-color: #202020;
	font-family: Arial;
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 33px;
}

.afterTag{
	position: absolute;
	top: -17px;
	left: 0;
	width: 131px;
	height: 35px;
	background-color: #ea4a68;
	font-family: Arial;
	font-size: 23px;
	font-weight: 700;
	color: #fffc00;
	text-align: center;
	line-height: 33px;
}

.arrow{
	position: absolute;
	height: 66px;
	width: 119px;
	margin: 0 auto;
	top: 135px;
	left: 20px;
	right: 0;
}

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

/* panel */

/*
.panel{
	position: relative;
	width: 825px;
	margin: 0 auto 30px auto;
	border: 2px solid #007ae1;
	border-radius: 2px;
}

.panelHeader{
	width: 100%;
	height: 48px;
	padding: 0 30px 0 0;
	background-color: #007ae1;
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	text-align: right;
	line-height: 44px;
}

.panelAvailableWpr{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 79px;
	padding: 12px 24px 0 0;
}

.panelAvailable{
	margin: 0 0 0 15px;
}

.panelPrice{
	text-align: right;
}

.panelTelWpr{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 59px;
	padding: 10px 15px 0 0;
}

.panelTelLeed{
	padding: 0 20px 0 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 39px;
}

.panelTelNum:hover{
	opacity: .8;
}

.panelImage{
	position: absolute;
	bottom: 0;
	left: -23px;
}

.panelImage img{
	display: block;
}

*/

/* reason */

.reasonWpr{
	width: 100%;
	background-image: url('../image/reasonBg.jpg');
	/*background-size: contain;*/
	background-size: 100% auto;
	background-color: #FFF;
	background-repeat: no-repeat;
}

.reasonInnerWpr{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

.reasonTitleWpr{
	position: relative;
	width: 815px;
	margin: 0 auto 65px auto;
	padding: 55px 0 0 0;
	z-index: 50;
}

.reasonTitle{
	position: relative;
	z-index: 55px;
}

.reasonTitleMap{
	position: absolute;
	top: 0;
	right: 0;
}

.reasonUnitWpr{
	display: flex;
	position: relative;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto 55px auto;
	z-index: 60;
}

.reasonUnit{
	width: 300px;
	height: 300px;
	padding: 20px 35px 0 35px;
	border-radius: 150px;
	background-color: #FFF;
	box-shadow: 5px 5px 0 rgba(0,102,204,1);
	background-image: url('../image/reasonCircleBgMap.png');
	background-position: bottom;
	background-repeat: no-repeat;
}

.reasonUnitNumWpr{
	display: flex;
	justify-content: center;
	height: 20px;
	margin: 0 0 16px 0;
}

.reasonUnitNumLeed{
	margin: 0 5px 0 0;
	font-size: 14px;
	font-family: Arial;
	font-style: oblique;
	color: #0066cc;
	line-height: 20px;
}

.reasonUnitNum{
	font-size: 28px;
	font-family: Arial;
	font-style: oblique;
	font-weight: 700;
	color: #0066cc;
	line-height: 20px;
}

.reasonUnitLeed{
	width: 100%;
	height: 70px;
	margin: 0 0 17px 0;
	text-align: center;
}

.reasonUnitLeed img{
	width: auto;
	height: 70px;
}

.reasonUnitBody{
	width: 205px;
	margin: 0 auto;
	font-size: 15px;
	font-weight: 700;
	line-height: 21px;
}

.reasonLeed{
	width: 100%;
	margin: 0 0 45px 0;
	text-align: center;
}

/* voice */

.voiceWpr{
	width: 100%;
	background-color: #ebf2dc;
	padding: 0 0 45px 0;
}

.voiceTitleWpr{
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 0 35px 0;
	padding: 24px 0 22px 0;
	border-top: 10px solid #8fbd33;
	border-bottom: 10px solid #8fbd33;
	background-image: url('../image/voiceTitleBg.png');
}

.voiceTitle{
	height: 64px;
	margin: 0 17px 0 0;
}

.voiceLeed{
	padding: 8px 0 0 0;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
}

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

.slider_item{
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}

.slider_item img{
	display: block;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
}



/* step */

.stepWpr{
	width: 100%;
	padding: 55px 0 60px 0;
	background-color: #f7bec8;
}

.stepTitle{
	width: 100%;
	margin: 0 0 53px 0;
	text-align: center;
}

.stepUnitWpr{
	width: 660px;
	margin: 0 auto;
}

.stepUnit{
	position: relative;
	width: 100%;
	height: 118px;
	
	background-color: #FFF;
	overflow: hidden;
	z-index: 500;
}

.stepUnitArw{
	width: 0;
	height: 0;
	margin: 0 auto 11px auto;
	border-style: solid;
	border-width: 12px 12.5px 0 12.5px;
	border-color: #FFF transparent transparent transparent;
}

.stepUnitTitleWpr{
	display: flex;
	justify-content: start;
	width: 100%;
	height: 44px;
	padding: 11px 18px;
	background-color: #ea4a68;
}

.stepUnitTitle{
	width: 93px;
	height: 22px;
	margin: 0 10px 0 0;
	border-radius: 11px;
	background-color: #FFF;
	font-size: 18px;
	font-weight: 700;
	color: #ea4a68;
	line-height: 21px;
	text-align: center;
}

.stepUnitTitle span{
	margin: 0 0 0 5px;
}

.stepUnitTitleNum{
	font-size: 21px;
	font-weight: 700;
	color:#FFF;
}

.stepUnitBody{
	width: 100%;
	padding: 18px 20px;
	font-size: 14px;
	line-height: 22px;
}

.stepUnitTitleImg{
	position: absolute;
	top: 0;
	right: -50px;
	width: 215px;
	height: 118px;
	transform: skewX(-15deg);
	overflow: hidden;
}

.stepUnitTitleImg img{
	position: absolute;
	left: -15px;
	display: block;
	width: 215px;
	height: auto;
	transform: skewX(15deg);
}

/*
.stepUnitWpr{
}

.stepUnit{
	position: relative;
	width: 550px;
	height: 114px;
	margin: 0 0 32px auto;
	padding: 0 18px 0 0;
	border: 1px solid #e5e5b9;
	background-color: #FFF;
	border-radius: 4px;
}

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

.stepUnitLeed{
	width: 100%;
	height: 43px;
	padding: 0 0 0 87px;
	border-bottom: 1px solid #e5e5b9;
	font-size: 19px;
	font-weight: 900;
	color: #007ae1;
	line-height: 40px;
}

.stepUnitBody{
	width: 100%;
	padding: 13px 0 0 87px;
	font-size: 14px;
	line-height: 22px;
}

.stepUnitImg{
	position: absolute;
	top: -7px;
	left: -58px;
	width: 127px;
	height: 127px;
	border: 4px solid #d3d39d;
	border-radius: 65px;
	overflow: hidden;
}

.stepUnitNum{
	position: absolute;
	top: -7px;
	left: -63px;
	width: 46px;
	height: 46px;
	padding: 0 3px 0 0;
	border-radius: 23px;
	background-color: #007ae1;
	font-size: 35px;
	font-family: Arial;
	font-weight: 700;
	font-style: oblique;
	color: #FFF;
	text-align: center;
	line-height: 46px;
}

*/

/* compare */

.compare{
	width: 918px;
	margin: 0 auto;
	padding: 60px 0 30px 0;
}

.compareTitle{
	width: 100%;
	margin: 0 auto 80px auto;
	text-align: center;
}

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

.compareBnr{
	width: 100%;
	margin: 0 auto 55px auto;
}

.faq{
	width: 100%;
	margin: 0 0 50px 0;
	padding: 50px 0;
	background-color: #ebf2f7;
}

.faqTitle{
	width: 100%;
	margin: 0 auto 53px auto;
	text-align: center;
}

.faqUnitWpr{
	width: 615px;
	margin: 0 auto;
}

.faqUnit{
	width: 100%;
	margin: 0 auto 15px auto;
	border: 1px solid #077be2;
	border-radius: 4px;
	overflow: hidden;
}

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

.qWpr{
	position: relative;
	width: 100%;
	height: 45px;
	background-color: #077be2;
}

.qIcon{
	position: absolute;
	top: 11px;
	left: 13px;
	font-size: 32px;
	font-weight: 700;
	font-family: Arial;
	color: #FFF;
}

.qLeed{
	width: 100%;
	padding: 0 0 0 50px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	line-height: 42px;
}

.aWpr{
	position: relative;
	width: 100%;
	background-color: #FFF;
}

.aIcon{
	position: absolute;
	top: 18px;
	left: 13px;
	font-size: 32px;
	font-weight: 700;
	font-family: Arial;
	color: #077be2;
}

.aLeed{
	padding: 13px 21px 13px 50px;
	font-size: 15px;
	line-height: 24px;
}

/* company */

.company{
	width: 615px;
	margin: 0 auto;
	padding: 65px 0 55px 0;
}

.companyTitleWpr{
	position: relative;
	width: 100%;
	height: 115px;
	margin: 0 auto 110px auto;
	background-color: #424242;
}

.companyImg_a{
	position: absolute;
	bottom: -45px;
	right: 170px;
}

.companyImg_b{
	position: absolute;
	bottom: -45px;
	right: 15px;
}

.companyTitle{
	padding: 40px 0 0 20px;
}

.companyTitleUpr{
	margin: 0 0 2px 0;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
}

.companyTitleLwr{
	font-size: 11px;
	font-weight: 400;
	font-family: Arial;
	color: #FFF;
}

table.companyTable{
	width: 100%;
	border-bottom: 1px dotted #424242;
}

table.companyTable tr{
	border-top: 1px dotted #424242;
}

table.companyTable tr td{
	padding: 11px 0;
}

table.companyTable tr td p{
	padding: 0 0 0 13px;
	border-left: 5px solid #077be2;
}

table.companyTable tr td div{
	padding: 0 0 9px 0;
}

table.companyTable tr td iframe{
	width: 465px;
	height: 250px;
}


table.companyTable tr td:first-child{
	width: 150px;
	font-weight: 700;
	vertical-align: top;
}

/*privacy*/

.privacyWpr{
	width: 615px;
	margin: 0 auto 65px auto;
	padding: 45px 50px 65px 50px;
	background-color: #fcfcf7;
	border-radius: 3px;
}

.privacyTitle{
	width: 200px;
	margin: 0 auto 30px auto;
	padding: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #202020;
	text-align: center;
	line-height: 30px;
	border-top: 1px dotted #202020;
	border-bottom: 1px dotted #202020;
}

.privacySubLeed{
	font-size: 16px;
	font-weight: 700;
	line-height: 37px;
}

.privacy p{
	margin: 0 auto 20px auto;
	font-size: 13px;
	line-height: 23px;
}

/* footer */

footer{
	padding: 28px 0;
	border-top: 1px solid #dddddd;
	text-align: center;
}

.lineButton{
	position: fixed;
	right: 15px;
	bottom: 10px;
}

.sp{
	display: none;
}

}