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

/*ヘッダー*/
header h1 {float:left;width:65%;}
header div div.inquiry {float:right;width:33%;/*background-color:rgba(0,77,57,0.1);*/padding:0.5em;border:1px solid rgb(0,77,57);border-radius:5px;margin:0.5em 0;}
header div.inquiry  > span {display:block;color:rgb(0,77,57);}
header div.inquiry  > span.catch {font-size:1em;font-weight:500;margin:0 0 0;}
header div.inquiry  > span.tel {font-size:2.5em;font-family: 'Open Sans', sans-serif;font-weight:600;line-height:1em;}
header div.inquiry  > span.tel a {display:inline-block;text-decoration:none;color:rgb(0,77,57);}
header div.inquiry  > span.tel:before {content: url(../img/icon_tel_40.png);position:relative;top:0.15em;margin-right:0.15em;}
header div.inquiry  > span.time {text-align:right;font-weight:600;}
header div.inquiry  > span.kindly {font-size:1.5em;font-weight:600;}
header div.inquiry  > a {display:inline-block;text-decoration:none;color:rgb(0,77,57);}

#gnavi {margin-bottom:2em;}

div.card a {display:inline-block;}
div.card a:hover {color:#e70;}
div.card p {font-weight:600;color:#e70;}
div.card h4 {font-size:1.125em;font-weight:600;line-height:1.2em;margin-top:1em;}
div.card h5 {color:#e70;margin-top:1.5em;font-weight:600;font-size:1em;}

#tentou h3:before {content:url(../img/icon_counter_81x50.png);position:relative;top:0.25em;margin-right:0.25em;}
#takuhai h3:before {content:url(../img/icon_inbox_81x50.png);position:relative;top:0.25em;margin-right:0.25em;}
#syuchou h3:before {content:url(../img/icon_ban_81x50.png);position:relative;top:0.25em;margin-right:0.25em;}
#kiyaku h3:before {content:url(../img/icon_exc_50x50.png);position:relative;top:0.25em;margin-right:0.05em;}

#storelist {font-size:0.875em;}
#storelist p.storeindex {margin-top:1em;}
#storelist span {text-align:left;}
#storelist a {display:inline-block;}
.one-shop {line-height: 1.75; padding: 15px;}
#storelist span.storename {display:inline-block;font-weight:600; font-size: 20px;}
#storelist span.storename a{text-decoration: none;}
#storelist span.storelink {display:inline-block;font-size:0.75em;}
#storelist span.storeadress {font-size:0.875em;}
#storelist span.inst {clear:both;display:block;font-size:0.8em;margin:0.5em 0;line-height:1.25;}
#storelist img.icon {width:40px;height:40px;float:left;margin-right:5px;margin-bottom:5px;}

#procedure h3:before, #area h3:before  {content:url(../img/icon_clicker_50x50.png);position:relative;top:0.25em;margin-right:0.05em;}
#procedure span {text-align:left;display:inline-block;}
#content #procedure span.kome {font-size:0.875em;}
#procedure a.form {display:block;margin-bottom:2em;}
#procedure a:hover img {opacity:0.75;}
#procedure div#place {background-color:rgba(255,255,255,0.3);border:1px solid rgba(0,0,0,0.2);padding:0.75em;margin:0.75em auto; }
#procedure ul {margin:0;}
#procedure ul li {display:list-item;padding-left: 0px;list-style:disc;list-style-type:disc; list-style-position:inside;font-weight:600;}
#procedure ul li span {font-weight:400;font-size:0.9em;}

#procedure span.tel, #area div span.tel {font-size:30px;margin:0;display:block;font-weight:600;line-height:1em;font-family: 'Open Sans', sans-serif;}
#procedure span.tel a, #area div span.tel a {text-decoration:none;display:inline-block;color:rgb(0,77,57);}
#procedure span.tel:before, #area div span.tel:before {content:url(../img/icon_tel_40.png);position:relative;top:0.1em;margin-right:0.2em;}
#procedure span.time, #area div span.time {font-weight:600;/*padding-left:7em;*/display:block; font-size: 14px;}
#procedure span.mail, #area div span.mail {font-size:16px;font-family: 'Open Sans', sans-serif;font-weight:600;display:block;}
#procedure span.mail:before, #area div span.mail:before  {content:url(../img/icon_mail_30.png);position:relative;top:0.1em;margin-right:0.15em;}
#procedure span.mail a, #area div span.mail a {color:rgb(0,77,57);text-decoration:none;}
#procedure span.mail a:hover, #area div span.mail a:hover, #area div span.tel a:hover{color:#e70;}

#content div > span.meshi {font-size:0.875em;color:#33c;font-weight:600;margin-bottom:1.5em;}
#content div#kiyaku > span.meshi {margin-bottom:0;}

/*#area div {float:left;width:50%;}*/
/*#area div:last-child {padding-top:3em;}*/
/*#area div img {width:100%;}*/
/*#area div span {text-align:left;}*/
#area div span.sphide {display:inline-block;}
#area div span.spshow {display:none;}
/*#area div span.time {font-weight:600;padding-left:7em;display:block;}*/
.area_map {display: flex; flex-direction: column;}
.area_contact{display: flex; flex-direction: column; width: 100%; gap: 2vw; text-align: center;}
.map_img01, .contact01{order: 1; width: 100%;}
.map_img02, .contact02{order: 2; width: 100%;}
.contact01, .contact02{border: 4px solid rgb(0,77,57); border-radius: 10px; padding: 20px;}

#kiyaku ul {margin:0 0 0.75em;}
#kiyaku ul li {display:list-item;padding-left: 0px;list-style:disc;list-style-type:disc; list-style-position:inside;font-size:0.875em;}
#kiyaku span {text-align:left;display:inline;}
#kiyaku span.stxt {font-size:0.875em;}
#kiyaku span.emp {font-weight:600;}

.normal-btn {
    position: relative;
    display: inline-block; 
    padding: 2vh 60px;
    border-radius:70px;
    text-decoration: none;    
    color: #fff;
    transition: all 0.3s ease-out;
    background-color: #e70;
    text-align: center;
    width: 100%;
    font-size: 16px;
}
.normal-btn:before {
    content: '';
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
}
.normal-btn:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #e6643c;
    position: absolute;
    top: 0;
    right: 26px;
    bottom: 0;
    margin: auto;
}
.normal-btn:hover{
    border-color: transparent;
    color: #fff!important;
    background-color:rgb(127, 79, 33)!important;
    text-shadow: none;
}

/*960px*/
@media screen and (max-width: 60.3em) {
	header div div.inquiry {font-size:0.875em;margin:1em 0 0.5em;}
}

@media screen and (max-width: 53.8em) {
	header div div.inquiry {font-size:0.75em;margin:1.25em 0 0.5em;}
}

/*830px*/
@media screen and (max-width: 51.9em) {
	/*#procedure span.time, #area div span.time {padding-left:5em;}*/
	header div.inquiry  > span.tel:before {content: url(../img/icon_tel_20.png);top:0em;margin-right:0.1em;}
}
@media screen and (max-width: 43.5em) {
	header h1 {float:none;width:100%;}
	header div div.inquiry {float:none;width:100%;font-size:1em;margin:0.5em 0;}
	header div.inquiry  > span {display:inline-block;}
	header div.inquiry  > span.tel:before {content: url(../img/icon_tel_40.png);top:0.15em;margin-right:0.15em;}
	header div.inquiry  > span.time {text-align:left;font-weight:600;}
}


/*634px*/
@media screen and (max-width: 39.7em) {
	#area div {float:none;width:100%;}
	/*#procedure span.time, #area div span.time {padding-left:7em;}*/
	#area div span.sphide {display:none;visibility:hidden;}
	#area div span.spshow {display:inline-block;visibility: visible;}
	/*#area div:last-child {padding-top:0;}*/
}

@media screen and (max-width: 37.9em) {
	#content div#kiyaku > h3 {font-size:1.875em;}
}

/*430px*/
@media screen and (max-width: 26.9em) {
	/*#procedure span.time, #area div span.time {padding-left:0em;}*/
	#tentou h3:before {content:url(../img/icon_counter_50x31.png);top:0.15em;margin-right:0.1em;}
	#takuhai h3:before {content:url(../img/icon_inbox_50x31.png);top:0.15em;margin-right:0.1em;}
	#syuchou h3:before {content:url(../img/icon_ban_50x31.png);top:0.15em;margin-right:0.1em;}
	#procedure span.tel:before, #area div span.tel:before {margin-right:0.1em;}
}

/*319*/
@media screen and (max-width: 19.95em) {
	header div div.inquiry {font-size:0.875em;}
}


@media screen and (min-width:768px) {
    #procedure span.tel, #area div span.tel　{font-size: 34px;}
    #procedure span.mail, #area div span.mail {font-size: 1.4vw;}
	.one-shop {padding: 15px 25px;}
    .area_map, .area_contact{flex-direction: row;}
    .map_img01, .contact01{order: 2; width: 50%;}
    .map_img02, .contact02{order: 1; width: 50%;}
}
@media screen and (min-width:1200px) {
    #procedure span.mail, #area div span.mail {font-size: 20px;}
}