@charset "utf-8";

body {
	font-family: "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #000;
	background-color: #fff;
	line-height: 1.7;
	text-align: justify;
}

body .sp-item {
	display: none !important;
}

body .pc-item {
	display: block !important;
}

@media screen and (max-width: 640px) {
	body {
		font-size: 16px;
		line-height: 1.5;
	}


	body .sp-item {
		display: block !important;
	}

	body .pc-item {
		display: none !important;
	}
}

/******************************
 header
******************************/

	.prehead {
		background: #ff9712;
	}
/*@media screen and (min-width: 641px) {
	h1 {
		background: url(../images/main_pc_bg.png) center top no-repeat;
	}
}*/

/******************************
 contents
******************************/

/* 共通 */
p {
	padding-bottom: 1.5em;
}

img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.wrap {
	width: 580px;
	text-align: justify;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

.wrap p:last-child {
	padding-bottom: 0;
}


@media screen and (max-width: 640px) {
	.wrap {
		width: 91%;
	}
}

.apply {
	background: #FFF3CE;
	padding: 10px 0;
	font-size: 0.8em;
}
.apply .wrap {
	padding: 0;
}
.btn-area {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.btn-tel, .btn-line {
	width: 50%;
}

.btn-tel {
	float: left;
}

.btn-line {
	float: right;
}

.btn-area img {
	padding-bottom: 10px;
}

.btn-area a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.reflection-img{
	position    :relative;
	overflow    :hidden;
}

.reflection {
	height      :100%;
	width       :30px;
	position    :absolute;
	top         :-180px;
	left        :0;
	background-color: #fff;
	opacity     :0;
	transform: rotate(45deg);
	animation: reflection 3s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 3s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 3s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 3s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
	0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
	0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

.about-us {
	padding-top: 10px;
}

.about-us h2 {
	background: #ff4646;
}

@media screen and (min-width: 641px) {
	.about-us h2 {
		margin-bottom: 10px;
	}
}

ul.taisaku {
	list-style: none;
}
ul.taisaku li{
	background: url(../images/check.png) no-repeat left -4px;
	padding-left: 32px;    padding-bottom: 1em;
}

.about-us iframe {
	max-width: 91%;
	display: block;
	margin: 0 auto;
}


/* 各セクション */

header h1.pc-item {
  background : -moz-linear-gradient(50% 57.81% -90deg,rgba(232, 244, 244, 1) 0%,rgba(255, 255, 255, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(232, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-gradient(linear,50% 57.81% ,50% 97.12% ,color-stop(0,rgba(232, 244, 244, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(-90deg, rgba(232, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(232, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8F4F4', endColorstr='#FFFFFF' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(232, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8F4F4',endColorstr='#FFFFFF' , GradientType=0);
}

.sec01 {
	padding-top: 20px;
}

@media screen and (min-width: 641px) {
h2.why1 {
	background: url(../images/why1-ttl_bg.png) repeat-x;
}
h2.why2 {
	background: url(../images/why2-ttl_bg.png) repeat-x;
}
h2.why3 {
	background: url(../images/why3-ttl_bg.png) repeat-x;
}
h2.why4 {
	background: url(../images/why4-ttl_bg.png) repeat-x;
}
h2.why5 {
	background: url(../images/why5-ttl_bg.png) repeat-x;
}
h2.why6 {
	background: url(../images/why6-ttl_bg.png) repeat-x;
}
h2.why7 {
	background: url(../images/why7-ttl_bg.png) repeat-x;
}
h2.why8 {
	background: url(../images/why8-ttl_bg.png) repeat-x;
}
h2.why9 {
	background: url(../images/why9-ttl_bg.png) repeat-x;
}
}

.why-bg {
	background: #F5E8E3;
}

.why .wrap {
	padding-bottom: 2em;
}

.why .wrap img {
	padding-bottom: 1em;
}

.voice {
	margin: 20px 0;
}

.voice .box {
	max-width: 640px;
 margin: 10px auto 0;
	background: #fff7ef;
	padding: 20px 0;
}

.sec07 {
	padding-top: 1.5em;
}

.ps {
	margin-bottom: 1em;
}
.ps .bg {
	max-width: 640px;
 margin: 0 auto;
	background: #fff7f1;
	padding: 16px 0;
}


/******************************
 footer
******************************/


footer {
	background: #ccc;
	padding: 15px 0;
}

footer p {
	font-size: 0.8em;
	text-align: center;
	padding-bottom: 0;
}

footer p a,
footer p a:hover,
footer p a:active,
footer p a:visited {
	color: #000;
	text-decoration: none;
}