@charset "UTF-8";

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {font-size:130%; line-height:1.6;}

img {vertical-align:bottom; line-height:1;}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

a:link    {color:#999; text-decoration:underline;}
a:visited {color:#999; text-decoration:underline;}
a:hover   {color:#555; text-decoration:underline;}
a:active  {outline:none;}

*:first-child+html p {letter-spacing:0;} 

html {
}
body {
	color:#333;
	position:relative;
}

#wrapper{
	width:100%;
	min-width:100%;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	text-align:left;
}

@media screen and (max-width: 768px) {
html {-webkit-text-size-adjust:100%;}
#wrapper{
}
}

/* Header
----------------------------------------*/
#outer_header {
	width:100%;
	padding:15px 0;
	background:url(../images/bg_header.png);
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#header {
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#header .logo {
	margin-top:6px;
	float:left;
}
#header .pc_contact {
	width:652px;
	overflow:hidden;
	float:right;
}
#header .pc_contact li {float:left; margin-right:15px;}
#header .pc_contact li:last-child {margin-right:0;}

#header .sp_contact {display:none;}

@media screen and (max-width: 1197px) {
#outer_header {padding:10px 0;}
#header {
	width:94%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#header .logo {
	width:167px;
	height:35px;
	margin-top:5px;
}


#header .pc_contact {display:none;}
#header .sp_contact {
	display:block;
	width:147px;
	overflow:hidden;
	float:right;
}
#header .sp_contact li {
	width:45px;
	float:right;
	margin:0 2px;
}

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

}


/* Footer
----------------------------------------*/
#outer_footer {
	width:100%;
	background:#f6c314;
}
#footer {
	width:94%;
	max-width:900px;
	margin:0 auto;
	padding:25px 0;
	overflow:hidden;
}
#footer .blc01 {
	width:100%;
	max-width:480px;
	float:left;
}
#footer .blc02 {
	width:100%;
	max-width:400px;
	float:right;
}
#footer .blc02 .card {
	margin-bottom:15px;
}
#footer .blc02 .copy {
	font-size:12px;
	text-align:right;
	line-height:1.2;
}
#footer img {
	width:100%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 768px) {
#footer .blc01 {
	float:none;
	margin:0 auto 10px;
}
#footer .blc02 {
	max-width:480px;
	float:none;
	margin:0 auto;
}
#footer .blc02 .card {margin-bottom:15px; background:#FFF;}
#footer .blc02 .card img {
	display:block;
	max-width:400px;
	margin:0 auto;
}
#footer .blc02 .copy {font-size:11px; text-align:center;}
}



/* common */
.ttl01 {
	font-size:30px;
	color:#6b3d01;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align:center;
	line-height:1.2;
	padding:25px 3%;
	border-top:#f3e5c6 3px solid;
	background:#fffdf9;
	background:-moz-linear-gradient(top, #fffdf9 1%, #ffefca 100%);
	background:-webkit-linear-gradient(top, #fffdf9 1%,#ffefca 100%);
	background:linear-gradient(to bottom, #fffdf9 1%,#ffefca 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf9', endColorstr='#ffefca',GradientType=0 );
}
.ttl01 span {
	font-size:52px;
	color:#f08000;
}

.arrow_blc {
	width:100%;
	height:auto;
	background:url(../images/bg_arrow.gif) no-repeat center top;
	padding-top:60px;
}

@media screen and (max-width: 768px) {
.ttl01 {font-size:16px; padding:15px 3%;}
.ttl01 span {font-size:22px;}

.arrow_blc {
	background:url(../images/bg_arrow.gif) no-repeat center top;
	background-size:70px 20px;
	padding-top:30px;
}
}



/* fv */
#sp_fv {display:none;}
#fv {
	padding:105px 0 0;
	background:url(../images/bg_fv.jpg) no-repeat center;
	background-size:cover;
}
#fv h1 {
	width:100%;
	max-width:1260px;
	margin:0 auto;
}

@media screen and (max-width: 1024px) {
#sp_fv {
	margin:5px 0;
	display:block;
	overflow:hidden;
}
#sp_fv li {
	width:49%;
	margin:0.5%;
	padding:7px;
	float:left;
	background:#f7b20d;
	color:#FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-sizing:border-box;
}
#fv {padding-top:65px;}
#fv img {
	width:100%;
	max-width:100%;
	height:auto;
}
}



/* cv */
.cv_area {
	width:94%;
	max-width:860px;
	margin:0 auto;
	padding:10px 0 70px;
	background:url(../images/bg_cv.png) no-repeat bottom right;
}

.sp_cv {display:none;}

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


.cv_area {
	padding:0 0 30px;
	background:url(../images/bg_cv.png) no-repeat bottom right;
	background-size:33% auto;
}
.cv_area img {
	width:70%;
	height:auto;
}


/*.sp_cv {
	display:block;
	width:96%;
	margin:0 auto;
	overflow:hidden
}*/
.sp_cv p {
	width:49%;
	margin:0 0.5% 7px;
	float:left;
    padding:10px;
	text-align:center;
	line-height:1.2;
    border-radius:60px;
    background:#4faf08;/*色*/
    border:solid 1px #439407;/*線色*/
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow:0 1px 0 rgba(0,0,0,0.2);
	box-sizing:border-box;
}
.sp_cv a {color:#FFF; text-decoration:none;}
.sp_cv a span {display:block; font-size:11px;}
.sp_cv p.total {background:#17abb1;/*色*/ border:solid 1px #159fa5;/*線色*/}
.sp_cv p.female {background:#ff7f7e;/*色*/ border:solid 1px #fd4e4d;/*線色*/}
.sp_cv p.mail {
	width:99%;
	margin:0 0.5%;
	font-size:18px;
	background:#4faf08;/*色*/
	border:solid 1px #439407;/*線色*/
}
}




/* type */
#type_ttl {
	width:90% !important;
	max-width:834px !important;
	padding:35px 0;
	margin:0 auto;
}
#type_block01 {
	padding:25px 0 0;
	background:#f1f1f1;
	background:-moz-linear-gradient(top, #f1f1f1 23%, #e0e0e0 100%);
	background:-webkit-linear-gradient(top, #f1f1f1 23%,#e0e0e0 100%);
	background:linear-gradient(to bottom, #f1f1f1 23%,#e0e0e0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );
}
#type01 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
}

#type_ttl02 {
	padding:35px 0;
	background:#06183c;
}
#type_ttl02 img {
	width:80% !important;
	max-width:752px !important;
	margin:0 auto;
}
#type_block02 {
	width:94%;
	max-width:1000px;
	min-height:373px;
	margin:0 auto;
	padding:60px 303px 50px 27px;
	box-sizing:border-box;
	background:url(../images/bg_type.png) no-repeat right bottom;
}
#type_block02 h4 {
	max-width:670px;
	margin:0 auto;
}
#type_block02 p {
	font-size:14px;
	margin-bottom:1em;
}

#type_block01 img, #type_block02 img {
	width:100%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1000px) {
#type_ttl, #type_ttl02 {padding:20px 0;}
#type_block01 {padding:10px 0 0;}
#type_block02 {
	padding:30px 0 180px;
	background:url(../images/bg_type.png) no-repeat center bottom;
	background-size:161px 200px;
}
}



/* reason */
.reason_block {
	width:94%;
	max-width:900px;
	margin:0 auto 30px;
	padding:30px;
	border:#e0c19d 4px solid;
	box-sizing:border-box;
}
.reason_block img {
	width:100%;
	max-width:100%;
	height:auto;
}
.reason_block p {font-size:18px; margin-bottom:20px;}
.reason_block p span {color:#f08000; font-weight:bold; text-decoration:underline;}

.reason_block table {width:100%; border:#ebebeb 1px solid;}
.reason_block table th, .reason_block table td {
	padding:20px;
	font-size:16px;
	line-height:1.2;
	border-bottom:#ebebeb 1px solid;
}
.reason_block table th {text-align:center; background:#edf4f9; width:30%;}

.reason_store01 {
	width:608px;
	overflow:hidden;
	margin:0 auto 30px;
}
.reason_store01 .blc {
	width:274px;
	float:left;
	margin:0 15px;
}

.reason_block h5 {
	font-size:14px;
	color:#FFF;
	line-height:1.2;
	background:#f7b20d;
	padding:8px 10px 7px;
	margin-bottom:5px;
}
.reason_block h5.org {background:#f06000; margin-bottom:10px;}

.reason_block h6 {
	font-size:22px;
	color:#f7b20d;
}
.reason_block h6.skill {padding-left:15px;}

.reason_store01 .blc img {margin-bottom:12px;}
.reason_store01 .blc p {font-size:14px; margin-bottom:12px;}
.reason_store01 .blc p.tel, .reason_store02 .blc p.tel, .reason_store02 .blc p.tel02 {
	font-size:16px;
	line-height:20px;
	margin-bottom:0;
	padding-left:30px;
	background:url(../images/reason_icon.gif) no-repeat left center;
}
.reason_store02 .blc p.tel {
	line-height:30px;
	padding-left:0;
	display:inline-block;
	background:url(../images/reason_icon.gif) no-repeat 40px 5px;
}
.reason_store01 .blc p.tel a, .reason_store02 .blc p.tel a, .reason_store02 .blc p.tel02 a {text-decoration:none; color:#333;}

.reason_store02 {
	width:720px;
	overflow:hidden;
	margin:0 auto;
}
.reason_store02 .blc {
	width:220px;
	float:left;
	margin:0 10px 15px;
}
.reason_store02 .blc .store_img {
	width:30px;
	display:inline;
	margin-right:40px;
}

.reason_block ul.special {
	width:807px;
	overflow:hidden;
	padding-left:15px;
	margin:0 auto;
}
.reason_block ul.special li {
	width:254px;
	float:left;
	margin:0 15px 15px 0;
}

.reason_block .skill_blc {
	width:807px;
	overflow:hidden;
	padding-left:15px;
	margin:0 auto;
}
.reason_block  .skill_blc .skill_col {
	width:254px;
	float:left;
	margin:0 15px 15px 0;
}
.reason_block .skill_blc p {
	font-size:12px;
	margin:0;
}
.reason_block .skill_blc img {
	margin-bottom:10px;
}

.reason_block .img01 {
	width:80%;
	max-width:446px;
	margin:0 auto 30px;
}

@media screen and (max-width: 900px) {
.reason_block {margin:0 auto 20px; padding:20px 20px 5px;}
.reason_block p {font-size:14px;}
.reason_block h6 {font-size:18px;}
.reason_block h6.skill {padding-left:0;}

.reason_block table {border-bottom:none; margin-bottom:15px;}
.reason_block table th, .reason_block table td {
	display:block;
	width:100%;
	padding:10px;
	font-size:14px;
	box-sizing:border-box;
}
.reason_block table th {text-align:left; border:none;}

.reason_store01 {
	width:100%;
	max-width:274px;
	margin:0 auto;
}
.reason_store01 .blc {margin:0 auto 20px;}

.reason_store02 {width:100%;}
.reason_store02 .blc {width:100%; margin:0 0 15px;}

.reason_block ul.special {
	width:100%;
	max-width:520px;
	padding-left:0;
	margin:0;
}
.reason_block ul.special li {
	width:50%;
	margin:0;
	padding:3px;
	box-sizing:border-box;
}
.reason_block .skill_blc {
	width:100%;
	max-width:480px;
	padding-left:0;
	margin:0;
}
.reason_block  .skill_blc .skill_col {width:100%; margin:0 0 20px;}

.reason_block .img01 {margin:0 auto 20px;}
}




/* pack */
#pack01 {
	width:94%;
	max-width:1066px;
	margin:0 auto;
	padding-left:66px;
}
#pack_block img {
	width:100%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1024px) {
#pack01 {padding:0 3% 0 3%;}
}




/* ura */
.ura_ttl {
	padding-bottom:6px;
	background:#171717 url(../images/bg_ura_ttl.gif) repeat-x bottom;
}
.ura_ttl img {
	width:80%;
	max-width:692px;
	margin:0 auto;
}
.ura_block {
	width:100%;
	height:auto;
	padding:55px 0 105px;
	background:url(../images/bg_ura.jpg) no-repeat center;
	background-size:cover;
}
.ura_block img {
	width:100%;
	max-width:100%;
	height:auto;
}
.ura_block .inner {
	width:94%;
	max-width:1000px;
	margin:0 auto;
}
.ura_block .inner h4 {
	width:100%;
	max-width:768px;
}
.ura_block .inner ul {
	padding:37px 37px 17px;
	border:#FFF 3px solid;
	background:url(../images/bg_ura_memo.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.ura_block .inner ul li {
	font-size:18px;
	color:#FFF;
	line-height:1.4;
	padding-left:30px;
	margin-bottom:20px;
	background:url(../images/ura_icon.png) no-repeat 0 4px;
}
.ura_block .inner .memo {
	font-size:18px;
	color:#FFF;
	text-align:center;
	margin-top:45px;
	line-height:1.4;
}
.ura_block .inner .memo span {
	font-size:26px;
	font-weight:bold;
}


@media screen and (max-width: 1024px) {
.ura_block {padding:25px 0 40px;}
.ura_block .inner ul {padding:20px 20px 0;}
.ura_block .inner ul li {
	font-size:14px;
	padding-left:25px;
	background:url(../images/ura_icon.png) no-repeat 0 2px;
	background-size:14px 14px;
}

.ura_block .inner .memo {font-size:14px; margin-top:20px;}
.ura_block .inner .memo span {font-size:20px;}
}



/* voice */
#voice_block {
	width:94%;
	max-width:1000px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:50px;
}
#voice_block .blc {
	width:49%;
	margin-bottom:30px;
}
#voice_block .blc:nth-child(odd) {float:left;}
#voice_block .blc:nth-child(even) {float:right;}

#voice_block .blc h5 {
	font-size:18px;
	line-height:1.2;
	color:#FFF;
	background:#f6a814 url(../images/voice01.gif) no-repeat 20px center;
	background-size:46px 40px;
	padding:20px 10px 17px 75px;
}
#voice_block .blc .txt {
	height:300px;
	padding:30px;
	overflow-y:scroll;
	border:#f6a814 3px solid;
}
#voice_block .blc .txt h6 {
	font-size:18px;
	color:#f7b20d;
	margin-bottom:15px;
	line-height:1.4;
}
#voice_block .blc .txt dl {margin-bottom:30px;}
#voice_block .blc .txt dl:last-child {margin-bottom:0px;}
#voice_block .blc .txt dt, #voice_block .blc .txt dd span {
	font-size:16px;
	font-weight:bold;
	color:#fe670c;
}
#voice_block .blc .txt dd {font-size:14px;}
#voice_block .blc .txt dd span {color:#ef0202;}
#voice_block .blc .txt dt, #voice_block .blc .txt dd {line-height:1.4; margin-bottom:15px;}


@media screen and (max-width: 1024px) {
#voice_block {padding-bottom:30px;}
#voice_block .blc {width:100%; margin-bottom:20px;}
#voice_block .blc h5 {font-size:16px;}
#voice_block .blc .txt {height:200px; padding:20px;}
#voice_block .blc .txt h6 {font-size:16px;}
#voice_block .blc .txt dl {margin-bottom:20px;}
}




/* special */
#special_block {
	margin-bottom:50px;
	padding:30px 0 60px;
	background:url(../images/bg_special.gif) repeat;
}
#special01 {
	width:94%;
	max-width:969px;
	margin:0 auto;
}
#special02 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
}
#special_block img {
	width:100%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1024px) {
#special_block {
	margin-bottom:0;
	padding:10px 0 20px;
}
}




.btn_fixed_footer,
#sp_ft {
	display:none;
}
#sp_ft img {
	width:100%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1024px) {
#sp_ft {
	display:block;
	height:107px;
	margin:0 auto;
	background:#FF0;
}
#sp_ft_btn {
	width:94%;
	max-width:352px;
	display:block;
    position:fixed;
	height:auto;
	bottom:10px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:9999;
	padding-bottom:15px;
}
.btn_fixed_footer{
	display: block;
	width:  100%;
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	right:  0;
	z-index: 9999;
}
.btn_fixed_footer ul{
	display: flex;
	flex-wrap:  wrap;
	justify-content: space-between;
	width:  100%;
	max-width: 500px;
	margin: 0 auto;
	padding:  2%;
	box-sizing: border-box;
}
.btn_fixed_footer ul li.btnTop{
	width: 49%;
	margin-bottom: 2%;
}
.btn_fixed_footer ul li.btnBottom{
	width: 100%;
	margin: 0 0 5px;
}
.btn_fixed_footer ul li.btnBottom:last-child{
	width: 100%;
	margin: 0
}
.btn_fixed_footer ul li a img{
	max-width:  100%;
	height:  auto;
}
.fixed_sp{
	display:none;
}
#outer_footer{
	padding-bottom:  30%;
}
}




/* form */
#form {
	margin-top:-118px;
	padding-top:118px;
}
#form_inner {
	padding:0 0 60px;
	margin:0 auto;
}
#form_inner .tel {
	width:80%;
	max-width:629px;
	padding-top:42px;
	margin:0 auto 30px;
	background:url(../images/bg_form.gif) no-repeat center top;
}
#form .form01 {
	background:#499fd7;
}
#form .form01 img {
	display:block;
	width:80%;
	max-width:684px;
	margin:0 auto;
}
#form_inner .form02 {
	width:94%;
	max-width:1150px;
	margin:0 auto 25px;
}
#form_inner .form03 {
	width:94%;
	max-width:1040px;
	margin:0 auto 30px;
}
#form_inner .sp_form03 {display:none;}

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

.info {
	width:94%;
	max-width:1000px;
	overflow:hidden;
	margin:0 auto 20px;
}
.info .blc01, .info .blc02 {width:48%;}
.info .blc01 {float:left;}
.info .blc02 {float:right;}

.info .blc01 h5, .info .blc02 h5 {
	font-size:14px;
	color:#FFF;
	line-height:1.2;
	background:#f6a814;
	padding:13px 15px 11px;
	margin-bottom:15px;
}
.info .blc01 p, .info .blc02 p {font-size:14px; margin-bottom:1em;}
.info .blc01 p span, .info .blc02 p span { font-weight:bold;}


@media screen and (max-width: 1150px) {
#form {margin:0; padding-top:0;}
#form_inner {padding:65px 0 60px;}
#form_inner .tel {
	padding-top:27px;
	margin:0 auto 15px;
	background:url(../images/bg_form.gif) no-repeat center top;
	background-size:46px 15px;
}

#form_inner .form02 {margin:0 auto 15px;}
#form_inner .form03 {display:none;}
#form_inner .sp_form03 {
	display:block;
	width:70%;
	margin:0 auto 20px;
}

.info .blc01, .info .blc02 {width:100%;}

}

#storeselect {
	margin:20px auto;
	width: 1000px;
}

.storeselect img{
	float: left;
	width:48% !important;
}


@media screen and (max-width: 999px) {
.storeselect img{width:100% !important;}

}

@media screen and (max-width: 999px) {
#storeselect {width: 100% !important;}

}