@charset "UTF-8";
.seo_bread_list{ color:#fff;}
.seo_bread_list a{ color:#fff;}

@media screen and (min-width: 768px),print {
#contentsmain {margin: -72px auto 0 auto;position: relative;background: url('../images/contact/contentsmain-back01.png')no-repeat top center;padding: 135px 0 135px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;color: #fff;}
#contentsmain .inner-Box h2 {margin-bottom: 29px;position: relative;color: #FFF;font-size:36px;font-weight:400;line-height:1.8;letter-spacing:0.056em;}
#contentsmain .inner-Box p.text {margin-bottom: 120px;position: relative;color: #FFF;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:0.053em;}
#contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;width: 656px;}
#contentsmain .inner-Box ul li {position: relative;width: 308px;height: 60px;margin-right: 40px;}
#contentsmain .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contentsmain .inner-Box ul li a {display: block;background: #fff;}
#contentsmain .inner-Box ul li a:hover {  }
#contentsmain .inner-Box p.ltext {margin-bottom: 0px;position: relative;color: var(--black, #333);font-size:14px;font-weight:400;line-height:1.1;letter-spacing:0em;padding: 23px 0;}
#contentsmain .inner-Box p.ltext span {transform: rotate(90deg);transform-origin: center;display: block;position: absolute;top: 22px;right: 22px;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box a:hover p.ltext span{ top: 30px;}

#contentstel {margin: 0 auto;position: relative;text-align: center;padding: 61px 0 120px;}
#contentstel h2 {margin-bottom: 9px;position: relative;color: #1C1814;text-align:center;font-size:20px;font-weight:500;line-height:1.6;letter-spacing:0.042em;}
#contentstel p.subttl {margin-bottom: 20px;position: relative;color: #1C1814;text-align:center;font-size:14px;font-weight:500;line-height:2.286;letter-spacing:0.06em;}
#contentstel .inner-Box {margin: 0 auto;position: relative;background: #9B7845;color: #fff;width: 600px;height: 140px;padding: 40px 0 0;}
#contentstel .inner-Box h3 {margin-bottom: 20px;position: relative;color: #FFF;font-size:40px;font-weight:400;line-height:0.75;letter-spacing:0.021em;}
#contentstel .inner-Box h3 span.sp-tel-link {  }
#contentstel .inner-Box p.text {margin-bottom: 0px;position: relative;color: #FFF;font-size:12px;font-weight:400;line-height:1;letter-spacing:0.07em;}

#contents01 {margin: 0 auto 62px;position: relative;background: #FAF7F1;text-align: center;padding: 61px 0 60px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {margin-bottom: 40px;position: relative;color: #1C1814;text-align:center;font-size:32px;font-weight:400;line-height:1.563;letter-spacing:0.063em;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 39px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {margin-bottom: 0px;position: relative;color: #1C1814;text-align:center;font-size:16px;font-weight:500;line-height:1.75;letter-spacing:0.053em;}

#contents02 {width: 1000px;margin: 0 auto 20px;position: relative;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box ul{display:flex;flex-wrap:wrap;gap:3%;}
#contents02 .inner-Box ul li{position:relative;width:31.333%;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 18px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {margin-bottom: 21px;position: relative;color: #1C1814;font-size:18px;font-weight:400;line-height:1.444;letter-spacing:0.047em;}
#contents02 .inner-Box p.ltext {margin-bottom: 0px;position: relative;color: #1C1814;font-size:14px;font-weight:400;line-height:1.857;letter-spacing:0.06em;}


}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width: 767px) {

#contentsmain{margin: -9.8vw auto 0;position:relative;background: url('../images/contact/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;padding: 14.7vw 4.8vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;text-align:center;color:#fff;}
#contentsmain .inner-Box h2{margin-bottom: 7.9vw;position:relative;color: #FFF;text-align:center;font-size:5.8vw;font-weight:400;line-height:1.75;letter-spacing:0.083em;}
#contentsmain .inner-Box p.text{margin-bottom: 18.9vw;position:relative;color: #FFF;text-align:center;font-size:3.4vw;font-weight:500;line-height:2;letter-spacing:0.06em;}
#contentsmain .inner-Box ul{display:flex;flex-wrap:wrap;margin:0 auto;width: 74vw;gap:4.8vw;}
#contentsmain .inner-Box ul li{position:relative;width:100%;height: 14.5vw;margin-right:0;}
#contentsmain .inner-Box ul li:nth-child(2){margin-right:0;}
#contentsmain .inner-Box ul li a{display:block;background:#fff;}
#contentsmain .inner-Box p.ltext{margin-bottom:0;position:relative;color:var(--black,#333);font-size:3.4vw;font-weight:400;line-height:1.1;letter-spacing:0;padding: 5.4vw 0;}
#contentsmain .inner-Box p.ltext span{transform:rotate(90deg);transform-origin:center;display:block;position:absolute;top:5.3vw;right:5.3vw;transition:all .3s ease-in-out;}

#contentstel{margin:0 auto;position:relative;text-align:center;padding: 7.3vw 5.8vw 14.2vw;}
#contentstel h2{margin-bottom:2.2vw;position:relative;color: #1C1814;text-align:center;font-size:4.3vw;font-weight:500;line-height:1.78;letter-spacing:0.047em;}
#contentstel a{ color: #FFF; }
#contentstel p.subttl{margin-bottom: 7.1vw;position:relative;color:#1C1814;text-align:center;font-size:3.4vw;font-weight:500;line-height: 1.886;letter-spacing:.06em;}
#contentstel .inner-Box{margin:0 auto;position:relative;background:#9B7845;color:#fff;width:100%;height: 28.1vw;padding: 5.1vw 0 0;}
#contentstel .inner-Box h3{margin-bottom: 2vw;position:relative;color: #FFF;font-size:7.7vw;font-weight:400;line-height:0.94;letter-spacing:0.026em;}
#contentstel .inner-Box h3 span.sp-tel-link{}
#contentstel .inner-Box p.text{margin-bottom:0;position:relative;color: #FFF;text-align:center;font-size:2.9vw;font-weight:400;line-height:1.5;letter-spacing:0.07em;}

#contents01{margin: 0 auto 9.7vw;position:relative;background:#FAF7F1;text-align:center;padding: 9.7vw 0vw 9.5vw;}
#contents01 .inner-Box{margin:0 auto;position:relative;}
#contents01 .inner-Box h2{margin-bottom: 7.4vw;position:relative;color: #1C1814;text-align:center;font-size:5.8vw;font-weight:400;line-height:1.67;letter-spacing:0.083em;}
#contents01 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 7.4vw;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;}
#contents01 .inner-Box p.text{margin-bottom:0;position:relative;color: #1C1814;text-align:center;font-size:3.4vw;font-weight:500;line-height:1.86;letter-spacing:0.06em;}

#contents02{width:100%;margin: 0 auto 19.8vw;position:relative;padding:0 4.8vw;}
#contents02 .inner-Box{margin:0 auto;position:relative;}
#contents02 .inner-Box ul{display:flex;flex-wrap:wrap;gap: 7.1vw;margin: 0 7.2vw;}
#contents02 .inner-Box ul li{position:relative;width:100%;}
#contents02 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom:4.3vw;}
#contents02 .inner-Box figure.photo img{width:100%;height:auto;}
#contents02 .inner-Box h3{margin-bottom:5.1vw;position:relative;color: #1C1814;font-size:4.3vw;font-weight:400;line-height:1.44;letter-spacing:0.047em;}
#contents02 .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1C1814;font-size:3.4vw;font-weight:400;line-height:1.857;letter-spacing:.06em;}


}