@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
html{
 font-size:62.5%;
 height:100%;
}

body{
 color:#333;
 font-size:1.4rem;
 letter-spacing:0.05em;
 height:100%;
 font-family: "游明朝", "YuMincho", "游明朝 Medium", "YuMincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Noto Serif Japanese" , serif;
 backGround-color:#fff;
 -webkit-text-size-adjust:100%;
}

*,*::before,*::after {
 box-sizing:border-box;
}

a:link,a:visited,a:hover,a:active{
 text-decoration:none;
}

@font-face {
     font-family:'Font Awesome 5 Brands';
     font-style: normal;
     font-weight:400;
     src: url("/css/webfonts/fa-brands-400.woff2") format("woff2");
     font-display: swap;
 }

 @font-face {
     font-family:'Font Awesome 5 Free';
     font-style: normal;
     font-weight:900;
     src:url("/css/webfonts/fa-regular-400.woff2") format("woff2"),
         url("/css/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }



/* --------------------------------
 * parts
 * -------------------------------- */
.clearfix::after{
 content:'';
 display:block;
 clear:both;
}

.hidden{
 display:none;
}

.font-Mincho{
 font-family: "游明朝", "YuMincho", "游明朝 Medium", "YuMincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Noto Serif Japanese" , serif;
}

.font-Gothic{
 font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ",Meiryo, verdana, sans-serif;
}

.content-width{
 max-width:128rem;
 margin:0 auto;
}


/* --------------------------------
 * wrapper
 * -------------------------------- */
.wrapper{
 width:100%;
}


/* --------------------------------
 * 汎用
 * -------------------------------- */
.futo{
 font-weight:bold;
}

.f-left{
 float:left;
}

.f-right{
 float:right;
}


/* --------------------------------
 * line共通
 * -------------------------------- */
.line:hover{
 opacity:0.7;
}

/* --------------------------------
 * header
 * -------------------------------- */
#header-space1{
 backGround-color:#fff;
 width:100%;
 height:88px;
}

#header-space2{
 backGround-color:#fff;
 width:100%;
 height:688px;
}

#header_include .header{
 display:flex;
 position:fixed;
 justify-content:space-between;
 width:100%;
 background:rgba(255, 255, 255, 0.9);
 z-index:999;
}

#header_include #header_logo{
 display:inline-block;
 margin:7px;
 width:130px;
}

#header_include nav{
 display:inline-block;
 font-size:1.6rem;
}

#header_include nav a{
 color:black;
}

#header_include nav span{
 color:#6d4c41;
 font-size:1.3rem;
}




#header_include li{
 display:inline-block;
 text-align:center;
 margin:24px 15px 0;
 line-height:1.3;
}


#header_include #header_line_friend{
 display:inline-block;
 margin:25px 12px;
 fill:#00B900;
 transition:all .2s;
}

#9header_include #header_line_friend:hover{
 opacity:0.7;
}

#slideshow_char{
 margin: 0;
 color:#fff;
 position:absolute;
 left:8%;
 top:512px;
 z-index:998;
}

#slideshow_char .char{
 letter-spacing:0.18em;
 background:#6d4c41;
 display:inline-block;
 padding:15px;
 margin-bottom:20px;
}


/* --------------------------------
 * footer
 * -------------------------------- */
.footer{
 padding:30px 0 0 0;
 border-top:solid 1px #eeeeee;
}

#footer_include .footer-left{
 float:left;
 width:41%;
 border-right:1px solid #000;
}

#footer_include .footer-right{
 float:left;
 width:45%;
 line-height:2.7;
 margin:0 0 20px 40px;
}

#footer_include .footer-left .sen{
 text-align:center;
}

#footer_include .footer-left p{
 line-height: 1.8;
 margin: 10px 0 0 22%;
}

#footer_include .footer-right .footer-list li{
 display:inline-block;
 font-size:1.5rem;
 width:23%;
}

#footer_include .footer-right .footer-list li a{
 color:black;
}

#footer_include .footer-right .footer-list li i{
 color:#6d4c41;
 margin:0 5px 0 0;
 position:relative;
 top:1px;
}

#footer_include .footer-right #footer_line_friend{
 display:inline-block;
 fill:#00B900;
 transition:all .2s;
 margin:8px 0 0 0;
}

#copyright{
 width:100%;
 padding:20px 0;
 box-sizing:border-box;
 background:#6d4c41;
}

#copyright .content-width{
 position:relative;
 box-sizing:border-box;
 max-width:1000px;
 width:100%;
 margin:0 auto;
}

#copyright p{
 margin:0;
 font-size:1.3rem;
 color:#fff;
 text-align:center;
}


/* --------------------------------
 * button-style0
 * -------------------------------- */
.button-style0 .h-inquiry{
 display:inline-block;
 line-height:2.8;
 backGround-color:#6d4c41;
 border:2px solid #6d4c41;
 margin:16px 12px;
 padding:5px;
 font-weight:bold;
 width:160px;
 height:56px;
 text-align:center;
 font-size:1.5rem;
 transition:all .2s;
 color:#fff;
}

.button-style0 .h-inquiry:hover{
 background-color:#fff;
 border-color:#6d4c41;
}

.button-style0 .h-inquiry:hover{
 color:#6d4c41;
}


/* --------------------------------
 * button-style1
 * -------------------------------- */
.button-style1-wrap{
 margin:40px 0 0 0;
 text-align:center;
}

.button-style1-wrap .button-style1{
 display:inline-block;
 box-sizing:border-box;
 width:260px;
 font-size:1.5rem;
 font-weight:bold;
 line-height:1.6;
 text-align:center;
 padding:12px 0;
 border:2px solid #6d4c41;
 transition:all 0.5s ease !important;
 color:#6d4c41;
 position:relative;
}

.button-style1-wrap .button-style1:hover{
 background-color:#6d4c41;
 border-color:#6d4c41;
}

.button-style1-wrap .button-style1:hover{
 color:#fff;
}

.button-style1-wrap .button-style1 i{
 margin:0 0 0 10px;
}


/* --------------------------------
 * 見出し
 * -------------------------------- */
.caption h2{
 border-bottom:solid 2px black;
 position:relative;
 color:#6D4C41;
}

.caption h2:after{
 position: absolute;
 content: " ";
 display: block;
 border-bottom: solid 2px #ab0d0d;
 width:30%;
}

.caption{
 width:300px;
 text-align:center;
 font-size:3.0rem;
 line-height:2.0;
 margin:0px auto;
 padding:60px 0 30px;
}

.caption .english{
 font-size:1.8rem;
 margin:6px 0;
}


/* --------------------------------
 * お問い合わせ
 * -------------------------------- */
#top-contact{
background-image: url("/image/slide_photo2.jpg");
}

#top-contact .wrap{
 background-color: rgba(239, 235, 233, 0.8);
 padding:20px 240px 100px;
}

#top-contact .content-left{
 float:left;
 width:50%;
 text-align:center;
 padding:50px 0 0 0;
}

#top-contact .content-left .tel-wrap{
 font-size:2.8rem;
 font-weight:bold;
 letter-spacing:0.1em;
 line-height:1.55;
}

#top-contact .content-left .tel-wrap a{
 color:#333;
}

#top-contact .content-left .text-wrap{
 margin:6px 0 0 0;
}

#top-contact .content-right{
 float:left;
 width:50%;
 padding:40px 4% 0;
}

#top-contact .button-style0 .h-inquiry{
 width:300px;
 font-size:2.3rem;
 line-height:2.5;
 height:67px;
}


/* --------------------------------
 * アクセス
 * -------------------------------- */
#top-access{
 background-color:#FDF8F6;
 text-align:center;
 padding:0 0 80px 0;
}

#top-access .wrap{
 line-height:1.8;
 margin:20px 0 0 0;
}

#top-access h3{
 font-size:2rem;
 margin:10px 0;
}


/* --------------------------------
 * top-image
 * -------------------------------- */
.top-image{
 height:300px;
}

.top-image img{
 width:100%;
 height:100%;
 opacity:0.2;
}

.page-char{
 margin: 0;
 color:black;
 position:absolute;
 left:8%;
 top:210px;
 z-index:998;
}

.page-char h1{
 letter-spacing:0.07em;
 display:inline-block;
 padding:0 0 0 15px;
 color:#6d4c41;
 font-size:3.6rem;
}

.page-char p{
 letter-spacing:0.18em;
 display:inline-block;
 padding:15px;
 font-size:2.2rem;
}

.breadcrumb-trail{
 padding:14px 0 14px 130px;
 background: #6d4c41;
 font-size:1.2rem;
 color:#fff;
}

.breadcrumb-trail a{
 color:#fff;
 transition:0.3s;
}

.breadcrumb-trail a:hover{
 opacity:0.8;
}

.bread-arrow{
 margin:0 5px;
}