@charset "utf-8";
/* CSS Document */
/*スマホ対応@media (max-width: 992px)*/
/*================================================
 *  基本要素の設定
 ================================================*/
html{
font-size: 62.5%;
color:#050506;
font-family:'游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
line-height: 1.7;
}
header{
/*max-width: 1300px;*/
margin: 0 auto;
}
hr{
}
body{
overflow-x: hidden;
}
li a{
color:#000000;
}
a{
color:#000000;
}

/*ノートPC用*/
/*@media (min-width: 993px) and (max-width: 1450px){
p{
font-size:1.2vw;
}	
}*/

@media screen and (max-width: 992px){
.pc{
	display:none;	
	}
html{
font-size: min(2vw,16px);
	}
body{
overflow-x: hidden;
}
	p{
		line-height:30px; 
	}
}
@media screen and (min-width: 992px){
	.smh{
		display:none;
	}
}
div.page-hh h2{
    padding: 1.2em 3em 0.7em 1em;
    display: inline-block;
    background: #3d511e94;
    font-size: 1.4em;
    letter-spacing: 7px;
    line-height: 32px;
}
div.page-hh h2 p{
border-bottom: 1px solid #fff;
    padding-bottom: 0.5em;
 }
div.page-hh h2 p span{
	font-size: 0.4em;
    letter-spacing: 2px;
}
div.h2-about{
	height: 360px;
    background: url(../images/h2-about.jpg) center bottom;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}
div.h2-about{
	height: 360px;
    background: url(../images/h2-about.jpg) center;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}
div.h2-result{
	height: 360px;
    background: url(../images/h2-result.jpg) center top;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}
div.h2-profile{
	height: 360px;
    background: url(../images/h2-profile.jpg) center top;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}
div.h2-recruit{
	height: 360px;
    background: url("../images/h2-recruit.jpg") center bottom -13px;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}
div.h2-contact{
	height: 360px;
    background: url(../images/h2-contact.jpg) center bottom;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}
div.h2-family{
	height: 360px;
    background: url(../images/h2-family.jpg) center;
	background-size: cover;
    color: #fff;
    font-size: 3.5em;
    padding: 2.3em 0 0 0;
    text-align: left;
    position: relative; 
}

h2.about-1{
	height:200px;
	background: url("../images/h2-about-1.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;
}
h2.about-2{
	height:200px;
	background: url("../images/h2-about-2.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;
}
h2.about-3{
	height:200px;
	background: url("../images/h2-about-3.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;
}
h2.about-4{
	height:200px;
	background: url("../images/h2-about-4.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;
}
h2.profile{
	height:200px;
	background: url("../images/h2-profile.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;
}
h2.recruit{
	height:200px;
	background: url("../images/h2-recruit.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;;
}

h2.inquiry{
	height:200px;
	background: url("../images/h2-inquiry.jpg") center;
	font-size: 3.5em;
    padding: 2em 0 0 0.5em;
    text-align: center;
    position: relative;
    color: #fff;
}

h3{
	color: #fff;
    font-weight: 600;
    margin: 2em 0 1em;
    padding: 0.3em 7em 0.3em 0.9em;
    background: #3D511E;
    font-size: 2.5em;
    letter-spacing: 0.2em;
    display: inline-block;
	}
	.service-left h3.about-h3{
	background: none;
	color: #3D511E;
    margin: 0.7em 0 0.1em;
    padding: 0 0 0 1em;
    font-size: 3.3em;
	}
	.service-right h3.about-h3{
	background: none;
	color: #3D511E;
    margin: 0.7em 0 0.1em 5.5em;
    padding: 0 0 0 1em;
    font-size: 3.3em;
	}
	.service-left p.about-span-h3{
	border-bottom: 9px solid #3D511E;
	color:#3D511E;
    text-align: right;
    width: 73%;
	font-size:1.7em;
	margin-bottom:-1em;
	font-weight: bold;
	}
	.service-right p.about-span-h3{
	border-bottom: 9px solid #3D511E;
	color:#3D511E;
    text-align: left;
    width: 73%;
    margin-left: 27%;
	font-size:1.7em;
	margin-bottom:-1em;
	font-weight:bold;
	}
	.service-left p.about-span-h3 span{
	    font-size: 1.9em;
    	margin-right: 0.5em;
   		 font-weight: bolder;
	}
	.service-right p.about-span-h3 span{
		
	}
	.history-h3{
	background: none;
    color: #3D511E;
    letter-spacing: 1.3px;
    font-size: 2.5em;
    padding-left: 0;
	margin-bottom:0 !important;
	}
	.history-h3 span{
	font-size: 0.4em;
    color: #3D511E;
    margin-left: 1.4em;
	
	}
/*h3 span{
	color:#313131;
	font-size:0.8em;
	text-align: center;
	font-weight:normal;
}*/
h4{
	text-align: center;
    font-size: 1.5em;
    margin: 3em 0 1em;
}
h6{
text-align: center;
    margin: 2em 0 0.1em;
    font-size: 1.2em;
    /* color: #9b9b9b; */
    /*border-bottom: 1px solid #ff6f00;*/
   /* display: inline-block;*/
   /* margin: 0 auto;*/
}
/*「会社案内ページ」h4*/
h4.profile{
	color:#FF6F00;
	text-align: left;
	margin-top: 1.5em;
}
h5{
	color:#FF6F00;
	font-size:1.3em;
	margin-bottom:0.5em;
	margin-top:1em;

}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.service-left p.about-span-h3{
		width:90%;
	}
	.service-left h3.about-h3{
		font-size:3.7vw;
		margin:1.3em 0 0.1em;
	}
}

@media (max-width: 992px) {
h2.about-1,h2.about-2,h2.about-3,h2.about-4{
	font-size: 2.5em;
	padding:3em 1em 0;
}
div.h2-recruit{
padding: 3.1em 0 0 0;		
}
h3{
	font-size:2em;
	padding: 0.3em 0em 0.3em 0.9em;
    width: 100%;

}

h4{
	font-size: 1.2em;
}
	div.page-hh h2{
		padding: 1.5em 3em 1em 1em;
	}
.service-left p.about-span-h3{
    width: auto;
padding-bottom: 1em;
text-align: left;
padding-left: 1.5em;
border-bottom: 30px solid #3D511E;
}

.service-left h3.about-h3{
    margin: 1em 0 0em;
    padding: 0 0 0 0.4em;
    font-size: 1.8em;
}
.service-left p.about-span-h3 span{
font-size: 2em;
    line-height: 0;
margin-left: -0.1em;
}
	.service-left p.about-span-h3{
    width: 90%;
    padding-bottom: 1em;
}
}
/*横並び*/
.flex{
display:flex
}
.flex-between{
display: flex;
justify-content:space-between;	
}
.flex-center{
display: flex;
justify-content:center;	
}
.flex-right{
display: flex;
justify-content:flex-end;	
}
.flex-bottom{
display: flex;
align-items:flex-end;	
}
.flex-space-evenly{
	display: flex;
	justify-content: space-evenly;
}
@media (max-width: 992px){
.flex{
display:block;
}
.flex-between{
display: block;
}
.flex-center{
display: block;
}
.flex-right{
display:block;
}
.flex-bottom{
display:block;
}
.flex-space-evenly{
display: block;		
}
}

hr.keisen-orange{
	border-bottom: 45px solid #FF6F00;
    border-bottom: 36px solid #FF6F00;
    border-left: 65px solid transparent;
    box-sizing: border-box;
    border-top: 0;
	margin-top:2em;
}
@media (max-width: 992px){
iframe{
width: 100%;
}
img{
width:auto;
height:auto;
}
}

/*上下余白*/
.margin-t-b{
 margin:2em 0;
}
/*中央寄*/
.center{
text-align: center;
}
/*iphone用TEL下線排除*/
@media (max-width: 992px){
	p.tel-number-black{
	 color:#000000 !important;
    text-decoration:none !important;
}
	p.tel-number-white{
	 color:#fff !important;
    text-decoration:none !important;
}
	p.tel-number-green{
		color:#3D511E !important;
    text-decoration:none !important;
	}
}

/*================================================
 *  aタグリンク パターンA
 ================================================*/
 .arrow{
 	margin-top:1em;
    position: relative;
    display: inline-block;
    padding: 0 0 0 2.5em;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1em;
	font-weight:bold;
	color: #707070;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample5-2::before{
    left: 13px;
    width: 0.8em;
    height: 0.8em;
    border-top: 5px solid #FF6F00;
    border-right: 5px solid #FF6F00;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	border-radius:3px 4px 3px  4px;
}
.sample5-2::after{
    left: 0;
    width: 0.8em;
    height: 0.8em;
    border-top: 5px solid #DEDEDE;
    border-right: 5px solid #DEDEDE;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	border-radius:3px 4px 3px  4px;
}
.arrow:hover{
opacity: 0.7;
}
/*================================================
 *  aタグリンク パターンB（左から右へ）
 ================================================*/
.btn-l-r{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
  overflow: hidden;
    /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
    border: 1px solid #555;/* ボーダーの色と太さ */
    padding: 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn-l-r span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#3D511E;
}

.btn-l-r:hover span{
  color:#fff;
	
}

/*== 背景が流れる（左から右） */
.bgleft:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background:#3D511E;/*背景色*/
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
	border:1px solid #fff;
}

/*hoverした際の形状*/
.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}


/*お問い合わせフォームのリンク先*/
.to-inquiry-btn .btn-l-r{
	/*margin: 0 -1.3em -0.7em 0;
*/	margin: 0 -1.25em -0.65em 0;
    /*padding: 4em 2.6em 1.7em 2em;*/
    padding: 2em 3.5em 1.5em 3.5em;
　　border:none !important;
}
.to-inquiry-btn .bgleft:before {
	/*background: rgba(255,255,255,0.5);*/
    background:#fff;
}
.to-inquiry-btn .btn-l-r:hover span{
  /*color:#3D511E;*/
	color:#3D511E;
	
}
/*背景グリーン*/
.form-link .btn-l-r{
	border: 1px solid #fff;/* ボーダーの色と太さ */
}
.form-link .btn-l-r span {
	color:#fff;
}
.form-link .btn-l-r:hover span{
color:#3D511E;
}
.form-link .bgleft:before {
  content: '';
    /*色や形状*/
  background:#fff;/*背景色*/
  width: 100%;
  height: 100%;
    /*アニメーション*/
	border:1px solid #3D511E;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.to-inquiry-btn{
		font-size:1.5vw !important;
		margin-left:0 !important;
		margin-right:3vw;
	}
	.tel-time{
		font-size:1.3vw !important;
	}
	.to-inquiry{
		height:auto !important;
	}
	
}

@media (max-width: 992px){
.to-inquiry-btn .btn-l-r:hover span{
  /*color:#3D511E;*/
	color:none;
}
.to-inquiry-btn .btn-l-r{
	/*margin: 0 -1.3em -0.7em 0;
*/	margin: 0 -1.25em -0.65em 0;
    padding: 3em 2.6em 1.7em 3.1em;
　　border-top:none !important;
	border-right:none !important;
	border-left:none !important;
	border-bottom:none !important;
	font-size:1em;
}
}
/*================================================
 *  aタグリンク パターンc（円）
 ================================================*/
.pushcircle{
    /*周囲の線の起点とするためrelativeを指定*/
  position: relative;
    /*円の形状*/
  width:120px;
  height:120px;
    box-sizing: border-box;
    padding: 0 10px;
  text-align: center;
  background:#3D511E;
  border-radius:50%;
  color: #fff;
    text-decoration: none;
    outline: none;
    /*天地中央にテキストを配置*/
    display: flex;
    align-items: center;
    justify-content: center;
}

/*内側の線*/
.pushcircle:after {
  content: "";
    /*絶対配置で線の位置を決める*/
  position: absolute;
  top: 50%;
  left: 50%;
    /*線の形状*/
    width: 85%;
  height: 85%;
  border: 2px solid #3D511E;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.1);
    /*アニメーションの指定*/
    transition: .3s ease; 
  }

/*hoverをしたら枠線が小さくなる*/
.pushcircle:active{
  opacity:0.7;
}
.pushcircle:hover:after {
  transform: translate(-50%, -50%) scale(1);
    border-color:#fff;
}

/*グレー*/
.top-recruit .pushcircle{
	background:#d4d4d4;
	color: #3D511E;
}
.top-recruit .pushcircle:after {
	  border: 2px solid #3D511E;
	width:80%;
	height:80%;
}
.top-recruit .pushcircle:hover:after {
	border-color:#d4d4d4;
}
@media (max-width: 992px){
	.pushcircle{
  width:90px;
  height:90px;
  margin-top:2em;
}
}
/*================================================
 *  aタグリンク パターンD（背景から枠）
 ================================================*/
.btn05{
    /*線の基点とするためrelativeを指定*/
    position: relative;
    /*ボタンの形状*/
    display: inline-block;
    color: #3D511E;
    
    padding: 10px 20px;
    background:#eee;
    text-decoration: none;
    outline: none;
    /*アニメーションの指定*/
    transition: all .3s;
    transition-delay: .7s;/*0.7秒遅れてアニメーション*/
}

/*hoverした際の、ボタンの背景とテキスト色の変更*/
.btn05:hover{
  background:#3D511E;
  color: #fff;
}

/*線の設定*/
.btn05 span{
    display: block;
}

/*横線の設定*/
.btn05::before,
.btn05::after{
    content:"";
    /*絶対配置で線の位置を決める*/   
    position: absolute;
    /*線の形状*/   
    width: 0;
    height: 1px;
    background: #3D511E;
    /*アニメーションの指定*/
    transition: all 0.2s linear;
}

/*縦線の設定*/
.btn05 span::before,
.btn05 span::after{
    content:"";
    /*絶対配置で線の位置を決める*/   
    position: absolute;
    /*線の形状*/
    width:1px;
    height:0;
    background: #333;
    /*アニメーションの指定*/
    transition: all 0.2s linear;
}

/*hoverした際、線が縦横100%伸びる*/
.btn05:hover::before,
.btn05:hover::after{
    width: 100%;
}
.btn05:hover span::before,
.btn05:hover span::after{
    height: 100%;
}

/*== 左上と右下から枠線が伸びて塗に */

/*横線が0.2秒送れて出現*/

.bordercircle1::before{
    right: 0;
    top: 0;
    transition-delay: 0.2s;
}
.bordercircle1::after{
    left: 0;
    bottom: 0;
    transition-delay: 0.2s;
}

/*縦線が出現*/
.bordercircle1 span::before{
    left: 0;
    top: 0;
}
.bordercircle1 span::after{
    right: 0;
    bottom: 0;
}
/*================================================
 *  フォント
 ================================================*/
.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*================================================
 *  ポップアップ パターンB(写真・文字等)
（ポップアップ パターンAは施工事例 使用）
 ================================================*/
.popup_wrap input {
  display: none;
}
.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #4f4f4f9e;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  /*align-self: center;*/
  width: 80%;
  max-width: 800px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
    padding:2em 5em;
    text-align:left;
	
}
.popup_content{
	/*margin-top:13em;*/
	/*    margin-top: 30vh;*/
	margin-top:1em;
	margin-bottom:1em;
	width:auto;
	height:auto;
	overflow-y: scroll;
} 
.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  color:#3D511E;
}
.close_btn:hover{
	opacity: 0.5;
}
.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.open_btn {
    color: #37beb0;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    /*border:1px solid #37beb0;*/
    padding:5px 15px;
    font-weight: bold;
}
.open_btn:hover{
   /* background:#37beb0;
    color:#fff;*/
    transition: .3s ease;
}
.popup_content p,.popup_content img{
	position: inherit;
}
	/*スクロールバー*/
.popup_content{
	position: relative;
}
.popup_content::-webkit-scrollbar{
   width: 10px;
	height:10px !important;
}
.popup_content::-webkit-scrollbar-track{
   background: #dfdcdc69;
	border-radius:48px;
	position:relative;
	right:3em;
}
.popup_content::-webkit-scrollbar-thumb{
   background-color:#3d511ed9;
	border-radius:48px;
	height:30px;
	
}
 /*画面高さが800px以上*/
@media (min-height: 800px) {
.popup_content {
  align-self: center;
	overflow-y: hidden;
 }
.popup_content::-webkit-scrollbar{
   width: 0;
}
.popup_content::-webkit-scrollbar-track{
   background:none;
	border-radius:0;
	position:inherit;
	right:0;
}
.popup_content::-webkit-scrollbar-thumb{
   background-color:none;
	border-radius:0;
	height:0;
	
}
	
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
/*.popup_content{
margin-top: 40vw;
}*/
	}
@media (max-width: 992px){
	.popup_content{
		margin:3em 1em!important;
		align-self: inherit !important;
		overflow-y: scroll;
	}
}
/*================================================
 *  ヘッダー
 ================================================*/
nav{
	/*padding: 0 !important;*/
}
/* パソコン用 */
@media (min-width: 769px) {
	.top-header-box{
/*margin-left:15%;*/
height:100%;
margin-bottom:7em;
}
	.global-nav{
		
	}
	header div.inner{
		margin: 0em 0 2em auto;
		/*width:1100px;*/
		/*width:63vw;*/
		width:70%;
		width:70%;
		position: absolute;
    	z-index: 100;
    	right: 0;
	}
	.logo{
	float:left;
	position:relative;
	z-index:1;
	margin:6px 2em 0 1em;
	}
    /** グローバルナビリスト (1階層目) */
    .global-nav-item-list {
        justify-content: space-between;
    }
    /** グローバルナビ項目 (1階層目) */
    .global-nav-item {
        display: flex;
        position: relative;
    }
    .global-nav-item > a {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transform: rotate(0.05deg);
	font-size: 1.7em;
	font-weight: bold;
	margin-right:2em;
   }
    .global-nav-item > a::after {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 2px;
        background: #3D511E;
        opacity: 0;
        transition: 0.2s opacity;
    }
    .global-nav-item:hover > a::after {
        opacity: 1;
    }

    /** グローバルナビリスト (2階層目) */
    .global-nav-sub-item-list {
        position: absolute;
        top: 100%;
        width: calc(100% + 20em);
        min-width: 200px;
        left: 50%;
        border-radius: 5px;
        background: white;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        opacity: 0;
        transform: translateX(-50%);
        transition: 0.2s opacity;
        pointer-events: none;
        z-index: 100;
    }
    .global-nav-item:hover > .global-nav-sub-item-list,
    .global-nav-sub-item-list:hover {
        opacity: 1;
        pointer-events: all;
    }
    /** グローバルナビ項目 (2階層目) */
    .global-nav-sub-item > a {
        display: flex;
        align-items: center;
        position: relative;
        padding: 15px 30px 15px 20px;
        border-top: 1px dotted #ddd;
        color: #4f4f4f;
        text-align: left;
        text-decoration: none;
        transform: rotate(0.05deg);
		font-size: 1.7em;
		font-weight:bold;
    }
    .global-nav-sub-item > a::before {
        box-sizing: border-box;
        content: "";
        display: block;
        margin-right: 5px;
        width: 10px;
        height: 10px;
        border: solid #FF6F00;
        border-width: 0 3px 3px 0;
        transform-origin: center;
        transform: translateX(-25%) rotate(-45deg);
    }
    .global-nav-sub-item:first-child > a {
        border-top: none;
    }
    .global-nav-sub-item > a:hover {
        background: hsl(200, 100%, 97%);
    }
    .global-nav-toggle {
        display: none;
    }
	
	.nav_main{
		display: flex;
		order: 2;
		margin: 0;
		justify-content: flex-end;
		margin-right: 2em;
	}
	.nav_sub{
		font-size : 1.5rem;
		background: #CCC;
		order:-1;
	}

}
/* スマホ用 */
@media (max-width: 768px) {
	.logo{
	float:inherit;
	margin:0em 0 0em 0.5em;
	padding:0.5em;
	}
    /** グローバルナビリスト (1階層目) */
    .global-nav-item-list {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 90px;
        left: 100%;
        margin: auto;
        overflow: auto;
        z-index: 90;
        background: rgba(255, 255, 255, 0.95);
        transition: 0.2s all;
        pointer-events: none;
    }
    .global-nav.open .global-nav-item-list {
        left: 0;
        pointer-events: all;
    }
    /** グローバルナビ項目 (1階層目, 2階層目) のリンク */
    .global-nav-item a {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        padding: 15px 30px;
        font-size: 18px;
        color: #4f4f4f;
        text-decoration: none;
        transform: rotate(0.05deg);
        transition: 0.2s all;
		font-weight:bold;
    }
    .global-nav-item a:hover {
        background: hsl(200, 100%, 97%);
    }
	/*親メニューアイコン*/
    .global-nav-item > a::before{
        box-sizing: border-box;
        content: "";
        display: block;
        margin-right: 10px;
        width: 10px;
        height: 10px;
        border: solid #3D511E;
        border-width: 0 3px 3px 0;
        transform-origin: center;
        transform: translateX(-25%) rotate(-45deg);
        transition: 0.2s all;
    }
	/*子メニューアイコン*/
	.global-nav-sub-item-list.open a::before {
		box-sizing: border-box;
        content: "";
        display: block;
        margin-right: 10px;
        width: 10px;
        height: 10px;
        border: solid #3D511EA1;
        border-width: 0 3px 3px 0;
        transform-origin: center;
        transform: translateX(-25%) rotate(-45deg);
        transition: 0.2s all;
	}
    .global-nav-item > a.open::before {
        transform: translate(-25%, -2.5px) rotate(45deg);
    }
    .global-nav-sub-item a {
        padding-left: 45px;
    }
    /** グローバルナビリスト (2階層目) */
    .global-nav-sub-item-list:not(.open),
    .global-nav-sub-item-list:not(.open) * {
        overflow: hidden;
        opacity: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-top-width: 0;
        border-bottom-width: 0;
        color: transparent;
        line-height: 0;
        transition: 0.2s margin, 0.2s padding, 0.2s border-width, 0.2s line-height, 0.2s opacity;
    }
    .global-nav-sub-item-list.open,
    .global-nav-sub-item-list.open * {
        transition: 0.2s margin, 0.2s padding, 0.2s border-width, 0.2s line-height, 0.2s opacity;
    }	
	.nav_main{
		order: 2;
		display: inline-block;
		list-style: none;
	}
	.nav_sub{
		order:-1;
	}
 

    /** トグルボタン */
    .global-nav-button {
        box-sizing: border-box;
        position: absolute;
		/*position: fixed;*/
        top: 12px;
		right: 15px;
        width: 45px;
        height: 45px;
        border-radius: 4px;
        background: #00000085;
        z-index: 100;
        cursor: pointer;
    }
    .global-nav-button-icon {
        position: absolute;
        top: calc(50% - 1px);
        right: 10px;
        width: calc(100% - 18px);
        height: 2px;
        margin-left: 9px;
        background: white;
        z-index: 100;
    }
    .global-nav-button-icon::before {
        position: relative;
        top: -8px;
        display: block;
        content: "";
        height: 2px;
        background: white;
        transition: 0.1s all;
    }
    .global-nav-button-icon::after {
        position: relative;
        top: 6px;
        display: block;
        content: "";
        height: 2px;
        background: white;
        transition: 0.1s all;
    }
    .global-nav-button.open .global-nav-button-icon {
        background: transparent;
    }
    .global-nav-button.open .global-nav-button-icon::before {
        top: -6px;
        transform: translateY(6px) rotate(45deg);
    }
    .global-nav-button.open .global-nav-button-icon::after {
        top: 3px;
        transform: translateY(-5px) rotate(-45deg);
    }
}
 
 

/*================================================
 *  フッター
 ================================================*/
 div.footer-design{
 	font-weight:bold;
	/*width: 1240px;*/
	margin: 3em auto;
	font-size:1.5em;
 }
 div.footer-design a:hover{
 	color:#3D511E;
 }
 .footer-about{
 	text-align: left;
 }
 	.footer-about li{
		margin-right:2em;
	}
.footer-about img{
	margin-bottom:1em;
}
.footer-design ul{
 	display: flex;
	list-style-type: none;
	font-size:1.2em;
	margin: 1em 0 2em;
 }
 /*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
  div.footer-design{
	font-size:1vw;
	}
}

 @media (max-width: 768px) {
  div.footer-design{
 	font-weight:bold;
	/*width: 1240px;*/
	margin: 3em;
	font-size:1.5em;
	  
 }
 .footer-design ul{
 	display: block;
	list-style-type: none;
	font-size:1.2em;
	margin: 1em 0 2em;
 }
  .footer-design li{
	margin-bottom:1em;
 }
 .vertically-list li{
 	font-weight:500;
 }
	 .footer-about{
		 border-top: 1px solid #333;
		 margin: 0px 1em 0 0;
	 }
 }
/* .footer-design li{
display:inline-block;
list-style-type:none;
margin-top:2em;
margin-right:6px;
padding-left:10px;
}
.footer-design li:first-child{
border-left:0px;
}*/
.footer-design ul a{
 	  text-decoration: none;
	  margin-right: 6em;
 }
 ul.vertically-list{
	display: block;
    font-size: 0.7em;
    list-style: disc;
	margin-top: 1em;
 }
/*.footer-design{
text-align: center;*/
/*padding:20em 0 1em 0;*/
/*font-size:1.5em;
margin:4em 0 0 0;
width: 100%;*/
/*background-image: url("../images/footer_bg.png");*/
/*background-repeat:  no-repeat;
background-position: bottom center;*/
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
/*フッターの下の余白*/
/*padding-bottom: 13%;*//*
}*/


/*フッター部分（copyright）*/
.copyright {
	text-align: center;
	margin: 2em 0;
	background: #3D511E;
	color: #fff;
	padding: 0.5em 0;
}
/*ページトップ*/
#page_top{
	position:fixed;
	bottom:2.2em;
	right:0em;	
	z-index:100;
}
#page_top img{
	width:76px;
}
#page_top img:hover{
	content: url(../images/top-page-hover.png);
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	#page_top img{
	margin-bottom:0em;
}
}

@media (max-width: 992px){
	#page_top{
		    bottom: 1.4em;
	}
		#page_top img{
	margin-bottom:0em;
}
}
/*================================================
 ================================================*/

/*================================================
サイト幅
 ================================================*/
/*本文の幅*/
div.wrapper{
max-width:max(1200px, 70.3333333333vw);
margin: 1em auto ;	
/*font-size: 1.7em;*/
	position:relative;
}
.wrapper{
	font-size:1.7em;
}
/*文字の大きさは親要素から掛け算しない大きさ*/
.wrapper-2{
max-width: 1000px;
margin: 0 auto;
}
/*.wrapper p{
line-height: 2.5em;
}*/
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	div.wrapper{
		max-width: 85%;
	}
}

@media (max-width: 992px){
div.wrapper{
max-width: 90%;
}
}
/*================================================
画像
 ================================================*/
img {
max-width: 100%;
vertical-align:middle;
}
img a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
}
/*================================================
 ================================================*/
 /*------------ アイコンの自動付与 ------------*/
 
 /* PDFファイルにアイコンの例外 */
.gallery a[href$=".pdf"]{
	background:none;
}
 
a[href*=".pdf"]{ 
	background: url( "../images/ico_pdf.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.pdf{ 
	background: url(img/ico_pdf.gif) no-repeat 100% 50%;
	padding-right:20px;
}

a[href^="http"]	{ 
	background: url(img/ico_opwin.gif) no-repeat 100% 50%;
	padding-right:20px;
}
a.external	{ 
	background: url(img/ico_opwin.gif) no-repeat 100% 50%;
	padding-right:20px;
}
#mainBox a[href^="http://www.css-lecture.com/"]	{
	padding: inherit;
	background: transparent;
	padding-right:20px;
}
 
 /*================================================
 テーブル
 ================================================*/
table{
/*width:80%;
align:center;
margin: 0 auto;
font-size:1em;*/
}
table th{
/*font-weight: inherit;
text-align:left; 
background:#F5F5F5;*/
}
table ul{
list-style: circle;
padding-left: 1em;
}
/*================================================
 ================================================
パンくずリストの装飾
================================================
 ================================================*/


ol#breadcrumbs{
	padding:10px;
	margin-bottom:1em;
	/*float:left;*/
	background: #3D511E;
}
ol#breadcrumbs li {
	display: inline;
	list-style-type: none;
	font-size:small;
}
ol#breadcrumbs li a {
	display: inline;

	color:#fff;
}
ol#breadcrumbs li a:active {
	display: inline;
}
ol#breadcrumbs li:before {
  content: " > ";
  color:#fff;
}
ol#breadcrumbs li:first-child:before {
  content:"";
}
ol#breadcrumbs li:last-child {
	font-weight:bold;
	color:#fff;
}
@media (max-width: 992px){
	ol#breadcrumbs{
		margin-bottom:0;
	}
}
 /*================================================
 ボタン
 ================================================*/
 .simple-mini-btn{
    color: #fff;
    background: #3D511E;
    padding: 0.8em 2em;
    font-weight: bold;
    font-size: 0.7em;
	margin-top:3em;
	text-align: center;
    }
	.simple-mini-btn a{
    color: #fff;
    text-decoration:none;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	

 /*================================================
 お問い合わせへのリンク
 ================================================*/
 .to-inquiry{
 	/*background: url( "../images/to-inquiry.jpg") center;*/
	  background: linear-gradient(122deg, rgba(61, 81, 30, 0.7) 50%, rgba(255, 255, 255, 0.8) 50%),
  url(../images/to-inquiry.jpg);
  background-size: cover;
	height:300px;
	color: #fff;
    font-size: 1.5em;
    font-weight: bold;
	padding:2em;
	margin-top:3em;
	align-items: flex-start;
}
.top-alignment{
justify-content: space-between !important;
}
.to-inquiry p{
	color: #313131;
	margin-right:1em;
}
.tel-time{
    letter-spacing: 2px;
    text-align: left;
    font-size: 0.8em;
}
.tel-time p{	
	color:#fff !important;
	font-size:0.9em;
}
p.hh-to-inquiry{
	font-size:1.5em;
}
.tel-time p.tel-ub{	
	margin-top:0.6em;
	font-size:1.8em;
}
.to-inquiry-btn{
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    margin-left: 10em;
    font-size: 0.9em;
    border: 3px solid #3D511E;
   /* padding: 1.8em 1em 1.2em 2.5em;*/
	padding: 0;
    position: relative;
}
.hh-to-inquiry-form{
    position: absolute;
    color: #fff !important;
    background: #3D511E;
    padding: 0.8em 2em;
    font-weight: bold;
    top: -1.8em;
    font-size: 0.7em;
    left: 1em;
	z-index: 100;
}
.to-inquiry-btn a{
text-decoration:none;
font-size:0.8em;
}
.siro-text{
	margin-bottom: 1em;
}
p.siro-text{
	color:#fff;
}
.top-alignment{
	align-items: center;
	}

.orange-btn a{
	text-decoration: none;
	color: #fff;
	display:block;
	padding:0.6em 3em;
}
.orange-btn a:hover{
	opacity: 0.8;
}
@media screen and (max-width: 992px){
	.orange-btn {
	margin-top:1em;
	margin-left:0;
	}
	.to-inquiry{
		height:auto;
		font-size:1em;
		background:linear-gradient(158deg, rgba(61, 81, 30, 0.7) 50%, rgba(255, 255, 255, 0.8) 50%),
  url(../images/to-inquiry.jpg);
		background-size: cover;
	}
	.to-inquiry p{
margin-right: 0em;
}
.to-inquiry-btn{
margin-left: 0em;
margin-top: 3em;
}
.footer-design{
margin: 2em 0 3em 2em;
}
}
/*================================================
「横列レイアウト（共通）
 ================================================*/
.oneCol,.twoCol,.threeCol,.fiveCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	/*overflow: hidden;*/
	margin-bottom: 0px;
	width:100%;
}
/*1カラム（写真）*/
.oneCol .inner {
	position: relative;
	overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width:100%;
	margin:2em 0 0 0;
	padding:0 0.3em 1em;/*ボタンと背景との余白*/
    box-sizing:border-box;
}
/*2カラム（写真）*/
.twoCol .inner {
	position: relative;
	overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width:40%;
	margin:2em 0 0 0;
	/*padding:0 0.3em 1em;*//*ボタンと背景との余白*/
    box-sizing:border-box;
}
/*5カラム（写真）*/
.fiveCol .inner {
	position: relative;
	overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width:15%;
	margin:2em 0 0 0;
	/*padding:0 0.3em 1em;*//*ボタンと背景との余白*/
    box-sizing:border-box;
}
/*事業内容　実績紹介　フロー"▶"を置く場所*/
.fiveCol .inner-ya {
	position: relative;
	overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width:3em;
	margin:2em 0 0 0;
	/*padding:0 0.3em 1em;*//*ボタンと背景との余白*/
    box-sizing:border-box;
}
@media screen and (max-width: 500px){
.twoCol,.threeCol,.fiveCol{
	display:block;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	/*overflow: hidden;*/
	margin-bottom: 0px;
	width:100%;
}
/*2カラム（写真）,2カラム（写真）*/
.twoCol .inner,.threeCol .inner,.fiveCol .inner {
	position: relative;
	/*overflow: hidden;*/
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	/*justify-content: space-between;*/
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width:100%;
	margin:2em 0 0 0;
	/*padding:0 0.3em 1em;*//*ボタンと背景との余白*/
    box-sizing:border-box;
}
/*事業内容　実績紹介　フロー"▶"を置く場所*/
.fiveCol .inner-ya {
	position: relative;
	overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width:100%;
	margin:0;
	/*padding:0 0.3em 1em;*//*ボタンと背景との余白*/
    box-sizing:border-box;
	text-align: center;
	height:6em;
}
}
 /*「トップページ」*/
 /*================================================
トップ画像（アニメーション）
 ================================================*/
.matrix .bg-wrap,
.matrix .bg-wrap .inn {
  display: block;
}
 
.matrix .bg-wrap {
  overflow: hidden;
  opacity: 0;
}
 
.matrix .bg-wrap + .bg-wrap {
  margin-top: 10px;
}
 
.matrix .bg-wrap .inn.large {
  font-size: 36px;
  font-weight: bold;
}
.matrix .bg-wrap .inn.small {
  font-size: 15px;
}
 
.matrix .bg-wrap .inn {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
 
.matrix.is-animated .bg-wrap {
  opacity: 1;
}
 
.matrix.is-animated .bg-wrap .inn {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
 /*================================================
 画像ズーム
 ================================================*/

.zoom-img{
 width:100%;/*サイズがサンプルなので適時変更してください。*/
 margin:0 auto; /*サンプルで中央に寄せたいので書かせていただいております。*/
 overflow:hidden; /*これを記述することではみ出た部分を非表示にします。*/
}
.zoom-img img{
 transition:1s all;
}
.zoom-img img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}

/*================================================
横4列の表（マウスオーバーで画像がアップになる）
 ================================================*/


.grid-2{
display: grid;
gap: 1em;
grid-template-columns:repeat(4, minmax(240px,1fr));
margin: 6% auto 50px;
width:80%;
}
.grid-2 img{
width:inherit !important;
}
.grid-3{
display: grid;
  /*gap: 1em;*/
  grid-template-columns:repeat(3, 1fr);
  margin-top: 6%;
  margin-bottom: 50px;	
}
.item img{
max-width:100% !important;
}

.homebusinesslist{
width: 100%;
}
/*トップページの横並びの画像の1マスの横幅20％*/
.homebusinesslist .inner{
	width:20%;
	margin:0;
	padding:0;
}

.fiveCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}
.fiveCol-top {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}
.fiveCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 20%;
	margin: 0 0 20px 0;
    border-right: solid 1px #FFF;
    box-sizing:border-box;
}
.fiveCol-top .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 20%;
	margin: 0 0 20px 0;
    border-right: solid 1px #FFF;
    box-sizing:border-box;
	outline: 1px solid rgb(255, 255, 255);
    outline-offset: -8px;
}
.fiveCol-top .inner:hover {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 20%;
	margin: 0 0 20px 0;
    border-right: solid 1px #FFF;
    box-sizing:border-box;
	outline: 1px solid rgb(255, 255, 255);
    outline-offset: -8px;
	/*opacity: 0.6; filter: brightness(110%);*/
}

.fiveCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.fiveCol .inner img {
	width: 100%;
}
.fiveCol .inner .btn {
	margin-top: auto;
	padding-top: 20px;
}

 /*================================================
 ホームのトップ画像スライドショー
 ================================================*/
	.animation-text {
/*  opacity: 0;
  color:#0E0B58;
  width:100%;
	text-align:center;
	font-weight:bold;
  position: absolute; 
	top:28%;
	z-index: 80;*/
	
 /* -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;*/
/*font-size:3em;*/
	/*text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);*/
}
/*.animation-text.is-active {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}*/
/*	.animation{
		
	}*/
	
	
	/*=============
slick
=============*/

.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.full div.img01 {
  background-image: url("../images/top-images-1.jpg");
  background-position:top center;
}
.full div.img02 {
  background-image: url(../images/top-images-2.jpg);
  background-position:top center;
}
.full div.img03 {
  background-image: url(../images/top-images-3.jpg);
  background-position:top center;
}
.full .slick-dots {
  bottom: 4%;
  z-index: +1;
}
.slick-slider{
right:0px;
}
/*=============
base
==============*/
html, body {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}

	

.text-image{
position: relative;
 width:100%;
}
.text-image li{
background:url(../images/top-images-1.jpg) center center no-repeat;
    background-size: cover;
}

.text-image img {
width:100%;
position: relative;
}
.top-img-center {
    position: absolute;
    top: 60%;
    font-size: 2.1vw;
	/*font-size:4.1em;*/
    color: #2E2E2E;
    font-weight: bold;
    z-index: 80;
    letter-spacing: 3px;
    padding: 1em 2em;
    margin-left: -7em;
    background: #fff;
}
.top-img-center-sub {
/*
    position: absolute;
    top: 50%;
	font-size:2.7em;
*/
    /*font-size: 1.4vw;*/
/*
    color: #2E2E2E;
*/
/*
    font-weight: bold;
*/
/*
    z-index: 80;
    letter-spacing: 3px;
    padding: 0.5em 2em;
    margin-left: -9em;
    background: #fff;
	margin-top:5em;
	font-family: 'Caveat', cursive;
*/
	
	position: absolute;
    /*top: 60%;*/
	top:65%;
   /* font-size: 8em;*/
     font-size: 4vw; 
    color: #2E2E2E;
    font-weight: 500;
    z-index: 80;
    letter-spacing: 3px;
    padding: 0.6em 2em;
    margin-left: -3.1em;
    margin-top: 1em;
    font-family: 'Caveat', cursive;
    transform: rotate(351deg);
}
.flexslider{
	position: relative;
}
.top-img-left{
    left: 3em;
    bottom: 2em;
    color: #fff;
    text-shadow:black 0px 0px 3px;
    position: absolute;
    z-index: 80;
    font-weight: bold;
    font-size:1.6vw;
    letter-spacing: 3px;
    /* border-bottom: 30px solid #00000075; */
    /* margin: 0em; */
    /* text-decoration: underline; */
    /* text-decoration-color: #00000075; */
    /* border-width: 87px; */
    background: linear-gradient(transparent 75%, #05050699 46%);
	
}
.top-img-right{
	right:8em;
	bottom:4.5em;
	font-size:1.4em;
	position: absolute;
	z-index: 80;
	color:#fff;
}
/*@media (max-width: 1450px) {
.top-img-center{
	font-size:3.5em;
}
.top-img-left{
	left: 1em;
    bottom: 1.3em;
	font-size:2.5em;
}
.top-img-right{
	right: 3em;
    bottom: 2.5em;
	font-size:1.3em;
}
}
@media (max-width: 1070px) {
.top-img-right{
	display:none;
}
.top-img-center{
font-size: 3em;
top: 2px;
}
.top-img-left{
	font-size:2em;
	bottom:15%;
	background: none;
}
}*/
@media (max-width: 992px) {
.top-img-center{
	top:15%;
	font-size:4vw;
}
.top-img-left{
	font-size:3vw;
	bottom:5vw;
	bottom: 0;
    background: #2020203d;
    /* position: absolute; */
    width: 100%;
    padding: 5vw 0 5vw 5vw;
	left:0;
}
	.top-img-center{
		padding:1.2em 1.2em;
		width:12em;
		right:0;
		bottom:13em;
		top:inherit;
		font-size:5.7vw;
		
	}
	.top-img-center-sub{
	/*	font-size:2em;
	
		width:15em;
		bottom:19.9em;
		top:inherit;
		margin-left:inherit;
		right:0;
		padding: 0.5em 0 0.5em 2em;
	*/		
	font-size: 4.5em;
	top: 64%;
    right: 14px;
    color: #efefef;
    font-weight: 500;
    transform: rotate(353deg);
   }
}
/*@media (max-width: 670px) {
.top-img-center{
	font-size:3em;
	top:15%;
}
.top-img-left{
	font-size:2em;
}
}*/
@media (max-width: 992px) {
/*.text-image p {
  font-size:2em;
}*/
.animation-text{
	font-size: 1em;
}
.fourCol-top .inner{
	width: 100%;
}
.four-top{
	display:block;
}
.fourCol-top .inner:hover{
	width:100%;
	}
}
/*================================================
展開
 ================================================*/
.et_pb_module {
  display:block;
}

.vp-greeting{
display: block;
    border: solid 2px #3d511e;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    padding: 2em;
     border-radius:5px; 
    width: 70%;
    margin: auto;
}
.secList {
      display: block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    transition: .2s;
    margin: 5px 0;
    width: 100%;
    background: #3d511e;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
  
.secList:hover {
  background: #fff;
  border:2px solid #3d511e;
  color: #3d511e;
}

.et_pb_text_inner1 {
  background-color: #EAD9FF;
}

.et_pb_text_inner2 {
  background-color: #FFD5EC;
}

.et_pb_text_inner3 {
  background-color: #FFDBC9;
}



/*トップページ　 事業内容リンク*/
/*================================================*/
.top-about{
/*	background:linear-gradient(122deg,#fff 10%, #D8D8D8 90%);*/
	/*background: linear-gradient(122deg, rgba(61, 81, 30, 0.7) 50%, rgba(255, 255, 255, 0.8) 50%),
  url(../images/to-inquiry.jpg)*/
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 25%, #D8D8D8 25%, #D8D8D8 100%);
    padding: 11em;
    position: relative;
/*    background: linear-gradient(90deg, #f0bc68 0%, #f0bc68 50%, #c4d7d1 50%, #c4d7d1 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;*/
}
.top-about .wrapper{
border:1px solid #3D511E;
padding:4em 3em;
}
.hh-top-about{
/*    position: relative;
    color: #3D511E;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background:#fff;
   padding: 1.3em 4em;*/
   position: relative;
    color: #3D511E;
    font-size: 26px;
	/*FONT-SIZE:1.4VW;*/
    font-weight: bold;
    text-align: center;
    padding: 1.2em 4em 2.1em;
    background: #3D511E;
    transform: skewY(0deg);
    top: 1em;
}
.top-about img{
margin-top:3em;
}
/* .top-about::before {
 background: #3D511E;
    transform: skewY(357deg);
    top: 0.8em;
    left: -0.9em;*/
/*background: #ffffff;
    transform: skewY(2deg) ;
    left: 1.1em;
    top: -16px;
}*/
.hh-top-about::before{
    position: absolute;
/*    top: 0px;
    left: 0;*/
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
	
	background: #ffffff;
    transform: skewY(2deg) ;
    left: 1.1em;
    top: -16px;
}


.top-about-text{
    padding: 1em 0 2em 2em;
    line-height: 36px;
    letter-spacing: 1px;
    width: 30em;
	 margin: 12em 0em 0em 7em;
	 margin: 10.6vw 0em 0em 5.4vw;
	
}
.top-about .top-about-button{
text-align: right;
}
.top-about .top-about-button a{
text-decoration: none;
    border: 1.8px solid;
    padding: 0.5em 2em;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.hh-top-about{
		font-size:1.8VW;
		padding:1.2em 1em 2.1em 2em;
	}
	.top-about{
		padding:11em 0;
	}
	.top-about-text{
		font-size: 1.3vw;
	}
}
@media (max-width: 992px){
	.top-about{
		padding:2px;
	}
	.hh-top-about{
		padding: 1em 0 2em;
		margin: 2em 4.5em 1em 0em !important;
		font-size:18px;
	}
	.top-about-text{
		margin:0;
		width:auto;
		padding: 1em 0 2em 0em;
	}
	.top-about .wrapper{
border:1px solid #3D511E;
padding:0em 1em;
}
	.top-about img{
		margin-top:2em;
	}
	.top-about .top-about-button a{
		border: 1px solid #3d511e;
		    margin-bottom: 1.2em;
	}
}
/*トップページ　 施工実績リンク*/
/*================================================*/
.top-result{
    margin-top:1.8em;
	background: #F1F1F1;
    padding: 6em 0 0;
    border-bottom: 7em solid #3D511E;
}
.hh-top-result{
	font-size: 1.7em;
    font-weight: 600;
    color: #3D511E;
    letter-spacing: 4px;
	line-height:24px;
}
.hh-top-result span{
	font-size: 0.5em;
    letter-spacing: 0;
    margin: 0 3em;
	color: #BBBBBB;
}
.top-result-bg-text{
    font-size: 4em;
    line-height: 120px;
    color: #3D511E;
    margin:1.5em 0 0 0.5em;
    position: absolute;
    font-weight: bold;
    letter-spacing: 10px;
    left: -10px;
	/*left:-1.8vw;*/
}
/*.slider-box{
	width:1110px;
}*/
.slider{
	        border-top: 1px solid #c6cbbf;
    background: #ffffffc7;
    border-bottom: 1px solid #c6cbbf;
    border-left: 1px solid #c6cbbf;
    padding: 7em 0 8em;
}
.slider img{
width:400px;
}
.slider li{
width:420px !important;
}
.top-result .top-about-button{
position:relative;
text-decoration: none;
   /* border: 1.8px solid;*/
    padding: 0.5em 2em;
}
.top-result .top-about-button a{
position: absolute;
    bottom: 28px;
    text-decoration: none;
    border: 2px solid #3D511E;
    padding: 0.5em 2em;
    font-size: 1.5em;
    color: #3D511E;
    font-weight:bold;
	right:50px;
	}

hr.top-result-hr{
margin: 2em 0;
    height: 0;
    border-top: 2px solid #3D511E;

}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.slider-box{
		width: 70% !important;
	}
	.top-result-bg-text{
		left:7vw;
	}
}
@media (max-width: 992px){
	.slider{
    padding: 10em 0 16em;
	}
	.top-result-bg-text{
		font-size: 3em;
		line-height: 147px;
		margin: 0.4em 0 0 0.5em;
}
	.top-result .top-about-button a{
		/*right: 20.5px;*/
		background:#fff;
		position: relative;
		left: 16px;
		bottom: 75px;
}
/*	.slider-box{
		width:100% !important;
	}*/
	.slider li{
		/*width: auto !important;*/
		margin-top:0.5em;
	}
}
/*トップページ　 猫のいる空間リンク*/
/*================================================*/
.top-family{
	margin:7em 0 6em;
	color: #3d511e;
	font-weight:bold;
	padding: 0 3em;
}
.hh-top-family{
	font-size: 2.2em;
	/*font-size:1.9vw;*/
    letter-spacing: 3px;
	margin:0.7em 0;
}
.circle-btn-green{
font-weight: normal;
    margin: 0 1em;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    background: #3d511e;
    position: relative;
    bottom: 68px;
    left: 584px;
    z-index: 1;
    top: 0;
	}
.top-family-text-box{
margin-left:3em;	
	}
.circle-btn-green a{
color: #fff;
font-weight:bold;
text-decoration: none;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.top-family-text-box p{
		font-size: 1.2vw;
	}	
}

@media (max-width: 992px){
	.top-family{
		padding: 0em;
	}
	.hh-top-family {
		margin-top:1em;
	}
	.top-family-text-box{
		margin-left:0;
	}
	.top-family-text-box .flex-right{
		display:flex;
	}
}
/*トップページ　 採用情報リンク*/
/*================================================*/
    .top-recruit{
	background: #f5f6f3;
    border-radius: 30px;
    padding: 4em 4em 5em;
	position:relative;
	z-index: 0;
}
.top-recruit-text{
    margin: 3em 0 0 3em;
    font-size: 2.3em;
    font-weight: bold;
    color: #3D511E;
    letter-spacing: 3px;
}
.circle-btn{
    font-weight: normal;
    margin: 1em;
/*    width: 100px;
    height: 100px;*/
    line-height: 100px;
    border-radius: 50%;
    color: #3d511e;
    text-align: center;
    background: #d4d4d4;
    position: absolute;
    bottom: 68px;
    left: 21em;
	z-index:1;
}
.circle-btn a{
font-weight: bold;
    color: #3D511E;
    font-size: 1.2em;
   /* border-bottom: 1px solid #3D511E;*/
    text-decoration: none;
}
.circle-img{
font-weight: bold;
    margin: 1em;
    width: 400px;
    height: 400px;
    line-height: 400px;
    border-radius: 50%;
    color: #2E1703;
    text-align: center;
    background: #ffffff;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.top-recruit-text{
		font-size:2.6vw;
	}	
}

@media (max-width: 992px){
	.top-recruit{
		padding: 4em 0em 5em;
	}

	.top-recruit-text{
		margin: 2.5em 0 0 1em;
    line-height: 55px;
    font-size: 7vw;
}
	.top-recruit .hh-top-about{
		 margin: 1em 4.5em 0.2em 1em !important;
	}
	.circle-btn{
		right: 0;
		left: auto;
		margin: -3em 1em;
		background:none;
		bottom: 134px;
	}
	.circle-img{
		margin: 3em 1em 1em 2.5em;
		width: 280px;
		height: 280px;
	}
}
/*「業務内容」ページ*/
/*================================================*/
.service{
background: #D8D8D8;
}
.service-left{
    padding:10em 5em 5em 0;
    margin:3em 2em 4em;
}
.service-right{
background: #D8D8D8;
    padding: 10em 0em 5em 0;
    margin: 4em 2em 3em;
}
.service-left img{
margin:3em 2em;
}
.service-right img{
margin:3em 1.3em;
}
.service-text{
    background: #fff;
    padding: 4em 2em;
    box-shadow: 4px 4px 2px -1px #0000000a;
    line-height: 36px;
    font-weight: normal;
    letter-spacing: 1px;
	width:auto;
}
.business-content{
  margin:0.5em 2em;
  }
.about-slider .slider{
	border-top: none;
    background: #f5f5f5;
     border-bottom:none; 
     box-shadow: 0px 2px 20px rgb(207 205 205 / 22%);
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.service-text{
		font-size:1.2vw;
		padding:4em;
	}
}

@media (max-width: 992px){
	.service-left {
padding: 8em 5em 5em 0;
}
.service-left img {
margin: 3em 0 0;
	}
.service-left {
    padding: 10em 0em 5em 0;
	}
.service-text{
	width:auto;
	line-height: 32px;
	padding:2.5em 2em
	}
.business-content{
  margin:0.5em 0;
  }
}
/*「施工事例」ページ*/
/*================================================*/
.result .inner{
background:#f4f4f4;
}
.result .inner img{
border:5px solid #3D511E;
}
.result .inner .construction-name{
color: #3D511E;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin: 8px 0 0px;
}
.result-box{
    padding: 0.5em 0 1.3em;
}
.result .label{
font-size: 0.6em;
    border-radius: 20px;
    color: #fff;
    background: #3D511E;
    margin: 0.3em 0;
    padding: 0.4em 2em;
    display: inline-block;
    font-weight: bolder;
    letter-spacing: 1.1px;
}
.result-list .inner a:hover{
	opacity: 0.7;
}
@media (max-width: 992px){
	.result .label{
	padding: 0em 4em;
	}
}
/*「施工事例」ページ　工事経歴 */
/*================================================*/
.history table{
border-left:18px solid #3d511e;
margin:2em 0;
}
.history table th{
    padding: 2em 1.5em 1em 2.5vw;
    font-weight: normal;
    border-right: 1px solid #000;
}
.history table td{
	padding: 2em 1.5em 1em 1em;
	white-space: nowrap;
}
.result .inner a{
/*
width:440px;
*/
}
.history img{
 border-radius:0 100px 0 0;
	margin-left:7em;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.result p,.result tr{
		font-size:1.2vw;
	}
	.history img{
		margin-left:0;
	}
	.history table th{
		white-space: nowrap;
	}
}

@media (max-width: 992px){
	.history table{
		border-left:none;
	}
	.history table tr{
		border-bottom:18px solid #3d511e;
	}
	.history table th,.history table td{
		display: block;
	}
	.history table th{
    padding: 1em 0em 1em 0;
    border-bottom: none;
    background:none;
	float: left;
    height: 7em;
    color: #3d511e;
	width:6em;
	text-align: left;
	}
	.history table td {
	 padding: 1em 1.5em 0em 8em;
		white-space: pre-wrap;
	}
	.history img{
		border-radius: 30px 0;
		margin-left:0;
}
}
/*================================================
「会社案内ページ」会社のコンセプト
 ================================================*/
.concept-text{
 background: #3D511E;
padding: 5em 6em 5em 10em;
text-align: left;
position: relative;
width:75%;
}
 .concept-text p{
 color: #fff;
 margin-bottom:1em;
 }
 p.hh-concept-main{
 font-weight:bold;
 font-size:1.7em;
 text-align: right;
 }
 p.hh-concept{
 width: 520px;
	 margin:4em 1em 0 auto;
 }
 .concept-title{
 	margin: 1em 0;
    font-size: 2em;
    color: #FF6F00;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.3em;
 }
 .concept{
 	text-align: center;
    line-height: 3em;
	margin-bottom:2em;
	background:#F4F4F4;
    padding:6em;
 }
 .concept-title span{
 	margin-left:1em;
 }
 .concept img{
	position: relative;
    z-index: 100;
    left: 60px;
    top: 2em;
    box-shadow: 4px 5px 3px 2px #cbcbcb;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.concept{
		padding:6em 0;
	}
	p.hh-concept-main{
		font-size: 2vw;
	}
	p.hh-concept{
		font-size: 1.2vw;
	}
	.concept-text{
		width:80%;
	}
	.concept .circle-img{
		width: 25vw;
		height: 25vw;
	}
	.concept img{
		left:0 !important;
		top:6em !important;
	}
}

 @media (max-width: 992px){
 .concept-title{
 	font-size:1.5em;
 }
 .concept-title span{
 margin-left:0;
 }
div.concept {
    padding: 1em 0;
}
	 .concept-text{
		 width:100%;
		 padding: 5em 1em;
	 }
	 p.hh-concept-main{
    writing-mode: vertical-rl;
    text-align: left;
	line-height:2;
	margin-left: 1em;
 	 }
	  p.hh-concept{
		  width: auto;
		  margin: 8.5em 0em 0 auto;
 }
	 .concept img{
		 left: 84px;
		 box-shadow:  1px 4px 7px 3px #818181d4;
    top: 16em;
		     width: 200px !important;
    height: 200px !important;
	 }
 }
 /*================================================
「会社案内ページ」挨拶
 ================================================*/
.greeting-text p{
	text-align: left;
	margin:3em;
	line-height: 2.5em;
 }
.greeting-text .sign{
 text-align: right;
 margin-top:1em;
 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 }
 .greeting{
	margin:2em;
}
.greeting .et_pb_module{
	margin: -24px 0px;
}
.greeting .open_btn{
    padding: 5px 15px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
	color: #fff;
}
.greeting .open_btn p{
	background: #3d511e;
    padding: 1em;
    margin: 0;
	position: relative;
}
.greeting .open_btn p:after{
	content: url(../images/cat-icon.png);
    position: absolute;
        bottom: -11px;
    right: -47px;
transition:all 0.5s ease-out;

}
.greeting .open_btn p:hover:after{
	content: url(../images/cat-icon-hover.png);
    position: absolute;
        bottom: -10px;
    right: -43px;
	
}
/*.greeting .open_btn p:before{
	content: url(../images/cat-tail-icon.png);
    position: absolute;
    bottom: 0;
    right: -23px;
}*/
.vp-greeting .greeting .greeting-text p{
	margin:3em 0;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.greeting-text p{
		font-size:1.2vw;
	}
}
 @media (max-width: 992px){
 table.bosyuu-table td{
 	display:block;
 }
 .bosyuu ul{
 	margin-left:1em;
 }
.greeting{
	margin: 2em 0em;
	 }
.greeting .open_btn p{
    margin: 1em 3em 1em 0;		 
	 }
 }
 /*================================================
「会社案内ページ」副社長のごあいさつ
 ================================================*/
@media (max-width: 992px){
.vp-greeting-pop-up .greeting-text p{
	margin:2em 0;
}
	.vp-greeting-pop-up .popup_content{
		padding: 3em 1.5em;
	}

}
  /*================================================
「会社案内ページ」基本方針
 ================================================*/
 .basicpolicy{
 font-size:1.5em;
 margin:1em 2em 2em;
 }
 @media (max-width: 992px){
.vp-greeting{
    width: 100%;
}
.basicpolicy{
font-size:4.5vw;
margin: 1em 0.5em 2em;
}
}

/*================================================
「会社案内ページ」会社概要
 ================================================*/
.gaiyou-list{
	margin:1em 0;
}
.gaiyou dl{
    /* width: 80%; */
    margin: 0em auto;
    /* line-height: 45px; */
    background: #F4F4F4;
    display: flex;
    margin-bottom: 0.5em;
    border-left: 1em solid #3D511E;
}
/*.gaiyou dl:first-child{
	border-top:2px solid #ccc;
}*/
/*.gaiyou dl:not(.no-border){
	border-bottom: 2px solid #ccc;
}*/
.gaiyou dt{
	width: 13em;
    margin: 0.9em 0 0.5em 2em;
    color: #3D511E;
    font-weight: bold;
    letter-spacing: 0.2em;
    font-size: 1.1em;
}
.gaiyou dd{
	margin: 0.9em 0 0.5em;
	color: #3D511E;
}
.map iframe{
	height:30vw;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.gaiyou dl{
		font-size:1.2vw;
	}
	.map iframe{
	height:50vw;
}
}

@media (max-width:600px){
.gaiyou dt{
	font-weight:bold;
	margin-left:0;
	margin-bottom:0;
	margin-top: 0;
}
.gaiyou dd{
	margin:0 0 1.5em;
}
.gaiyou li{
	margin-left:1em;
}
}
dl.border-top{
	border-top: 2px solid #ccc;
}
@media screen and (max-width: 992px){
.gaiyou dl{
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin:0 auto 0.5em;
	line-height: 23px;
	display:block;
}
	.gaiyou dd{
		margin: 0;
	}
.pc{
	display:none;	
	}
	
}
@media screen and (min-width: 992px){
	.smh{
		display:none;
	}
	.smh:after{
	content:""
	}
}
hr{
	margin-top:1em; 
}
/*「採用情報」ページ　コンセプト*/
/*================================================*/
.recruit-concept{
	background: #F4F4F4;
    padding: 0 0 3em;
}
.recruit-concept-box{
	background: #fff;
	border-radius:10px;
	padding:5em 0em 3em;
	width: 70%;
margin: 3em auto;
}
.hh-recruit-concept-top{
background: #3D511E;
    padding: 0.3em 3em;
    color: #fff;
    font-weight: bold;
    transform: rotate(358deg);
    position: relative;
    z-index: 100;
    left: -71px;
    top: -49px;
    display: inline-block;
    font-size: 1.5em;
}
.hh-recruit-concept-bottom {

    background: #3D511E;
    padding: 0.3em 3em;
    color: #fff;
    font-weight: bold;
    transform: rotate(1deg);
    position: relative;
    z-index: 10;
   left: 264px;
    top: -40px;
    /* top: 1px; */
    display: inline-block;
    font-size: 1.4em;
}
.hh-recruit-concept-text{
	margin-top:1em;
	line-height: 2.5em;
	    padding: 0 5em;
    font-weight: bold;
    color: #3d511e;
}
.recruit-concept-box img{
	position: absolute;
	font-weight:bold; 
margin:1em;
width: 200px; 
height: 200px; 
line-height:200px;
 border-radius: 50%; 
color:#2E1703;
text-align: center;
background:#ffffff;
bottom: 26px;
    border: 1px solid #000;
    right: 6em;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.hh-recruit-concept-top{
		font-size: 1.6vw;
	}
	.hh-recruit-concept-bottom{
		font-size: 1.6vw;
		left:200px;
	}
	.hh-recruit-concept-text{
		font-size:1.3vw;
	}
}

@media (max-width: 992px){
	.recruit-concept-box{
		width:auto;
		margin: 3em 1em;
		padding-top:7em;
	}
	.hh-recruit-concept-text{
		 padding: 0 1em;
	}
	.hh-recruit-concept-top{
		left: -17px;
		padding: 0.3em 0.5em;
		font-size:1.1em;
		z-index:0;
	}
	.hh-recruit-concept-bottom{
		right: -90px;
		top: -36px;
		left:inherit;
		padding:0.3em 1em;
		font-size:1.1em;
	}
}
/*「採用情報」ページ　募集要項*/
/*================================================*/
.bosyuu{
	margin:5em;
}
.bosyuu dl{
    border-bottom: 1px solid #c9cfc0;
	margin: 1.5em auto;
}
.bosyuu dt{
    width: 13em;
    margin: 3em 0.5em 0;
    color: #3D511E;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1.1px;
	margin-bottom:0;
}
.bosyuu dd{
margin: 3em 1em 0;
	width:100%;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.bosyuu dl{
		font-size:1.2vw !important;
	}
}

@media (max-width: 992px){
	.bosyuu{
		margin: 5em 1em;
	}
	}
/*「採用情報」ページ　お問い合わせ先*/
/*================================================*/
.contact-info{
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:3em 0;
}
.contact-info .form-link{
	border:#707070 solid 1px;
	background:#3D511E;
	color: #fff;
	width:400px;
	height:400px;
	margin-right:1em !important;
}
.contact-info .tel-display{
	border:#707070 solid 1px;
	background:#fff;
	color:#3D511E;
	width:400px;
	height:400px;
}
.contact-info .form-link .contact-info-text{
	padding: 160px 0 0;
    margin-bottom: 2em;
}
.contact-info .form-link .contact-info-main a{
	border:1px solid #fff;
	padding:1em 2em;
	color: #fff !important;
	text-decoration: none;
}
.contact-info .tel-display .contact-info-main{
	    font-size: 2em;
    margin: 0.3em;
    letter-spacing:4px;
	line-height: 45px;
} 
.contact-info .tel-display .contact-info-main span{
	    font-size: 0.5em;
		} 
.contact-info .tel-display .contact-info-text{
	padding: 145px 0 0;
    /*margin-bottom: 2em;*/
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.contact-explanation p{
		width:70% !important;
		font-size:1.2vw;
	}
	.tel-entry{
		margin:2em 8em 0 !important;
	}
}
@media (max-width: 992px){
	.contact-info .form-link{
		margin-right: 0 !important;
		height:auto;
		padding:3em 0;
	}
	.contact-info .tel-display{
		height:auto;
		padding: 2.5em 0 1em;
	}
	.contact-explanation p{
    width: 100%;
	}
	.contact-explanation {
    padding: 3em 1em;
	}
	.tel-entry{
	margin: 2em 0;
	}
	.contact-info .form-link .contact-info-text{
		padding:0;
	}
	.contact-info .tel-display .contact-info-text{
		padding:0;
	}
	.contact-info .tel-display .contact-info-main{
		font-size:1.7em;
	}
	.contact-info.twoCol .inner{
		margin:1em 0 0 0;
	}
}
/*「猫のいる空間」ページ*/
/*================================================*/
.family{
color: #3d511e;
font-weight: bold;
}
.family-start-text-center{
	text-align: center;
    margin-bottom: 31px;
	margin-top:-17px;
}
.family-start-text{
/*
    margin: -24px auto 0;
*/
	
	width: 74%;
	line-height: 51px;
    padding-left: 12em;
	margin: -19px auto 5em;
	
}
.hh-family{
font-size: 2em;
    margin: 2em;
	color: #3d511e;
	font-weight: bold;
}
.gallery{
background:#F4F4F4;
margin:12em 0;
}
.gallery .flex{
flex-wrap: wrap;
}
.gallery img{
position:relative;
}
.gallery .gallery-1{
	transform: rotate(353deg);
    border: 3px solid #3D511E;
    bottom: 29px;
}
.gallery .gallery-2{
	transform: rotate(9deg);
    border: 3px solid #3D511E;
    top: 66px;
    left: 8px;
}
.gallery .gallery-3{
    transform: rotate(348deg);
    border: 3px solid #3D511E;
    left: 12px;
    bottom: 37px;
}
.gallery .gallery-4{
    transform: rotate(351deg);
    border: 3px solid #3D511E;
    top: 92px;
}
.family-profile{
	background:#E8E8E8;
}
.family-profile-base{
    padding: 5em;
    /*background: #d2d6cb;*/
	margin: 3em;
}
.family-profile-inside{
       background: #fff;
    padding: 3em 5em 1em;
    /*border: 1px solid #ababab;*/
	padding: 2em 4em 1em;
}
.family-profile p {
    font-weight: bold;
    font-size: 1.5em;
    color: #798764;
    margin-bottom: 1em;
    text-align: center;
    letter-spacing: 1.5px;
    color: #acb59f;
    text-stroke: 1px #333;
    /*-webkit-text-stroke: 1px #798764;*/
}

.family-profile dl{
    display: flex;
    color: #2E2E2E;
    font-size: 1em;
    font-weight: bold;
	/*margin-bottom:2em;*/
	margin: 0 auto 2em 0;
	}
.family-profile dt{
margin-right:5em;
}
.family-profile img{
	margin-bottom:-4em;
}
/*
.grid .flex{
flex-wrap: wrap;
}
*/

.family-content{
	border: 2px solid #3D511E;
    padding: 0 2vw 2vw;
	margin: 6em auto;
	width: 40vw;
	height: 40vw;
}

.family-content .flex-between .inner{
	margin: 2.5vw 0 0;
	width:10vw;
	height:10vw;
}
.family-content .flex-between .inner img.family-topics-img{
	width:10vw;
	height:10vw;
}
.family-content .flex-between .inner a img:hover{
	 transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  transition: transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
	opacity: 0.6;
}
.circle{
width: 200px; 
height: 200px; 
line-height:200px;
 border-radius: 50%; 
text-align: center;
background:#98A387;
}
.family-interview .pattern{
	background:#E8E8E8;
	padding:3em 2em;
	margin:0 1em;
	position: relative;
}

.family-interview .qa{
margin:2em;
}
.family-interview .question{
	color:#3D511E;
	font-size:1.3em;
	margin-bottom:1em;
	font-weight:bold;
}
.family-interview p.favorite-photo {
	position:absolute;
	bottom: 3em;
    right: 11em;
	background:#3D511E;
	padding:1em 3em;
	color:#eee;
	font-weight:bold;
	font-size:0.7em;
}

.family-topics{
	margin:5em 0;
}
.family-topics .threeCol .inner{
    position: relative;
	text-align: center;
}
.family-topics .threeCol .inner img.family-topics-img:hover{
    opacity: 0.9;
	transform: rotate(1deg);
	/*transition: all 0.5s 1s ease-in-out;*/
}

.family-topics .threeCol .inner img.family-topics-img{
    background: #e8e8e8;
    padding: 1.5em 1.5em 5em;
	position: relative;
	width:380px;
}


.family-topics .threeCol .inner p.family-topics-hh{
/*    position: relative;
    background: #3D511E;
    padding: 0.3em 3em;
    bottom: 0.8em;
    left: -1em;
    color: #fff;
    font-weight: bold;
    margin: -1.2em 0 0 -1em;*/
	/*display: inline-block;*/
    display: inline-block;
    position: relative;
    background: #3D511E;
    padding: 4px 18px 4px 23PX;
    bottom: 3.5em;
    left: 0;
    color: #fff;
    font-weight: bold;
    margin: 0;
	transform: rotate(1deg);
}
.family-topics .threeCol .inner p.family-topics-hh-inpopup{
/*  position: relative;
    background: #3D511E;
    padding: 0.3em 3em;
    bottom: 0.8em;
    left: -1em;
    color: #fff;
    font-weight: bold;
    margin: -1.2em 0 0 -1em;*/
	/*display: inline-block;*/
    display: inline-block;
    background: #3D511E;
    color: #fff;
    font-weight: bold;
	transform: rotate(1deg);
    padding: 0.5em;
    position: inherit;
    bottom: 0;
    margin: 1.2em 0;
	font-size:1.5em;
}
.family-topics-text-inpopup{
font-weight:bold;
    line-height: 1.7em;
}
.family-topics-other-box{
	flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    justify-content: center;
}
.family-topics-hh-other{
display: inline-block;
    position: relative;
    background: #3D511E;
    padding: 13px 15px 13px 23PX;
    bottom: 3.5em;
    left: 0;
    color: #fff;
    font-weight: bold;
    margin: 0 1em 1em 0;
    /* transform: rotate(1deg); */
    font-size: 0.9em;
}
.family-topics-hh-other a.family-topics-hh-other-main::after{
font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    content: '\f030';
    margin: 0px 3px;
    font-size: 1.1em;
    background: #ffffff;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    margin-left: 1em;
    padding: 0.5em;
    color: #3D511E;
    box-shadow: 1px 2px #ababab;
	    position: relative;
    top: 0;
}
.family-topics-hh-other a.family-topics-hh-other-main:hover::after{
box-shadow: 1px 0px #ababab;
	top:1px;
	/*transition: all 2s ease-in;*/
}
.family-topics-hh-other:hover{
transform: rotate(356deg);
}
.family-facility{
    background: #E8E8E8;
    padding: 1em 7em;
    border-radius: 3em;
	margin:1em 0;
}
.family-facility-text{
	    line-height: 40px;
}
.family .content{
	    margin: 14em;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	.family-start-text{
		width:100%;
	}
	.family-profile-base{
		padding:5em 0;
		margin:0em;
	}
	.hh-family{
		margin:2em 0;
	}
	.family-facility-text{
		font-size:1.2vw;
		margin-bottom:4em;
	}
	.family-facility{
		padding:1em 3.1vw;
	}
	.family-content .circle{
		width:auto;
		height:auto;
	}
	.family-start-text-center{
		font-size:1.2vw;
	}
	.family-start-text{
		font-size:1.2vw;
		padding-left: 25vw;	
	}
	.family-profile img{
		width:45vw;
	}
	.family-topics-hh-other{
		font-size:1vw;
	}
	.hh-family{
		font-size:1.7vw;
	}
	.family-topics .popup_content{
		padding: 2.5em 3em;
	}
	.family-topics .threeCol .inner p.family-topics-hh{
		font-size:1.2vw;
	}
	.family-topics .threeCol .inner p.family-topics-hh-inpopup {
	font-size:1.2vw;
	}
	.family-topics-text-inpopup {
font-size:1vw;
}
	}

@media (max-width: 992px){
	.family-start-text-center{
		margin-bottom: 18px;
		margin-top: 2em;
	}
	.family-start-text{
		margin: 0 auto 3em;
		padding-left: 0;
	    width: 85%;
	}
	.family-profile-base{
		padding: 4em 3em;
		margin:0;
	}
	.family-profile-inside{
		padding: 3em 4em 1em;
	}
	.family-profile img{
		margin-bottom: 0;
		margin-top: 3em;
	}
	.family-topics .threeCol .inner img.family-topics-img{
		width:auto !important;
		height:auto !important;
	}
	.family-topics .threeCol .inner p.family-topics-hh{
		bottom:3.9em;
	}
	.family-facility{
		padding: 1em 0em;
	}
	.hh-family{
		margin: 2em 1em 1em !important;
		font-size: 1.5em;
		line-height: 40px;
	}
	.family-facility p{
		margin: 4em 1.5em;
	}
	.family-topics .threeCol .inner p.family-topics-hh-inpopup {
		font-size:1em;
		padding: 0.3em 0.5em;
		margin: 1.5em 0 0.8em 1em;
	}
	.popup_content p{
		padding:0 1em;
	}
	.family-topics-hh-other{
		width:100%;
		text-align: center;
	}
	.family-content{
		padding:2vw;
		width: auto;
		height: auto;
	}
	
	
	.family-interview .pattern{
		margin: 3em 0;
	}
	.family-interview .qa{
		margin: 0 0 5em;
	}
	.family-content .flex-between{
		display: flex !important;
	}
	.family-content .circle{
		width:auto;
		height:auto;
	}
	.family-content .flex-between .inner{
		width: auto;
		height: auto;
		margin: 1.5vw !important;
	}
	.family-interview .fam-interview-imgside{
		width: 50%;
		margin: auto;
	}
	.family-topics .popup_content {
		padding:3.2em 1.5em 2em;
		margin:3em 1em!important;
		align-self: center !important;
		overflow-y: hidden;
	}
}
/*「お問い合わせ」ページ*/
/*================================================*/
.contact{
background:#F4F4F4;
}
.contact-explanation{
background:#fff;
padding:4em 4em;
font-weight:bold;
margin:4em 0;
}
.contact-explanation p{
margin:0 auto;
width:60%;
line-height:2.5em;
}
.tel-entry{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 	background:#e7eae3;
	padding: 1.5em;
	text-align: center;
	/*font-weight:bold;*/
	letter-spacing: 1px;
	margin: 2em 10em 0;
 }
.tel-entry span{
    font-size: 2em;
    margin-top: 0.5em;
    letter-spacing: 0.2em;
 }
/* .tel-entry span{
 	font-size: 2em;
    letter-spacing: 4px;
 }*/
 form.style_form{
 border: 3px solid #3D511E;
    border-radius: 60px;
    background: #fff;
    padding: 4em;
	margin:3em;
 }
  form.style_form dl{
 display: flex;
 margin:1em 0 !important;
 }
 form.style_form dt{
 font-weight: bold;
    color: #3D511E;
	width:18em;
	padding:0.3em 1em;
	 
 }
form.style_form dt.opt{
	margin-left:3em;
	width:14em;
}
 form.style_form dt i:before{
    content: '必須';
    background: #3d511e;
    padding: 0.5em 1.2em;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    font-size: 0.5em;
    margin-right: 2em;
    margin-top: 0em;
}
 form.style_form dd{
/* background: #F4F4F4;*/
 display: block;
 width:100%;
 padding:0.3em 1em;
 }
#form_submit{
margin: 2em 23em 0;
    background: #3d511e;
    padding: 0.5em 4em;
    text-align: center;
    display: block;
    font-weight: bold;
}
#form_submit_button{
	color: #fff;
	letter-spacing: 1em;
	margin-left:1em;
}
.required button,.required input,.required select,.required textarea,.opt input{
	width:100%;
}
/*form.style_form dd.required:before{
	content:'必須';
    background: #3d511e;
    padding: 0.3em 1.2em;
    border-radius: 7px;
    font-weight: bold;
    color: #fff;
    font-size: 0.7em;
}*/
form.style_form input{
	width:100%;
	border:none;
	background:#F4F4F4;
}
#form_submit input{
	background:none;
}
form.style_form input#form_submit_button{
	width:100%;
	border:none;
	background:none !important;
	font-weight:bold;
}
form#mail_form textarea {
	background:#F4F4F4;
	border:none;
	width:100%;
}
form.style_form dl dt span.optional{
	display: none !important;
}
/*ノートPC用*/
@media (min-width: 993px) and (max-width: 1450px){
	#form_submit{
		margin:2em 10vw 0;
	}	
	form.style_form dt{
		font-size: 1.1vw;
	}
}

@media (max-width: 992px){
	form.style_form{
		padding: 1em 1em;
		margin:0;
		border-radius:10px;
	}
	form.style_form dl{
		display:block;
	}
	.contact-explanation{
		padding: 4em 1em;
	}
	.contact-explanation p{
		width:100%;
	}
	  .tel-entry{
  	padding:2em 1em;
	letter-spacing:0;
	margin:1em 0;
  }
	#form_submit {
	margin:0;
	}
	form.style_form dd{
		margin-left:0
	}
	form.style_form dt.opt{
		margin-left:0;
	}
	form.style_form p#form_submit {
	padding: 2px 0;
	}
}



/*================================================
「採用情報ページ」募集要項
 ================================================*/
/*.bosyuu{
	margin:1.5em auto 0;
}*/
.bosyuu dl{
	margin:0 auto;
	display:flex;
	font-size: 0.9em;
}
/*.bosyuu dl:first-child{
	border-top:2px solid #ccc;
}*/
/*.bosyuu dl:not(.no-border){
	border-bottom: 2px solid #ccc;
}*/
/*.bosyuu dt{
	width:13em;
    margin: 0.5em;
	color: #FF6F00;
	font-weight: bold;
}*/


@media (max-width:600px){
.bosyuu dt{
	font-weight:bold;
	margin-left:0;
	margin-bottom:0;
    margin-top: 0em;
}
.bosyuu dd{
	margin:0 0 1.5em;
}
}
dl.border-top{
	border-top: 2px solid #ccc;
}
@media screen and (max-width: 992px){
.bosyuu dl{
	margin:0 auto;
	line-height: 45px;
	display:block;
}
.pc{
	display:none;	
	}
}
@media screen and (min-width: 992px){
	.smh{
		display:none;
	}
	.smh:after{
	content:""
	}
}
hr{
	margin-top:1em; 
}
/*================================================
「採用情報ページ」現在募集しておりません
 ================================================*/
.not-recruit{
	background: #707070;
	color: #fff;
	font-weight:bold;
	padding:1em;
	text-align:center;
	
}
/*================================================
「採用情報ページ」お問い合わせ先
 ================================================*/
.otoiawase dl{
	width: 70%;
	margin: 0 auto;
}
.otoiawase dl{
	/*width:80%;*/
	margin:0 auto;
	/*line-height: 45px;*/
	display:flex;
	font-size: 0.9em;
}
.otoiawase dl:first-child{
	border-top:2px solid #ccc;
}
.otoiawase dl:not(.no-border){
	border-bottom: 2px solid #ccc;
}
.otoiawase dt{
	width:13em;
    margin: 0.5em;
	color: #FF6F00;
	font-weight: bold;

	
}

.otoiawase dd{
	margin: 0.5em 0;
}
@media (max-width:600px){
.otoiawase dt{
	font-weight:bold;
	margin-left:0;
	margin-bottom:0;
}
.otoiawase dd{
	margin:0 0 1.5em;
}
}
dl.border-top{
	border-top: 2px solid #ccc;
}
@media screen and (max-width: 992px){
.otoiawase dl{
	margin:0 auto;
	line-height: 45px;
	display:block;
}
.pc{
	display:none;	
	}
}
@media screen and (min-width: 992px){
	.smh{
		display:none;
	}
	.smh:after{
	content:""
	}
}
hr{
	margin-top:1em; 
}
/*GoogleMAP*/
.map{
	/*margin: 3em auto;*/
	text-align: center;
}
/*================================================
「採用情報ページ」エントリーはこちら
 ================================================*/
 /*.tel-entry{
 	background:#ce93668c;
	padding: 1em;
	text-align: center;
	font-weight:bold;
	letter-spacing: 1px;
	margin: 0 10em;
 }
 .tel-entry span{
 	font-size: 2em;
    letter-spacing: 4px;
 }*/
 .otoiawase-entry{
background: #B7B7B7;
    border-radius: 6em;
    color: #050506;
    padding: 2em 3em 0em;
    text-align: center;
    font-weight: bold;
    margin: 3em 18em;
    border: 1px solid #908f8f;
	letter-spacing: 6px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
 }
  .otoiawase-entry span{
  	font-size: 1.7em;
  }
  .otoiawase-entry a{
  text-decoration:none;
  color:#050506;
  }
   .otoiawase-entry a:hover{
   opacity: 0.5;
  }
  @media (max-width: 992px){
  .otoiawase-entry{
  	margin:0;
	letter-spacing: 0;
  }
  .otoiawase-entry span{
  font-size:1.6em;
  letter-spacing: 0;
  }

  .tel-entry span{
  	font-size: 1.5em;
	letter-spacing: 0;
	line-height:2em;
	}
.otoiawase-entry p{
	font-size:0.8em;
}
  }

/*================================================
横3列の表（マウスオーバーで画像がアップになる）
 ================================================*/


.threeCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content:flex-start;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}
.threeCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	/*justify-content: space-between;*/
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 33%;
	margin: 0 0 7px 0;
    border-right: solid 1px #FFF;
    box-sizing:border-box;
}
.threeCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.threeCol .inner img {
	width: 100%;
}
.threeCol .inner .btn {
	margin-top: auto;
	padding-top: 20px;
}
@media (max-width: 992px){
.threeCol .inner{
	display: flex;
	width: 100%;
}
}

/*==================================================
スライダーのためのcss
===================================*/
.slider-horizontal,.slider-vertical{
	margin:4em 0;
}
.slider-horizontal img,.slider-vertical img{
	opacity: 0.6;
}
.slider-horizontal img:hover,.slider-vertical img:hover{
	opacity:inherit;
}
.slider-horizontal img,.slider-vertical img {
    /*width:100%;*//*スライダー内の画像を横幅100%に*/
    height:auto;
}
.slider-horizontal img{
	/*width:350px;*/
	width:16vw;
}
.slider-vertical img{
	width:12vw;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider-horizontal .slick-slide,.slider-vertical .slick-slide{
    margin:0 10px;/*スライド左右の余白調整*/
}
@media (max-width: 992px){
	.slider-horizontal img,.slider-vertical img{
		width:100%;
	}
}