@charset "utf-8";
/* CSS Document */


*{ box-sizing:border-box;}
body {
	margin:0;
	width: 100%;
    max-width: 414px;
	margin:0 auto;
	font-family: 'Hiragino Kaku Gothic Pro','meiryo',  'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 77%;
	line-height:1.3;
	color:#333;
	
   /* line-height: 1.7;
    font-size: 16px;
    font-family: 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;
    font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;*/
}



.wrap{
	width:92%;
	max-width:400px;
	margin:0 auto;
	}
	
img{vertical-align : middle; border:none;} 

.tacenter{ text-align:center}
.taleft{ text-align:left}
.taright{ text-align:right}
.f_left { float:left}
.f_right { float:right}

@keyframes rotation {
  0% { transform: scale(0.9); }
  100% { transform: scale(1.0); }
}

section{
	position:relative;
	}
	
@media screen and (max-width: 414px) {
	
img{ width:100%;}

}

/*==========================================
■sec01
==========================================*/
.btn_01{
	width:18vw;
	max-width:73px;
	position:absolute;
	top:12px;
	right:12px;
	}
	
.cta_area{
	text-align:center;
	}
	
.btn:hover{
	opacity:0.75;
	}
	
/*==========================================
■sec02
==========================================*/
.gray_bg{
	background:url(../images/pattern_01.png) center center #323232;
	padding-bottom:10px;
	}
.mise{
	text-align:center;
	font-size:1.2rem;
	color:#fff;
	padding-bottom:10px;
	}
	
/*==========================================
■sec03
==========================================*/
#sec03{
	background:#fbecef;
	}
	
/*==========================================
■sec04
==========================================*/
#sec04{
	background:url(../images/pattern_02.png) center center #ebf9f4;
	padding-bottom:10px;
	}
	
.voice{
	width:92%;
	max-width:400px;
	margin:0 auto 20px;
	font-size:0.9rem;
	line-height:1.5;
	padding:15px;
	background:#fff;
	border:1px solid #a3d6c5;
	border-radius:5px;
	}
.voice h2{
	font-size:1.2rem;
	margin-top:0;
	margin-bottom:5px;
	color:#02d58e;	
	}

.voice h3{
	font-size:1rem;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:8px;
	border-left:3px solid #02d58e;
	}
.face{
	float:right;
	width:26%;
	max-width:97px;
	}
	
.voice h4{
	font-size:0.95rem;
	margin-top:10px;
	margin-bottom:10px;
	}
	
/*==========================================
■sec05
==========================================*/
h1.contents{
	margin-top:0;
	margin-bottom:0;
	}
	
.service_contentes{
	font-size:0.9rem;
	line-height:1.5;
	text-align:left;
	padding-bottom:20px;
	}
	
/*==========================================
■sec06
==========================================*/
#sec06{
	background:#fbf8f1;
	padding-bottom:20px;
	}
	
.nagare h2{
	margin-top:0;
	margin-bottom:5px;
	}
	
.nagare{
	font-size:0.9rem;
	line-height:1.5;
	}
	
/*==========================================
■sec07
==========================================*/

h1.fqa_cate{
	margin-top:0;
	margin-bottom:10px;
	}
	
	
	
/*----------accodian-----------------*/

.accodian{
	width:100%;
	margin:5px auto;
	}

dt, dd {
  padding: 5px;
 }

dt {
  background:#ed6879;
  margin-bottom: 0px;
  color:#fff;
  font-size:0.9rem;
  line-height:1.3;
  font-weight:600;
}


dd {
  background-color: #fbecef;
  margin-bottom: 5px;
  margin-left:0;
  display: none;
  font-size:0.9rem;
  line-height:1.5;
  color:#333;
}

dd table td:first-child{
	vertical-align:super;
	}
dt table td:first-child{
	vertical-align:super;
	}



.accodian>div{
	margin-bottom:10px;
	}
dt table td img{
	width:20px;
	margin-right:2px;
	}

dd table td img{
	width:20px;
	margin-right:2px;
	}
/*----------//accodian-----------------*/
	
/*==========================================
■footer
==========================================*/	
.footer{
	width:100%;
	background:#fbecef;
	padding:15px;
	}
.footer>p{
	font-size:12px;
	color:#db0039;
	}

.bold{
	color:#333;
	font-weight:bold;
	}