@charset "utf-8";

/* 目次 -------------------------------------------------

・リンク設定 ・共通クラス ・サイト共通 ・ヘッダ ・メニュー ・コンテンツ ・フッタ

------------------------------------------------- */ 
table {
	_line-height:150%;
	font-size:100%;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}
.clearer {
	clear: both;
}
.v_middle {
	vertical-align:middle;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */ /*配置設定クラス*/
.alignL {text-align: left !important;}
.alignC {text-align: center !important;}
.alignR {text-align: right !important;}
.mg_10 {margin:10px;}
.mg_20 {margin:20px;}
.mg_lr10 {margin-left:10px; margin-right:10px;}
.mg_lr15 {margin-left:15px; margin-right:15px;}
.mg_lr20 {margin-left:20px; margin-right:20px;}
.mg_lr25 {margin-left:25px; margin-right:25px;}
.mg_lr30 {margin-left:30px; margin-right:30px;}
.mg_lr40 {margin-left:40px; margin-right:40px;}
.mg_lr50 {margin-left:50px; margin-right:50px;}
.mg_t3 {margin-top:3px;}
.mg_t5 {margin-top:5px;}
.mg_t10 {margin-top:10px;}
.mg_t15 {margin-top:15px;}
.mg_t20 {margin-top:20px;}
.mg_t30 {margin-top:30px;}
.mg_t40 {margin-top:40px;}
.mg_t50 {margin-top:50px;}
.mg_t60 {margin-top:60px;}
.mg_t70 {margin-top:70px;}
.mg_t80 {margin-top:80px;}
.mg_t90 {margin-top:90px;}
.mg_t100 {margin-top:100px;}
.mg_l5 {margin-left:5px;}
.mg_l10 {margin-left:10px;}
.mg_l15 {margin-left:15px;}
.mg_l20 {margin-left:20px;}
.mg_l25 {margin-left:25px;}
.mg_l30 {margin-left:30px;}
.mg_l40 {margin-left:40px;}
.mg_l50 {margin-left:50px;}
.mg_r5 {margin-right:5px;}
.mg_r10 {margin-right:10px;}
.mg_r15 {margin-right:15px;}
.mg_r20 {margin-right:20px;}
.mg_r30 {margin-right:30px;}
.mg_r40 {margin-right:40px;}
.mg_r50 {margin-right:50px;}
.mg_b5 {margin-bottom:5px;}
.mg_b10 {margin-bottom:10px;}
.mg_b15 {margin-bottom:15px;}
.mg_b20 {margin-bottom:20px;}
.mg_b30 {margin-bottom:30px;}
.mg_b40 {margin-bottom:40px;}
.mg_b50 {margin-bottom:50px;}
.pd_10{padding:10px;}
.pd_20{padding:20px;}
.pd_t5 {padding-top:5px;}
.pd_t10 {padding-top:10px;}
.pd_t15 {padding-top:15px;}
.pd_t20 {padding-top:20px;}
.pd_t25 {padding-top:25px;}
.pd_t30 {padding-top:30px;}
.pd_t40 {padding-top:40px;}
.pd_t50 {padding-top:50px;}
.pd_l5 {padding-left:5px;}
.pd_l10 {padding-left:10px;}
.pd_l20 {padding-left:20px;}
.pd_r5 {padding-right:5px;}
.pd_r10 {padding-right:10px;}
.pd_r20 {padding-right:20px;}
.pd_b5 {padding-bottom:5px;}
.pd_b10 {padding-bottom:10px;}
.pd_b20 {padding-bottom:20px;}
.pd_b40 {padding-bottom:40px;}


html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	height: 100%;
}
body {
	font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
	background:#fff;
	font-size: 1.4rem;
	line-height: 150%;
	color: #573932;
	height: 100%;
}
* html body {  
	font-size:1rem;
}  

*:first-child+html body {  
	font-size:1rem;
} 

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

@media screen and (min-width:768px){
	.wrapper{
		width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
}

.wrapper{
	line-height: 0;
}

.btn_area{
	position: relative;
}
.btn{
	position: absolute;
	width: 84%;
	left: 8.5%;
	bottom: 7.4%;
}
.btn2{
	position: absolute;
	width: 77%;
	left: 11.5%;
	bottom: 36.9%;
}

.btn3{
	position: absolute;
	width: 77%;
	left: 11.5%;
	bottom: 1.9%;
}


@media screen and (min-width:768px){
	.btn{
		bottom: 7.4%;
	}
	.btn2{
		bottom: 36.9%;
	}

	.btn3{
		bottom: 1.9%;
	}

}

.hikari{
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
	display: block;
}
.hikari:before{
	content: "";
	-webkit-animation: hikari 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
	animation: hikari 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
	background-color: #fff;
	width: 140%;
	height: 100%;
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	top: 0;
	left: -160%;
	opacity: 0.5;
	position: absolute;
}


@-webkit-keyframes hikari{
	0% {
		left: -160%;
		opacity: 0;
	}
	70% {
		left: -160%;
		opacity: 0.5;
	}
	71% {
		left: -160%;
		opacity: 1;
	}
	100% {
		left: -20%;
		opacity: 0;
	}
}
@keyframes hikari{
	0% {
		left: -160%;
		opacity: 0;
	}
	70% {
		left: -160%;
		opacity: 0.5;
	}
	71% {
		left: -160%;
		opacity: 1;
	}
	100% {
		left: -20%;
		opacity: 0;
	}
}

.main_area{
	position: relative;
}

.logo{
	position: absolute;
}

.logo_wakamoto{
	width: 27%;
	left: 70%;
	top:6.5%;
}
.logo_femi{
	width: 16%;
	right: 5%;
	top:0.9%;
}
.faq_area{
	background: #fff;
	padding-bottom: 50px;
}
.faq_area p{
	line-height: 0;
}
.faq_area .a{
	display: none;
}
.faq_area .q{
	position: relative;
}
.faq_area .q::after{
	content: "";
	width: 5%;
	height: 0;
	display: block;
	padding-top: 4.42%;
	background: url(../images/closeBtn.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top:51%;
	right: 11%;	
}
.faq_area .active::after{
	background: url(../images/openBtn.png) no-repeat center;
	background-size: contain;
}

.jadma_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px;
}
.jadma_link li {
	padding: 0 15px;
	border-right: solid 1px #000;
	line-height: 100%;
}
.jadma_link li:last-child {
	border-right: none;
}
.jadma_link li a {
	color: #000;
	text-decoration: none;
}

.last_area{
	padding: 50px 0;
}


.offer_area{
	background: #fcb9a3;
	padding-bottom: 50px;
}
/*
.offer_area p{
	line-height: 0;
}
*/
.offer_area .serviceContent{
	display: none;
}
.offer_area .service{
	position: relative;
}
.offer_area .service::after{
	content: "";
	width: 72%;
	height: 0;
	display: block;
	padding-top: 8.42%;
	background: url(../images/offerBtn.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top:76%;
	right: 14%;	
	cursor: pointer;
}
.offer_area .active::after{
	background: url(../images/offerBtn.png) no-repeat center;
	background-size: contain;
}





@media screen and (max-width:767px){
	.jadma_link li {
		padding: 0 7px;
		font-size: 11px;
	}
}

@-webkit-keyframes shiny {
	0% {
		-webkit-transform: scale(0) rotate(25deg);
		transform: scale(0) rotate(25deg);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1) rotate(25deg);
		transform: scale(1) rotate(25deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(25deg);
		transform: scale(50) rotate(25deg);
		opacity: 0;
	}
}

@keyframes shiny {
	0% {
		-webkit-transform: scale(0) rotate(25deg);
		transform: scale(0) rotate(25deg);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1) rotate(25deg);
		transform: scale(1) rotate(25deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(25deg);
		transform: scale(50) rotate(25deg);
		opacity: 0;
	}
}

.shiny-btn {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
}

.shiny-btn::after {
	content: '';
	position: absolute;
	top: -100px;
	left: -100px;
	width: 50px;
	height: 50px;
	background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);

	/* アニメーション */
	-webkit-animation-name: shiny;
	animation-name: shiny;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}