/*! coral custom styles */

body {
  color: #060606;
  /*font-family: TsukuMinPr6-LB, sans-serif;*/
  font-size: 15px;
  background-color: #fff;
  font-weight: normal;
  line-height: 170%;
}
p {
  color: #060606;
  line-height: 170%;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}
section, footer {
    padding-bottom: 1em;
    padding-top: 1em;
}
img {
    margin-bottom: 1.85714em;
}
h1 {
  font-size: 2.4em;
  font-weight: normal;
  line-height: 1.31818182em;
}
h2 {
  font-size: 24px;
  line-height: 170%;
  font-weight: normal;
}
h3 {
  font-size: 19px;
  line-height: 170%;
  font-weight: normal;
}
h4 {
  font-size: 18px;
  line-height: 170%;
  font-weight: normal;
}
h5 {
  font-size: 16px;
  line-height: 170%;
  font-weight: normal;
}
h6 {
  font-size: 14px;
  line-height: 170%;
  font-weight: normal;
}
h3, .h3 {
    margin-bottom: 0.5em;
}
.lead {
  font-size: 15px;
  line-height: 160%;
  font-weight: normal;
  color: #060606;
}

@media all and (max-width: 767px) {
body {
  font-size: 16px;
}
p {
    font-size: 16px;
}

h1 {
  font-size: 32px;
  line-height: 170%;
  font-weight: normal;
}
h2 {
  font-size: 24px;
  line-height: 170%;
  font-weight: normal;
}
h3 {
  font-size: 20px;
  line-height: 170%;
  font-weight: normal;
}
h4 {
  font-size: 18px;
  line-height: 170%;
  font-weight: normal;
}
h5 {
  font-size: 16px;
  line-height: 170%;
  font-weight: normal;
}
h6 {
  font-size: 14px;
  line-height: 170%;
  font-weight: normal;
}

.lead {
  font-size: 14px;
  line-height: 160%;
  font-weight: normal;
}
}

/*text styles*/
.size10 {
  font-size:10px;
}
.size12 {
  font-size:12px;
  line-height: 160%;
}
.size13 {
  font-size:13px;
  line-height: 160%;
}
.size14 {
  font-size:14px;
  line-height: 160%;
}
.size16 {
  font-size:16px;
}
.size18 {
  font-size:18px;
}
.size20 {
  font-size:20px;
}
.size22 {
  font-size:22px;
}
.size28 {
  font-size:28px;
}

.color-blue {
  color: #1f618d;
}
.color-orange {
  color: #F60;
}
.color-red {
  color:#ba2636;
}
.color-green {
  color:#396;
}
.color-white {
  color:#fff;
}
.tx_serif{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.text-center { 
  text-align: center;
}
.text-left { 
  text-align: left;
}
.text-right { 
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.color-bg-white {
  background-color: #FFF;
}
.color-bg-enji {
  background: #550a0f;
}
.color-bg-pink {
  background: #ffebed;
}
.color-bg-yel{
  background: linear-gradient(#ffedd4, #fff);
}
.color-bg-yelgra{
  background: linear-gradient(-45deg, rgba(255, 237, 212, .5), rgba(255, 255, 255, .5)),
  url(../imgs/kaitorinagare_back.jpg);
  background-size: cover;
}
.space_t10 {
  margin-top: 10px;
}
.space_t20 {
  margin-top: 20px;
}
.space_t30 {
  margin-top: 30px;
}
.space_t40 {
  margin-top: 40px;
}
.space_t50 {
  margin-top: 50px;
}

.space_t-10 {
  margin-top: -10px;
}
.space_t-20 {
  margin-top: -20px;
}
.space_t-30 {
  margin-top: -30px;
}
.space_t-40 {
  margin-top: -40px;
}

.space_b5 {
  margin-bottom: 5px;
}
.space_b10 {
  margin-bottom: 10px;
}
.space_b20 {
  margin-bottom: 20px;
}
.space_b30 {
  margin-bottom: 30px;
}
.space_b40 {
  margin-bottom: 40px;
}

.space_b-2 {
  margin-bottom: -2px;
}
.space_b-5 {
  margin-bottom: -5px;
}
.space_b-10 {
  margin-bottom: -10px;
}
.space_b-20 {
  margin-bottom: -20px;
}
.space_b-30 {
  margin-bottom: -30px;
}
.space_b-40 {
  margin-bottom: -40px;
}

.space_l-10 {
  margin-left: 10px;
}

.space_lr-5 {
  padding-right: 5px;
  padding-left: 5px;
}
.space_lr-10 {
  padding-right: 10px;
  padding-left: 10px;
}
.space_lr-20 {
  margin-right: 20px;
  margin-left: 20px;
}
.pdt0{
  padding-top:0;
  }
.pdb0{
  padding-bottom:0;
  }
.pdt5{
  padding-top:5px;
  }  
.pdt10{
  padding-top:10px;
  }
.pdr5{
  padding-right:5px;
  }
.pdtb15{
  padding: 15px 0;
  }
.pd10{
  padding:10px;
  }
.mtb10{
  margin:10px;
  }
.box_shad{
box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

/*body*/
@media all and (min-width: 1280px) {
  body.boxed-layout {
    padding: 0;
    background: #550a0f url("../imgs/bg05.jpg");
	/*background-image: url("../images/background.jpg");*/
    background-repeat: repeat-x;
	/*background: linear-gradient(#550a0f, #3e050a);*/
  background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
  }
  body.boxed-layout section:not([class*='bg-']):not(.imagebg),
  body.boxed-layout footer:not([class*='bg-']):not(.imagebg),
  body.boxed-layout nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute),
  body.boxed-layout .tabs-container:not([class*='bg-']):not(.imagebg) {
    background: #ffffff;
  }
  body.boxed-layout .nav-container,
  body.boxed-layout .main-container,
  body.boxed-layout > section,
  body.boxed-layout nav {
    max-width: 1150px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}

/*nav*/
.nav-container{
  background: #2d0508;
  text-align:center;
  }

  
/*menu*/

/* ulに全体の背景を設定 */

/*#menu ul {
  background: #550a0f no-repeat left top;
  width: 930px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
} */


/*PC liを横並びにする・余白をmarginで入れる */

#menu ul{
  list-style: none; 
  padding:0;
  margin:0;
}
#menu li{
  width:20%;
  padding: 0; 
  margin: 0;
  float: left;
}

/*PC aをメニューの大きさに設定・ブロック要素（display: block）に
  文字を欄外に飛ばして、非表示（overflow: hidden）に */

.m1 a{
  display: block;
  height: auto;
  width: 131px;/*126px*/
  overflow: hidden;
  text-align:center;
}

/*PC それぞれのホバー時の背景をかぶせて設定 */
.m1 a {
  text-align:center;
  width: 100%;
}

.m1 a:hover {
  text-align:center;
  width: 100%;
}

/*スマホ　liを横並びにする・余白をmarginで入れる */

#menu02{
  width:100%;
  background: #2d0508;/*#550a0f*/
  }
#menu02 ul{
  list-style: none; 
  padding:0;
  margin:0;
}
#menu02 li{
  width:20%;
  padding: 0; 
  margin: 0;
  float: left;
}

/*スマホ aをメニューの大きさに設定・ブロック要素（display: block）に
  文字を欄外に飛ばして、非表示（overflow: hidden）に */

.m2 a{
  display: block;
  height: auto;
  width: 100%;
  overflow: hidden;
  text-align:center;
}

/*スマホ それぞれのホバー時の背景をかぶせて設定 */
.m2 a {
  text-align:center;
  width: 100%;
}

.m2 a:hover {
  text-align:center;
  width: 100%;
}

/*topimg*/
@media screen and (max-width:480px){
  .md-appear{
  display:none;
  }
}
@media screen and (min-width:481px){
  .xs-appear{
  display:none;
  }
}
/*nagare*/
.bd_en{
border: solid 1px #550a0f;
}
@media screen and (max-width:767px){
  .naga{
  margin:0 10px;	
	}
  p:last-child {
    margin-bottom: 5px;
  }
}
/*! other custom styles */
.boxed.boxed--lg {
  padding: 0.8em;
}

/*hinmoku*/
#hinmoku{
  background: #000;
  }


#flow h2 {
  font-size: 1.5em;
  line-height: 1.2em;
}

/*phone*/

.btn--primary, .btn--primary:visited {
    background: #008b00 none repeat scroll 0 0;
    border-color: #008b00;
}

p.phone {
  font-size: 300%;
  text-align: center;
}

.cta h2 {
  font-size: 200%;
  text-align: center;
}
/*jisseki*/
.feature{
  background-color: #FFF;
  padding:10px;
  }
.feature h3 {
  text-align: center;
  font-weight: bold;
}
.feature p.lead {
  margin-bottom: -10px;
}
.bg_wa01{
  background: url("../imgs/bg_wa01.gif") repeat center top !important;
  }
#jisseki h2 {
  font-size: 1.1em;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  color:#316745;
}
#jisseki p {
  font-size: 1.1em;
  line-height: 1.1em;
  margin-bottom: 0;/*0.5em*/
}
@media screen and (max-width:480px){
  #jisseki p {
  font-size: 14px;
  line-height: 1.1em;
  margin-bottom: 0.5em;
}
  #jisseki h2 {
    color: #316745;
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 0.5em;
  height:42px;
}
}
@media screen and (min-width:768px){
  #jisseki.bg_wa01 div.container.bg_wa01 div.row div.col-md-3.col-sm-4.col-xs-6 div.feature.box_shad h2{
  height:36px;
  }
}
@media screen and (min-width:992px){
  #jisseki.bg_wa01 div.container.bg_wa01 div.row div.col-md-3.col-sm-4.col-xs-6 div.feature.box_shad h2{
  height: auto;
  }
}

.feature.box_shad img.border--round{
  margin-bottom: 0.7em;
}
.feature:not(.boxed) {
    margin-bottom: 20px;
}
/*chiiki*/
.feature-large-2 div[class*="col-"]:last-child {
    margin-top: 1em;
}

.feature-large-2 div[class*="col-"]:first-child {
    margin-top: 2em;
}

.feature-large-2 img {
    margin: 0em 0;
}
/*about*/
.about h3{
  border-bottom: 2px solid #ccc;
  bottom: 0;
  margin-top: 15px;
}
.about p{
  font-size:15px;
  line-height:160%;
}
/*footer*/
.footer-1 {
  padding-top: 30px;
  padding-bottom: 80px;
  background-color: #000!important;
}
.footer-1 p{
  font-size:15px;
  color: white;
}
footer .logo {
    max-height: 5em;
}
footer:not(.bg--primary):not(.bg--dark) a {
    color: #fff;
}

.coral {
  font-size: 10px;
  float: right;
  color: #444;
}

a {
    color: #008b00;
    font-weight: 700;
}
a:hover{
    color: #008b00;
    font-weight: 700;
}
.nounderline{text-decoration: none}

body > div.main-container > footer > div > div:nth-child(1) > div.col-sm-3 > form > input[type=image]:nth-child(1){
	background: #000;
	border: none;
	margin-top:1em;
}