@charset "utf-8";

/*==========================================
 
===========================================*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

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


/*=== フォント ===*/
body {
  font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 1.6rem;
  letter-spacing:0.05rem;
  font-weight:500;
  position:relative;
  -webkit-text-size-adjust: 100%;
}
/*明朝体の場合*/
/*body {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
*/
@media all and (-ms-high-contrast:none){
body {
  font-family: font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
}


/*=== パンくずリスト ===*/
.breadcrumb ul {
  margin:30px auto;
  display:flex;
}
.breadcrumb ul li:after{
  content:'>';
  padding:0 5px;
}
.breadcrumb ul li:last-child:after{
  content:'';
}
.breadcrumb ul li a{
  transition:.3s all;
}
.breadcrumb ul li a:hover{
  color:#76c989;
}

/*===内部余白調整==*/
.wrap{
/*max-width: 1140px;*/
width:100%;
margin: 0 auto;
}
.wrap_inner{
padding: 0 25px;
}

/*==その他こまごましたやつ==*/
a{
  color:inherit;
  text-decoration:none;
  transition:.3s all;
}
p{
word-break: break-all;
}

/*==flexに関してのクラス==*/
.flex{
  display:flex;
}
.sb{
  justify-content: space-between;
}
.sa{
  justify-content: space-around;
}
/*==========================================
 ヘッダー
===========================================*/
#header,
#header_inner{
  background: url(../img/common/bg_woody.png)repeat-y top center;
  background-size:cover;
  padding:18px 0;
}
#header h1{
  margin-top: 11px;
}
#header h1 a{
  transition:.3s all;
}
#header h1 a:hover{
  opacity:.7;
}
.header_contact{
  flex-basis:295px;
  text-align: center;
}
.comment_header{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color:#1f1313;
  margin-bottom: 10px;
  font-weight: bold;
}
.header_phone{
  display:block;
  border:1px solid #fff;
  background-color: #432f2b;
  color:#fff;
  font-family:"Gentium Basic","游明朝体", "Yu Mincho", YuMincho;
  font-size: 30px;
  padding:10px 25px;
}
.header_phone p:before{
  content:'\f095';
  font-family:'fontawesome';
  margin-right:15px;
}
.header_phone p{
  display:flex;
  align-items: center;
}
/*==========================================
中ページヘッダー
===========================================*/
.inner_logo a{
  transition:.3s all;
}
.inner_logo a:hover{
  opacity:.7;
}
#header_inner{
  padding:10px 0;
}
#header_inner #nav{
  padding:0;
  display:flex;
  align-items: center;
  justify-content: center;
}
.inner_logo{
  flex-basis:240px;
  display:flex;
  align-items: center;
  justify-content: center;
}
#header_inner #nav ul{
  width:530px;
}

#header_inner #nav ul li:last-child a{
  display: inline;
  border:none;
  background-color: inherit;
  width:inherit;
  color:inherit;
  padding:0 0;
}
#header_inner #nav ul li:last-child a:before{
  content:'';
  margin-right:0;
}
#header_inner #nav ul li:last-child a{
  transition:.3s all;
}
#header_inner #nav ul li:last-child a:hover{
  background-color: inherit;
}
#header_inner #nav ul li a:hover span{
  border-bottom:3px solid #76c989;
  padding-bottom: 2px;
}
.header_inner_contact a{
  display: block;
  border:1px solid #fff;
  background-color: #ffc880;
  width:250px;
  color:#fff;
  display:flex;
  align-items: center;
  justify-content: center;
  padding:10px 0;
  transition:.3s all;
}
.header_inner_contact a:before{
 content:'\f0e0';
  font-family:'fontawesome';
  margin-right:15px;
}
.header_inner_contact a:hover{
  background-color: #76c989;
  color:#fff;
}
#header_inner .header_phone{
  display:block;
  border:1px solid #fff;
  background-color: #432f2b;
  width:250px;
  color:#fff;
  font-family:"Gentium Basic","游明朝体", "Yu Mincho", YuMincho;
  font-size: 18px;
  padding:10px 15px;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
#header_inner .header_phone p:before{
  content:'\f095';
  font-family:'fontawesome';
  margin-right:15px;
}
.header_inner_contact_wrap{
  margin-left:20px;
}
/*==========================================
 ナビゲーションメニュー
===========================================*/
#nav{
    background: url(../img/common/bg_woody.png)repeat-y top center;
    padding:22px 0 12px;
}
@media all and (-ms-high-contrast:none){
  #nav{
    margin-top:-33px;
  }
}
#nav ul li{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 18px;
  color:#1f1313;
}
#nav ul li span{
  display:block;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  border-bottom:3px solid transparent;
  padding-bottom: 5px;
  transition:.3s all;
  font-weight: bold;
}
#nav ul li a:hover span{
  border-bottom:3px solid #76c989;
  padding-bottom: 2px;
}
#nav ul li:last-child a{
  display: block;
  border:1px solid #fff;
  background-color: #ffc880;
  width:220px;
  color:#fff;
  display:flex;
  align-items: center;
  justify-content: center;
  padding:10px 0;
}
#nav ul li:last-child a:before{
  content:'\f0e0';
  font-family:'fontawesome';
  margin-right:15px;
}
#nav ul li:last-child a{
  transition:.3s all;
}
#nav ul li:last-child a:hover{
  background-color: #76c989;
}

/*==================================
footerのお問い合わせ
===================================*/
#footer_contact{
  background-color: #b9d4d2;
  padding:70px 0;
}
.cp_contact{
  position:relative;
  top:-83px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  font-weight: bold;
  color:#1f1313;
}
#footer_contact ul{
  width:735px;
  margin:0 auto;
}
#footer_contact ul li{
  flex-basis:340px;
}
#footer_contact ul li:first-child{
  border:1px solid #fff;
  background-color: #1f1313;
  color:#fff;
  font-size: 32px;
  font-family:'Gentium Basic',"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
  text-align: center;
  padding:14px 0;
}
#footer_contact ul li p:before{
  content:'\f095';
  font-family:'fontawesome';
  margin-right:15px;
}
#footer_contact ul li p,
#footer_contact ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer_contact ul li:last-child a{
  display:block;
  border:1px solid #fff;
  background-color: #ffc880;
  color:#fff;
  font-size: 24px;
  font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
  text-align: center;
  padding:14px 0;
}
#footer_contact ul li a:before{
  content:'\f0e0';
  font-family:'fontawesome';
  margin-right:15px;
  font-size: 32px;
}
#footer_contact ul li a{
  transition:.3s all;
}
#footer_contact ul li a:hover{
  background-color: #fff;
  color:#ffc880;
  border:1px solid #ffc880;
}
/*==========================================
 フッター
===========================================*/
#footer{
  background:url(../img/common/bg_footer.png)no-repeat top center;
  padding:70px 0 50px;
}

.footer_add p{
  line-height:30px;
  margin-bottom: 45px;
}
.footer_add p span{
  display: inline-block;
  margin-left:15px;
}

.footer_bottom{
  border-top:1px solid #000;
  padding-top:45px;
}
.footer_bottom ul{
  margin-bottom: 30px;
}
.footer_bottom ul li a{
  transition:.3s all;
}
.footer_bottom ul li a:hover{
  text-decoration: underline
}


/*==========================================
 copyright
===========================================*/
#copyright{
  text-align: center;
  margin:0 auto 10px;
}
small{
  color:#929292;
}
small a:hover{
  color:#76c989;
}

/*pagetop*/
#pagetop{
  margin:0;
  position: fixed;
   bottom: 20px;
  right: 50px;
  z-index:999;
}
#pagetop a{
  display: block;
  text-align: center;
  width:80px;
  height:80px;
  background-color: #76c989;
  color:#FFF;
  border-radius: 5px;
  padding-top:20px;
  transition:1s all;
  line-height: 1.4;
  margin:0;
  z-index:500;
  text-decoration: none;
}
#pagetop a:hover{
  opacity:0.7;
}

/*====================================
中ページ共通
=====================================*/
.content_ttl{
  text-align: center;
}
.content_ttl h1{
  font-family:'Constantia',"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
  font-size: 36px;
  text-align: center;
  color:#1f1313;
  margin:20px auto 70px;
  position: relative;
display: inline-block;
padding: 0 55px;
}
.content_ttl h1:first-letter{
  color:#76c989;
  text-transform: uppercase;
}
.content_ttl h1 span{
  display:block;
  font-size: 16px;
  margin-top: 10px;
  font-family:'Constantia',"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
  font-weight: bold;
  padding:0 60px;
}
.content_ttl h1:before,.content_ttl h1:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 60px;
height: 2px;
background-color: #ffc880;
}

.content_ttl h1:before {left:0;}
.content_ttl h1:after {right: 0;}

.contents{
  padding-bottom:100px;
}

/*外注さんcssに追加*/
.top-nav_list li:hover{
  opacity:.7;
}

input[type="submit"] {
  -webkit-appearance: none;
}