@charset "UTF-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html, body { color: #000; background: #fff; text-align: left;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: sans-serif; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

body { padding-bottom: 5vw; }

img { vertical-align: bottom; transition: 0.2s; max-width: 100%; max-height: 100%; width: auto; height: auto; }

a { color: #fff; }

main {/* max-width: 640px; margin: 0 auto; font-size:3.75vw; line-height: 1.5;*/ }

img { display: block; margin: auto; }

.logo{
	width: 240px;
/*
	margin-left: auto;
	margin-right: auto;
	text-align: center;
*/
	padding-left:1rem;
	padding-top:1rem;
	padding-bottom: 3rem;
}
.logo img{

}

.catch{
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top:0rem;
	padding-bottom: 2rem;
}
.catch h2{
	color: #333;
	font-size: 2rem;
	padding:0.5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5rem;
	font-family: serif;
}
.catch h3{
	color: #333;
	font-size: 2rem;
	padding:0.5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5rem;
	font-family: serif;
}
.eakon{
background-color: #ff7900;
font-family: serif;
  color: #fff;
	font-size: 2.2rem;
  padding: 0.5rem;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.kaitei{
	font-family: serif;
	font-size: 2.2rem;
	line-height: 2.75rem;
	background: linear-gradient(transparent 50%, yellow 50%);
}

.catch p{
	font-size: 2rem;
	color: #ff7900;
	font-family: serif;
	line-height: 2.75rem;
}
/*
.catch span{
	font-family: serif;
	line-height: 2.75rem;
	background: linear-gradient(transparent 50%, yellow 50%);
}
*/



.catch2{
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top:3rem;
	padding-bottom: 3rem;
}
.catch2 h2{
	background-color: #ff7900;
font-size: 1.1rem;
	color: #fff;
	padding:0.5rem;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5rem;
}
.catch2 p{
	font-size: 2rem;
	color: #ff7900;
	font-family: serif;
	line-height: 2.75rem;
}
.catch2 span{
	font-family: serif;
	line-height: 2.75rem;
	background: linear-gradient(transparent 50%, yellow 50%);
}

.area01{
 background-color: #fff;
 padding-top:3rem;
 padding-bottom:3rem;
}

.area01 .section-store03-5{
max-width: 780px;
margin: 0 auto;
line-height: 1.5;
}
.area02{
	background-color: #f9f9f9;
  padding-top:3rem;
  padding-bottom:3rem;
}
.area02 .section-store03-5{
max-width: 780px;
margin: 0 auto;
line-height: 1.5;
}

.area04{
/*
	background-color: #fff5ed;
*/
background-color: #f0f0f0;
padding-top:8rem;
  padding-bottom:3rem;
}
.area04 .section-store03-4{
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.area04 .section-store03-5{
max-width: 780px;
margin: 0 auto;
line-height: 1.5;
}
.area04 h2{
	position: relative;
  display: inline-block;
  margin-bottom: 1em;
	text-align: center;
	font-size: 1.8rem;
	font-family: serif;
	color: #ff7900;
}
.area04 h2:before{
	content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 5px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #ff7900;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}


.section-form { padding: 0 3.125vw; }

.section-form h2 { font-size: 5.0000vw; line-height: 1.5; text-align: center; color: #d4002e; margin: 0 0 36px; }

.section-form h2 span { display: inline-block; padding: 0 0 5px; border-bottom: solid 1px #d4002e; }

.section-form .mfp_achroma, .section-form .mfp_colored { background: transparent; }

.section-form .mfp_element_text, .section-form .mfp_element_number, .section-form .mfp_element_select-one, .section-form .mfp_element_email, .section-form .mfp_element_tel, .section-form .mfp_element_textarea, .section-form .mfp_element_date, .section-form .mfp_element_password { border: none; border-radius: 0; box-shadow: none; padding: 10px; }

.section-form form#mailformpro dl dt { border: none; float: none; width: auto; text-align: left; font-size: 4.0625vw; line-height: 1.5; padding: 0 0 5px; }

.section-form form#mailformpro dl dt.title::before { content: "●"; color: #d4002e; display: inline-block; }

.section-form form#mailformpro dl dd { border: none; padding: 0 0 20px; font-size: 4.0625vw; line-height: 1.5; }

.section-form form#mailformpro label.mfp_not_checked { border-color: #000; }

.section-form form#mailformpro label.mfp_checked { background: none; box-shadow: none; }

.section-form form#mailformpro button img { display: inline-block; vertical-align: middle; }

.section-form .must { display: inline; background-color: transparent; border: none; text-shadow: none; padding: 0; font-size: 4.0625vw; line-height: 1.5; color: #d4002e; float: none; margin: 0; border-radius: 0; box-shadow: none; background-image: none; background-size: none; }

.section-form div.mfp_err { background: none; padding: 5px 0; }

.section-form .form-name { width: 100%; box-sizing: border-box; }

.section-form .form-tel { width: 100%; box-sizing: border-box; }

.section-form .form-yubin { width: 70%; box-sizing: border-box; }

.section-form .form-addr { width: 100%; box-sizing: border-box; }

.section-form .form-mail { width: 100%; box-sizing: border-box; }

.section-form .mfp_element_submit, .section-form .mfp_element_reset, .section-form .mfp_element_button, .section-form button.mfp_next, .section-form button.mfp_prev { font-size: 3.7500vw; line-height: 1.5; border-radius: 0; padding: 20px 10px; border: none; background: #d4002e; text-shadow: none; color: #fff; }

.section-form .mfp_err { font-size: 4.0625vw; line-height: 1.5; }

.section-form div#mfp_warning { background: #d4002e; }

#mfp_overlay_inner { color: #000; }

.credit { background: #000; padding: 20px 10px; }

.credit h2 { margin: 0 0 13px; font-size: 4.6875vw; font-size: 107%; line-height: 1.4; font-family: serif; color: #e40012; font-weight: bold; text-align: center; }

.credit ul { display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 0 10px; }

.credit ul li { flex-basis: 32.653%; flex-grow: 0; flex-shrink: 0; }

.credit ul li a { color: #fff; text-decoration: none; display: block; padding: 5px 0; }

.credit ul li .name { color: #e50012; font-weight: bold; font-size: 3.125vw; font-size: 71.4%; line-height: 1; margin: 0; }

.credit ul li .img { margin: 0 0 5px; }

.credit ul li .web { font-size: 2.5vw; font-size: 71.4%; line-height: 1.4; margin: 0 0 10px; }

.credit ul li .web img { width: 15px; display: inline-block; }

footer { margin-top: 0; text-align: center; }

.footer-nav { max-width: 640px; margin: 0 auto; position: fixed; bottom: 0; left: 0; right: 0; z-index: 55; }

.footer-nav p { text-align: center; }

.fixbtm { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; }

.c_box {margin-top:4rem; padding:4rem; background-color:#fff;}
.c_box .c_name{	font-size:1.2rem;}
.c_box .tantou{font-size:1.0rem; margin-bottom:1rem;}
.c_box .address{font-size:0.8rem;line-height:1.5rem;text-align: center; padding-top: 1rem;}
.c_box .address a{
	color: #454545;
	pointer-events: none;
	text-decoration:none;
}
/*
.c_box a{
	color: #454545;
	pointer-events: none;
	text-decoration:none;
}
*/
.mfp_buttons button{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
/*
	background-color: #ff7900;
*/
	background-color: #00a9cf;
	color: #fff;
	border: none;
}
::placeholder{
	color: #b7b7b7;
}

.notes{
	text-align: left;
	padding-left:1rem;
	padding-bottom: 1.5rem;
}
.notes li{
	list-style-type: none; /*点を非表示*/
	position: relative; /*基準位置*/
	padding-left: 0.6em;
}
.notes li:before{
	border-radius: 50%;
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	left: 0;
	margin-left: -0.5rem;
	right: 1rem;
	font-family: sans-serif;
	top: 0.6em;
	content: "";
	background: #009944;
}

.title_back{
	font-family: serif;
  font-size: 1.2rem;
	text-align: center;
	padding:1rem;
  font-weight: normal;
background-color: #ff7900;
  color: #fff;
}


.inq_title{
	margin-top:3rem;
	margin-bottom: 1rem;
	font-size:1.2rem;
	font-weight: bold;
	padding-top: 2rem;
  padding-bottom: 1rem;
	text-align: center;
}
.inq_title span{
	color:#333;
}
.inq_padding{
	padding-top: 4rem;
  border-top: solid 2px #e2e2e2;
}
.inq_tel{
	width: 50%;
	margin-left: auto;
  margin-right: auto;
}
.inq_tel a{
	pointer-events: none;
}
.box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}
.box h2{
	color:#ff7900;
	padding-top:1.5rem;
	padding-bottom:0.5rem;
	font-size:1.6rem;
	text-align: left;
	font-family: serif;
}

.box .text {
    width: 50%;
    padding-right: 0.5rem;
}
.box p{
	line-height: 1.75rem;
}
.box .kasen{
	padding-top: 1rem;
  font-weight: bold;
  color: #000;
}
.box .kasen span{
background: linear-gradient(transparent 50%, yellow 50%);
}
.box .point_big{
	font-size: 1.1rem;
	color: #333;
	font-weight: bold;
}
.box .pict {
    width: 50%;
    padding-left: 0.5rem;
}

.box_flow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem;
}

.box_flow .flow_circle {
    width: 30%;
    padding-right: 0.5rem;
}
.box_flow .flow_text {
    width: 70%;
    padding-left: 0.5rem;
		display:table-cell;
vertical-align:middle;
}
.circle{
	display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
background: #ff7900;
  text-align:center;
  line-height:120px;
	font-family: serif;
	font-weight: bold;
	color: #fff;
}
.circle2{
	display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
	background: #ff7900;
  text-align:center;
  line-height:106px;
	font-family: serif;
	font-weight: bold;
	color: #fff;
}
.circle2_hosoku{
	position: relative;
  top: -3rem;
  border-radius: 10px;
  background-color: #ffff00;
  width: 75%;
  margin-right: auto;
	margin-left: auto;
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding: 0rem;
	text-align: center;
}
.circle2_text{
	position: relative;
	top: -0.8rem;
}
table {
  margin: 20px auto;
}
.tbl-r02 th {
  color: #000;
  padding: 10px;
}
.tbl-r02 td {
  padding: 10px;
	font-size:1.1rem;
	text-align: left;
}
.tbl-r02 td span{
	font-size:0.8rem;
	line-height: 1.0rem;
}
.annotation{
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding-top:0.5rem;
}
.mb8rem{
	margin-bottom: 8rem;
}
.privacy{
  overflow-y: scroll;
  height: 300px;
}
.careful{
	font-weight: bold;
}
.footer_menu{
	display: none;
}


@media screen and (max-width: 480px){
main {
	line-height: 1.5;
}
.section-form { padding: 0; }
.section-form h2 { font-size: 2rem; line-height: 1.5; }
.section-form form#mailformpro dl dt { font-size: 1.6rem; line-height: 1.5; }
.section-form form#mailformpro dl dd { font-size: 1.6rem; line-height: 1.5; }
.section-form .must { font-size: 1.6rem; line-height: 1.5; }
.section-form .mfp_element_submit, .section-form .mfp_element_reset, .section-form .mfp_element_button, .section-form button.mfp_next, .section-form button.mfp_prev { font-size: 1.4rem; line-height: 1.5; }
.section-form .mfp_err { font-size: 1.6rem; line-height: 1.5; }

.logo{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top:1rem;
	padding-bottom: 2rem;
}
.logo img{
	width: 70%;
}

.notes {
  padding-right: 1.2rem;
}

.box {
  flex-direction: column;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0rem;
}
	.box .text {
  width: 100%;
  padding-right: 0rem;
}
.box .pict {
	width: 100%;
  padding-left: 0rem;
	padding-top: 1.75rem;
}
.area04 .section-store03-4 {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.area04 h2{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.6rem;
	font-family: serif;
	color: #ff7900;
}
.area04 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 40px;
  height: 3px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	background-color: #ff7900;
  border-radius: 2px;
}

.box_flow {
  flex-direction: column;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0rem;
}
.box_flow .flow_circle {
  width: 100%;
  padding-right: 0rem;
}
.box_flow .flow_text {
	width: 100%;
  padding-left: 0rem;
	padding-top: 1.75rem;
}
.last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
.tbl-r02 {
	width: 100%;
}
.tbl-r02 th {
	display: block;
	width: 100%;
	text-align: center;
	padding-top:2.5rem;
}



.tbl-r02 td {
	display: block;
	width: 100%;
	text-align: left;
	padding:0rem;
}

.circle2{
	display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ff7900;
  text-align:center;
  line-height:106px;
	font-family: serif;
	font-weight: bold;
}
.circle2_hosoku{
	position: relative;
	top: -3rem;
	border-radius: 10px;
	background-color: #ffff00;
	width: 25%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding:0rem;
}
.circle2_text{
	position: relative;
	top: -1.5rem;
}
.catch {
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 0rem;
    padding-bottom: 1rem;
}
.catch2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
}
.catch h2 {
    color: #333;
    font-size: 1.4rem;
    padding: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
    font-family: serif;
}
.catch h3 {
    color: #333;
    font-size: 1.4rem;
    padding: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
    font-family: serif;
}
.eakon {
    background-color: #ff7900;
    font-family: serif;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.5rem;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
}
.kaitei {
    font-family: serif;
    font-size: 1.4rem;
    line-height: 2.75rem;
    background: linear-gradient(transparent 50%, yellow 50%);
}
.catch2 h2 {
    background-color: #ff7900;
    font-size: 1.1rem;
    color: #fff;
    padding: 0.5rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
}
.catch2 p {
    font-size: 1.4rem;
    color: #ff7900;
    font-family: serif;
    line-height: 1.75rem;
}
.catch2 span {
    font-family: serif;
    line-height: 1.75rem;
    background: linear-gradient(transparent 50%, yellow 50%);
}
.box h2 {
    color: #ff7900;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    text-align: left;
    font-family: serif;
}
.mb8rem {
    margin-bottom: 3rem;
}

.area02 .section-store03-5 {
    margin: 0 auto;
    line-height: 1.5;
}
.inq_title {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 2rem;
    padding-bottom: 1rem;
		padding-left: 1rem;
    padding-right: 1rem;
}
.c_box {margin-top:4rem; padding:0.5rem; background-color:#fff;}
.c_box .c_name{	font-size:1.2rem;}
.c_box .tantou{font-size:1.0rem; margin-bottom:1rem;}
.c_box .address{font-size:0.8rem;line-height:1.5rem;text-align: center; padding-top: 1rem;}
.c_box .address span{
	font-size:1.2rem;
	line-height: 1.5rem;
}
.c_box .address a{
	color:#00f;
	pointer-events: auto;
	text-decoration:none;
}
.inq_tel{
	width: 100%;
	margin-left: auto;
  margin-right: auto;
}
.inq_tel a{
	pointer-events: auto;
}
.careful{
	margin-left: 0.5rem;
}
.footer_menu {
	display: inline;
  position: fixed;
  left: 0;
  bottom: 0;
}


}/*　スマホ */