@media(min-width: 1201px) {
/** main **/
html{height:100%}
body{font-size:13px;height:100%; width:100%;}
.mb{ display:none;}
.tab{ display:none;}
#mbmenu{display: none;}
#menuwrapper{ width: 100%;height: 70px; position: fixed;top: 0;z-index: 999!important;background-color:#fff}
#menu_wrap{ width: 1200px;height: 100%; margin: 0 auto;position: relative}
#menu_wrap img{height: 60px;margin: 5px 10px 0 0; float: left}
#menu_wrap .address{font-size: 11px;padding-top: 20px; line-height: 1.7em; float: left;}
#menu_wrap .address span{color:#FF2D30}
#menu_wrap .dropmenu{*zoom: 1;list-style-type: none;position: absolute;right: 0; width: 70%; padding: 0;}
#menu_wrap .dropmenu:before, .dropmenu:after{content: "";display: table;}
#menu_wrap .dropmenu:after{clear: both;}
#menu_wrap .dropmenu li{position: relative;float: right;margin: 0;text-align: center;padding: 0 1.5%;}
#menu_wrap .dropmenu li a{display: block;margin: 0; height: 70px; color:#464646;font-size: 12px;line-height: 70px;text-decoration: none;}
#menu_wrap .dropmenu li ul{list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}
#menu_wrap .dropmenu li ul li{width: 130%;}
#menu_wrap .dropmenu li ul li a{padding: 0 15px; height: 40px;line-height: 40px;color: #fff; background: #4A7F23;text-align: left;}
#menu_wrap .dropmenu li:hover > a{color: #4A7F23;}
#menu_wrap .dropmenu li a:hover{opacity: 0.99;color: #8AB869}
#menu li ul {visibility: hidden;perspective: 400px;}
#menu li:hover ul{visibility: visible;}
#menu ul li{transform: rotateY(90deg);transform-origin: 50% 0;transition: .3s;}
#menu li:hover li{transform: rotateY(0);}
#menu ul li:nth-child(2) {transition-delay: .1s;}
#menu ul li:nth-child(3) {transition-delay: .2s;}
#header{width: 100%;height: 400px;background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size: cover;margin-top: 70px;padding: 130px 0 0; box-shadow: 0 0 10px 2px #333 inset;position: relative}
#header .info{width: 300px;height: 100%;background-color: rgba(0,0,0,0.70);top: 0;right: 7%;z-index: 3;position: absolute;padding: 5px 8px 0;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
#header .info a{text-decoration: none}
#header .info .time{color: #F1D272;font-size: 18px;font-weight: bold;margin-top: 15px;}
#header .info .yoyaku{color: #553820;width: 100%;font-size: 15px;text-align: center;padding: 3px 0; font-weight: bold;margin-top: 10px;background-color: #FAC027;border-radius: 3px;}
#header .info .phone{color: #FAC027;text-align: center;font-size: 30px;margin-top: 5px;font-weight: bold}
#header .info .phone i{font-size: 35px;margin-right: 5px}
#header .info .phone a{text-decoration: none;color: #FAC027;}
#header .info .phone a:hover{color: #D9A009;}
#header .info .btn{color: #FBF23E;background-color: #13BD00; text-align: center;font-size: 15px;height: 40px;line-height: 40px; border-radius: 5px; margin-top: 5px;}
#header .info .btn i{color: #fff;font-size: 24px;margin-right: 5px;vertical-align: -10%}
#header .info .btn:hover{opacity: .8}
/*slider*/
.swiper-slide{width: 100%;margin-top: 70px}
.swiper-slide .bg{width: 100%;height: 400px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative}
.swiper-slide .bg img{width: 100%;}
.swiper-slide .title{width: 500px;position: absolute;bottom: 10%;left: 2%;z-index: 2}
.swiper-slide .title img{width: 100%;}
.swiper-container .info{width: 300px;height: 100%;background-color: rgba(0,0,0,0.70);top: 0;right: 7%;z-index: 3;position: absolute;padding: 75px 8px 0;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.swiper-container .info a{text-decoration: none}
.swiper-container .info .time{color: #F1D272;font-size: 18px;font-weight: bold;margin-top: 15px;}
.swiper-container .info .yoyaku{color: #553820;width: 100%;font-size: 15px;text-align: center;padding: 3px 0; font-weight: bold;margin-top: 10px;background-color: #FAC027;border-radius: 3px;}
.swiper-container .info .phone{color: #FAC027;text-align: center;font-size: 30px;margin-top: 5px;font-weight: bold}
.swiper-container .info .phone i{font-size: 35px;margin-right: 5px}
.swiper-container .info .phone a{text-decoration: none;color: #FAC027;}
.swiper-container .info .phone a:hover{color: #D9A009;}
.swiper-container .info .btn{color: #FBF23E;background-color: #13BD00; text-align: center;font-size: 15px;height: 40px;line-height: 40px; border-radius: 5px; margin-top: 5px;}
.swiper-container .info .btn i{color: #fff;font-size: 24px;margin-right: 5px;vertical-align: -10%}
.swiper-container .info .btn:hover{opacity: .8}
/*main*/
#wrap{width: 100%;position: relative;}
#wrap .colorwrap{width: 100%;background-color: #FFFAF2;}
#wrap .primary{width: 1100px;margin: 0 auto;padding: 50px 0 }
.concept{font-size: 18px;line-height: 2em;color: #5B411D;text-align: center}
.line{margin: 60px auto 0; width: 100px;}
.line2{margin: 70px auto 100px; width: 90px;}
.reason{width: 100%;}
.reason .box{width: 31%;margin-right: 3.5%; float: left;position: relative}
.reason .box:last-child{margin-right: 0!important}
.reason .box img{width: 100%;position: relative}
.reason .box .title{position: absolute;width: 100%; top: 60px;left: 0px;font-size: 18px;line-height: 1.3em; text-align: center; color: #fff;font-weight: normal;text-shadow: 0 0 3px #fff }
.reason .box .title span{font-size: 15px;}
.reason .box .look{position: absolute;width: 100%; bottom: 60px;left: 0px;font-size: 17px;text-align: center;font-weight: bold;}
.reason .box .look a{text-decoration: none;color: #fff;border-bottom: 1px solid #fff;transition: .6s;padding-bottom: 5px}
.reason .box .look a:hover{color: #798543;border-bottom: 1px solid #798543;}
.omoi{text-align: left;margin: 10px 0;font-size: 15px;}
.omoi_in{text-align: left;font-size: 12px;margin-top: 5px; line-height: 1.8em}
.nayami{width: 100%;text-align: center}
.nayami img{width: 80%}
.contactbtnarea{width: 100%;text-align: center;margin: -100px 0 100px}
.contactbtn {display: inline-block;width: 300px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #F69E09;border-radius: 4px;box-shadow: 2px 2px 0 #A56D0F;font-weight: normal!important;margin: 0 2%}
.contactbtn::before,.contactbtn::after {position: absolute;z-index: -1;display: block;content: '';}
.contactbtn,.contactbtn::before,.contactbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.contactbtn:hover {opacity: .5}
.color2 {background-color: #F66B09!important}
.kodawari{width: 100%;}
.kodawari .box{width: 45%;margin: 2.5%; float: left;position: relative}
.kodawari .box:last-child{margin-right: 0!important}
.kodawari .box img{width: 100%;position: relative}
.kodawari .box .title{position: absolute;width: 100%; top: 120px;left: 0px;font-size: 35px;line-height: 1.3em; text-align: center; color: #fff;font-weight: normal;text-shadow: 0 0 3px #fff }
.kodawari .box .title span{font-size: 15px;}
.kodawari .box .look{position: absolute;width: 100%; bottom: 60px;left: 0px;font-size: 17px;text-align: center;font-weight: bold;}
.kodawari .box .look a{text-decoration: none;color: #fff;border-bottom: 1px solid #fff;transition: .6s;padding-bottom: 5px}
.kodawari .box .look a:hover{color: #798543;border-bottom: 1px solid #798543;}
.btnarea{width: 100%;text-align: center;}
.kodawari .btn {display: inline-block;width: 100px; height: 26px!important;text-align: center;text-decoration: none;line-height: 26px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 11px!important;background-color: #D01215;margin: 10px 0 0 ; border-radius: 4px;box-shadow: 2px 2px 0 #AE0002;font-weight: normal!important;}
.kodawari .btn::before,.kodawari .btn::after {position: absolute;z-index: -1;display: block;content: '';}
.kodawari .btn,.kodawari .btn::before,.kodawari .btn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.kodawari .btn:hover {opacity: .5}
.modalwrap{width: 80%;margin: 0 auto;text-align: left;}
.modalwrap img{width: 90%}
.modalname{text-align: left;font-size: 15px;margin:20px 0 15px;font-weight: bold;}
.modalwrap2{width: 90%;margin: 0 auto}
.modalwrap2 img{width: 100%}
.modalname2{text-align: left;font-size: 18px;margin:20px 0 15px;font-weight: bold;}
.omoi2{text-align: left;margin: 10px 0;font-size: 16px;}
.omoi_in2{text-align: left;font-size: 12px;margin-top: 5px; line-height: 1.8em}
.kodawari_title{text-align: center;margin: 20px 0;font-size: 22px;font-weight: bold;color: #EB8300}
.shijutsu{color:#fff;background-color:#FF8600;padding: 6px 10px;margin-bottom: -15px;margin-top: 20px; width: 200px}
.about{font-size: 15px;text-align: center;line-height: 1.7em}
.menu{width: 700px;margin: 100px auto 0}
.pricemenu1 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #CCE3A5;padding-bottom: 13px}
.pricemenu1:before {content: "";position: absolute;background: #BECE9B;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu2 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFBA8F;padding-bottom: 13px}
.pricemenu2:before {content: "";position: absolute;background: #FFBA8F;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu3 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFB4F9;padding-bottom: 13px}
.pricemenu3:before {content: "";position: absolute;background: #FFB4F9;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu4 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #9B9B9B;padding-bottom: 13px}
.pricemenu4:before {content: "";position: absolute;background: #9B9B9B;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.hosoku{font-size: 12px;margin-top: 10px;color: #888888;line-height: 1.5em;padding-left: 5px}
.pricelist1{width: 100%;border: 2px solid #BDD58D;padding: 2%;margin: 20px 0}
.pricelist1 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist1 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist1 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist1 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist1 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist1 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist1 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist2{width: 100%;border: 2px solid #FFBA8F;padding: 2%;margin: 20px 0}
.pricelist2 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist2 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist2 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist2 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist2 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist2 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist2 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist3{width: 100%;border: 2px solid #FFB4F9;padding: 2%;margin: 20px 0}
.pricelist3 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist3 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist3 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist3 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist3 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist3 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist3 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist4{width: 100%;border: 2px solid #9B9B9B;padding: 2%;margin: 20px 0}
.pricelist4 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist4 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist4 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist4 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist4 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist4 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist4 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.modalcourse{text-align: left;}
.modalcourse .pricemenu1 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 15px;text-align:left;margin-top:50px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #CCE3A5;padding-bottom: 13px}
.modalcourse .pricemenu1:before {content: "";position: absolute;background: #BECE9B;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.modalcourse .pricemenu2 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 15px;text-align:left;margin-top:50px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFBA8F;padding-bottom: 13px}
.modalcourse .pricemenu2:before {content: "";position: absolute;background: #FFBA8F;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.modalcourse .pricemenu3 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 15px;text-align:left;margin-top:50px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFB4F9;padding-bottom: 13px}
.modalcourse .pricemenu3:before {content: "";position: absolute;background: #FFB4F9;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.modalcourse .pricemenu4 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 15px;text-align:left;margin-top:50px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #9B9B9B;padding-bottom: 13px}
.modalcourse .pricemenu4:before {content: "";position: absolute;background: #9B9B9B;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.modalcourse .hosoku{font-size: 12px;margin-top: 10px;color: #888888;line-height: 1.5em;padding-left: 5px}
.modalcourse .pricelist1{width: 100%;border: 2px solid #BDD58D;padding: 2%;margin: 20px 0}
.modalcourse .pricelist1 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.modalcourse .pricelist1 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.modalcourse .pricelist1 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.modalcourse .pricelist1 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.modalcourse .pricelist1 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.modalcourse .pricelist1 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.modalcourse .pricelist1 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.modalcourse .pricelist2{width: 100%;border: 2px solid #FFBA8F;padding: 2%;margin: 20px 0}
.modalcourse .pricelist2 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.modalcourse .pricelist2 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.modalcourse .pricelist2 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.modalcourse .pricelist2 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.modalcourse .pricelist2 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.modalcourse .pricelist2 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.modalcourse .pricelist2 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.modalcourse .pricelist3{width: 100%;border: 2px solid #FFB4F9;padding: 2%;margin: 20px 0}
.modalcourse .pricelist3 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.modalcourse .pricelist3 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.modalcourse .pricelist3 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.modalcourse .pricelist3 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.modalcourse .pricelist3 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.modalcourse .pricelist3 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.modalcourse .pricelist3 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.modalcourse .pricelist4{width: 100%;border: 2px solid #9B9B9B;padding: 2%;margin: 20px 0}
.modalcourse .pricelist4 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.modalcourse .pricelist4 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.modalcourse .pricelist4 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.modalcourse .pricelist4 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.modalcourse .pricelist4 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.modalcourse .pricelist4 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.modalcourse .pricelist4 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pbw{width: 100%;text-align: right;margin-bottom: 70px;}
.pricebtn {display: inline-block;width: 250px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #88642A;border-radius: 4px;box-shadow: 2px 2px 0 #2F1D01;font-weight: normal!important;}
.pricebtn::before,.pricebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.pricebtn,.pricebtn::before,.pricebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.pricebtn:hover {opacity: .5}
.service{width: 100%;margin: 0 auto 70px}
.service ul{width: 700px;margin: 0 auto;list-style-type: none}
.service .howto{text-align: left;font-size: 15px;font-weight: bold;color: #FF6C00;margin-top: 40px}
.service p.kome{background-color: #FFF4C9;padding: 4px 8px;font-size: 11px;margin-top: 5px}
.service ul li{width: 100%;background-image: url(../img/arr.png);background-size: 15px 15px;background-position: left top;background-repeat: no-repeat;padding:0 0 0 25px;margin-top: 14px;}
.service li dt{width: 20%;float: left;font-size: 14px;}
.service li dd{width: 80%;float: right;line-height: 1.6em;}
.service li dd span{color:#000;font-size: 110%;font-weight: bold;}
.service li dd a{color: #E20245;font-weight: bold;text-decoration: none;font-size: 14px;padding: 0 4px;}
.service li dd a:hover{color: #0D819E;}
.service .button {display: inline-block;width: 80px;text-align: center;text-decoration: none;margin: 0 4px; padding: 2px 0;outline: none;position: relative;background-color: #FFA300;border-radius: 4px;color: #fff;-webkit-transition: none;box-shadow: 0 3px 0 #C17B00;font-size: 12px;}
.service .button::before,.service .button::after {position: absolute;z-index: -1;display: block;content: '';}
.service .button,.service .button::before,.service .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.service .button:hover {top: 4px;box-shadow: 0 0 0 #C17B00;color:#C17B00 }
p.sale{width: 700px;font-size: 20px;font-weight: bold;margin: 0 auto}
p.salein{width: 700px;font-size: 12px;margin: 20px auto 0;line-height: 1.8em}
#flow{width: 700px;margin: 0 auto 70px;padding-top: 100px}
#flow .flowtitle{color: #52360C;font-size: 15px;border-bottom: 1px dotted #9F875B;padding-bottom: 3px;margin: 40px 0 20px }
#flow .flowtitle:first-of-type{margin: 100px 0 20px }
#flow .flowtitle span{color: #52360C;font-size: 18px;}
#flow .flowin{font-size: 12px;line-height: 1.7em}
.phonebtn {display: inline-block;width: 150px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #FFC437;border-radius: 4px;box-shadow: 2px 2px 0 #C78E06;font-weight: normal!important;margin-right: 20px}
.phonebtn::before,.phonebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.phonebtn,.phonebtn::before,.phonebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.phonebtn:hover {opacity: .5}
.onlinebtn {display: inline-block;width: 240px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #FF8200;border-radius: 4px;box-shadow: 2px 2px 0 #8D4800;font-weight: normal!important;margin-right: 20px}
.onlinebtn::before,.onlinebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.onlinebtn,.onlinebtn::before,.onlinebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.onlinebtn:hover {opacity: .5}
.flowbtn {display: inline-block;width: 200px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #88642A;border-radius: 4px;box-shadow: 2px 2px 0 #2F1D01;font-weight: normal!important;}
.flowbtn::before,.flowbtn::after {position: absolute;z-index: -1;display: block;content: '';}
.flowbtn,.flowbtn::before,.flowbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.flowbtn:hover {opacity: .5}
#qa{width: 700px;margin: 0 auto}
.q{width: 100%;background-color:#FFF7EA;padding: 15px 0 15px 60px;font-size: 15px;position: relative;cursor: pointer;transition: .6s;margin-top: 15px}
.q:hover{background-color:#FFE5BC}
.q:before{width: 35px;height: 35px;background-color: #5B8938;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 10px;content: "?";font-size: 25px;line-height: 35px; text-align: center}
.q:after{content: "";position: absolute;border: 15px solid transparent;border-top: 20px solid #5B8938;top:17px;right: 20px;}
.a{width: 100%;padding: 15px 0 15px 60px;font-size: 14px;position: relative;}
.a:before{width: 35px;height: 35px;background-color: #F5A56D;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 10px;content: "A";font-size: 25px;line-height: 35px; text-align: center}
.nayami2{width: 100%;text-align: center}
.nayami2 img{width: 100%}
.contactbtnarea2{width: 100%;text-align: center;margin: -90px 0 100px}
.contactbtn2 {display: inline-block;width: 250px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #F69E09;border-radius: 4px;box-shadow: 2px 2px 0 #A56D0F;font-weight: normal!important;margin: 0 2%}
.contactbtn2::before,.contactbtn2::after {position: absolute;z-index: -1;display: block;content: '';}
.contactbtn2,.contactbtn2::before,.contactbtn2::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.contactbtn2:hover {opacity: .5}
.access{text-align: center;font-size: 12px;color: #919191;margin: 30px 0;line-height: 1.6em}
.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#staff{width: 100%;}
#staff .greet{width: 700px;margin: 0 auto 60px;padding: 3%;border: 2px solid #FFECD8}
#staff .greet img{width: 250px;float: left;margin-bottom: 10px}
#staff .greet p.title{font-size: 20px;color: #3E3525;padding: 10px 0 0 ;font-weight: bold;}
#staff .greet p.in{font-size: 13px;color: #333;margin-top: 10px}
#staff .paperarea{text-align: center;padding-top: 50px}
#staff .paper{width: 700px;text-align: left;margin: 0 auto 80px;padding:50px 20px 20px;box-shadow:1px 1px 2px rgba(0,0,0,.3);background: #fff}
#staff .tape {position:relative;display:inline-block;}
#staff .tape::before, #staff .tape::after {content: "";display: block;position: absolute;background: rgba(255,255,255,0.3);box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
#staff .tape::before {left: -5%;top:-25px;width: 25%;height: 50px;transform: rotate(-10deg);}
#staff .tape::after {right: -5%;top:-25px;width: 24%;height: 50px;transform: rotate(10deg);}
#staff .paper img{float: left;width: 30%;}
#staff .paper .right{float: right;width:69%;}
#staff .paper .right .name{font-size: 20px;padding: 10px 0}
#staff .paper .right .big{font-size: 14px;font-weight: bold;padding: 15px 0 5px;color: #C47700}
#staff .paper .right .small{font-size: 12px;}
#staff .paper .right .like{font-size: 13px;padding: 20px 0 8px;color: #EC0057}
#voice{width: 80%;margin: 0 auto}
#voice .cu{width: 100%;}
#voice .cu img{width: 10%;float: left;margin-right: 3%}
#voice .ma{width: 100%;}
#voice .ma img{width: 10%;float: right;margin-left: 3%}
#voice .balloon1-right {position: relative;display: inline-block;margin: 1.5em 15px 1.5em 0;padding: 7px 10px;width: 70%;color: #555;font-size: 16px;background: #e0edff;border-radius: 5px;float: right}
#voice .balloon1-right:before{content: "";position: absolute;top: 35px;left: 100%;margin-top: -15px;border: 10px solid transparent;border-left: 15px solid #e0edff;}
#voice .balloon1-right p {margin: 0;padding: 0;}
#voice .balloon1-left {position: relative;display: inline-block;margin: 1.5em 0 1.5em 15px;padding: 7px 10px;width: 70%;color: #555;font-size: 16px;background: #F2F2F2;border-radius: 5px}
#voice .balloon1-left:before{content: "";position: absolute;top: 35px;left: -23px;margin-top: -15px;border: 10px solid transparent;border-right: 15px solid #F2F2F2;}
#voice .balloon1-left p {margin: 0;padding: 0;}
#voice .balloon1-left p span{font-size: 16px;font-weight: bold;line-height: 2em}
#voice .border{width: 100%;margin: 0 auto;margin: 40px 0;border-bottom: 1px dotted #CACACA}
#voice .month{font-size: 27px;font-weight: bold;color: #0E647C;margin: 60px 0 40px;border-bottom: 1px solid #0E647C;border-left: 5px solid #0E647C;padding: 2px 0 4px 8px;width: 40%;}
#formWrap {width:100%;margin:20px auto 0;padding-top:3%;color:#555;line-height:1.8em;font-size:90%;}
.titlearea{ border-bottom:1px solid #BABABA; border-top:1px solid #BABABA; line-height:2.7em; text-align:center; padding:30px 0; width:500px; margin:-30px auto 70px;color:#898989}
.titlearea a{ text-decoration:none; color:#277FB7}
.titlearea a:hover{ text-decoration:underline; color:#CD1B5E}
table.form{width:67%;max-width:800px;margin:0 auto;margin-top:2%;border: none;}
table.form th{width:30%;border: none;text-align:left;padding-right:2%; padding-left:3%}
#otoiawase input[type="text"],select{width:80%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
textarea,select{width:90%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
input[type="text"]:focus,textarea:focus,select:focus{background-color: #fff;}
table.kakunin{width:70%;max-width:800px;margin:3% auto; margin-top:2%;border: none;}
table.kakunin th{width:25%;text-align:center;padding:2% 2%;border:1px solid #ccc;}
table.kakunin td{border:1px solid #ccc;padding:2% 2%;}
input#submitbtn{display: inline-block;width: 130px;height: 40px;text-align: center;text-decoration: none;line-height: 40px;outline: none;background-color: inherit;border: 1px solid #636363;color: #636363;}
input#submitbtn::before,input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
input#submitbtn,input#submitbtn::before,input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .9s;transition: all .9s;}
input#submitbtn:hover {background-color: #fff;border-color: #1BAFD4;color: #1BAFD4;}
#footer{width: 100%;background-color: #C8B9A2;text-align: center;padding: 40px 0}
#footer img{width: 200px}
#footer .copy{margin-top: 10px;color: #fff;}
}
/** RESPONSIVE BREAKPOINTS==========**/
@media(min-width: 721px) and (max-width: 1200px){
/** base **/
html{height:100%;}
body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
.mb{ display:none;}
.pc{display: none;}
#mbmenu{display: none;}
#menuwrapper{ width: 100%;height: 70px; position: fixed;top: 0;z-index: 999!important;background-color:#fff}
#menu_wrap{ width: 100%;height: 100%; margin: 0 auto;position: relative;}
#menu_wrap img{height: 50px;margin: 8px 10px 0 0; float: left}
#menu_wrap .address{display: none}
#menu_wrap .dropmenu{*zoom: 1;list-style-type: none;position: absolute;right: 10px; width: 70%; padding:0;}
#menu_wrap .dropmenu:before, .dropmenu:after{content: "";display: table;}
#menu_wrap .dropmenu:after{clear: both;}
#menu_wrap .dropmenu li{position: relative;float: right;margin: 0;text-align: center;padding: 0 1.5%;}
#menu_wrap .dropmenu li a{display: block;margin: 0; height: 70px; color:#464646;font-size: 10px;line-height: 70px;text-decoration: none;}
#menu_wrap .dropmenu li ul{list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}
#menu_wrap .dropmenu li ul li{width: 130%;}
#menu_wrap .dropmenu li ul li a{padding: 0 15px; height: 40px;line-height: 40px;color: #fff; background: #4A7F23;text-align: left;}
#menu_wrap .dropmenu li:hover > a{color: #4A7F23;}
#menu_wrap .dropmenu li a:hover{opacity: 0.99;color: #8AB869}
#menu li ul {visibility: hidden;perspective: 400px;}
#menu li:hover ul{visibility: visible;}
#menu ul li{transform: rotateY(90deg);transform-origin: 50% 0;transition: .3s;}
#menu li:hover li{transform: rotateY(0);}
#menu ul li:nth-child(2) {transition-delay: .1s;}
#menu ul li:nth-child(3) {transition-delay: .2s;}
#header{width: 100%;height: 250px;background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size: cover;margin-top: 70px;padding: 100px 0 0; box-shadow: 0 0 10px 2px #333 inset}
#header .info{display: none}
/*slider*/
.swiper-slide{width: 100%;margin-top: 70px}
.swiper-slide .bg{width: 100%;height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative}
.swiper-slide .bg img{width: 100%;}
.swiper-slide .title{width: 400px;position: absolute;bottom: 10%;left: 2%;z-index: 2}
.swiper-slide .title img{width: 100%;}
.swiper-container .info{width: 200px;height: 100%;background-color: rgba(0,0,0,0.70);top: 0;right: 7%;z-index: 3;position: absolute;padding: 75px 8px 0;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.swiper-container .info a{text-decoration: none}
.swiper-container .info .time{color: #F1D272;font-size: 18px;font-weight: bold;margin-top: 15px;}
.swiper-container .info .yoyaku{color: #553820;width: 100%;font-size: 15px;text-align: center;padding: 3px 0; font-weight: bold;margin-top: 10px;background-color: #FAC027;border-radius: 3px;}
.swiper-container .info .phone{color: #FAC027;text-align: center;font-size: 20px;margin-top: 5px;font-weight: bold}
.swiper-container .info .phone i{font-size: 25px;margin-right: 5px}
.swiper-container .info .phone a{text-decoration: none;color: #FAC027;}
.swiper-container .info .phone a:hover{color: #D9A009;}
.swiper-container .info .btn{color: #FBF23E;background-color: #13BD00; text-align: center;font-size: 10px;height: 30px;line-height: 30px; border-radius: 5px; margin-top: 5px;}
.swiper-container .info .btn i{color: #fff;font-size: 13px;margin-right: 3px;vertical-align: -10%}
.swiper-container .info .btn:hover{opacity: .8}
/*main*/
#wrap{width: 100%;position: relative;}
#wrap .colorwrap{width: 100%;background-color: #FFFAF2;}
#wrap .primary{width: 100%;margin: 0 auto;padding: 50px 0 }
.concept{font-size: 18px;line-height: 2em;color: #5B411D;text-align: center}
.line{margin: 60px auto 0; width: 100px;}
.line2{margin: 70px auto 100px; width: 90px;}
.reason{width: 100%;padding: 0 2%}
.reason .box{width: 31%;margin-right: 3.5%; float: left;position: relative}
.reason .box:last-child{margin-right: 0!important}
.reason .box img{width: 100%;position: relative}
.reason .box .title{position: absolute;width: 100%; top: 60px;left: 0px;font-size: 12px;line-height: 1.3em; text-align: center; color: #fff;font-weight: normal;text-shadow: 0 0 3px #fff }
.reason .box .title span{font-size: 11px;}
.reason .box .look{position: absolute;width: 100%; bottom: 30px;left: 0px;font-size: 13px;text-align: center;font-weight: bold;}
.reason .box .look a{text-decoration: none;color: #fff;border-bottom: 1px solid #fff;transition: .6s;padding-bottom: 5px}
.reason .box .look a:hover{color: #798543;border-bottom: 1px solid #798543;}
.omoi{text-align: left;margin: 10px 0;font-size: 15px;}
.omoi_in{text-align: left;font-size: 12px;margin-top: 5px; line-height: 1.8em}
.nayami{width: 100%;text-align: center}
.nayami img{width: 90%}
.contactbtnarea{width: 100%;text-align: center;margin: -90px 0 100px}
.contactbtn {display: inline-block;width: 30%; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #F69E09;border-radius: 4px;box-shadow: 2px 2px 0 #A56D0F;font-weight: normal!important;margin: 0 2%}
.contactbtn::before,.contactbtn::after {position: absolute;z-index: -1;display: block;content: '';}
.contactbtn,.contactbtn::before,.contactbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.contactbtn:hover {opacity: .5}
.color2 {background-color: #F66B09!important}
.kodawari{width: 100%;}
.kodawari .box{width: 45%;margin: 2.5%; float: left;position: relative}
.kodawari .box:last-child{margin-right: 0!important}
.kodawari .box img{width: 100%;position: relative}
.kodawari .box .title{position: absolute;width: 100%; top: 90px;left: 0px;font-size: 25px;line-height: 1.3em; text-align: center; color: #fff;font-weight: normal;text-shadow: 0 0 3px #fff }
.kodawari .box .title span{font-size: 15px;}
.kodawari .box .look{position: absolute;width: 100%; bottom: 60px;left: 0px;font-size: 13px;text-align: center;font-weight: bold;}
.kodawari .box .look a{text-decoration: none;color: #fff;border-bottom: 1px solid #fff;transition: .6s;padding-bottom: 5px}
.kodawari .box .look a:hover{color: #798543;border-bottom: 1px solid #798543;}
.modalwrap{width: 80%;margin: 0 auto;text-align: left;}
.modalwrap img{width: 90%}
.modalname{text-align: left;font-size: 15px;margin:20px 0 15px;font-weight: bold;}
.modalwrap2{width: 90%;margin: 0 auto}
.modalwrap2 img{width: 100%}
.modalname2{text-align: left;font-size: 18px;margin:20px 0 15px;font-weight: bold;}
.omoi2{text-align: left;margin: 10px 0;font-size: 16px;}
.omoi_in2{text-align: left;font-size: 12px;margin-top: 5px; line-height: 1.8em}
.about{font-size: 15px;text-align: center;line-height: 1.7em}
.menu{width: 700px;margin: 100px auto 0}
.kodawari_title{text-align: center;margin: 20px 0;font-size: 22px;font-weight: bold;color: #EB8300}
.shijutsu{color:#fff;background-color:#FF8600;padding: 6px 10px;margin-bottom: -15px;margin-top: 20px; width: 200px}
.pricemenu1 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #CCE3A5;padding-bottom: 13px}
.pricemenu1:before {content: "";position: absolute;background: #BECE9B;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu2 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFBA8F;padding-bottom: 13px}
.pricemenu2:before {content: "";position: absolute;background: #FFBA8F;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu3 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFB4F9;padding-bottom: 13px}
.pricemenu3:before {content: "";position: absolute;background: #FFB4F9;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu4 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 22px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #9B9B9B;padding-bottom: 13px}
.pricemenu4:before {content: "";position: absolute;background: #9B9B9B;width: 50px;height: 50px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.hosoku{font-size: 12px;margin-top: 10px;color: #888888;line-height: 1.5em;padding-left: 5px}
.pricelist1{width: 100%;border: 2px solid #BDD58D;padding: 2%;margin: 20px 0}
.pricelist1 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist1 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist1 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist1 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist1 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist1 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist1 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist2{width: 100%;border: 2px solid #FFBA8F;padding: 2%;margin: 20px 0}
.pricelist2 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist2 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist2 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist2 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist2 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist2 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist2 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist3{width: 100%;border: 2px solid #FFB4F9;padding: 2%;margin: 20px 0}
.pricelist3 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist3 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist3 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist3 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist3 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist3 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist3 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist4{width: 100%;border: 2px solid #9B9B9B;padding: 2%;margin: 20px 0}
.pricelist4 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist4 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist4 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 10px;font-size: 17px;}
.pricelist4 li strong small {font-size: 14px;color: #17708E;padding: 0 15px 0 20px;}
.pricelist4 li span {float: right;display: block;background-color: #fefefe; padding-left: 10px; font-size: 16px;}
.pricelist4 li span.osusume {font-size: 13px;color: red;padding-top: 3px}
.pricelist4 p.kome{font-size: 12px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pbw{width: 100%;text-align: right;margin-bottom: 70px;}
.pricebtn {display: inline-block;width: 250px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #88642A;border-radius: 4px;box-shadow: 2px 2px 0 #2F1D01;font-weight: normal!important;}
.pricebtn::before,.pricebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.pricebtn,.pricebtn::before,.pricebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.pricebtn:hover {opacity: .5}
.service{width: 100%;margin: 0 auto 70px}
.service ul{width: 700px;margin: 0 auto;list-style-type: none}
.service .howto{text-align: left;font-size: 15px;font-weight: bold;color: #FF6C00;margin-top: 40px}
.service p.kome{background-color: #FFF4C9;padding: 4px 8px;font-size: 11px;margin-top: 5px}
.service ul li{width: 100%;background-image: url(../img/arr.png);background-size: 15px 15px;background-position: left top;background-repeat: no-repeat;padding:0 0 0 25px;margin-top: 14px;}
.service li dt{width: 20%;float: left;font-size: 14px;}
.service li dd{width: 80%;float: right;line-height: 1.6em;}
.service li dd span{color:#000;font-size: 110%;font-weight: bold;}
.service li dd a{color: #E20245;font-weight: bold;text-decoration: none;font-size: 14px;padding: 0 4px;}
.service li dd a:hover{color: #0D819E;}
.service .button {display: inline-block;width: 80px;text-align: center;text-decoration: none;margin: 0 4px; padding: 2px 0;outline: none;position: relative;background-color: #FFA300;border-radius: 4px;color: #fff;-webkit-transition: none;box-shadow: 0 3px 0 #C17B00;font-size: 12px;}
.service .button::before,.service .button::after {position: absolute;z-index: -1;display: block;content: '';}
.service .button,.service .button::before,.service .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.service .button:hover {top: 4px;box-shadow: 0 0 0 #C17B00;color:#C17B00 }
p.sale{width: 700px;font-size: 20px;font-weight: bold;margin: 0 auto}
p.salein{width: 700px;font-size: 12px;margin: 20px auto 0;line-height: 1.8em}
#flow{width: 100%;margin: 0 auto 70px;padding: 100px 2% 0}
#flow .flowtitle{color: #52360C;font-size: 15px;border-bottom: 1px dotted #9F875B;padding-bottom: 3px;margin: 40px 0 20px }
#flow .flowtitle:first-of-type{margin: 100px 0 20px }
#flow .flowtitle span{color: #52360C;font-size: 18px;}
#flow .flowin{font-size: 12px;line-height: 1.7em}
.phonebtn {display: inline-block;width: 150px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #FFC437;border-radius: 4px;box-shadow: 2px 2px 0 #C78E06;font-weight: normal!important;margin-right: 20px}
.phonebtn::before,.phonebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.phonebtn,.phonebtn::before,.phonebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.phonebtn:hover {opacity: .5}
.onlinebtn {display: inline-block;width: 240px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #FF8200;border-radius: 4px;box-shadow: 2px 2px 0 #8D4800;font-weight: normal!important;margin-right: 20px}
.onlinebtn::before,.onlinebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.onlinebtn,.onlinebtn::before,.onlinebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.onlinebtn:hover {opacity: .5}
.flowbtn {display: inline-block;width: 200px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #88642A;border-radius: 4px;box-shadow: 2px 2px 0 #2F1D01;font-weight: normal!important;}
.flowbtn::before,.flowbtn::after {position: absolute;z-index: -1;display: block;content: '';}
.flowbtn,.flowbtn::before,.flowbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.flowbtn:hover {opacity: .5}
#qa{width: 700px;margin: 0 auto}
.q{width: 100%;background-color:#FFF7EA;padding: 15px 0 15px 60px;font-size: 15px;position: relative;cursor: pointer;transition: .6s;margin-top: 15px}
.q:hover{background-color:#FFE5BC}
.q:before{width: 35px;height: 35px;background-color: #5B8938;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 10px;content: "?";font-size: 25px;line-height: 35px; text-align: center}
.q:after{content: "";position: absolute;border: 15px solid transparent;border-top: 20px solid #5B8938;top:17px;right: 20px;}
.a{width: 100%;padding: 15px 0 15px 60px;font-size: 14px;position: relative;}
.a:before{width: 35px;height: 35px;background-color: #F5A56D;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 10px;content: "A";font-size: 25px;line-height: 35px; text-align: center}
.nayami2{width: 100%;text-align: center}
.nayami2 img{width: 100%}
.contactbtnarea2{width: 100%;text-align: center;margin: -90px 0 100px}
.contactbtn2 {display: inline-block;width: 250px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 12px!important;background-color: #F69E09;border-radius: 4px;box-shadow: 2px 2px 0 #A56D0F;font-weight: normal!important;margin: 0 2%}
.contactbtn2::before,.contactbtn2::after {position: absolute;z-index: -1;display: block;content: '';}
.contactbtn2,.contactbtn2::before,.contactbtn2::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.contactbtn2:hover {opacity: .5}
.access{text-align: center;font-size: 12px;color: #919191;margin: 30px 0;line-height: 1.6em}
.ggmap {position: relative;width: 80%;margin: 0 auto;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#staff{width: 100%;}
#staff .greet{width: 90%;margin: 0 auto 60px;padding: 3%;border: 2px solid #FFECD8}
#staff .greet img{width: 30%;float: left;margin-bottom: 10px}
#staff .greet p.title{font-size: 20px;color: #3E3525;padding: 10px 0 0 ;font-weight: bold;}
#staff .greet p.in{font-size: 13px;color: #333;margin-top: 10px}
#staff .paperarea{text-align: center;padding-top: 50px}
#staff .paper{width: 90%;text-align: left;margin: 0 auto 80px;padding:50px 20px 20px;box-shadow:1px 1px 2px rgba(0,0,0,.3);background: #fff}
#staff .tape {position:relative;display:inline-block;width: 100%;}
#staff .tape::before, #staff .tape::after {content: "";display: block;position: absolute;background: rgba(255,255,255,0.3);box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
#staff .tape::before {left: -5%;top:-25px;width: 25%;height: 50px;transform: rotate(-10deg);}
#staff .tape::after {right: -5%;top:-25px;width: 24%;height: 50px;transform: rotate(10deg);}
#staff .paper img{float: left;width: 30%;}
#staff .paper .right{float: right;width:69%;}
#staff .paper .right .name{font-size: 20px;padding: 10px 0}
#staff .paper .right .big{font-size: 14px;font-weight: bold;padding: 15px 0 5px;color: #C47700}
#staff .paper .right .small{font-size: 12px;}
#staff .paper .right .like{font-size: 13px;padding: 20px 0 8px;color: #EC0057}
#voice{width: 80%;margin: 0 auto}
#voice .cu{width: 100%;}
#voice .cu img{width: 15%;float: left;margin-right: 3%}
#voice .ma{width: 100%;}
#voice .ma img{width: 15%;float: right;margin-left: 3%}
#voice .balloon1-right {position: relative;display: inline-block;margin: 1.5em 15px 1.5em 0;padding: 7px 10px;width: 70%;color: #555;font-size: 14px;background: #e0edff;border-radius: 5px;float: right}
#voice .balloon1-right:before{content: "";position: absolute;top: 35px;left: 100%;margin-top: -15px;border: 10px solid transparent;border-left: 15px solid #e0edff;}
#voice .balloon1-right p {margin: 0;padding: 0;line-height:1.4em}
#voice .balloon1-left {position: relative;display: inline-block;margin: 1.5em 0 1.5em 15px;padding: 7px 10px;width: 70%;color: #555;font-size: 14px;background: #F2F2F2;border-radius: 5px}
#voice .balloon1-left:before{content: "";position: absolute;top: 35px;left: -23px;margin-top: -15px;border: 10px solid transparent;border-right: 15px solid #F2F2F2;}
#voice .balloon1-left p {margin: 0;padding: 0;line-height:1.4em}
#voice .border{width: 100%;margin: 0 auto;margin: 40px 0;border-bottom: 1px dotted #CACACA}
#footer{width: 100%;background-color: #C8B9A2;text-align: center;padding: 40px 0}
#footer img{width: 200px}
#footer .copy{margin-top: 10px;color: #fff;}
#formWrap {width:100%;margin:50px auto 0;padding-top:3%;color:#555;line-height:1.8em;font-size:90%;}
.titlearea{ border-bottom:1px solid #BABABA; border-top:1px solid #BABABA; line-height:2.7em; text-align:center; padding:30px 0; width:500px; margin:-30px auto 70px;color:#898989}
.titlearea a{ text-decoration:none; color:#277FB7}
.titlearea a:hover{ text-decoration:underline; color:#CD1B5E}
table.form{width:67%;max-width:800px;margin:0 auto;margin-top:2%;border: none;}
table.form th{width:30%;border: none;text-align:left;padding-right:2%; padding-left:3%}
#otoiawase input[type="text"],select{width:80%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
textarea,select{width:90%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
input[type="text"]:focus,textarea:focus,select:focus{background-color: #fff;}
table.kakunin{width:70%;max-width:800px;margin:3% auto; margin-top:2%;border: none;}
table.kakunin th{width:25%;text-align:center;padding:2% 2%;border:1px solid #ccc;}
table.kakunin td{border:1px solid #ccc;padding:2% 2%;}
input#submitbtn{display: inline-block;width: 130px;height: 40px;text-align: center;text-decoration: none;line-height: 40px;outline: none;background-color: inherit;border: 1px solid #636363;color: #636363;}
input#submitbtn::before,input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
input#submitbtn,input#submitbtn::before,input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .9s;transition: all .9s;}
input#submitbtn:hover {background-color: #fff;border-color: #1BAFD4;color: #1BAFD4;}
}
/** RESPONSIVE BREAKPOINTS==========**/
@media(max-width: 720px){
/** base **/
html{height:100%;}
body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
.tab{ display:none;}
.mbnone{ display:none}
.pc{display: none;}
#menu{display: none;}
#mbmenu{width: 100%;background-color: #fff;height: 50px;border-bottom: 2px solid #C9C0B1;position: fixed;top: 0;left: 0;z-index: 999}
#mbmenu img{height: 44px;padding-top: 3px;}
#header{width: 100%;height: 200px;background-repeat: no-repeat;background-attachment: fixed;background-position: center center;background-size: cover;margin-top: 1s0px;padding: 100px 0 0; box-shadow: 0 0 10px 2px #333 inset}
/*slider*/
.swiper-slide{width: 100%;margin-top: 20px}
.swiper-slide .bg{width: 100%;height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative}
.swiper-slide .bg img{width: 100%;}
.swiper-slide .title{display: none}
.swiper-container .info{width: 80%;top: 30px;left: 10%;z-index: 3;position: absolute;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.swiper-container .info a{text-decoration: none}
.swiper-container .info .time{color: #F1D272;font-size: 18px;font-weight: bold;margin-top: 15px;}
.swiper-container .info .yoyaku{color: #553820;width: 100%;font-size: 15px;text-align: center;padding: 3px 0; font-weight: bold;margin-top: 10px;background-color: #FAC027;border-radius: 3px;}
.swiper-container .info .phone{color: #FAC027;text-align: center;font-size: 20px;margin-top: 5px;font-weight: bold}
.swiper-container .info .phone i{font-size: 25px;margin-right: 5px}
.swiper-container .info .phone a{text-decoration: none;color: #FAC027;}
.swiper-container .info .phone a:hover{color: #D9A009;}
.swiper-container .info .btn{color: #FBF23E;background-color: #13BD00; text-align: center;font-size: 10px;height: 30px;line-height: 30px; border-radius: 5px; margin-top: 5px;}
.swiper-container .info .btn i{color: #fff;font-size: 13px;margin-right: 3px;vertical-align: -10%}
.swiper-container .info .btn:hover{opacity: .8}
/*main*/
#wrap{width: 100%;position: relative;}
#wrap .colorwrap{width: 100%;background-color: #FFFAF2;}
#wrap .primary{width: 100%;margin: 0 auto;padding: 30px 2% }
.concept{font-size: 18px;line-height: 2em;color: #5B411D;text-align: center}
.line{margin: 60px auto 0; width: 60px;}
.line2{margin: 70px auto 100px; width: 50px;}
.reason{width: 100%;padding: 0 2%}
.reason .box{width: 80%;margin:20px auto 0;position: relative}
.reason .box img{width: 100%;position: relative}
.reason .box .title{position: absolute;width: 100%; top: 60px;left: 0px;font-size: 12px;line-height: 1.3em; text-align: center; color: #fff;font-weight: normal;text-shadow: 0 0 3px #fff }
.reason .box .title span{font-size: 11px;}
.reason .box .look{position: absolute;width: 100%; bottom: 30px;left: 0px;font-size: 13px;text-align: center;font-weight: bold;}
.reason .box .look a{text-decoration: none;color: #fff;border-bottom: 1px solid #fff;transition: .6s;padding-bottom: 5px}
.reason .box .look a:hover{color: #798543;border-bottom: 1px solid #798543;}
.omoi{text-align: left;margin: 10px 0;font-size: 15px;}
.omoi_in{text-align: left;font-size: 10px;margin-top: 5px; line-height: 1.8em}
.nayami{width: 100%;text-align: center}
.nayami img{width: 100%}
.contactbtnarea{width: 100%;text-align: center;margin: -45px 0 100px}
.contactbtn {display: inline-block;width: 35%; height: 25px!important;text-align: center;text-decoration: none;line-height: 25px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 8px!important;background-color: #F69E09;border-radius: 4px;box-shadow: 2px 2px 0 #A56D0F;font-weight: normal!important;margin: 3px auto 0}
.contactbtn:nth-child(2n) {width: 57%;margin-left: 2%}
.contactbtn::before,.contactbtn::after {position: absolute;z-index: -1;display: block;content: '';}
.contactbtn,.contactbtn::before,.contactbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.contactbtn:hover {opacity: .5}
.color2 {background-color: #F66B09!important}
.kodawari{width: 100%;}
.kodawari .box{width: 95%;margin: 2.5%; float: left;position: relative}
.kodawari .box:last-child{margin-right: 0!important}
.kodawari .box img{width: 100%;position: relative}
.kodawari .box .title{position: absolute;width: 100%; top: 50%;left: 0px;margin-top: -1em;font-size: 24px;line-height: 1.3em; text-align: center; color: #fff;font-weight: normal;text-shadow: 0 0 3px #fff }
.kodawari .box .title span{font-size: 15px;}
.kodawari .box .look{position: absolute;width: 100%; bottom: 60px;left: 0px;font-size: 13px;text-align: center;font-weight: bold;}
.kodawari .box .look a{text-decoration: none;color: #fff;border-bottom: 1px solid #fff;transition: .6s;padding-bottom: 5px}
.kodawari .box .look a:hover{color: #798543;border-bottom: 1px solid #798543;}
.modalwrap{width: 100%;margin: 0 auto;text-align: left;}
.modalwrap img{width: 100%}
.modalname{text-align: left;font-size: 15px;margin:20px 0 15px;font-weight: bold;}
.modalwrap2{width: 100%;margin: 0 auto}
.modalwrap2 img{width: 100%}
.modalname2{text-align: left;font-size: 15px;margin:20px 0 15px;font-weight: bold;}
.omoi2{text-align: left;margin: 10px 0;font-size: 12px;}
.omoi_in2{text-align: left;font-size: 10px;margin-top: 5px; line-height: 1.8em}
.kodawari_title{text-align: center;margin: 20px 0;font-size: 22px;font-weight: bold;color: #EB8300}
.shijutsu{color:#fff;background-color:#FF8600;padding: 6px 10px;margin-bottom: -15px;margin-top: 20px; width: 100px}
.about{font-size: 10px;text-align: center;line-height: 1.7em;padding: 0 2%}
.menu{width: 100%;margin: 40px auto 0}
.pricemenu1 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 16px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #CCE3A5;padding-bottom: 13px}
.pricemenu1:before {content: "";position: absolute;background: #BECE9B;width: 30px;height: 30px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu2 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 16px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFBA8F;padding-bottom: 13px}
.pricemenu2:before {content: "";position: absolute;background: #FFBA8F;width: 30px;height: 30px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu3 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 16px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #FFB4F9;padding-bottom: 13px}
.pricemenu3:before {content: "";position: absolute;background: #FFB4F9;width: 30px;height: 30px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.pricemenu4 {position: relative;color: #333333;text-shadow: 0 0 2px white;font-size: 16px;font-weight: bold;letter-spacing: .2em;padding-left: 20px;border-bottom: 1px dotted #9B9B9B;padding-bottom: 13px}
.pricemenu4:before {content: "";position: absolute;background: #9B9B9B;width: 30px;height: 30px;border-radius: 50%;top: 17%;/* border: dashed 1px white; */left: -5px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.hosoku{font-size: 11px;margin-top: 10px;color: #888888;line-height: 1.5em;padding-left: 5px}
.pricelist1{width: 100%;border: 2px solid #BDD58D;padding: 2%;margin: 20px 0}
.pricelist1 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist1 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist1 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 5px;font-size: 10px;}
.pricelist1 li strong small {font-size: 9px;color: #17708E;padding: 0 15px 0 10px;}
.pricelist1 li span {float: right;display: block;background-color: #fefefe; padding-left: 5px; font-size: 10px;}
.pricelist1 li span.osusume {font-size: 11px;color: red;padding-top: 0px}
.pricelist1 p.kome{font-size: 10px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist2{width: 100%;border: 2px solid #FFBA8F;padding: 2%;margin: 20px 0}
.pricelist2 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist2 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist2 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 5px;font-size: 10px;}
.pricelist2 li strong small {font-size: 9px;color: #17708E;padding: 0 15px 0 10px;}
.pricelist2 li span {float: right;display: block;background-color: #fefefe; padding-left: 5px; font-size: 10px;}
.pricelist2 li span.osusume {font-size: 11px;color: red;padding-top: 0px}
.pricelist2 p.kome{font-size: 10px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist3{width: 100%;border: 2px solid #FFB4F9;padding: 2%;margin: 20px 0}
.pricelist3 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist3 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist3 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 5px;font-size: 10px;}
.pricelist3 li strong small {font-size: 9px;color: #17708E;padding: 0 15px 0 10px;}
.pricelist3 li span {float: right;display: block;background-color: #fefefe; padding-left: 5px; font-size: 10px;}
.pricelist3 li span.osusume {font-size: 11px;color: red;padding-top: 0px}
.pricelist3 p.kome{font-size: 10px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pricelist4{width: 100%;border: 2px solid #9B9B9B;padding: 2%;margin: 20px 0}
.pricelist4 li {width: 100%;zoom: 100%;min-height: 1px;padding-bottom: 6px;background-image: url(../img/menu-line.png);background-repeat: repeat-x;background-size: 100% 1px;background-position: left center;padding-top: 6px;display: block;}
.pricelist4 li:after { content: "."; display: block;clear: both; height: 0;visibility: hidden;}
.pricelist4 li strong {display: block;float: left;font-weight: normal;background-color: #fefefe;padding-right: 5px;font-size: 10px;}
.pricelist4 li strong small {font-size: 9px;color: #17708E;padding: 0 15px 0 10px;}
.pricelist4 li span {float: right;display: block;background-color: #fefefe; padding-left: 5px; font-size: 10px;}
.pricelist4 li span.osusume {font-size: 11px;color: red;padding-top: 0px}
.pricelist4 p.kome{font-size: 10px;margin: 4px 0 10px;color: #987E46;text-align: left;line-height: 1.4em}
.pbw{width: 100%;text-align: right;margin-bottom: 70px;}
.pricebtn {display: inline-block;width: 250px; height: 35px!important;text-align: center;text-decoration: none;line-height: 35px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 11px!important;background-color: #88642A;border-radius: 4px;box-shadow: 2px 2px 0 #2F1D01;font-weight: normal!important;}
.pricebtn::before,.pricebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.pricebtn,.pricebtn::before,.pricebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.pricebtn:hover {opacity: .5}
.service{width: 100%;margin: 0 auto 70px}
.service ul{width: 100%;margin: 0 auto;list-style-type: none}
.service .howto{text-align: left;font-size: 12px;font-weight: bold;color: #FF6C00;margin-top: 40px}
.service p.kome{background-color: #FFF4C9;padding: 4px 8px;font-size: 10px;margin-top: 5px}
.service ul li{width: 100%;background-image: url(../img/arr.png);background-size: 12px 12px;background-position: left top;background-repeat: no-repeat;padding:0 0 0 20px;margin-top: 14px;}
.service li dt{width: 18%;float: left;font-size: 11px;}
.service li dd{width: 82%;float: right;line-height: 1.4em;}
.service li dd span{color:#000;font-size: 110%;font-weight: bold;}
.service li dd a{color: #E20245;font-weight: bold;text-decoration: none;font-size: 14px;padding: 0 4px;}
.service li dd a:hover{color: #0D819E;}
.service .button {display: inline-block;width: 60px;text-align: center;text-decoration: none;margin: 0 4px; padding: 2px 0;outline: none;position: relative;background-color: #FFA300;border-radius: 4px;color: #fff;-webkit-transition: none;box-shadow: 0 3px 0 #C17B00;font-size: 10px;}
.service .button::before,.service .button::after {position: absolute;z-index: -1;display: block;content: '';}
.service .button,.service .button::before,.service .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.service .button:hover {top: 4px;box-shadow: 0 0 0 #C17B00;color:#C17B00 }
p.sale{width: 100%;font-size: 14px;font-weight: bold;margin: 0 auto}
p.salein{width: 100%;font-size: 11px;margin: 20px auto 0;line-height: 1.8em}
#flow{width: 100%;margin: 0 auto 70px;padding: 60px 2% 0}
#flow .flowtitle{color: #52360C;font-size: 13px;border-bottom: 1px dotted #9F875B;padding-bottom: 3px;margin: 20px 0 10px }
#flow .flowtitle:first-of-type{margin: 50px 0 20px }
#flow .flowtitle span{color: #52360C;font-size: 18px;}
#flow .flowin{font-size: 11px;line-height: 1.7em}
.phonebtn {display: inline-block;width: 70px; height: 25px!important;text-align: center;text-decoration: none;line-height: 25px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 8px!important;background-color: #FFC437;border-radius: 4px;box-shadow: 2px 2px 0 #C78E06;font-weight: normal!important;margin-right: 5px}
.phonebtn::before,.phonebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.phonebtn,.phonebtn::before,.phonebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.phonebtn:hover {opacity: .5}
.onlinebtn {display: inline-block;width: 150px; height: 25px!important;text-align: center;text-decoration: none;line-height: 25px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 10px!important;background-color: #FF8200;border-radius: 4px;box-shadow: 2px 2px 0 #8D4800;font-weight: normal!important;margin-right: 5px}
.onlinebtn::before,.onlinebtn::after {position: absolute;z-index: -1;display: block;content: '';}
.onlinebtn,.onlinebtn::before,.onlinebtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.onlinebtn:hover {opacity: .5}
.flowbtn {display: inline-block;width: 110px; height: 25px!important;text-align: center;text-decoration: none;line-height: 25px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 10px!important;background-color: #88642A;border-radius: 4px;box-shadow: 2px 2px 0 #2F1D01;font-weight: normal!important;}
.flowbtn::before,.flowbtn::after {position: absolute;z-index: -1;display: block;content: '';}
.flowbtn,.flowbtn::before,.flowbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.flowbtn:hover {opacity: .5}
#qa{width: 100%;margin: 0 auto}
.q{width: 100%;background-color:#FFF7EA;padding: 10px 0 10px 40px;font-size: 11px;position: relative;cursor: pointer;transition: .6s;margin-top: 15px}
.q:hover{background-color:#FFE5BC}
.q:before{width: 20px;height: 20px;background-color: #5B8938;color: #FFFFFF;border-radius: 50%;position: absolute;top:6px;left: 10px;content: "?";font-size: 15px;line-height: 20px; text-align: center}
.q:after{content: "";position: absolute;border: 10px solid transparent;border-top: 14px solid #5B8938;top:13px;right: 15px;}
.a{width: 100%;padding: 10px 0 10px 40px;font-size: 11px;position: relative;}
.a:before{width: 20px;height: 20px;background-color: #F5A56D;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 10px;content: "A";font-size: 15px;line-height: 20px; text-align: center}
.nayami2{width: 100%;text-align: center}
.nayami2 img{width: 100%}
.contactbtnarea2{width: 100%;text-align: center;margin: -45px 0 100px}
.contactbtn2 {display: inline-block;width: 35%; height: 25px!important;text-align: center;text-decoration: none;line-height: 25px!important;outline: none;color: #fff!important;text-size-adjust: 100%;letter-spacing: 0.02em;font-size: 8px!important;background-color: #F69E09;border-radius: 4px;box-shadow: 2px 2px 0 #A56D0F;font-weight: normal!important;margin: 3px auto 0}
.contactbtn2:nth-child(2n) {width: 57%;margin-left: 2%}
.contactbtn2::before,.contactbtn2::after {position: absolute;z-index: -1;display: block;content: '';}
.contactbtn2,.contactbtn2::before,.contactbtn2::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0;}
.contactbtn2:hover {opacity: .5}
.access{text-align: center;font-size: 12px;color: #919191;margin: 30px 0;line-height: 1.6em}
.ggmap {position: relative;width: 100%;margin: 0 auto;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#staff{width: 100%;}
#staff .greet{width: 90%;margin: 0 auto 60px;padding: 3%;text-align: center;border: 2px solid #FFECD8}
#staff .greet img{width: 90%;margin: 10px auto 0}
#staff .greet p.title{font-size: 17px;color: #3E3525;padding: 10px 0 0 ;font-weight: bold;}
#staff .greet p.in{font-size: 11px;color: #333;margin-top: 10px}
#staff .paperarea{text-align: center;padding-top: 50px}
#staff .paper{width: 90%;text-align: center;margin: 0 auto 80px;padding:50px 20px 20px;box-shadow:1px 1px 2px rgba(0,0,0,.3);background: #fff}
#staff .tape {position:relative;display:inline-block;width: 100%;}
#staff .tape::before, #staff .tape::after {content: "";display: block;position: absolute;background: rgba(255,255,255,0.3);box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
#staff .tape::before {left: -5%;top:-25px;width: 25%;height: 50px;transform: rotate(-10deg);}
#staff .tape::after {right: -5%;top:-25px;width: 24%;height: 50px;transform: rotate(10deg);}
#staff .paper img{width: 50%;}
#staff .paper .right{width:100%;}
#staff .paper .right .name{font-size: 20px;padding: 10px 0;text-align: center;}
#staff .paper .right .big{font-size: 12px;font-weight: bold;padding: 15px 0 5px;color: #C47700}
#staff .paper .right .small{font-size: 10px;}
#staff .paper .right .like{font-size: 13px;padding: 20px 0 8px;color: #EC0057}
#voice{width: 100%;margin: 0 auto}
#voice .cu{width: 100%;}
#voice .cu img{width: 20%;float: left;margin-right: 3%}
#voice .ma{width: 100%;}
#voice .ma img{width: 20%;float: right;margin-left: 3%}
#voice .balloon1-right {position: relative;display: inline-block;margin: .4em 15px 1.5em 0;padding: 7px 10px;width: 70%;color: #555;font-size: 11px;background: #e0edff;border-radius: 5px;float: right}
#voice .balloon1-right:before{content: "";position: absolute;top: 35px;left: 100%;margin-top: -15px;border: 10px solid transparent;border-left: 15px solid #e0edff;}
#voice .balloon1-right p {margin: 0;padding: 0;line-height:1.4em}
#voice .balloon1-left {position: relative;display: inline-block;margin: .4em 0 1.5em 15px;padding: 7px 10px;width: 70%;color: #555;font-size: 11px;background: #F2F2F2;border-radius: 5px}
#voice .balloon1-left:before{content: "";position: absolute;top: 35px;left: -23px;margin-top: -15px;border: 10px solid transparent;border-right: 15px solid #F2F2F2;}
#voice .balloon1-left p {margin: 0;padding: 0;line-height:1.4em}
#voice .border{width: 100%;margin: 0 auto;margin: 40px 0;border-bottom: 1px dotted #CACACA}
#voice .month{font-size: 20px;font-weight: bold;color: #0E647C;margin: 60px 0 40px;border-bottom: 1px solid #0E647C;border-left: 5px solid #0E647C;padding: 2px 0 4px 8px;width: 40%;}
#footer{width: 100%;background-color: #C8B9A2;text-align: center;padding: 40px 0}
#footer img{width: 200px}
#footer .copy{margin-top: 10px;color: #fff;}
#formWrap {width:100%;margin:0 auto;padding-top:3%;color:#555;line-height:1.8em;font-size:90%;}
.titlearea{ border-bottom:1px solid #D9D9D9; border-top:1px solid #D9D9D9; line-height:2.3em; text-align:center; padding:15px 0; width:100%; margin:40px auto 0;color:#555; font-size:9px}
.titlearea a{ text-decoration:none; color:#277FB7}
.titlearea a:hover{ text-decoration:underline; color:#CD1B5E}
table.form{width:100%;margin:0 auto;margin-top:2%;border: none;}
table.form tr{width:100%; display: block;list-style: none;}
table.form th{display: list-item;padding:0px 0px;margin-top:2%;border:none;width: 100%!important;}
table.form td{display: list-item;padding:0px 0px;text-align:center;border:none;width: 100%!important}
input[type="text"],select{width:90%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 7px 2%;margin:5px auto;border: 1px solid #D9D9D9}
textarea,select{width:100%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 7px 2%;margin:3px 0;border: 1px solid #D9D9D9}
select{width: auto;min-width:150px;background-color: #fff;color: #000;padding:7px 0 7px 2%;margin:3px 0;}
input[type="text"]:focus,textarea:focus,select:focus{background-color: #fff;}
table.kakunin{width:70%;max-width:800px;margin:3% auto; margin-top:2%;border: none;}
table.kakunin th{width:25%;text-align:center;padding:2% 2%;border:1px solid #ccc;}
table.kakunin td{border:1px solid #ccc;padding:2% 2%;}
input#submitbtn{display: inline-block;width: 130px;height: 35px;text-align: center;text-decoration: none;line-height: 35px;outline: none;background-color: inherit;border: 1px solid #C6C6C6;color: #C6C6C6;}
input#submitbtn::before,input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
input#submitbtn,input#submitbtn::before,input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .9s;transition: all .9s;}
input#submitbtn:hover {background-color: #fff;border-color: #1BAFD4;color: #1BAFD4;}
}