@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"";}
img{max-width:100%;height:auto;vertical-align:bottom;-webkit-backface-visibility: hidden;}
a img{max-width:100%;height:auto;border:0;}
a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; /*animation:fadeIn 1s ease 0s 1 normal;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font:16px/1.75 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;color:#000;animation:fadeIn 2s ease 0s 1 normal; font-feature-settings : "palt"; letter-spacing: 0.05rem;}
/*"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
/*::after{ display: block; clear: both; content: '';}*/

/* リンク設定
------------------------------------------------------------*/
a{text-decoration:none;outline:0;vertical-align:baseline;color:#000;}
a:hover,a:active{color:#000;}

/**** Clearfix ****/
.inner:after{content:""; display:table;clear:both;}
.inner{zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 汎用クラス
*****************************************************/
.pcDisp{display:block;}
.spDisp{display:none;}

/* ヘッダー
------------------------------------------------------------*/
header{background:url(images/kv.jpg) no-repeat; background-size: 100% auto; }
header img{ width: 100%;}

/* コンテンツ
*****************************************************/
main .inner{max-width:1200px;width:90%;margin:0 auto;padding:0;box-sizing:border-box;}
main .inner2{max-width:1050px;width:90%;margin:0 auto;padding:0;box-sizing:border-box;}

#top{ background: url(images/bg1.jpg) no-repeat; background-size: 100% 100%; padding: 50px 0 75px; text-align: center;}
#top .copy{ font-size: 22px; font-weight: bold; color: #0e1462; margin-bottom: 30px; margin-top: 45px;}
#top  p span{ font-weight: bold;}

.hana h2{margin-top: 80px; text-align: center; font-size: 50px; color: #0e1462; margin-bottom: 50px; font-weight: normal;}
.hana h2:before{content: ''; display: inline-block; width: 103px; height: 15px; background: url("images/deco1l.jpg") no-repeat; background-size: contain; vertical-align: middle; margin-right: 20px;}
.hana h2:after{content: ''; display: inline-block; width: 103px; height: 15px; background: url("images/deco1r.jpg") no-repeat; background-size: contain; vertical-align: middle; margin-left: 20px;}
.hana .copy{ margin-bottom: 40px; text-align: center; line-height: 3;}
.hana .detailbox{ background: #e1e4f2; width: 100%; padding: 50px 0;}
.hana .detailbox h3{ text-align: center; margin-bottom: 50px;}
.hana .detailbox ul::after{ display: block; clear: both; content: '';}
.hana .detailbox ul li{ width: 510px; float: left; background: #fff; margin-bottom: 30px; padding-bottom: 30px;}
.hana .detailbox ul li:nth-child(odd){ margin-right: 30px;}
.hana .detailbox ul li h4{ background: #384da7; line-height: 50px; text-align: center; color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 50px;}
.hana .detailbox ul li .price{ margin: 0 20px 40px; color: #a61e1e; font-size: 20px; line-height: 1; }
.hana .detailbox ul li .price span{ font-size: 16px; margin-left: 20px; color: #000;}
.hana .detailbox ul li p{ padding: 0 20px 20px;}

#tatefuda h2{ text-align: center; margin-top: 70px; margin-bottom: 20px; color: #0055aa;}
#tatefuda .inner2::after{ display: block; clear: both; content: '';}
#tatefuda .img{ width: 343px; float: right; padding-right: 17px; box-sizing: border-box;}
#tatefuda .txt{ width: 707px; float: left; padding-left: 140px; box-sizing: border-box; background: url(images/fuda1.jpg) no-repeat left 17px top; padding-bottom: 20px;}

#qa{ padding-bottom: 50px;}
#qa h2{ text-align: center; font-size: 40px; margin-top: 85px; margin-bottom: 35px; background: url(images/deco2.jpg) no-repeat center top; padding-top: 45px; line-height: 1;}
#qa .copy{ text-align: center; margin-bottom: 50px;}
#qa .qaset{ padding: 30px 0; border-bottom: 1px solid #000;}
#qa .qaset.last{ border-bottom: none;}
#qa .qaset .qaq{ background: url(images/qaq.png) no-repeat; padding-left: 30px; margin-bottom: 20px;}
#qa .qaset .qaq span{ font-weight: bold;}
#qa .qaset .qaa{ background: url(images/qaa.png) no-repeat; padding-left: 30px;}

#tokuten h2{ margin-top: 75px; margin-bottom: 40px;}
#tokuten h2 img{ width: 100%;}
#tokuten ul{ display: flex; margin-bottom: 100px;}
#tokuten ul li{ width: 100%; margin-right: 45px; padding-top: 186px; text-align: center; padding-bottom: 50px;}
#tokuten ul li:last-child{ margin-right: 0;}
#tokuten ul li:nth-child(1){ background: url(images/tokuten1.jpg) no-repeat; background-size: 100%;}
#tokuten ul li:nth-child(2){ background: url(images/tokuten2.jpg) no-repeat; background-size: 100%;}
#tokuten ul li:nth-child(3){ background: url(images/tokuten3.jpg) no-repeat; background-size: 100%;}
#tokuten ul li h3{ margin-bottom: 40px;}

#form{ background: #f3f3f7; padding-bottom: 70px;}
#form h2{ font-size: 40px; padding-top: 50px; margin-bottom: 40px; text-align: center;}
#form #form_box{ max-width:1000px; width:100%; margin:0 auto; background: #fbfbfb; padding: 85px; box-sizing: border-box;}
#form_box::after,#form_box dl::after{ display: block; clear: both; content: '';}
#form_box dl dt{ font-weight:bold; font-size:18px; margin-bottom:13px; clear:both; width: 30%; float: left; clear: both;}
#form_box dl dd{ margin-bottom:40px; width: 70%; float: right;}
#form_box dl dd::after{ display: block; clear: both; content: '';}
#form_box dl span{ color:#fff; background: #bd0000; padding:5px 10px; line-height:100%; margin-left:15px; font-size:14px;}
#form_box dl input{width:50%; height:30px; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%; box-sizing: border-box; background: #fff;}
#form_box input[type="checkbox"]{ display: none;}
.radio-input + label{  padding-left: 45px;  position:relative;  margin-right: 30px;}
.radio-input + label::before{ content: ""; display: block; position: absolute; top: -8px; left: 0; width: 30px; height: 30px; border: 1px solid #a7a6a6; border-radius: 50%; background: #fff;}
.radio-input:checked + label{ color: #bd0000;}
.radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: -5px; left: 3px; width: 26px;  height: 26px; background: #bd0000; border-radius: 50%;}
#form_box ul li{ line-height: 30px; margin-bottom: 10px; width: 100%;}
#form_box ul::after{ display: block; clear: both; content: '';}
#form_box dl textarea{max-width:100%; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%;box-sizing:border-box; background: #fff; height: 200px!important;}
#form_box .txt{ margin-bottom: 20px;}
#form_box #btn{ clear:both; width:100%; text-align:center;}
#form_box button{border:none; background:none;}
.formend{max-width:1000px; width:100%; margin:100px auto; text-align: center;}
.formend h2{ font-size: 30px; margin-bottom: 50px;}


/* 共通エリア
*****************************************************/
.min{ font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.res h2,.res h2 img{ width: 100%;}
.resbox{width: 100%; background: url(images/resbg.jpg) no-repeat; background-size: 100% 100%; padding: 90px 0 60px;}
.resbox::after{ display: block; clear: both; content: '';}
.resbox h3{ text-align: center; margin-bottom: 40px;}
.resbox .tel{ width: 50%; float: left; padding-top:16px; padding-left: 125px; box-sizing: border-box; text-align: center;}
.resbox .tel img{ margin-bottom: 5px;}
.resbox .mail{ width: 50%; float: right;}
.resbox .mail a{transition: 0.3s ease-in-out; display: block;}
.resbox .mail a:hover{transform: translate(3px,0);}

/* フッター
*****************************************************/
footer{padding:50px 0;box-sizing:border-box;}
footer .inner{max-width:1050px;width:90%;margin:0 auto;padding:0;box-sizing:border-box;}
footer ul{ display: flex;}
footer ul li{ width: 100%; margin-right: 50px;}
footer ul li:last-child{ margin-right: 0;}
footer ul li h3{ border: 1px solid #000; font-size: 14px; margin-bottom: 20px; padding: 10px; box-sizing: border-box;}
footer ul li .footset{ margin-bottom: 60px;}
footer ul li p{ font-size: 12px; line-height: 2; margin-bottom: 20px;}
.pagetop{ position: fixed; bottom: 50%; right: 0;opacity: 0;transition: all .5s ease;}
.pagetop a{ display: block;}
.pagetop.isActive{opacity: 1;}
address{background:#e3e2e2;font-size:14px;text-align:center;word-break:break-all;box-sizing:border-box; line-height: 40px; height: 40px;}

/* グローバルナビゲーション
*****************************************************/
nav#mainNav{background:#0f1d37; width: 100%;}
nav#mainNav ul{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
nav#mainNav li{width:100%;padding:0;text-align:center;box-sizing:border-box;}
nav#mainNav li a{margin:0 auto;padding:20px 0;font-size:17px;color:#fff;display:block;box-sizing:border-box;font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
nav#mainNav li a:hover{transition: 0.3s ease-in-out;}
nav#mainNav li a:hover{background: #fff; color: #0f1d37;}
div.drawer,div.fixedMenu,.spMenuCenter{display:none;}


/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
div.drawer{display:block;}
nav#mainNav{display:none;}
#fixedMenu{ position: fixed; bottom: 0; width: 100%; z-index: 9999;}
#fixedMenu ul{ display: flex; width: 100%;}
#fixedMenu ul li{ width: 50%; text-align: center; padding: 15px 0; font-size: 16px;}
#fixedMenu ul li a{ color: #fff;}
#fixedMenu ul li:first-child{ background: #0e1462; }
#fixedMenu ul li:last-child{ background: #1967b5; }
.pagetop{ bottom: 56px;}
header{background:url(images/sp_kv.jpg) no-repeat; background-size: 100% auto; }
#top { padding: 30px 0 35px;}
#top .copy { margin-bottom: 10px; margin-top: 15px;}
.hana h2 { margin-top: 20px; font-size: 27px; margin-bottom: 10px;}
.hana h2:before,.hana h2:after { width: 63px;}
.hana .copy { margin-bottom: 30px; line-height: 2;}
.hana .detailbox { padding: 30px 0;}
.hana .detailbox h3 { margin-bottom: 30px;}
.hana .detailbox ul li:nth-child(odd) { margin-right: 0;}
.hana .detailbox ul li { width: 100%; float: none; margin-bottom: 20px; padding-bottom: 20px;}
.hana .detailbox ul li h4 { margin-bottom: 30px;}
.hana .detailbox ul li .price { margin: 0 20px 20px;}
.resbox { background: url(images/sp_resbg.jpg) no-repeat; background-size: 100% 100%; padding: 30px 0 20px;}
.resbox h3 { margin-bottom: 20px;}
.resbox .tel {width: 100%;float: none;padding-top: 0; padding-left: 0; margin-bottom: 20px;}
.resbox .mail { width: 100%; float: none;}
.hana .detailbox ul li .price span { margin-left: 0;}
#tatefuda h2 { margin-top: 30px;}
#tatefuda .img { width: 100%; float: none; padding-right: 0; text-align: center; margin-bottom: 20px;}
#tatefuda .txt { width: 100%; float: none;}
#qa h2 { font-size: 30px; margin-top: 35px; margin-bottom: 35px; padding-top: 35px;}
#qa .copy { margin-bottom: 20px;}
#tokuten ul { display: block; margin-bottom: 0;}
#tokuten ul li { padding-bottom: 100px;}
#form h2 {font-size: 30px; padding-top: 20px; margin-bottom: 10px;}
#form #form_box { padding: 20px;}
form#mailformpro dl dt { padding: 5px 15px!important;}
#form_box dl input { width: 100%;}
#form_box dl dd { width: 100%; float: none; box-sizing: border-box;}
footer ul { display: block;}
footer ul li .footset { margin-bottom: 30px;}
address { font-size: 8px; margin-bottom: 60px;}




}