@charset "UTF-8";


/* --------------------------------------------------
パララックス01
-------------------------------------------------- */

    /* パララックス部分 */
    .parallax {margin-bottom:50px;position: relative;height: 25vh;background-image: url("../imgpalla/palla.jpg");background-size: cover;background-position: center center;
background-attachment: fixed;background-repeat: no-repeat;}
    .parallax::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.15);}
    .parallax-inner {position: relative;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;padding: 0 16px;}
    .parallax-inner img{max-width:400px;width:100%;height:auto;}


/* --------------------------------------------------
パララックス02
-------------------------------------------------- */

    /* パララックス部分 */
    .parallax02 {margin-bottom:50px;position: relative;height: 25vh;background-image: url("../imgpalla/palla02.jpg");background-size: cover;background-position: center center;
background-attachment: fixed;background-repeat: no-repeat;}
    .parallax02::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.15);}
    .parallax02-inner {position: relative;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;padding: 0 16px;}
    .parallax02-inner img{max-width:400px;width:100%;height:auto;}



/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:768px) {

      .parallax,.parallax02{background-attachment: scroll;}

}/* 768px以下end */





.sns-list{position: fixed;padding:  0px 13px;right:0px;top:0px;z-index:8000;}
.sns-list p{float:left;padding:0 10px;vertical-align:middle;}
.sns-list .tel{font-size:2.0rem;letter-spacing:0.1em;color:#839a87;font-weight:500;}
.sns-list .instagram img{width:23px;height:auto;}
.sns-list .instagram{margin-top:4px;}



/* ########### 800px以下 ########### */
@media (max-width: 600px) {

.sns-list{position: fixed;padding:0px;right:0;top:0px;}

}/* 800px以下 end */




/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.sns-list p{float:none;text-align:right;}
.sns-list .tel{font-size:1.5rem;}
.sns-list .instagram{margin-right:10px;}

}/* 600px以下 end */






/* --------------------------------------------------
youtube
-------------------------------------------------- */

.youtube-wrapper{max-width:700px;width:100%;height:auto;text-align:center;margin:0 auto;}
.movie-wrap {position: relative;padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}


/* --------------------------------------------------
googleカレンダー
-------------------------------------------------- */

.calendar-width{max-width:960px;width:100%;height:auto;text-align:center;margin:0 auto 50px;}


/* --------------------------------------------------
スマホのみ改行、center
-------------------------------------------------- */

@media screen and (min-width: 600px){

.br-sp {display: none;}

}

/* --------------------------------------------------
PCのみ改行、center
-------------------------------------------------- */
@media screen and (max-width: 600px){

.br-smh {display: none;}

}


/* --------------------------------------------------

-------------------------------------------------- */

.btnlinestretches5{
    /*線の基点とするためrelativeを指定*/
  position:relative;
    /*リンクの形状*/ 
  color:#333;
  display:inline-block;
    text-decoration: none;
    outline: none;
}

/*線の設定*/
.btnlinestretches5::before {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: #333;    
}


/*線と矢印を繰り返しアニメーション*/
.btnlinestretches5::before {
    animation: arrowlong01 2s ease infinite;
}
.btnlinestretches5::after {
    animation: arrowlong02 2s ease infinite;
}

@keyframes arrowlong01{
    0%{width:0;opacity:0}
    20%{width:0;opacity:1}
    80%{width:105%;opacity:1}
    100%{width:105%;opacity:0}
}

@keyframes arrowlong02{
    0%{left:0;opacity:0}
    20%{left:0;opacity:1}
    80%{left:103%;opacity:1}
    100%{left:103%;opacity:0}
}


/* --------------------------------------------------
looding 普通のまる
-------------------------------------------------- */


/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}
 
/* ローディングの背景部分のCSS */
.loader{
  background:#fff;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10000;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
  position:absolute;
top: 40%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

  
.loader-animation {
  margin: 0 auto;
  font-size: 1.0rem;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* --------------------------------------------------
基本設定
-------------------------------------------------- */

html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}


body {color:#333;margin: 0;font:16px/1 'Helvetica Neue', 'Arial', 'Hiragino Kaku Gothic ProN','Hiragino San', 'Meiryo', sans-serif;}
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}


.imagemain .slick-content .en-title-midashi,.conterts-title-en02 h3 .en-titletop,.parallax-inner p{font-family: 'Montserrat', sans-serif;}
.imagemain .slick-content .en-title-midashi span,.home-topbox-left .home-copy-en,.home-copy-smh03,.entryline h1 a,.tel,title-en,.sns-list .tel,#g-nav li a,.conterts-title h3,.conterts-title02 h3,.conterts-title03 h3,.conterts-title h4,.home-copy-jpsrider,.home-copy-smh,.home-copy-smh02,.recruiting-title h3,.title-en-default,.conterts-title04 h3{font-family: 'Noto Sans JP', sans-serif;}


    
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}




h3{line-height:1.9;}

a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#000;text-decoration:none;}
a:active{color:#000;text-decoration:none;}

.big{font-size:2.2rem;}
.middle{font-size:1.8rem;}
.small{font-size:1.2rem;}
.small02{font-size:1.0rem;}
.red{color:#da5050;}
.white{color:#ffffff;}
.blue{color:#0f3481;}
.green{color:#839a87;}


.nowrap{white-space: nowrap;}
.font-normal{font-weight:normal;}
.fa-check-square{font-size:2.5rem;font-weight:600;color:#0facd9;margin-right:10px;}
.arrow {font-size:14px;margin-top:10px;animation-name: arrow;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 1.5s;}


.newwindowimg img{width:20px;height:auto;}

@keyframes arrow {
    0% {transform: translate(0,0px);}
    100% {transform: translate(0,-15px)}
}


/* 文字選択背景色 */
::selection {background: #839a87; /*背景色*/color: #fff; /*文字色*/}
::-moz-selection {background: #839a87; /*背景色*/color: #fff; /*文字色*/}




/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:650px) {

.page-title .heading06 {position: relative;padding-top: 50px;padding-bottom: 50px;font-size: 2.2rem;text-align: center;letter-spacing:0.1em;}
.page-title .heading06::before {content: attr(data-en);position: absolute;top: -20px;left: 50%;transform: translateX(-50%);color: rgba(19,143,46,1);font-size: 50px;}

}/* 650px以下end */


/* 文字基本見出し指定 */
.conterts-title h3{font-size:2.3rem;font-weight:600;margin-top:20px;}
.conterts-title h3 span{font-size:1.7rem;font-weight:400;color:#000;margin-left:20px;}
.conterts-title h4{font-size:1.4rem;margin-top:5px;}

/* 文字基本見出し指定イレギュラー */
.conterts-title02 h3{font-size:3.5rem;font-weight:600;margin-top:20px;line-height:1.6;}
.conterts-title03 h3{font-size:3.0rem;font-weight:600;margin-top:20px;line-height:1.6;}
.conterts-title04 h3{font-size:2.3rem;font-weight:600;margin-top:20px;line-height:1.6;}

/* 文字基本見出し指定 英語*/
.conterts-title-en h3 .en-titletop{font-size:3.0rem;font-weight:500;margin-top:20px;line-height:1.6;letter-spacing:0.3em;}


/* 文字基本見出し指定 */
.conterts-title-en02 h3 .en-titletop{font-size:5.5rem;font-weight:600;padding:20px 0;letter-spacing:0.1em;}
.home-copy-smh{font-size:2.3rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}
.home-copy-smh02{font-size:1.7rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}





.cr { clear:both; }
.clearfix::after {content: " ";display: block;clear: both;}
.center{text-align:center;}
.right{text-align:right;}


p,h4{line-height:2.2;}
p img,h1 img,h2 img,h3 img,h4 img,.link-style img{vertical-align: middle;}
li{list-style : none ;} 
 
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.space01{margin:0 0 10px;}
.space02{margin:0 0 20px;}
.space03{margin:0 0 30px;}
.space04{margin:0 0 40px;}
.space05{margin:0 0 50px;}
.space06{margin:0 0 60px;}
.space07{margin:0 0 70px;}
.space08{margin:0 0 80px;}
.space09{margin:0 0 90px;}
.space10{margin:0 0 100px;}
.space11{margin:10px 0 0;}
.space12{margin:20px 0 0;}
.space13{margin:30px 0 0;}
.space14{margin:10px 0 100px;}
.space15{margin:30px 0 50px;}
.space16{padding:30px 0 100px;}
.space17{padding:60px 0;}
.space18{margin:80px 0 20px;}
.space19{padding:40px 0;}
.space20{padding-top:80px;padding-bottom:30px;}
.space21{padding:10px 0;}
.space22{padding-top:0;padding-bottom:30px;}
.space23{padding:60px 0 0;}
.space24{padding-bottom:100px;}
.space25{padding:150px 0 0;}
.space26{padding:0 0 50px;}
.space27{margin-top:-100px;}
.space28{padding:120px 0;}
.space29{padding:60px 0 100px;}
.space30{margin-bottom:-70px;}
.space31{margin:30px 0;}
.space32{padding:80px 0 0;}
.space33{padding:40px 0 80px;}

.space17-smh{padding:90px 0;}
.space23-smh{padding:60px 0 0;}
.space32-smh{padding:60px 0 20px;}



/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.conterts-title h3,.conterts-title02 h3{font-size:2.3rem;}
.conterts-title h3 span,.conterts-title02 h3 span{font-size:2.0rem;}

.home-copy-smh{font-size:2.0rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}

.space17-smh{padding:70px 0 50px;}
.space23-smh{padding:0;}
.space32-smh{padding:40px 0 20px;}

.conterts-title04 h3{font-size:2.0rem;}



}/* 600px以下end */



/* ################################### 画面サイズ550px以下 ########################################### */
@media screen and (max-width:550px) {

p,td,li,#newBox{font-size:14px;}
#newBox h2{font-size:18px;}
#tree .breadcrumb{font-size:11px;}


}/* 550px以下end */


/* --------------------------------------------------
ふわっ
-------------------------------------------------- */

/* fadeUp */

.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}

@keyframes fadeUpAnime{
from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 .fadeUpTrigger{opacity: 0;}


/*==================================================
文字背景色が伸びて出現
===================================*/

/*全共通*/

.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position: relative;overflow: hidden;opacity:0;animation-delay: 1s;}

@keyframes bgextendAnimeBase{
  from {opacity:0;}
  to {opacity:1;}
}

/*中の要素*/
.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay: 0.6s;animation-fill-mode:forwards;opacity: 0;animation-delay: 2s;}

@keyframes bgextendAnimeSecond{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/*左から右*/
.bgLRextend::before{animation-delay: 1s;animation-name:bgLRextendAnime;animation-duration:3s;animation-fill-mode:forwards;animation-iteration-count:infinite;content: "";position: absolute;width: 100%;height: 100%;border-bottom:1px solid #fff;
}
@keyframes bgLRextendAnime{
  0% {transform-origin:left;transform:scaleX(0);}
  50% {transform-origin:left;transform:scaleX(1);}
  50.001% {transform-origin:right;}
  100% {transform-origin:right;transform:scaleX(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,.bgLRextendTrigger{opacity: 0;}



/* --------------------------------------------------
スクロール途中から上部固定 */
-------------------------------------------------- */

#contentsindex{position:relative;z-index: 990;}

#header{position: fixed;width:100%;z-index: 999;}


/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#header.UpMove{position: fixed;width:100%;animation: UpAnime 0.5s forwards;  }

@keyframes UpAnime{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 0;transform: translateY(-100px);}
}

/*　下に下がる動き　*/
#header.DownMove{position: fixed;width:100%;animation: DownAnime 0.5s forwards;}

@keyframes DownAnime{
  from {opacity: 0;transform: translateY(-100px);
  }
  to {opacity: 1;transform: translateY(0);}
}





/*　上余白（スクロールの弊害）　*/

.smh-pctop{padding-top:130px;}




@media screen and (max-width:1140px) {
#header,
#header.UpMove,
#header.DownMove{
    animation:none;
    height: auto;
    padding: 0;
    display: block;
    background-color: rgba(255,255,255,0);
}

.smh-pctop{padding-top:10px;}
    
}




/* --------------------------------------------------
vegas
-------------------------------------------------- */
.wrapper-slider{max-width:2000px;}


/* --------------------------------------------------
slick
-------------------------------------------------- */

.bg-slider{padding:0;}

.imagesyosai{float:left;width:50%;}
.imagesyosai img{width:100%;height:auto;}


/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {

.bg-slider{padding-top:20px;}

}/* 1140px以下end */


/* --------------------------------------------------
wrapper
-------------------------------------------------- */

/* 全体の横幅を固定 */

.wrapper,.wrapper-default{max-width: 1400px;margin: 0 auto;text-align:left;clear:both;width:100%;}
.wrapper-default-contact{max-width: 1100px;margin: 0 auto;text-align:left;clear:both;width:100%;}

.wrapper-default-inner,.wrapper-home-inner{margin:0 20px;}
.wrapper-bg{padding:10px 0;background:#e4e9e4;}
.wrapper-bg-default{max-width: 1500px;margin: 0 auto;text-align:left;clear:both;width:100%;}



/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:960px) {

#wrapper,#wrapper-default{padding-top:50px;}

}/* 768px以下end */



/* 文字左、写真右回り込み */

.photo-box{display: flex;max-width:2000px;width:100%;margin: 0 auto 30px 0;clear:both;}
.photo-box-left{flex: 2;padding:0 20px;}
.photo-box-right{flex: 3;}
.photo-box-right-inner{width:90%;margin:20px auto;}
.photo-box-right02-inner{width:90%;margin:20px auto;}

.photo-box-right .en-titletop{font-size:3.0rem;font-weight:500;margin-top:20px;line-height:1.6;letter-spacing:0.3em;}

.photo-box02{display: flex;flex-flow: row-reverse;max-width:2000px;width:100%;margin: 0 auto 30px 0;clear:both;}
.photo-box02-left{flex: 2;padding:0 20px;}
.photo-box02-right{flex: 3;}
.photo-box02-right-inner{width:90%;margin:20px auto;}
.photo-box02-right02-inner{width:90%;margin:20px auto;}

.photo-box-left img,.photo-box02-left img{width:100%;height:auto;}
.concept-block{padding-top:100px;}

/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.concept-block{padding-bottom:70px;padding-top:20px;}
.photo-box,.photo-box02{display:block;margin: 0 auto 40px;}
.photo-box-left,.photo-box02-left{padding-bottom:20px;}
.photo-box-left,.photo-box02-left{text-align:center;}
.photo-box-left a{text-align:center;}
.photo-box-left img,.photo-box02-left img{width:96%;height:auto;}
.smh-center{text-align:center;}

}/* 960px以下end */

/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {

.photo-box-right-inner,.photo-box02-right-inner{width:90%;}
.photo-box-right02-inner,.photo-box02-right02-inner{width:90%;}

}/* 768px以下end */

/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {

.photo-box-left img,.photo-box02-left img{width:100%;}
.concept-block{padding-bottom:30px;}


}/* 500px以下end */



/* --------------------------------------------------
header / top-list
-------------------------------------------------- */

header{width:100%;padding-bottom:10px;background:#fff;}
.header-global{clear:both;width:100%;}
.header-global-inner{max-width:1770px;width:100%;margin:0 auto;}
.top-list-left {display: flex;align-items: center;}
.top-list-left h1 img{float:left;width: 160px;height: auto;margin-top:10px;}
.top-list-left h2{float:left;font-size:1.4rem;font-weight:normal;margin-top:50px;margin-left:40px;}

.top-list{display: flex;width:100%;}
.top-list-left{flex:1;margin-left:20px;}
.top-list-right{text-align:right;margin-right:10px;margin-top:50px;}
.top-list-right{padding-right:40px;}


/* ################################### ロゴ1500px以下 ########################################### */

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

.top-list-left h1 img{float:left;width: 130px;height: auto;margin-top:15px;}

}/* 1500px以下end */





/* ######################################### ロゴ1141px以上 ######################################### */
@media (min-width: 1141px) {

.logo-responsive{display:none;}

}/* 1441px以上 end */





/* ################################### ロゴ1140px以下 ########################################### */

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

.top-list-left {display:none;}
.logo-responsive h3{text-align:center;}
.logo-responsive h3 img{max-width:150px;width:100%;height:auto;padding-top:80px;padding-right:0px;}

}/* 1140px以下end */



/* ################################### 画面サイズ420px以下 ########################################### */

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

.logo-responsive h3 img{padding-top:80px;}

}/* 420px以下end */






/* ######################################### 1500px以上 ######################################### */
@media (min-width: 1500px) {

.header-global{clear:both;max-width:1800px;width:100%;margin:0 auto 10px;}

}/* 1500px以上 end */




/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {


header,.header-global{background: transparent;}
header{margin-bottom:0;}
.top-list{display: block;}
.top-list-left{text-align:center;padding:50px 0 30px;margin-left:0px;}
.top-list-right{text-align:center;margin-left:0px;}
.top-list-right a{;font-weight:bold;}
.top-list-right .header-tel{margin-right:0;}
.top-list-left h1 img{max-width:100px;width:100%;height:auto;padding-right:0px;}

}/* 1140px以下end */




/* --------------------------------------------------
HOME
-------------------------------------------------- */

.home-topbox{display: flex;max-width:1100px;margin:0 auto;}

.home-topbox-left{flex:2;margin-top:20px;}
.home-topbox-right{flex:1;text-align:right;}



.home-copy-img img{max-width:280px;width:100%;height:auto;}

.home-copy-logo{margin:10px;}
.home-copy-logo img{max-width:500px;width:100%;height:auto;}

.home-topbox-left .home-copy-en{font-size:1.5rem;letter-spacing:1px;line-height:25px;}
.home-topbox-left .home-copy-en span{font-size:1.4rem;}

/* 
.home-topbox-right .copy-back{margin-top:10px;}
.home-topbox-right .copy-back img{max-width:300px;width:100%;height:auto;}
 */


/* ########### 960px以下 ########### */
@media (max-width: 960px) {

.home-topbox{display: block;}
.home-copy-logo img{max-width:960px;width:100%;height:auto;}

}/* 960px以下end */



.map03{background:url(../imghome/garden_ill.jpg) top right no-repeat;background-size: 37% auto, 37% auto, 100% auto;}

/* ########### 960px以下 ########### */

@media (max-width: 960px) {

.home-topbox{padding:0 30px;}
.map03{background:transparent;}
.map_pcsmh{height: 15vh;}
.map_pcsmh{background:url(../imghome/garden_ill_smh.jpg) top right no-repeat;background-size: 100% auto, 100%  auto, 100% auto;}


}/* 960px以下 end */



/* ########### 500px以下 ########### */

@media (max-width: 500px) {

.home-topbox{padding:0;}

}/* 500px以下 end */






.menubox-wrapper{max-width:1600px;display: flex;margin:80px auto 0;padding:0 20px 60px;}
.menubox-wrapper-left{width:35%;margin:10px 30px 30px;}
.menubox-wrapper-right{width:65%}

.menubox-wrapper-left h4{font-weight:normal;}
.menubox-wrapper-left .copy-back img{max-width:430px;width:100%;height:auto;}

.menubox-wrapper-left .space-left{margin-left:30px;}






/* ########### 1100px以下 ########### */
@media (max-width: 1100px) {

.menubox-wrapper{display: block;margin:0 auto;padding:0 30px;}
.menubox-wrapper-left{width:100%;margin:0 0 50px;}
.menubox-wrapper-right{width:100%;}

.menubox-wrapper-left .space-left{margin-left:0;}
.menubox-wrapper-left .copy-back img{display:none;}


}/* 1100px以下end */



.home-menubox{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.home-menubox .home-menubox-inner{width:32%;margin-bottom:30px;background:#fff;}
.home-menubox .home-menubox-inner img{max-width:420px;width:100%;height:auto;}

.home-menubox .home-menubox-contents{padding:5px 5px 10px 5px;}
.home-menubox .home-menubox-contents h4{font-size:1.6rem;font-weight:normal;margin-top:10px;padding:0 0 5px;text-align:center;line-height:1.6;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.home-menubox .home-menubox-inner{width:49%;}

}/* 768px以下end */


/* ########### 500px以下 ########### */
@media (max-width: 768px) {

.home-menubox .home-menubox-contents h4{font-size:1.4rem;}

}/* 500px以下end */



/* --------------------------------------------------
contactfooter
-------------------------------------------------- */

.contactfooter-wrapper{clear:both;background:#e4e9e4;margin-top:50px;}
.contactfooter-box{display:flex;align-items:center;max-width:900px;width:100%;margin: 0 auto;clear:both;padding:50px 0;}
.contactfooter-box-left{flex:3;}
.contactfooter-box-right{flex:2;text-align:right;}

.contactfooter-box h3{white-space: nowrap;font-weight:500;font-size:2.8rem;letter-spacing:0.3em;margin-bottom:20px;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.contactfooter-box{text-align:center;}
.contactfooter-box{display:block;padding:40px 0;}
.contactfooter-box h3{font-size:2.3rem;}

}/* 768px以下end */



/* --------------------------------------------------
第2階層NAVI
-------------------------------------------------- */

.centered {position: relative;overflow: hidden;margin:20px 0 80px;}
.centered ul {position: relative;left: 50%;float: left;padding-top:50px;}
.centered ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered ul li a{margin:0 20px;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.centered ul li a{margin:0 5px;}

}/* 768px以下end */




/* ########### PC用 768px以下 ########### */
@media (min-width: 768px) {

.centered-pc {position: relative;overflow: hidden;margin:20px 0 80px;}
.centered-pc ul {position: relative;left: 50%;float: left;padding-top:50px;}
.centered-pc ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered-pc ul li a{margin:0 20px;}

.centered-smh{display:none;}

}/* 768px以上end */


/* ########### スマホ用 768px以上 ########### */
@media (max-width: 768px) {

.centered-smh-space{margin-top:50px;margin-bottom:50px;}
.centered-smh {position: relative;overflow: hidden;margin:20px 0;}
.centered-smh ul {position: relative;left: 50%;float: left;}
.centered-smh ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered-smh ul li a{margin:0 20px;}

.centered-pc{display:none;}

}/* 768px以上end */


/* --------------------------------------------------
tree
-------------------------------------------------- */

#tree{width:100%;}
.tree-inner{text-align:right;margin: 0 auto;padding:15px 30px;}
.tree-inner i{margin:0 15px;}
#tree .breadcrumb,#tree .breadcrumb a{font-size:1.4rem;}

/* ########### 650px以下 ########### */
@media (max-width: 650px) {

#tree .breadcrumb,#tree .breadcrumb a{font-size:1.2rem;}
.tree-inner i{margin:0 5px;}
.tree-inner{padding-right:10px;text-align:right;}

}/* 650px以下end */



/* --------------------------------------------------
各ページメイン画像
-------------------------------------------------- */

/* 各ページメイン画像 */
#title{width:100%;}
.title-inner{padding:0;}

.title-en{text-align:center;font-size:3.2rem;color:#fff;padding:130px 0 0;font-weight:500;line-height:50px;font-weight:600;letter-spacing:0.3em;}
.title-en02{text-align:center;font-size:3.0rem;color:#fff;padding:20px 0 0;font-weight:500;line-height:50px;font-weight:600;letter-spacing:0.3em;}
.title-en-kunimitsushin{text-align:center;font-size:3.0rem;color:#fff;padding:40px 0 0;font-weight:500;line-height:50px;font-weight:600;letter-spacing:0.3em;}
.title-en-kunimitsushin img{max-width:180px;width:100%;height:auto;}
.title-jp{text-align:center;font-size:1.6rem;color:#fff;padding:0;font-weight:500;}

.title-en-default{text-align:center;font-size:3.0rem;padding:40px 0 1px;font-weight:600;letter-spacing:0.3em;}
.title-jp-default{text-align:center;font-size:1.6rem;padding:0;font-weight:500;}


.titleinner-default{width:100%;margin: 0 auto;padding:0;}

.titleinner-company,.titleinner-faq,.titleinner-works{width:100%;height:350px;margin: 0 auto;padding:0;}


.titleinner-company{background-image:url(../imgcompany/companymainphoto.jpg);background-size: cover;background-color: #839a87;background-position: center;}
.titleinner-faq{background-image:url(../imgfaq/faqmainphoto.jpg);background-size: cover;background-color: #839a87;background-position: center;}
.titleinner-works{background-image:url(../imgworks/worksmainphoto.jpg);background-size: cover;background-color: #839a87;background-position: center;}



/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {

#title{margin-top:20px;}
.titleinner-renovation01,.titleinner-renovation03,.titleinner-works,.titleinner-newconstruction{padding-top::50px;}

}/* 1140px以下end */


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.title-inner{padding:0;}
.title-en{font-size:4.0rem;}
#title{padding:0;}

.title-jp{text-align:center;font-size:1.6rem;}
.title-en{font-size:2.0rem;line-height:25px;}



}/* 960px以下end */


  
/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {


.title-en-default{font-size:2.2rem;}

.title-jp{text-align:center;font-size:1.4rem;}
.title-en{font-size:2.2rem;line-height:20px;}


}/* 600px以下end */






/* --------------------------------------------------
footer
-------------------------------------------------- */

.footer-block-right .instagram img{width:23px;height:auto;}


.footer-link-wrapper-bg{padding:20px 0 40px;}
.footer-link-wrapper{max-width:900px;margin:0 auto;padding-top:20px;}
.footer-link{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer-link div{width:25%;padding-left:30px;}

.footer-link li{line-height:1.9;}
.footer-link a{text-decoration:none;font-size:1.4rem;}
.footer-link .toplink{list-style: disc;color:#839a87;}
.footer-link .underlink{font-size:1.2rem;}

/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.footer-link-wrapper{padding-left:50px;}
.footer-link div{width:50%;}
.footer-link li a{font-size:1.2rem;}
.footer-link .underlink{font-size:1.1rem;}

}/* 600px以下end */



.footer-wrapper{clear: both;padding-top:0px;}
footer{clear: both;width:100%;padding:0 0 30px;}

#footer-inner{max-width:1400px;margin:0 auto;padding-bottom:20px;}
.footer-block{display: flex;margin:20px 20px 10px;}
.footer-block-left{flex:2;margin-bottom:30px;}
.footer-block-left h2 img{max-width:170px;width:100%;height:auto;}
.footer-block-right{flex:4;margin-top:20px;margin-left:30px;}
.footer-block-right h3{font-size:1.4rem;}
.footer-block-right p{line-height:1.6;}
.footer-block-right p span{white-space: nowrap;font-size:1.4rem;}

.copyright{clear:both;padding-top:6px;font-size:1.1rem;}




/*リンクの形状*/
#page-top a{display: flex;justify-content:center;align-items:center;width: 60px;height: 60px;color: #0f4d7f;text-align: center;text-transform: uppercase; text-decoration: none;font-size:2.6rem;transition:all 0.3s;}
#page-top a:hover{color: #000;}
#page-top {position: fixed;right: 10px;bottom:10px;z-index: 2;opacity: 0;transform: translateY(100px);}
#page-top.UpMove{animation: Upmotion 0.5s forwards;}

@keyframes Upmotion{
  from {opacity: 0;transform: translateY(100px);}
  to {opacity: 1;transform: translateY(0);}
}

/*　下に下がる動き　*/

#page-top.Downmotion{
  animation: DownAnime 0.5s forwards;
}
@keyframes Downmotion{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 1;transform: translateY(100px);
  }
}

/* ########### 960px以下 ########### */
@media (max-width: 960px) {

.footer-block-left h2{font-size:1.4rem;letter-spacing: 0.1em;margin-bottom:3px;line-height:1.9;}

}/* 960以下 end */


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.footer-block{display: block;}
.footer-block-right{margin-left:0;}

.footer-block-left .footer-logo-img img{max-width:150px;}
#footer-inner p,#footer-inner h2,#footer-inner h3{text-align:center;}
.footer-listblock{float:none;width:100%;margin-top:40px;}
.footer-block-left h2{padding-bottom:10px;.font-size:1.4rem;font-weight:400;}

}/* 768px以下 end */



/* ########### 600px以下 ########### */
@media (max-width: 600px) {

#footer-inner .footer-logo img{width:300px;height:auto;}

.footer-block-right p span{white-space: nowrap;}

.footer-block-tel{font-size:2.0rem;}
.footer-block-right h3{margin-bottom:20px;}
.footer-block-left h2 img{max-width:140px;width:100%;height:auto;}

}/* 600px以下 end */




/* --------------------------------------------------
entry
-------------------------------------------------- */

.entrybodyBlock{clear:both;}


/* ブロックエディタ設定 */
.entrybodyBlock h1,.entrybodyBlock h2,.entrybodyBlock h3,.entrybodyBlock h4,.entrybodyBlock h5,.entrybodyBlock h6{margin-top:40px;margin-bottom:30px;font-weight:normal;}
.entrybodyBlock h1{font-size:3.0rem;}
.entrybodyBlock h2{font-size:2.7rem;}
.entrybodyBlock h3{font-size:2.4rem;}
.entrybodyBlock h4{font-size:2.2rem;}
.entrybodyBlock h5{font-size:2.0rem;}
.entrybodyBlock h6{font-size:1.8rem;}
.entrybodyBlock th,.entrybodyBlock td {padding:3% 5%;}
.entrybodyBlock ul,.entrybodyBlock ol{margin:30px 0 30px 18px;}
.entrybodyBlock ol li{list-style-type: decimal;}
.entrybodyBlock ul li{list-style-type: disc;}
.entrybodyBlock li{line-height:1.9;}
.entrybodyBlock hr{margin:50px 0;}
.entrybodyBlock img{max-width:100%;width:100%;height:auto;margin:30px 0;}

.entrybodyBlock p{line-height:1.8;margin-bottom:10px;}

.entrybodyBlock iframe{margin:30px 0;}

.entrybodyBlock mt-be-column{width:50%;padding:20px;}




.entryline h1{font-size:2.6rem;font-weight:bold;}
.entryline h1 span{vertical-align:middle;margin-left:10px;}

.entryline h1 a{margin:0 0 40px;line-height:1.7;font-size:2.0rem;font-weight:bold;text-decoration:none;}
.entry-date{margin:5px 0 30px;padding: 0;font-size:1.2rem;}
.entry{margin:0 0 100px;}


#entryside{margin:0 0 60px;}
#entryside h2{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid;border-color:#ededed;font-size:1.6rem;font-weight:normal;}
#entryside ul{margin:0 0 50px;}
#entryside li{margin:0 0 0 10px;padding: 0 0 0 10px;line-height:1.9;}

.entry-big{margin:0 0 40px;padding-top:5px;padding-bottom:5px;text-align:center;background-color: #ffff;border: 1px solid #ccc;}


/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:650px) {


.entrybodyBlock mt-be-column{width:100%;padding:20px;}


}/* 650px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:480px) {

.entryline h1 a{font-size:1.6rem;}

}/* 600px以下end */


/* 表組設定 */


.entrybodyBlock .table-newskiji{width:100%;margin:30px auto;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.entrybodyBlock .table-newskiji td{padding:5px 20px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;line-height:1.9;}
.entrybodyBlock .table-newskiji .c-news{width:120px;text-align:center;background:#f3f3f3;}




/* --------------------------------------------------
news 2列
-------------------------------------------------- */

.home-contents-block{display: flex;max-width:1380px;margin:0 auto;padding:0 20px 0;}
.news-title{flex: 2;margin-right:10px;}
.news-contents{flex: 6;margin-left:10px;}

/* ########### 1200px以下 ########### */
@media (max-width: 1200px) {

.home-contents-block{margin:0 20px;}

}/* 1200px以下end */



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {


.home-contents-block{display:block;padding:0 30px 30px;}
.news-title{margin-right:0px;}
.news-contents{flex: 1;margin-left:0px;}

}/* 960px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {


.home-contents-block{display:block;padding:0 10px 30px;}


}/* 600px以下end */



/* --------------------------------------------------
new
-------------------------------------------------- */

.newBox{clear:both;padding:50px 0 20px;margin:0 auto;}
.newBox h3{font-size:3.0rem;font-weight:500;letter-spacing:0.3em;line-height:1.3;margin-bottom:10px;letter-spacing:0.3em;}
.newBox .news{font-size:1.7rem;color:#000;font-weight:400;}

span.new {display: none;color: #fff;background: #ee5555;font-size:14px;padding:1px 3px;}
span.new img {vertical-align: middle;margin:0 0 0 5px;}



.news-link {align-items: center; display: flex; padding-bottom: 10px;padding-top: 10px;}
.news-link:not(:first-of-type) {border-top: 1px solid #ccc; /* 記事リンク間の線 */}
.news-info {align-items: center;display: flex;flex-shrink: 0; /* これが無いと日付・カテゴリーラベルが潰れる */}
.news-date{font-size:1.4rem;margin-left: 30px;}
.news-category {width:200px;background:#839a87;border-radius:5px;margin-left: 10px;padding: 5px;text-align:center;font-size:1.4rem;display:block;text-decoration:none;}
.news-category{color: #fff!important;}
.news-category:hover{opacity: 0.8;}


.news-titlelist {margin-left: 30px;font-size:1.5rem;}



/* 画面幅800px以下のスタイル */
@media screen and (max-width: 800px) {

.newBox{padding:0 0 20px;}
.news-link {display: block;}
.news-info {padding-top:10px;}
.news-titlelist {margin-left: 0;margin-top: 10px;}
.news-titlelist {margin-left: 10px;}
.news-category {width:180px;border-radius:5px;margin-left: 10px;padding: 5px;text-align:center;font-size:1.4rem;display:block;text-decoration:none;}

.newBox h3{letter-spacing:0.1em;}

}


/* --------------------------------------------------
お問い合わせ2列
-------------------------------------------------- */

.contact-kinds{display: flex;margin:0 auto;padding-bottom:0px;}
.contact-tel{flex: 1;border:1px solid #000;width:100%;text-align:center;font-size:2.2rem;padding:10px 5px;margin-right:5px;}
.contact-tel a{text-decoration:none;}
.contact-fax{flex: 1;border:1px solid #000;font-size:2.0rem;text-align:center;padding:10px 5px;margin-left:5px;}
.contact-fax a{text-decoration:none;}
.contact-mail{flex: 1;font-size:2.0rem;}
.mid-top{background-color: #fff;padding:5px 10px;font-size:1.7rem;color:#000;}
.daihyo{font-size:1.7rem;}


/* ########### 650px以下 ########### */
@media (max-width: 650px) {

.mid-top{margin-right:10px;}
.contact-kinds{display:block;padding-bottom:30px;}
.contact-tel{margin:0 0 10px; padding:5px 0;border:1px solid #ccc;}
.contact-tel p{ font-size:2.4rem!important;}
.contact-fax p{ font-size:1.7rem!important;}
.contact-fax{margin:0; padding:5px 0;border:1px solid #ccc;}

.contact-tel a{   text-decoration:underline; }

}/* 650px以下end */





/* --------------------------------------------------
メイン画像
-------------------------------------------------- */

.slider-block{padding-top:120px;}


.imagemain img{width:100%;height:auto;}


.imagemain{position: relative;}
.imagemain .slick-content{
  position: absolute;
  top: 50%;left: 30%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 150;
  color: #fff;
}

.imagemain .slick-content .en-title-midashi{margin-bottom:-15px;font-size:3.5rem;letter-spacing:0.3em;line-height:1.0;margin-bottom:5px;font-weight:500;}
.imagemain .slick-content .en-title-midashi span{font-size:2.5rem;}

.imagemain .slick-content .slick-content-midashi{margin-bottom:10px;font-size:1.7rem;font-weight:500;letter-spacing:0.2em;}
.imagemain .slick-content .slick-content-midashien img{max-width:250px;width:100%;height:auto;}


.pc-hidden{display:none;}
.sp-hidden{display:block;}


/* ########### 1140px以下 ########### */
@media (max-width: 1140px) {

.slider-block{padding-top:40px;}

.imagemain{position: relative;}
.imagemain .slick-content{
  position: absolute;
  top: 50%;left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 150;
  color: #fff;
}

}/* 1140px以下end */


/* ########### 960px以下 ########### */
@media (max-width: 960px) {

.sp-hidden{display:none;}
.pc-hidden{display:block;}


.imagemain .slick-content .en-title-midashi{margin-bottom:-15px;font-size:2.8rem;letter-spacing:0.1em;line-height:1.0;margin-bottom:5px;font-weight:500;}
.imagemain .slick-content .slick-content-midashien img{max-width:200px;width:100%;height:auto;}


}/* 960px以下end */







/* --------------------------------------------------
会社案内
-------------------------------------------------- */

.table{max-width:1200px;width:100%;margin:40px auto 80px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table td{padding:20px;border-bottom:1px solid #ccc;line-height:1.9;}
.table td:last-child{padding:20px;border-bottom:1px solid #ccc;line-height:1.9;}


.c-title{min-width:70px;width:300px;text-align:center;vertical-align:top;border-right:1px solid #ccc;}


.copylogo-under img{max-width:600px;width:100%;height:auto;}
.copyfont-under img{max-width:700px;width:100%;height:auto;}



#companycopy{max-width:500px;margin:0 auto;padding:40px 0;}
#companycopy .maincopy-en{width:100%;text-align:left;font-weight:500;font-size:11.0rem;letter-spacing: 0.03em;line-height:100px;}
#companycopy .maincopy-jp{font-weight:600;font-size:2.0rem;text-align:center;}


/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width: 768px) {

.c-title{width:150px;}


}/* 768px以下end */



/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width: 530px) {


#companycopy{max-width:380px;margin:0 auto;padding:40px 0;}
#companycopy .maincopy-en{width:100%;text-align:left;font-weight:500;font-size:8.0rem;letter-spacing: 0.03em;line-height:80px;}
.copylogo-under img{max-width:400px;width:100%;height:auto;}
.copyfont-under img{max-width:400px;width:100%;height:auto;margin-top:100px;}

}/* 530px以下end */



/* ################################### 画面サイズ400px以下 ########################################### */
@media screen and (max-width: 400px) {



#companycopy{max-width:300px;margin:0 auto;padding:40px 0;}
#companycopy .maincopy-en{width:100%;text-align:left;font-weight:500;font-size:6.5rem;letter-spacing: 0.03em;line-height:65px;}

}/* 400px以下end */


/* --------------------------------------------------
よくあるご質問
-------------------------------------------------- */

.qa-list{padding-bottom:80px;}

.qa-list dl {position: relative;margin: 0;padding: 28px 80px 28px 30px;cursor: pointer;border-bottom: 1px solid #ccc;}
.qa-list dl:first-child {border-top: 1px solid #ccc;}
.qa-list dl::before {position: absolute;top: 35px;right: 35px;display: block;width: 13px;height: 13px;margin: auto;content: '';transform: rotate(135deg);border-top: 3px solid #839a87;border-right: 3px solid #839a87;}
.qa-list .open::before {transform: rotate(-45deg);}
.qa-list dl dt {position: relative;margin: 0;padding: 5px 0 0 50px;font-weight: bold;line-height:1.6;}
.qa-list dl dt::before {font-size: 20px;line-height: 1;position: absolute;top: 10px;;left: 0;display: block;content: 'Q.';color: #839a87;}
.qa-list dl dd::before {font-size: 20px;line-height: 1;position: absolute;top: 10px;left: 2px;display: block;content: 'A.';font-weight: bold;color: #916367;}
.qa-list dl dd {position: relative;display: none;height: auto;margin: 20px 0 0;padding: 5px 0 0 50px;}
.qa-list dl dd p {margin: 30px 0 0;line-height:1.6;}
.qa-list dl dd p:first-child{margin-top: 0;}



/* --------------------------------------------------
代表挨拶
-------------------------------------------------- */

.ceo-name{text-align:right;padding-bottom:40px;}
.ceo-name img{max-width:270px;width:100%;height:auto;}
.greeting-date{margin-right:20px;}


/* 文字左、写真右回り込み */

.message-box{display: flex;max-width:1200px;width:100%;margin: 0 auto;padding:20px 0;clear:both;}
.message-box-left{flex: 4;padding-right:50px;}
.message-box-left h3{margin-bottom:20px;}
.message-box-right{flex: 1;text-align:center;padding-top:25px;}
.message-box-right img{max-width:250px;width:100%;height:auto;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.message-box{display:block;padding:0;}
.message-box-left{flex: 1;padding-right:0;margin-bottom:40px;}
.message-box-right{flex: 1;}
.ceo-name{text-align:center;max-width:240px;margin:20px auto 0;}
.ceo-name img{max-width:230px;height:auto;}
.message-box-right img{width:200px;height:auto;}


}/* 960px以下end */



/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.ceo-name img{max-width:200px;height:auto;}

}/* 60px以下end */



/* --------------------------------------------------
施工事例TOP
-------------------------------------------------- */

.insta_btn img{max-width:300px;width:100%;height:auto;}
.insta_btn img:hover{opacity:0.7;}


.works-block .home-menubox-inner{border:1px solid #ccc;}


/* --------------------------------------------------
施工事例リスト
-------------------------------------------------- */


.gallerylist{margin-left:2%;clear:both;padding-top:50px;}
.gallerylist-inner{float:left;width:23%;margin-right:2%;height:450px;}
.gallery-block{;width:100%;margin:0 0 30px;padding-bottom:10px;}
.gallery-block .gallery-category{margin-top:10px;font-size:1.2rem;}
.gallery-block h3 a{font-size:2.0rem;line-height:1.6;margin-top:10px;color:#3269b1!important;}


.image-trim {
  position: relative;
  overflow: hidden;
  padding-top: 70%; /* 比率 */
}
.image-trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.5s;
}


.image-trim a img:hover{
opacity: 0.6;
  transition-duration: 0.5s;
}




/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.gallerylist{margin-left:5%;}
.gallerylist-inner{width:30%;height:380px;}
.gallery-block{width:100%;margin:0 0 0;padding-bottom:15px;}


}/* 960px以下end */



/* ################################### 画面サイズ800px以下 ########################################### */
@media screen and (max-width:800px) {

.gallerylist{margin-left:2%;}
.gallerylist-inner{width:48%;height:410px;}
.gallery-block{width:100%;margin:0 0 0;padding-bottom:15px;}


}/* 800px以下end */






/* --------------------------------------------------
施工事例詳細
-------------------------------------------------- */

.wrapper-home-shosai{
	max-width: 900px;
	margin: 0 auto;
	padding:0;
	text-align:left;	
}


.syosaiBox{padding-bottom:60px;margin-top:60px;padding:5px;}
.syosaiphotoleft{width:100%;padding-bottom:50px;}
.syosaiphotoleft img{width:100%;height:auto;}
.photocontainer img{width:100%;height:auto;margin-bottom:20px;padding:5px;}
.photocontainer .tate img{width:50%;height:auto;float:left;}


.syosairight{width:100%;padding-bottom:50px;}
.syosairight-inner{margin:0 30px;}

.syosairight-inner .tag02{font-size:2.0rem;padding:5px;color:#fff;margin-bottom:10px;}
.syosairight .title-top-syosai {padding-bottom:20px;}
.syosairight .title-top-syosai h2{font-size:20px;font-size:2.2rem;line-height:1.5;font-weight:400;}
.syosairight .title-top-syosai p{font-size:20px;font-size:1.8rem;line-height:1.5;}
.syosairight .honbun-midashi{font-size:1.8rem;margin-bottom:10px;}



/* 詳細table */

.table-syosai{clear:both;width:100%;margin:0;margin-top:50px;}
.table-syosai td{padding:20px;line-height:1.9;background:#fff;}

.shosai-title{min-width:70px;width:300px;text-align:center;vertical-align:top;}


/* ################################### 画面サイズ530px以下 ########################################### */
@media screen and (max-width: 530px) {

.table-syosai td{padding:10px;}
.table-syosai{width:100%;}
.flexcontainer p{width: 20%;}

.shosai-title{width:200px;}

}/* 530px以下end */


/* ########### 880px以下 ########### */
@media (max-width: 880px) {

.shosai-title{min-width:70px;width:150px;text-align:center;vertical-align:top;}
.syosaiphotoleft{float:none;clear:both;width:100%;margin:0 auto;}
.syosairight{float:none;clear:both;width:100%;margin:0 auto;}
.syosairight-inner{margin:0;}
.syosaiBox{padding-bottom:0;}

}/* end */


/* ########### 560px以下 ########### */
@media (max-width: 560px) {

.syosaiphotoleft img{width:100%;height:auto;}
.syosairight-inner{margin:10px 0 0 0;}


}/* end */