@charset "UTF-8";

.sub {
    background-color: white;
    padding: 0;
    position: relative;
    margin: 0;
}

.sub h3 {
    position: absolute;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translateY(10%) translateX(-50%);
}

.sub h2 span {
    font-size: 0.5em;
    line-height: 1em;
}

.sub-cont-head {
    position: relative;
    padding: 1rem 2rem;
    border-bottom: 6px solid #cebda3;
}


.sub-cont-head:before {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 20%;
    height: 6px;
    content: '';
    background: #635c5c;
}

.sub-cont-head2 {
    position: relative;
    padding: 1rem;
    border-bottom: 6px solid #cebda3;
}


.sub-cont-head2:before {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 20%;
    height: 6px;
    content: '';
    background: #635c5c;
}


.center-left {
    text-align: left;
}

.sub-cont h3 {
    font-size: 1.5em;
}

.sub-cont h4 {font-size: 1.5em;
     font-weight: 700;}

.case-cont {position: relative;}

.case-cont h4.case {font-size: 1.2em;
     font-weight: 600;
    position: absolute;
  display: inline-block;
  margin: 1rem 0 1rem -10px;
  padding: 0.5rem 1rem;
  color: #FFF;
  background: #91a264;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    top:10px;
    left:3px;
}

.sub-cont h4.case:before {
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 7px solid #606b44;
  border-left: 7px solid transparent;
}

.list-img img {
  width: 100%;
  height: 300px;
  object-fit: cover; /* この一行を追加するだけ！ */
}

.photo-img p img,.blog-post img {width: auto;
max-width : 100%;
height: auto;}

.box-img img {text-align: center;
width : 100%!important;
height: 500px;
object-fit: cover;}

.bloglist-post img {
width : 100%;
height: 200px;
object-fit: cover;
}

@media (max-width: 767px) {
.bloglist-post img {
width : 100%;
height: 100px;
object-fit: cover;}
    
.box-img img {
    width : 100%!important;
    height:200px;
    object-fit: cover;
}
    
.box-img2 img {
    width : 100%!important;
    height:400px;
    object-fit: cover;
    object-position: -10% top;
}
   
    
    
}



@media (min-width: 768px) {

    .sub {
        padding: 30px 0 0 0;
    }

    .sub h2 {
        text-align: center;
        font-weight: 700;
        line-height: 1em;
        margin: 0;
        padding: 0;
    }

    .center-left {
        text-align: center;
    }

    .sub h2 span::before {
        content: "\A";
        white-space: pre;
    }

    .sub h3 {
        font-size: 3em;
        transform: translateY(-5%) translateX(-50%);
    }

    .sub-cont h2 {
        font-size: 3em;
        font-weight: 700;
        padding: 40px 0
    }

    .sub-cont h3 {
        font-size: 3em;
        font-weight: 700;
        padding: 40px 0
    }
    
    .sub-cont h4 {font-size: 2em;
    }
    
    .list-img img {
  width: 150px;
  height: 150px;
  object-fit: cover; /* この一行を追加するだけ！ */
}

}

/*bxslider*/
.bxslider li img {
    text-align: center !important;
    margin: auto;
    height: 500px;
    object-fit: contain;
}
.bx-wrapper .bx-pager {
	bottom: -95px;
}
.bx-wrapper .bx-pager a {
	border: solid #ccc 1px;
	display: block;
	margin: 0 5px;
	padding: 3px;
}
.bx-wrapper .bx-pager a:hover,  .bx-wrapper .bx-pager a.active {
	border: solid #5280DD 1px;
}
.bx-wrapper {
	margin-bottom: 10px;
}
#gallery li img {
	text-align: center !important;
	margin: auto;
}
#bx-pager li {
	float: left;
	margin-right: 20px;
	list-style: none;
}

@media (max-width: 767px) {
    #bx-pager {display: none}
    
    .size-size9 {width: 100% !important;}
}

/*wp-page-navi*/

.wp-pagenavi{text-align: center;}

.wp-pagenavi a,.wp-pagenavi span{padding: 7px 10px !important;
font-size: 1.2em;}

/*faq*/

.boxQA {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 0.5em;
    background: #fff;/*A文章部分背景色*/
    
}

.boxQA .box-title {
    position: relative;
    background: #a29f9e;/*Q文章部分背景色*/
    padding: 10px 5px 10px 60px;
    color: #454545;/*Q文章文字色*/
    
}
.boxQA .box-title:before {
    content: "Q";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;/*Q文字色*/
    background: #ff4848;/*Q背景色*/
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 35px;
    left: 0.3em;
    top: 25px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 1px white; 
    
}
.boxQA .box-title:after {
    content: "A";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;/*A文字色*/
    background: #7ca36e;/*A背景色*/
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 35px;
    left: 0.3em;
    bottom: -92px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    
}

.boxQA p {
    padding: 20px 20px 15px 60px;
    margin: 0;
}

.boxQA ul {
  padding: 0 1em;
  position: relative;
}
.boxQA ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 4.2em;
  list-style-type: none!important;
}
.boxQA ul li:before {
  font-family: "FontAwesome";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 3.5em;
  color: #FFAB8B; /*Aのリストのアイコンの色*/
}