@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#33241a;-webkit-text-size-adjust:100%; font-weight:500; font-family:"Zen Kaku Gothic New",'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1200px;}
#body-top{ overflow:hidden; background:url(../images/common/bk-top.jpg)center top no-repeat;}
#home #body-top{ background:url(../images/home/bk-top.jpg)center top no-repeat;}


/*▼ヘッダー▼*/
#header{ width:1024px; margin:auto;}
#header h1{ opacity:0; height:0;}
#header #hmid{ overflow:hidden;}
#header .left { float:left; padding:10px 0 0;}
#header .left a{ text-decoration:none; display:inline-block;}
#header .left a .p-name{ font-size: 34px; font-weight: 500; color:#33241a; line-height: 1em;}
#header .left a .p-name img{ height:70px;}
#header .left a .p-01{ font-size: 16px; letter-spacing: normal; line-height: 1.2em;}
#header .left table td{ padding-right:10px;}


#header .right{ float:right; padding-top:20px;}
#header .right .p-01{ font-size:15px; font-weight:500; margin-bottom:5px;}
#header .right .p-tel{ font-size:40px; font-weight:400; line-height:1em; display:inline-block; vertical-align: middle; font-family: "Shippori Mincho", serif;}
#header .right .p-tel a{ background:url(../images/common/ico-tel.png)left 5px no-repeat; color:#33241a; display:block; line-height:1em; text-decoration:none; padding-left:40px;}
#header .right .line{ display: inline-block; margin-left: 15px; padding-left: 15px; border-left: 1px solid #cbbeab; position: relative; top:3px;}
#header .right .line a{ display: inline-block; vertical-align: middle;}
#header .right .p-02{ font-size:15px; font-weight:500; color:#333; text-align:left; margin:8px 0 0 2px;}
#header .right .p-02 span{ font-weight: bold; display:inline-block; margin-right:10px;}



/*▼メインナビゲーション▼*/
#navi{ text-align:center; padding-top: 30px;}
#navi ul{ height: 45px;}
#navi li { display:inline-block; font-size:17px; font-weight:600; text-align:center; padding:0 12px; position:relative;}
#navi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0px 10px 20px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#98754a;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute; left:0; bottom:0px;width:100%; height:3px;background:#98754a;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ margin-right:0px;}


/*▼メインビジュアル▼*/
#mp{}
#mp .area-01{ width:1024px; height:440px; margin:auto; position: relative;}
#mp .area-01 .p-01{ font-size:40px; font-weight:bold; color:#98754a; height: 100px; margin-bottom:50px; position: absolute; right:-60px; top:150px;}
#mp .area-01 .p-01 span{ font-size:22px; font-weight: 500; display: block; line-height:2em; display: block; font-family: "Shippori Mincho", serif;}
#mp .area-01 .p-02{ font-size:24px; font-weight:500; padding-top: 10px; position: absolute; right:131px; top:270px;}


#about #mp{ background:#f8f8f8 url(../images/about/mp.png) center top no-repeat;}
#about #mp .p-01{ right:65px;}
#contact #mp{ background:#f8f8f8 url(../images/contact/mp.png) center top no-repeat;}
#contents #mp{ background:#f8f8f8 url(../images/contents/mp.png) center top no-repeat;}
#contents #mp .p-01{ right:45px;}


#hmp{ background:url(../images/home/mp.jpg)center top no-repeat; position:relative;}
#hmp .area-01{ width: 1024px; height: 790px; margin:auto; overflow: hidden;}
#hmp .area-01 .p-01{ font-size: 44px; font-weight: bold; color:#98754a; float: right; padding-top:100px; margin-right:60px; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;}

#hmp .area-01 .p-01 .ellipsis { position: relative; left:18px;}
#hmp .area-01 .p-02{ font-size: 24px; font-weight: bold; color:#33241a; float: right; padding-top:150px; margin-right:40px; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; line-height:1.8em;}
#hmp .mp-text{ position: absolute; left: 1px; bottom: 1px; width: 100%; font-size: 100px; font-weight: 600; color: #fff; text-align: center; height: 1em; font-family: "Shippori Mincho", serif; }




/*----- フッター -----*/
#footer {}
#fnavi{ text-align:center; padding-top:50px;}
#fnavi li { display:inline-block; font-size:17px; font-weight:600; text-align:center; padding:0 12px; position:relative;}
#fnavi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0px 10px 20px;}

#footer #fmid{ width:1024px; margin:auto; overflow:hidden; padding:30px 0 70px;}
#footer #fmid .left { float:left;}
#footer #fmid .left a{ text-decoration:none; display:inline-block;}
#footer #fmid .left a .p-name{ font-size: 34px; font-weight: 500; color:#33241a; line-height: 1em;}
#footer #fmid .left a .p-name img{ height:70px;}
#footer #fmid .left a .p-01{ font-size: 16px; letter-spacing: normal; line-height: 1.2em;}
#footer #fmid .left table td{ padding-right:10px;}

#footer #fmid .right{ float:right;}
#footer #fmid .right .p-01{ font-size:15px; font-weight:500; margin-bottom:5px;}
#footer #fmid .right .p-tel{ font-size:40px; font-weight:400; line-height:1em; display:inline-block; vertical-align: middle; font-family: "Shippori Mincho", serif;}
#footer #fmid .right .p-tel a{ background:url(../images/common/ico-tel.png)left 5px no-repeat; color:#33241a; display:block; line-height:1em; text-decoration:none; padding-left:40px;}
#footer #fmid .right .line{ display: inline-block; margin-left: 15px; padding-left: 15px; border-left: 1px solid #cbbeab; position: relative; top:3px;}
#footer #fmid .right .line a{ display: inline-block; vertical-align: middle;}
#footer #fmid .right .p-02{ font-size:15px; font-weight:500; color:#333; text-align:left; margin:8px 0 0 2px;}
#footer #fmid .right .p-02 span{ font-weight: bold; display:inline-block; margin-right:10px;}

#footer #tamonten { background:#f8f8f8; clear:both; line-height: 2em; text-align: center; font-size:10px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#33241a; text-decoration:none; opacity:1; filter:alpha(opacity=100);}

.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:100px; height:100px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}

/* 追従ボタン */
#fixd-btn{ position:fixed; top:140px; right:0; z-index:2;}
#fixd-btn a.yoyaku{ background:#98754a; width:60px; height:250px; border-radius:20px 0 0 20px; display:block; text-decoration:none; text-align:center; margin-bottom: 20px;}
#fixd-btn a.yoyaku p{ font-size:18px; font-weight:bold; color:#fff; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; text-orientation:upright; display:inline-block; margin:20px 0 0 5px; letter-spacing:2px;}
#fixd-btn a.yoyaku p img{ margin-bottom:5px;}
#fixd-btn a.line{ background:#33241a; width:60px; border-radius:20px 0 0 20px; padding:15px 0; display:block; text-decoration:none; text-align:center;}



/*----- エリア・共通設定 -----*/
.box{ width:1024px; margin:auto; padding:70px 0;}
.bk-right{ background:url(../images/common/bk-right.png)center top no-repeat; min-height:750px;}
.bk-gray{ background:#f8f8f8;}

.h2-01{ font-size:40px; font-weight:bold; text-align:center; margin-bottom:50px;}
.h2-01 span{ font-size:22px; font-weight: 500; color:#98754a; display: block; line-height:2em; display: block; font-family: "Shippori Mincho", serif;}
.h2-01.left{ text-align: left;}

.more{ font-size: 18px; font-weight:600; text-align: center; margin:50px auto;}
.more a{ background:#33241a url(../images/common/arrow.png)right 20px top 50% no-repeat; border:2px solid #33241a; color:#fff; padding:20px 50px; border-radius:50px; text-decoration: none; display:inline-block;}
.more a:hover{ background:#fff url(../images/common/arrow-on.png)right 17px top 50% no-repeat; color:#33241a; opacity:1;}
.more.left{ margin:50px 0;}




/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
#home #box-01{ padding:100px 0 50px; background:url(../images/common/bk-left.png)center 170px no-repeat;}
#home #box-01 .area-01{ width: 1024px; margin:auto; min-height:740px; position: relative;}
#home #box-01 .area-01 .tb{ width: 490px;}
#home #box-01 .area-01 .tb h2{ font-size: 30px; text-align: left; line-height: 2em;}
#home #box-01 .area-01 .tb h2 span{ font-size: 20px;}
#home #box-01 .area-01 .tb p{ font-size: 18px; line-height: 2em; margin-bottom: 30px;}
#home #box-01 .area-01 .img-01{ position: absolute; right:0; top:0;}
#home #box-01 .area-01 .img-02{ position: absolute; right:0; bottom:0;}


#home #box-02{}
#home #box-02 .area-01{}
#home #box-02 .area-01 ul{ overflow:hidden; padding:10px 10px;}
#home #box-02 .area-01 ul li{ background:#fff url(../images/common/ico-check.png)15px 17px no-repeat; font-size:18px; float:left; padding:12px 30px 12px 50px; box-shadow:0 0 10px rgba(0,0,0,.4); margin-bottom:25px;}
#home #box-02 .area-01 ul li span{ font-size:22px; font-weight:bold; color:#005e3c;}
#home #box-02 .area-01 ul li:nth-child(1){ margin-left: 50px;}
#home #box-02 .area-01 ul li:nth-child(2){ float:right;}
#home #box-02 .area-01 ul li:nth-child(4){ float:right; margin-right: 50px;}
#home #box-02 .area-01 ul li:nth-child(5){ float:right;}


#home #box-03{ padding-bottom: 100px;}
#home #box-03 a{ overflow:visible; text-decoration: none;}


#home #box-04{ padding-bottom:0px;}
#home #box-04 h2{ margin-left: 80px;}
#home #box-04 .area-01{ width: 870px; margin-left:80px; overflow: hidden;}
#home #box-04 .area-01 .entry{ width: 270px; float: left; margin-right:30px; position: relative;}
#home #box-04 .area-01 .entry:nth-child(3){ margin-right: 0;}
#home #box-04 .area-01 .entry img{ border-radius:15px;}
#home #box-04 .area-01 .entry .no{ font-size:54px; font-weight:600; color:#98754a; width:2em; height:1em; text-align: center; position: absolute; top:160px; left:0; right:0; margin:auto; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 20px #fff,0 0 20px #fff; font-family: "Shippori Mincho", serif;}
#home #box-04 .area-01 .entry .p-01{ font-size:20px; font-weight: bold; text-align: center; line-height: 2em; padding-top:30px;}
#home #box-04 .area-01 .more{ clear:both; padding-top: 50px;}


#home .bk-ami{ background:url(../images/common/bk-ami.jpg)center bottom no-repeat;}
#home #box-05{}
#home #box-05 .area-01{ max-height: 430px; overflow-y:scroll;}
#home #box-05 .area-01 dl dt{ font-size: 18px; font-weight: bold; padding-top: 20px; margin-bottom: 5px;}
#home #box-05 .area-01 dl dd.dd-01{ font-size:20px; margin-bottom:3px;}
#home #box-05 .area-01 dl dd.dd-02{ font-size: 16px;padding-bottom: 20px; border-bottom: 1px solid #cbbeab; line-height: 1.7em;}
#home #box-05 .area-01 dl dd.dd-02:last-child{ border: none;}


#home #box-06{}
#home #box-06 .googlemap{ height: 450px;}
#home #box-06 .area-01{ width: 1024px; margin:auto; padding:20px 0 70px; text-align:center;}
#home #box-06 .area-01 p{ background:url(../images/common/ico-pin.png)left top no-repeat; font-size: 20px; padding-left:25px;}


#box-clinic{ background:url(../images/common/bk-contact.jpg)center top no-repeat; height: 500px;}





/*----- 当院について about -----*/
/*----- 当院について about -----*/
/*----- 当院について about -----*/
#about .bk-01{ background:url(../images/about/bk-01.png)center 80px no-repeat; padding-top:80px; margin-bottom: 80px;}
#about #box-01{ min-height:700px; box-sizing: border-box;}
#about #box-01 .area-01{ padding:80px 0 0 80px;}
#about #box-01 .area-01 p{ font-size:24px; font-weight: 600; line-height: 2.5em; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 20px #fff,0 0 20px #fff;}


#about #box-02{ position: relative; padding:80px 0 120px;}
#about #box-02 .area-01{ position: relative; z-index:2;}
#about #box-02 .area-01 p{ font-size: 20px; font-weight: 500; line-height: 2.2em; text-align: center;}
#about #box-02 .img-01{ position: absolute; top:0; left:-300px;}
#about #box-02 .img-02{ position: absolute; top:430px; left:-300px;}
#about #box-02 .img-03{ position: absolute; top:120px; right:-300px;}


#about #box-03{ background:#f8f8f8; min-height:650px; position: relative; padding-bottom: 0;}
#about #box-03 .area-01{ width: 1024px; margin:auto; padding:0px 0;}
#about #box-03 .area-01 .p-name{ font-size: 30px; font-weight: 500; margin-bottom: 15px;}
#about #box-03 .area-01 .p-name span{ font-size: 20px; display: inline-block; vertical-align: middle; margin-left: 5px;}
#about #box-03 .area-01 ul li{ font-size: 20px; font-weight: 500; margin-bottom: 15px;}
#about #box-03 .area-01 h3{ font-size: 24px; font-weight: 600; color:#98754a; padding:30px 0 10px;}
#about #box-03 .area-01 img{ position: absolute; top:0; right:180px;}


#about #box-04{}
#about #box-04 .area-01{ overflow: hidden;}
#about #box-04 .area-01 .entry{ width: 480px; float: left; margin-bottom:40px;}
#about #box-04 .area-01 .entry:nth-child(2n){ float: right;}
#about #box-04 .area-01 .entry p{ font-size: 20px; font-weight: 500; text-align: center; line-height:2em; padding-top:10px;}


#about #box-05{}
#about #box-05 .googlemap{ height: 450px;}
#about #box-05 .area-01{ width: 1024px; margin:auto; padding:30px 0 70px;}
#about #box-05 .area-01 table{}
#about #box-05 .area-01 table th{ font-size:18px; font-weight: 500; text-align: left; padding-bottom:20px;}
#about #box-05 .area-01 table td{ font-size:18px; font-weight: 500; text-align: left; padding-bottom:20px;}
#about #box-05 .area-01 table td span{ width: 26px; text-align: center; display: inline-block; margin-right:10px;}






/*----- 施術内容 contents -----*/
/*----- 施術内容 contents -----*/
/*----- 施術内容 contents -----*/
#contents #box-01{}
#contents #box-01 .p-title{ font-size:18px; font-weight: 500; line-height: 2em;}
#contents #box-01 .area-01{ padding-top:70px;}
#contents #box-01 .area-01 h3{ font-size:36px; font-weight: 500; color:#98754a; padding-bottom: 15px; border-bottom: 1px solid #98754a; margin-bottom: 20px;}
#contents #box-01 .area-01 h3 span{ font-size: 24px; display: inline-block; margin-left:5px;}
#contents #box-01 .area-01 .inner{ overflow: hidden;}
#contents #box-01 .area-01 .inner img{ float: left;}
#contents #box-01 .area-01 .inner .tb{ width: 570px; float: right;}
#contents #box-01 .area-01 .inner .tb h4{ font-size:24px; font-weight: bold; margin-bottom: 15px;}
#contents #box-01 .area-01 .inner .tb ul{ padding-bottom:15px;}
#contents #box-01 .area-01 .inner .tb ul li{ font-size:20px; font-weight: bold; color:#98754a; margin-bottom:10px;}
#contents #box-01 .area-01 .inner .tb p{ font-size: 17px; line-height: 1.8em;}

#contents .bk-left{ background:url(../images/contents/bk-left-top.jpg),url(../images/contents/bk-left-bottom.jpg),url(../images/contents/bk-left-center.png); background-position:center top,center bottom,center top; background-repeat:no-repeat,no-repeat,repeat-y; margin-bottom:30px;}


#contents #box-02{}
#contents #box-02 .area-01{ margin:0 100px 50px 0;}
#contents #box-02 .area-01 .p-01{ font-size: 20px; line-height: 2em; margin-bottom: 20px;}
#contents #box-02 .area-01 .p-02{ width: 630px; font-size: 20px; font-weight: bold; color:#98754a; display: block; box-sizing: border-box; line-height: 3em; margin-bottom: 15px;}
#contents #box-02 .area-01 .p-02 .span{ width: 100%; background:#fff; padding:0px 20px; display:block; margin-bottom:10px;}
#contents #box-02 .area-01 .p-02 .red { font-size: 24px; color:#c93d36;}

#contents #box-02 .area-02{ margin-right: 100px;}
#contents #box-02 .area-02 table{ width: 100%;}
#contents #box-02 .area-02 table tr{ border-top: 1px solid #98754a;}
#contents #box-02 .area-02 table tr:last-child{ border-bottom: 1px solid #98754a;}
#contents #box-02 .area-02 table tr th{ width:260px; text-align: left; padding:30px 0;}
#contents #box-02 .area-02 table tr th .text{ font-size:22px; font-weight: bold; line-height: 1.8em; display: inline-block; vertical-align: middle;}
#contents #box-02 .area-02 table tr th .step{ background:#98754a; width: 80px; height: 80px; border-radius:50%; display: inline-block; text-align: center; font-size: 30px; color:#fff; margin-right:15px; vertical-align: middle; font-family: "Shippori Mincho", serif;}
#contents #box-02 .area-02 table tr th .step span{ font-size: 20px; display: block; line-height: 1.5em; margin-top:10px;}
#contents #box-02 .area-02 table tr td{ font-size: 18px; line-height: 1.8em; padding:30px 0 30px 0px; vertical-align: middle;}


#contents #box-03{}
#contents #box-03 .p-title{ font-size:18px; font-weight: 500; line-height: 2em; margin-bottom: 50px;}
#contents #box-03 h3{ font-size: 30px; font-weight: bold; color:#98754a; margin-bottom: 15px;}
#contents #box-03 .price{ background:#f8f8f8; font-size:24px; font-weight: 500; color:#c93d36; display: inline-block; padding:0 20px; margin-bottom: 15px;}
#contents #box-03 .price span{ font-size: 18px;}
#contents #box-03 .p-01{ font-size: 20px; font-weight: 500; line-height:1.8em;}
#contents #box-03 .p-01 span{ color:#c93d36;}
#contents #box-03 .area-01{ margin-bottom: 70px;}
#contents #box-03 .area-02{ margin-bottom: 70px;}
#contents #box-03 .area-02 table{ width: 100%;}
#contents #box-03 .area-02 table th{ background:#f8f8f8; font-size: 20px; font-weight: bold; text-align: center; padding:15px 0; border: 1px solid #98754a;}
#contents #box-03 .area-02 table th span{ font-size: 16px;}
#contents #box-03 .area-02 table th:nth-child(1){ width: 300px;}
#contents #box-03 .area-02 table th:nth-child(2){ width: 150px;}
#contents #box-03 .area-02 table th:nth-child(3){ width: 150px;}
#contents #box-03 .area-02 table td{ font-size: 18px; padding:20px 20px; border: 1px solid #98754a; vertical-align: middle;}
#contents #box-03 .area-02 table td:nth-child(1){ font-size: 20px; font-weight: bold;}
#contents #box-03 .area-02 table td:nth-child(2){ text-align: center;}
#contents #box-03 .area-02 table td:nth-child(3){ font-size:24px; font-weight: bold; color:#c93d36; text-align: center;}
#contents #box-03 .area-02 table td:nth-child(3) span{ font-size: 18px;}
#contents #box-03 .area-02 table td:nth-child(4){ font-size: 16px; line-height: 1.8em;}

#contents #box-03 .area-03{ margin-bottom: 80px;}
#contents #box-03 .area-04 p{ margin-bottom: 15px;}
#contents #box-03 .area-04 .inner{ overflow: hidden;}
#contents #box-03 .area-04 .inner .entry{ width: 480px; float: left;}
#contents #box-03 .area-04 .inner .entry:last-child{ float: right;}
#contents #box-03 .area-04 .inner .entry a{ background:#efebe6; border: 1px solid #98754a; display: block;}
#contents #box-03 .area-04 .inner .entry a img{ vertical-align: middle; margin-right:20px;}
#contents #box-03 .area-04 .inner .entry a span{ font-size: 24px; font-weight: bold; color:#98754a; display: inline-block; vertical-align: middle;}

#contents .p-navi-bk{ text-align:center; margin-top:50px;}

#contents .p-navi{ text-align: center; display:inline-block;}
#contents .p-navi a { display: inline-block; border: #98754a solid 1px; padding: 15px 50px; text-decoration: none; color: #98754a; font-size: 20px; position: relative; overflow: hidden; transition: color 0.3s ease; width:300px;}
#contents .p-navi a::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0%; background-color: #98754a; z-index: 0; transition: width 0.4s ease; }
#contents .p-navi a:hover::before { width: 100%; }
#contents .p-navi a:hover { color: #fff;opacity: 1; filter: alpha(opacity=100);}
#contents .p-navi a i { position: relative; z-index: 1;transform: rotate( 90deg );}
#contents .p-navi a span { position: relative; z-index: 1; }


/*----- お問い合わせ contact -----*/
/*----- お問い合わせ contact -----*/
/*----- お問い合わせ contact -----*/
#contact #box-01{ padding:80px 0 80px;}
#contact #box-01 .p-title{ font-size:18px; line-height: 2em; margin-bottom:70px;}


#sakuranbo #box-04 .area-01{ width: 1024px; margin:auto;}
/* アコーディオンメニュー */
.accordion { margin-bottom: 15px;}

/* 質問部分 */
.accordion dt{ background:#efebe6; padding:30px 20px 30px 100px; font-size: 20px; color:#333; font-weight:bold; position: relative; cursor:pointer; transition:.3s; border-radius:80px 30px 30px 80px;}
.accordion dt:hover{ background:#e2dacf;}
/* Qマーク */
.accordion dt::before { content: 'Q'; background:#98754a; width:90px; height:90px; line-height:90px; border-radius:50%; font-size:30px; color:#fff; text-align:center; position: absolute;  left:0px; top:0;}
  
/* 回答部分は最初非表示 */
.accordion dd{ display: none;/* 非表示にしておく */ padding:30px 20px 30px 100px; font-size:18px; background: #fff; position: relative; letter-spacing:normal; font-family:initial;}
/* Aマーク */
.accordion dd::before { content: 'A'; width:90px; height:90px; line-height:90px; font-size:30px; color:#c93d36; text-align:center; position: absolute;  left:0px; top:50%; transform: translateY(-50%);}



#contact #box-02{}
#contact #box-02 h3{ font-size:30px; font-weight:500; color:#98754a; margin-bottom: 15px;}
#contact #box-02 .p-title{ font-size:18px; line-height: 2em; margin-bottom: 50px;}
#contact #box-02 .area-01{ margin-bottom:80px;}
#contact #box-02 .area-01 .p-01{ font-size:18px; line-height:1.7em; margin-bottom:20px;}
#contact #box-02 .area-01 .inner{ background:url(../images/contact/bnr-01.jpg),url(../images/contact/line.jpg),#fff; height: 150px; text-align: center; border: 1px solid #98754a; box-sizing:border-box; background-position:0 0,right 0; background-repeat: no-repeat;}
#contact #box-02 .area-01 .inner .tb{ display: inline-block; text-align: left; margin:20px 30px 0 0px; vertical-align: middle;}
#contact #box-02 .area-01 .inner .tb p{ font-size: 20px;  font-weight: bold;}
#contact #box-02 .area-01 .inner .tb .more{ margin:20px 0 0;}
#contact #box-02 .area-01 .inner .tb a{ padding:10px 60px;}
#contact #box-02 .area-01 .inner .qr{ display: inline-block; vertical-align: middle; position:relative; top:10px;}

#contact #box-02 .area-02{ margin-bottom:80px;}
#contact #box-02 .area-02 .p-01{ font-size:18px; line-height: 1.7em; margin-bottom:20px;}
#contact #box-02 .area-02 .inner{ background:#fff url(../images/contact/bnr-02.jpg)0 0 no-repeat; height: 150px; text-align: center; border: 1px solid #98754a; box-sizing:border-box;}
#contact #box-02 .area-02 .inner .tb{ display: inline-block; vertical-align: middle; padding-top: 30px;}
#contact #box-02 .area-02 .inner .tb .p-tel{ font-size:50px; font-weight:400; line-height:1em; display:inline-block; vertical-align: middle; font-family: "Shippori Mincho", serif;}
#contact #box-02 .area-02 .inner .tb .p-tel a{ background:url(../images/contact/ico-tel.png)left 5px no-repeat; color:#33241a; display:block; line-height:1em; text-decoration:none; padding-left:50px;}
#contact #box-02 .area-02 .inner .tb .p-02{ font-size:18px; font-weight:500; color:#333; text-align:left; margin:8px 0 0 2px;}
#contact #box-02 .area-02 .inner .tb .p-02 span{ font-weight: bold;}
#contact #box-02 .area-02 .inner h4{ font-size: 20px;  font-weight: bold; line-height: 2em; text-align: left; display: inline-block; vertical-align: middle; margin:30px 30px 0 140px;}


#contact #box-02 .area-03{}
#contact #box-02 .area-03 .p-01{ font-size:18px; line-height: 2em; margin-bottom:20px;}
#contact #box-02 .area-03 .p-01 span{ font-size: 22px; font-weight:bold; color:#f17e86; padding:0px 7px; position:relative; top:-3px;}
#contact #box-02 .area-03 .area-mailform{}
#contact #box-02 .area-03 .area-mailform table{ width:100%; margin-bottom:0px;}
#contact #box-02 .area-03 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#contact #box-02 .area-03 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:bold; vertical-align:top;}
#contact #box-02 .area-03 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-03 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-02 .area-03 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-02 .area-03 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-02 .area-03 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-02 .area-03 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-02 .area-03 .area-mailform table button{}
#contact #box-02 .area-03 .area-mailform .chui{ font-weight:bold; color:#f17e86; padding:0px 3px; margin-left:0dvb; position:relative;position:relative; top:-3px;}
#contact #box-02 .area-03 .area-mailform .chui-01{ float:left;}
#contact #box-02 .area-03 .area-mailform .p-01{ margin-top:5px;}
#contact #box-02 .area-03 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-02 .area-03 .area-mailform .p-02{ font-weight:bold;}
#contact #box-02 .area-03 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-02 .area-03 .area-mailform .w01{width:98%;}
#contact #box-02 .area-03 .area-mailform .w02{width:43.7%;}

#contact #box-02 .area-03 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px;}
#contact #box-02 .area-03 .area-mailform .tb-01{}
#contact #box-02 .area-03 .area-mailform .tb-03{ text-align:center; display: inline-block; margin-left: 20px;}
#contact #box-02 .area-03 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-02 .area-03 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .area-03 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#037cba solid 1px; background:#FFF; margin:auto; margin-bottom:20px; }
#contact #box-02 .area-03 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-02 .area-03 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-03 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-02 .area-03 .area-mailform .ul-01{margin-bottom:15px;}

#contact #box-02 .area-03 .area-mailform .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff;  background:#33241a; border:2px solid #33241a; padding:20px 0; border-radius:50px; display:block; text-decoration:none; box-sizing:border-box; position:relative; transition:0.5s; margin:40px auto 0; cursor:pointer;}
#contact #box-02 .area-03 .area-mailform .btn:hover{ background:#fff; color:#33241a; opacity:1;}





/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(30px);
  opacity:0;
}

.scroll_up.on {
  transform:translateY(0);
  transition:0.9s ease-in-out;
  opacity:1.0;
}
.scroll_on {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(0px);
  opacity:0;
}

.scroll_on.on {
  transform:translateY(0);
  opacity:1.0;
}

.scroll_right.on {
    opacity:1.0;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    transform:translateX(0);
}



/*ズラして表示する*/
.on.time02{transition-delay: .2s;}
.on.time03 {transition-delay: .4s;}
.on.time04 {transition-delay: .6s;}
.on.time05 {transition-delay: .8s;}





 @import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap");
  :root {
    --easing: cubic-bezier(.2, 1, .2, 1);
    --transition: .8s var(--easing);
    --color-base: #f8f8f8;
    --color-gray: #ddd;
    --color-theme: #f5695f;
    --color-theme-darken: #f12617;
    --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
    --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
    --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
    --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
  }

  html {
    font-size: 62.5%;
  }

  .l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10rem;
  }
  .l-section .l-inner {
    padding-top:30px;
    padding-bottom:50px;
  }

  [class*=swiper]:focus {
    outline: none;
  }

  .slide-media,
  .thumb-media {
    position: relative;
    overflow: hidden;
  }
  .slide-media img,
  .thumb-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }


  .swiper-button-prev, .swiper-button-next {
    display: grid;
    place-content: center;
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .swiper-button-prev::before, .swiper-button-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%;
    -webkit-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
  }
  .swiper-button-prev::after, .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid var(--color-gray);
    border-width: 3px 3px 0 0;
  }
  .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0;
  }

  .card03 {
    overflow: hidden;
  }
  .card03 .swiper {
    overflow: visible;
  }
  .card03 .swiper-button-prev, .card03 .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .card03 .swiper-button-prev::before, .card03 .swiper-button-next::before {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: var(--box-shadow-dark);
            box-shadow: var(--box-shadow-dark);
  }
  .card03 .swiper-button-prev::after, .card03 .swiper-button-next::after {
    border-color: #fff;
  }
  .card03 .swiper-button-prev {
    right: calc(100% - 1.6rem);
  }
  .card03 .swiper-button-next {
    left: calc(100% - 1.6rem);
  }
  .card03 .slide {
    overflow: hidden;
    -webkit-transition: var(--transition), opacity 1s;
    transition: var(--transition), opacity 1s;
    border-radius:10px;
    -webkit-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
  }
  .card03 .slide-media {
    padding-top: 62.5%;
  }
  .card03 .slide-media img {
    height: calc(100% + 16px);
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
  }
  .card03 .slide-content {
    padding:25px 25px;
  }
  .card03 .slide-content ul li{
    font-size:16px;
    line-height: 1em;
    font-weight: 500;
    margin-bottom:10px;
    padding-left:25px;
    background:url(../images/home/ico-check.png)left 2px no-repeat;
  
  }
  .card03 .swiper-slide:not(.swiper-slide-visible) .slide {
    pointer-events: none;
    opacity: 0.3;
  }

  /* ドット全体の配置 */
.card03 .swiper-pagination {
  text-align: center;
  margin-top: 20px;
}

/* 各ドットの基本デザイン */
.card03 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #aaa;
  opacity: 0.6;
  margin: 0 6px;
  border-radius: 50%;
  transition: all 0.3s;
  display: inline-block;
}

/* アクティブなドット（現在のスライド） */
.card03 .swiper-pagination-bullet-active {
  background: #6bb23c;
  opacity: 1;
  transform: scale(1.2);
}




  @media only screen and (max-width: 1024px) {
    html {
      -webkit-text-size-adjust: 100%;
    }
    .l-inner {
      padding: 0 4rem;
    }
    .pc {
      display: none !important;
    }
    .card03 .swiper {
      padding: 0 3.2rem;
    }
    .card03 .swiper-button-prev {
      right: calc(100% - 5.2rem);
    }
    .card03 .swiper-button-next {
      left: calc(100% - 5.2rem);
    }
  }

  @media only screen and (max-width: 599px) {
    html {
      font-size: 50%;
    }
    .pc-tab {
      display: none !important;
    }
  }

  @media only screen and (min-width: 1025px) {
    .tab-sp {
      display: none !important;
    }
    .swiper-button-prev::before, .swiper-button-next::before {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    .card03 .slide img {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .card03 .slide:hover {
      -webkit-transform: translateY(-16px);
              transform: translateY(-16px);
      -webkit-box-shadow: var(--box-shadow-hover);
              box-shadow: var(--box-shadow-hover);
    }
    .card03 .slide:hover img {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }

  @media only screen and (min-width: 600px) {
    .sp {
      display: none !important;
    }
  }