/* DEFAULT CSS */
header div.logo a{/* ヘッダーロゴの文字色 */
	color:#FFF;
	/* color:#FFF; */
}
header{
	width:100%;
	background-color:rgba(255,255,255,0.25);
}
ul.lightboxsample{
	list-style:none;
	list-style-position:outside;
}
ul.lightboxsample li{
	float:left;
}
ul.lightboxsample li figure{
	width:100%;
	padding:100% 0 0 0;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
footer{
}
footer.ab-dark section.footerwrap::before{
  background-image:url("../img/bg/dot_01.png");
  background-color: inherit;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
section.footerbottom{
  border-color: #000;
}
section.footerwrap{
	background-color:rgba(255,255,255,0.4) !important;
}
@media screen and ( max-width:767px){
	/* SMARTPHONEの設定
	----------------------------------------------- */
	header section div.menubtn{/* ヘッダーのメニューボタンの色 */
		border-color:#222;
		/* border-color:#FFF; */
	}
	header div.menubtn span{/* ヘッダーのメニューボタンの色 */
		background-color:#333;
		/* background-color:#FFF; */
	}
	header div.telarea span{/* ヘッダーのTELボタンの色 */
		border-color:#333;
		/* border-color:#FFF; */
		color:#333;
		/* color:#FFF; */
	}
	header nav{/* ヘッダーのメニューの背景色 */
		background-color:rgba(255,255,255,0.75);
	}
	header nav ul li div a{/* ヘッダーのグローバルナビの色 */
		border-color:#333;
		background-color:rgba(255,255,255,0.5);
		color:#333;
	}
	section.container.system{
		padding:0 0 30px 0;
	}
	ul.lightboxsample li{
		width:33.3333%;
	}
	section.blockwrap.sidelist{
		border-top:solid 1px rgba(204,204,204,0.5);
	}
	section.blockwrap.sidelist ul{
		list-style:none;
		list-style-position:outside;
	}
	section.blockwrap.sidelist,
	section.blockwrap.sidelist ul li{
		border-bottom:solid 1px rgba(204,204,204,0.5);
	}
	section.blockwrap.sidelist ul li ul{
		display:none;
		border-top:solid 1px rgba(204,204,204,0.5);
	}
	section.blockwrap.sidelist ul li:last-child,
	section.blockwrap.sidelist ul li ul li:last-child{
		border:none;
	}
	section.blockwrap.sidelist ul li a{
		line-height:50px;
		color:#666;
		text-decoration:none;
		display:block;
	}
	section.blockwrap.sidelist ul li div.acbtn{
		text-align:center;
		line-height:50px;
		color:#666;
		cursor:pointer;
		position:relative;
		z-index:1;
	}
	section.blockwrap.sidelist ul li div.acbtn::after{
		content:"";
    position:absolute;
		width:0;
		height:0;
		border:solid 6px transparent;
		border-top:solid 9px rgba(204,204,204,0.5);
		top:50%;
		right:0;
		transform:translate(-25%,-25%);
		z-index:-1;
	}
  /*footer*/
  footer.ab-dark section.footerbottom {
    border-color: #000 !important;
  }
	/*トップページ
	--------------------------------------------*/
  section.slider::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,188,130,0.2) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,188,130,0.2) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,188,130,0.2) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
  }
	div.catchcopy{
		position:absolute;
		display:inline-grid;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
		box-sizing:border-box;
	}
  div.catchcopy::before{
    content: "Our Mission";
    color: #fff;
    font-size: 6vw;
    font-weight: 700;
    display: block;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 0.5rem;
    line-height: 1em;
  }
  div.catchcopy p{
	}
  div.catchcopy p span{
    color: #fff;
    display: block;
		font-size:7vw;
		font-weight:900;
    font-family:'Noto Serif JP', serif;
    white-space: nowrap;
  }
  
	/*変更部分*/
	dl.top_contents{
	}
	dl.top_contents dt h3 p{
		font-size:6.5vw !important;
	}
	/*タイトル*/
	h3.top_title{
		width:100%;
		text-align:center;
		font-size:10vw;
		color:#333;
		margin:0 0 30px 0;
		font-weight:700;
	}
	/*トップページ　ボタン*/
	div.top_btn{
		width:250px;
		margin:30px auto 0 auto;
	}
	div.top_btn a{
		width:100%;
		display:table;
	}
	div.top_btn a p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#333;
		border:solid 1px #333;
	}
		/*トップページ会社概要～採用情報まで*/
	/*トップページ会社概要～採用情報まで*/
	section.bottom_contents{
		-ms-grid-columns:50% 50%;
		grid-template-columns:50% 50%;
		display:-ms-grid;
		display:grid;
		width:100%;
	}
	section.bottom_contents section.bottom_contents01{
		-ms-grid-row:1;
		-ms-grid-row-span:1;
		grid-row:1/2;
		-ms-grid-column:1;
		-ms-grid-column-span:1;
		grid-column:1/2;
	}
	section.bottom_contents section.bottom_contents02{
		-ms-grid-row:2;
		-ms-grid-row-span:1;
		grid-row:2/3;
		-ms-grid-column:1;
		-ms-grid-column-span:2;
		grid-column:1/3;
	}
	section.bottom_contents section.bottom_contents03{
		-ms-grid-row:1;
		-ms-grid-row-span:1;
		grid-row:1/2;
		-ms-grid-column:2;
		-ms-grid-column-span:1;
		grid-column:2/3;
	}
	section.bottom_contents section.bottom_contents01,
	section.bottom_contents section.bottom_contents02,
	section.bottom_contents section.bottom_contents03{
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		width:100%;
	}
	section.bottom_contents section.bottom_contents01 a,
	section.bottom_contents section.bottom_contents02 a,
	section.bottom_contents section.bottom_contents03 a{
		display:table;
		width:100%;
		height:100%;
		position:relative;
		z-index:1;
	}
	section.bottom_contents section.bottom_contents01 a::before,
	section.bottom_contents section.bottom_contents02 a::before,
	section.bottom_contents section.bottom_contents03 a::before{
		content:"";
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}
	section.bottom_contents section.bottom_contents01 a dl,
	section.bottom_contents section.bottom_contents02 a dl,
	section.bottom_contents section.bottom_contents03 a dl{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		z-index:3;
		position:relative;
	}
	section.bottom_contents section.bottom_contents01 dl dt,
	section.bottom_contents section.bottom_contents02 dl dt,
	section.bottom_contents section.bottom_contents03 dl dt{
		padding:60px 20px 0 20px;
		font-family: 'Cormorant Garamond', serif !important;
	}
	section.bottom_contents section.bottom_contents01 dl dt h3,
	section.bottom_contents section.bottom_contents02 dl dt h3,
	section.bottom_contents section.bottom_contents03 dl dt h3{
		font-size:6vw;
		color:#fff;
    font-family: 'Sawarabi Mincho';
	}
	section.bottom_contents section.bottom_contents01 dl dd,
	section.bottom_contents section.bottom_contents02 dl dd,
	section.bottom_contents section.bottom_contents03 dl dd{
		padding:0 20px 60px 20px;
		position:relative;
		z-index:1;
	}
	section.bottom_contents section.bottom_contents01 dl dd p,
	section.bottom_contents section.bottom_contents02 dl dd p,
	section.bottom_contents section.bottom_contents03 dl dd p{
		font-size:12px;
		color:#fff;
		padding:20px 0 0 0;
	}
	section.bottom_contents section.bottom_contents01 a dl dd::before,
	section.bottom_contents section.bottom_contents02 a dl dd::before,
	section.bottom_contents section.bottom_contents03 a dl dd::before{
		content:"more";
		position:absolute;
		z-index:2;
		left:50%;
		font-family:'Raleway', sans-serif;
		font-weight:400;
		transform:translate(-50%,0);
		bottom:35px;
		color:#fff;
	}
	section.bottom_contents section.bottom_contents01 a dl dd::after,
	section.bottom_contents section.bottom_contents02 a dl dd::after,
	section.bottom_contents section.bottom_contents03 a dl dd::after{
		content:"";
		position:absolute;
		z-index:1;
		left:50%;
		width:10px;
		height:10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		transform:rotate(45deg) translate(-50%,0);
		bottom:20px;
	}
  /*写真変更*/
  section.top_business{
    background-image: url("/img/top/top_sp_business_.webp");
  }
  body.safari section.top_business{
    background-image: url("/img/top/top_sp_business_.png");
  }
  section.top_company{
    background-image:url("/img/top/top_sp_company.webp");
  }
  body.safari section.top_company{
    background-image:url("/img/top/top_sp_company.png");
  }
  section.top_contact{
    background-image:url("/img/top/top_sp_contact.webp");
  }
  body.safari section.top_contact{
    background-image:url("/img/top/top_sp_contact.png");
  }
  section.top_recruit{
    background-image:url("/img/top/top_sp_recruit02.webp")
  }
  body.safari section.top_recruit{
    background-image:url("/img/top/top_sp_recruit02.png");
  }
	/*トップページお知らせ*/
	section.top_news{
		width:100%;
		padding:50px 10px 50px 10px !important;
		font-family:'Cormorant Garamond', serif;
		box-sizing:border-box;
	}
	section.top_news ul{
		list-style:none;
	}
	section.top_news ul li{
		border-bottom:1px dotted #333;
	}
	section.top_news ul li:nth-child(1){
		border-top:dotted 1px #333;
	}
	section.top_news ul li a{
		display:block;
		color:#333;
	}
	section.top_news ul li a dl{
		display:table;
		width:100%;
		font-size:12px;
		padding:0 20px;
		box-sizing:border-box;
	}
	section.top_news ul li a dl dt{
		display:table-cell;
		width:30%;
		height:50px;
		vertical-align:middle;
	}
	section.top_news ul li a dl dd{
		display:table-cell;
		width:70%;
		vertical-align:middle;
		height:50px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		max-width:1px;
		padding:0 0 0 5px;
		box-sizing:border-box;
	}
	/*header fax*/
	div.fax_pctb{
		display:none;
	}
	div.fax_sp{
		float:right;
		width:40px;
		margin:0 10px 0 0;
	}
	div.fax_sp div:nth-child(1){
		width:40px;
		height:40px;
		border:solid 1px #333;
		box-sizing:border-box;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
	}
	div.fax_sp div:nth-child(1) figure{
		position:absolute;
		width:25px;
		height:25px;
		top:25%;
		left:50%;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		transform:translate(-50%,0%);
	}
	div.fax_sp div:nth-child(1) label{
		display:block;
		cursor:pointer;
	}
	div.fax_sp div:nth-child(1) input{
		display:none;
	}
	div.fax_sp div div{
		height:0;
    overflow-y:hidden;
    transition:0.5s;/*ゆっくり表示させる*/
    opacity:0;
	}
	div.fax_sp div div p a{
		color:#333 !important;
	}
	div.fax_sp div input:checked + label + div{
		display:table;
    opacity:1;
		background-color:rgba(255,255,255,0.25);
		color:#333 !important;
		text-decoration:none;
		font-size:26px;
		font-weight:700;
		position:absolute;
		top:60px;
		right:0;
		padding:10px;
		box-sizing:border-box;
		pointer-events: none;
    cursor:default;
		text-decoration:none;
		height:60px;
		text-align:center;
	}
	div.fax_sp div input:checked + label + div p a{
		color:#333 !important;
	}
	div.fax_sp [type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::before{
		display:none;
	}
	div.fax_sp [type="checkbox"]:checked + label::after, [type="checkbox"]:not(:checked) + label::after{
		display:none;
	}
	section.top_contentsbox{
	}
	section.top_contentsbox a.top_contentswrap{
		width:100%;
		background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
		position:relative;
		z-index:1;
	}
	section.top_contentsbox a.top_contentswrap::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
		background-color:rgba(0,0,0,0.2);
	}
	dl.top_contents dt h3 p{
		color:#fff !important;
		font-famili:"Cormorant Garamond", serif !important
	}
	dl.top_contents dd{
	}
	dl.top_contents dd::before{
		color:#fff;
	}
	dl.top_contents dd::after{
		border-right:1px solid #fff !important;
		border-bottom:1px solid #fff !important;
		border-top:hidden !important;
		border-left:hidden !important;
	}
	dl.top_contents dd p{
		color:#fff;
	}
	/*改行*/
	br.pc{
		display:none;
	}
	br.sp{
		display:block;
	}
	/*子ページ
	--------------------------------------------*/
	/*各ページ共通　タイトル*/
	section.chid_top_title{
	}
	section.chid_top_title div{
		width:100%;
		text-align:center;
		display:block;
		line-height:150px;
		background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
		position:relative;
		z-index:3;
	}
	section.chid_top_title div p{
		font-family: 'Cormorant Garamond', serif;
		font-size:24px;
		font-weight:900;
		color:#fff;
		position:relative;
		z-index:5;
	}
	section.chid_top_title div::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
	}
	/*タイトル*/
	dl.sub_title dt h3 p{
		color:#00bc82 !important;
		font-family:'M PLUS 1p', sans-serif;
		font-size:7vw !important;
	}
	h3.child_title{
		width:100%;
		text-align:center;
		position:relative;
		z-index:1;
		font-size:22px;
		color:#333
	}
	h3.child_title::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:65px;
		border-bottom:2px solid #00bc82;
		transform:translate(-50%,-50%);
	}
	/*ページポジション*/
	section.pageposition{
	}
	section.pageposition section.inner{
	}
	section.pageposition section.inner ul{
		list-style:none;
		list-style-position:outside;
	}
	section.pageposition section.inner ul li{
		float:left;
		display:table;
	}
	section.pageposition section.inner ul li:nth-child(1){
		display:block;
	}
	section.pageposition section.inner ul li:nth-child(1) span{
		width:40px;
		line-height:40px;
		color:#333;
		font-size:18px;
		display:inline-block;
		text-align:center;
	}
	section.pageposition section.inner ul li:nth-child(n+2){
		position:relative;
		z-index:1;
	}
	section.pageposition section.inner ul li:nth-child(n+2)::before{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		width:10px;
		height:10px;
		border-top:solid 2px #333;
		border-right:solid 2px #333;
		transform:translate(-50%,-50%) rotate(45deg);
	}
	section.pageposition section.inner ul li p{
		display:table-cell;
		vertical-align:middle;
		height:40px;
		font-size:12px;
		color:#333;
		padding:0 0 0 15px;
	}
	/*コンボからの変更部分*/
	dl.blocktitle dt p{
		font-size:6.5vw !important;
	}
	/*子ページ会社概要*/
  section.inner.greeting{
  }
  section.inner.greeting dl.company_text{
  }
  section.inner.greeting div.greeting_img{
   width: 100%; 
  }
  section.inner.greeting div.greeting_img figure{
    padding-top: 0;
    width: 100%;
  }
  section.inner.greeting div.greeting_img figure picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  section.inner.greeting div.greeting_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	section.tablecombo.type_01 .inner dl dd{
		text-align:center;
	}
	p.top_text span{
		margin:5px 0 0 auto;
		display:table;
	}
	section.map{
		width:100%;
		height:400px;
		background-color:#0FF;
	}
  
	/*お問い合わせ*/
	dl.contact_box{
		background-color:#efefef;
		padding:5px !important;
		box-sizing:border-box;
		margin:0 0 20px 0 !important;
	}
	/*事業内容*/
	section.business_text{
		text-align:center;
		font-size:12px;
		color:#333;
		line-height:2em;
		padding:50px 0;
	}
	section.business_list{
	}
	section.business_list ul{
		list-style:none;
		list-style-position:outside;
	}
	section.business_list ul li{
		width:90%;
		margin:0 auto 30px auto;
	}
	section.business_list ul li div{
		width:100%;
		vertical-align:bottom;
		border-bottom:4px dotted #00bc82;
		padding:0 0 10px 0;
	}
	section.business_list ul li div span{
		width:40px;
		line-height:40px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		background-color:#00bc82;
		color:#fff;
		display:inline-block;
		font-size:28px;
		float:left;
		text-align:center;
	}
	section.business_list ul li div p{
		font-size:16px;
		color:#333;
		width:100%;
		padding:0 0 0 55px;
		box-sizing:border-box;
	}
	section.business_list ul li dl{
		padding:10px;
		box-sizing:border-box;
	}
	section.business_list ul li dl dt{
		width:100%;
		font-size:12px;
		color:#333;
		padding:5px;
		box-sizing:border-box;
		line-height:1.8em;
	}
	section.business_list ul li:nth-child(2){
	}
	section.business_list ul li:nth-child(2) dl dt{
	}
	section.business_list ul li dl dd{
	}
	section.business_list ul li dl dd figure{
		width:100%;
		padding:75% 0 0 0;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
	}
	section.business_list ul li:nth-child(2) dl{
		position:relative;
		z-index:1;
	}
	section.business_list ul li:nth-child(2) dl dd{
		position:absolute;
		top:10px;
		right:10px;
		left:10px;
	}
	section.business_list ul li:nth-child(2) dl dt{
		padding:75% 0 0 0;
	}
	section.business_list ul li:nth-child(2) dl dt p{
		padding:5px;
		box-sizing:border-box;
	}
	section.other_business{
	}
	section.other_business ul{
		list-style:none;
		list-style-position:outside;
		margin:15px 0 0 0;
	}
	section.other_business ul li{
		width:100%;
		margin:0 auto;
		display:table;
		padding:10px;
		box-sizing:border-box;
	}
	section.other_business ul li p{
		display:table-cell;
		width:100%;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		background-color:#00bc82;
		font-size:16px;
	}
  section.product{
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
  }
  section.product h2{
    font-size: 25px;
    color: #333;
    position: relative;
    z-index: 1;
    text-align: center;
  }
  section.product h2::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 65px;
    border-bottom: 2px solid #00bc82;
    transform: translate(-50%,-50%);
  }
  section.product > p{
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    color: #333;
  }
  section.product > div.flexbox figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  section.product > div.flexbox div.product_text{
    padding: 15px;
    box-sizing: border-box;
  }
  section.product > div.flexbox div.product_text > p{
    font-size: 12px;
    color: #333;
  }
  section.product > div.flexbox div.product_text dl{
    margin-bottom: 15px;
    font-size: 12px;
    color: #333;
  }
  div.product_contact{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
  }
  div.product_contact > p{
    position: relative;
    z-index: 1;
    top: 25px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
    padding: 5px;
    border: solid 2px #00bc82;
    font-size: 12px;
    color: #333;
  }
  div.product_contactbox{
    border: solid 2px #00bc82;
    box-sizing: border-box;
    padding: 35px 15px 15px 15px;
  }
  div.product_contactbox > div.tel{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div.product_contactbox > div.tel > div{
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    height: 45px;
  }
  div.product_contactbox > div.tel a{
    padding-left: 50px;
    line-height: 45px;
    font-size: 24px;
    font-weight: 700;
    color:#00bc82;
  }
  div.product_contactbox > div.tel > div span{
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 44px;
    border-radius: 100%;
    border: solid 1px #00bc82;
    color: #00bc82;
    position: absolute;
    left: 0;
    text-align: center;
  }
  div.product_contactbox > div.mail a{
    display: table;
    margin: 0 auto;
    background-color: #00bc82;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-left: 65px;
    box-sizing: border-box;
    width: 200px;
    line-height: 50px;
    height: 50px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.841%2010.691v10.613l5.968-5.305-5.968-5.309zM16.11%2017.137l8.151-7.244h-16.485l8.224%207.28c0.045%200%200.085-0.013%200.11-0.036zM16.905%2018.032c-0.245%200.218-0.566%200.336-0.906%200.336-0.337%200-0.659-0.118-0.905-0.336l-1.385-1.231-5.97%205.308h16.521l-5.97-5.308-1.386%201.231zM19.191%2016l5.968%205.306v-10.613l-5.968%205.308z%22%20%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    border-radius: 5px;
  }
	section.business_example{
		padding:30px 0;
	}
	section.business_example ul{
		list-style:none;
		list-style-position:outside;
		width:100%;
		margin:15px 0 0 0;
		padding:0 10px;
		box-sizing:border-box;
	}
	section.business_example ul li{
		vertical-align:middle;
		padding:0 10px 10px 10px;
		box-sizing:border-box;
	}
	section.business_example ul li.tall dl dt figure{
		width:100%;
		padding:75% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:contain;
		-moz-background-size:contain;
		background-size:contain;
	}
	section.business_example ul li:last-child{
		padding:0 10px;
	}
	section.business_example ul li dl dt figure{
		width:100%;
		padding:75% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	section.business_example ul li dl dd{
		text-align:center;
		padding:5px 0 0 0;
	}
	/*採用情報*/
	section.recruit_contact{
	}
	section.recruit_contact section.cover{
		padding:30px 10px;
		width:100%;
		box-sizing:border-box;
	}
	dl.tel_box dt h3,
	dl.mail_box dt h3{
		color:rgba(0,188,130,0.5);
		font-size:22px;
		text-align:center;
	}
	dl.tel_box dt p,
	dl.mail_box dt p{
		color:#333;
		font-size:12px;
		line-height:1.8em;
	}
	dl.tel_box{
		text-align:center;
		width:100%;
		height:200px;
		border:solid 2px rgba(0,188,130,0.5);
		box-sizing:border-box;
		position:relative;
		z-index:1;
		padding:10px;
		margin:0 0 10px 0;
	}
	dl.tel_box dt p{
		margin:20px 0 0 0;
	}
	dl.tel_box dd{
		position:absolute;
		left:50%;
		bottom:10px;
		transform:translate(-50%,0%);
		width:250px;
		font-size:28px;
	}
	dl.tel_box dd a{
		display:table;
	}
	dl.tel_box dd a span{
		display:table-cell;
		color:rgba(0,188,130,0.5);
		border:solid 2px rgba(0,188,130,0.5);
		text-align:center;
		vertical-align:middle;
		width:40px;
		height:40px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
	}
	dl.tel_box dd a p{
		display:table-cell;
		vertical-align:middle;
		height:40px;
		padding:0 0 0 10px;
		color:rgba(0,188,130,0.5);
		font-size:24px;
		box-sizing:border-box;
	}
	dl.mail_box{
		text-align:center;
		width:100%;
		height:200px;
		border:solid 2px rgba(0,188,130,0.5);
		box-sizing:border-box;
		padding:10px;
		position:relative;
		z-index:1;
	}
	dl.mail_box dd{
		width:250px;
		margin:0 auto;
		position:absolute;
		bottom:10px;
		left:50%;
		transform:translate(-50%,0%);
	}
	dl.mail_box dd a{
		display:table;
		width:100%;
	}
	dl.mail_box dd a p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		background-color:rgba(0,188,130,0.5);
	}
	/*footer
	----------------------------------------------*/
	footer section.sitemap.type_01 div.sitemap{
		cursor:pointer !important;
	}
	#secondary {
		display:none;
	}
	footer div.telarea span{
		border-color:#000 !important;
		color:#000 !important;
	}
	footer div.telarea p{
		color:#000 !important;
	}
	footer.dark section.footercontents,
	footer.ab-dark section.footercontents,
	footer.ab-dark section.footertop{
		border-color:#000 !important;
	}
	footer.dark section.sitemap,
	footer.ab-dark section.sitemap{
		border-color:#000 !important;
	}
	footer.dark section.sitemap.type_01 div.sitemap::before,
	footer.ab-dark section.sitemap.type_01 div.sitemap::before{
		color:#000 !important;
	}
	footer.dark section.sitemap.type_01 div.sitemap::after,
	footer.ab-dark section.sitemap.type_01 div.sitemap::after{
    border-color:transparent #000 #000 transparent !important;
	}
	footer.dark section.sitemap a,
	footer.ab-dark section.sitemap a{
		color:#000 !important;
	}
	footer.dark section.sitemap.type_01 nav ul li,
	footer.ab-dark section.sitemap.type_01 nav ul li,
	footer.ab-dark section.sitemap.type_01 nav ul li.acbtn div.acbtn a{
    border-color: #000 !important;
	}
	footer.dark section.sitemap.type_01 nav ul li a::after,
	footer.ab-dark section.sitemap.type_01 nav ul li a::after{
    border-color:#000 #000 transparent transparent !important;
	}
}
@media screen and (orientation: landscape){
	/* SP 横の設定
	----------------------------------------------- */
}
@media screen and (min-width:768px) and ( max-width:1099px){
	/* TABLETの設定
	----------------------------------------------- */
	header section div.menubtn{/* ヘッダーのメニューボタンの色 */
		border-color:#333 !important;
		/* border-color:#FFF; */
	}
	header div.menubtn span{/* ヘッダーのメニューボタンの色 */
		background-color:#333;
		/* background-color:#FFF; */
	}
	header a{
		color:#333;
	}
	header nav{/* ヘッダーのメニューの背景色 */
		background-color:rgba(255,255,255,0.75);
	}
	header nav ul li div a{/* ヘッダーのグローバルナビの色 */
		border-color:#333;
		background-color:rgba(255,255,255,0.5);
		color:#333;
	}
	footer nav ul{/* フッターのグローバルナビのライン色 */
		border-color:#333;
	}
	footer nav ul li{/* フッターのグローバルナビのライン色 */
		border-color:#333;
	}
	footer nav ul li a{/* フッターのグローバルナビの文字色 */
		color:#333;
	}
	footer nav ul li a::after{
		border-color:#FFF #FFF transparent transparent;
	}
	section.container.system{
		padding:0 0 30px 0;
	}
	ul.lightboxsample li{
		width:25%;
	}
	/*header fax*/
	div.telarea{
		margin:0 !important;
	}
	div.fax_pctb{
		display:table;
		float:right;
		margin:0 15px 0 15px;
	}
	div.fax_pctb div{
		display:table-cell;
		width:40px;
		height:40px;
		font-size:20px;
		line-height:38px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		text-align:center;
		border:solid 1px #333;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	div.fax_pctb div figure{
		position:absolute;
		top:7px;
		left:50%;
		transform:translate(-50%,0%);
		width:25px;
		height:25px;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	div.fax_pctb p{
		display:table-cell;
		height:40px;
		padding:0 0 0 10px;
		vertical-align:middle;
		color:#333;
		font-size:22px;
		font-weight:700;
		box-sizing:border-box;
	}
	div.fax_sp{
		display:none;
	}
	/*トップページ
	--------------------------------------------*/
	/*スライダー*/
  section.slider::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,188,130,0.2) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,188,130,0.2) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,188,130,0.2) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
  }
  
	div.catchcopy{
		position:absolute;
		display:inline-grid;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
		box-sizing:border-box;
	}
  div.catchcopy::before{
    content: "Our Mission";
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: block;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 0.5rem;
    line-height: 1em;
  }
	div.catchcopy p{
    white-space: nowrap;
	}
  div.catchcopy p span{
    color: #fff;
		font-size:36px;
		font-weight:900;
    font-family:'Noto Serif JP', serif;
    white-space: nowrap;
  }
		/*変更部分*/
	dl.top_contents{
	}
	dl.top_contents dt p{
		font-size:3.6vw !important;
	}
	/*タイトル*/
	h3.top_title{
		width:100%;
		text-align:center;
		font-size:5vw;
		color:#333;
		margin:0 0 30px 0;
		font-weight:700;
	}
	/*トップページ　ボタン*/
	div.top_btn{
		width:250px;
		margin:30px auto 0 auto;
	}
	div.top_btn a{
		width:100%;
		display:table;
	}
	div.top_btn a p{
		display:table-cell;
		height:60px;
		vertical-align:middle;
		text-align:center;
		color:#333;
		border:solid 1px #333;
	}
	section.top_contentsbox{
	}
	section.top_contentsbox a.top_contentswrap{
		width:100%;
		background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
		position:relative;
		z-index:1;
	}
	section.top_contentsbox a.top_contentswrap::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
		background-color:rgba(0,0,0,0.2);
	}
	dl.top_contents dt h3 p{
		color:#fff !important;
	}
	dl.top_contents dd{
	}
	dl.top_contents dd::before{
		color:#fff;
	}
	dl.top_contents dd::after{
		border-right:1px solid #fff !important;
		border-bottom:1px solid #fff !important;
		border-top:hidden !important;
		border-left:hidden !important;
	}
	dl.top_contents dd p{
		color:#fff;
	}
	/*トップページ会社概要～採用情報まで*/
	section.bottom_contents{
		-ms-grid-columns:50% 50%;
		grid-template-columns:50% 50%;
		display:-ms-grid;
		display:grid;
		width:100%;
	}
	section.bottom_contents section.bottom_contents01{
		-ms-grid-row:1;
		-ms-grid-row-span:1;
		grid-row:1/2;
		-ms-grid-column:1;
		-ms-grid-column-span:1;
		grid-column:1/2;
	}
	section.bottom_contents section.bottom_contents02{
		-ms-grid-row:2;
		-ms-grid-row-span:1;
		grid-row:2/3;
		-ms-grid-column:1;
		-ms-grid-column-span:2;
		grid-column:1/3;
	}
	section.bottom_contents section.bottom_contents03{
		-ms-grid-row:1;
		-ms-grid-row-span:1;
		grid-row:1/2;
		-ms-grid-column:2;
		-ms-grid-column-span:1;
		grid-column:2/3;
	}
	section.bottom_contents section.bottom_contents01,
	section.bottom_contents section.bottom_contents02,
	section.bottom_contents section.bottom_contents03{
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		width:100%;
	}
	section.bottom_contents section.bottom_contents01 a,
	section.bottom_contents section.bottom_contents02 a,
	section.bottom_contents section.bottom_contents03 a{
		display:table;
		width:100%;
		height:100%;
		position:relative;
		z-index:1;
	}
	section.bottom_contents section.bottom_contents01 a::before,
	section.bottom_contents section.bottom_contents02 a::before,
	section.bottom_contents section.bottom_contents03 a::before{
		content:"";
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}
	section.bottom_contents section.bottom_contents01 a dl,
	section.bottom_contents section.bottom_contents02 a dl,
	section.bottom_contents section.bottom_contents03 a dl{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		z-index:3;
		position:relative;
	}
	section.bottom_contents section.bottom_contents01 dl dt,
	section.bottom_contents section.bottom_contents02 dl dt,
	section.bottom_contents section.bottom_contents03 dl dt{
		padding:60px 20px 0 20px;
		font-family: 'Cormorant Garamond', serif !important;
	}
	section.bottom_contents section.bottom_contents01 dl dt h3,
	section.bottom_contents section.bottom_contents02 dl dt h3,
	section.bottom_contents section.bottom_contents03 dl dt h3{
		font-size:3.6vw;
		color:#fff;
    font-family: 'Sawarabi Mincho';
	}
	section.bottom_contents section.bottom_contents01 dl dd,
	section.bottom_contents section.bottom_contents02 dl dd,
	section.bottom_contents section.bottom_contents03 dl dd{
		padding:0 20px 60px 20px;
		position:relative;
		z-index:1;
	}
	section.bottom_contents section.bottom_contents01 dl dd p,
	section.bottom_contents section.bottom_contents02 dl dd p,
	section.bottom_contents section.bottom_contents03 dl dd p{
		font-size:14px;
		color:#fff;
		padding:20px 0 0 0;
	}
	section.bottom_contents section.bottom_contents01 a dl dd::before,
	section.bottom_contents section.bottom_contents02 a dl dd::before,
	section.bottom_contents section.bottom_contents03 a dl dd::before{
		content: "more";
		position: absolute;
		z-index: 2;
		left: 50%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		transform:translate(-50%,0);
		bottom:35px;
		color:#fff;
	}
	section.bottom_contents section.bottom_contents01 a dl dd::after,
	section.bottom_contents section.bottom_contents02 a dl dd::after,
	section.bottom_contents section.bottom_contents03 a dl dd::after{
		content:"";
		position:absolute;
		z-index:1;
		left:50%;
		width:10px;
		height:10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		transform:rotate(45deg) translate(-50%,0);
		bottom:20px;
	}
  /*写真変更*/
  section.top_business{
    background-image: url("/img/top/top_tb_business.webp");
  }
  body.safari section.top_business{
    background-image:url("/img/top/top_tb_business.png")
  }
  section.top_company{
    background-image:url("/img/top/top_tb_company.png");
  }
  body.safari section.top_company{
    background-image:url("/img/top/top_tb_company.png");
  }
  section.top_contact{
    background-image:url("/img/top/top_tb_contact.webp");
  }
  body.safari section.top_contact{
    background-image:url("/img/top/top_tb_contact.png");
  }
  section.top_recruit{
    background-image:url("/img/top/top_tb_recruit02.webp")
  }
  body.safari section.top_recruit{
    background-image:url("/img/top/top_tb_recruit02.png");
  }
	/*トップページお知らせ*/
	section.top_news{
		width:100%;
		padding:50px 10px 50px 10px !important;
		font-family:'Cormorant Garamond', serif;
		box-sizing:border-box;
	}
	section.top_news ul{
		list-style:none;
	}
	section.top_news ul li{
		border-bottom:1px dotted #333;
	}
	section.top_news ul li:nth-child(1){
		border-top:dotted 1px #333;
	}
	section.top_news ul li a{
		display:block;
		color:#333;
	}
	section.top_news ul li a dl{
		display:table;
		width:100%;
		font-size:14px;
		padding:0 20px;
		box-sizing:border-box;
	}
	section.top_news ul li a dl dt{
		display:table-cell;
		width:15%;
		height:50px;
		vertical-align:middle;
	}
	section.top_news ul li a dl dd{
		display:table-cell;
		width:85%;
		vertical-align:middle;
		height:50px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		max-width:1px;
	}
	/*footer
	----------------------------------------------*/
	footer div.telarea span{
		border-color:#000 !important;
		color:#000 !important;
	}
	footer div.telarea p{
		color:#000 !important;
	}
	footer.dark section.footercontents,
	footer.ab-dark section.footercontents,
	footer.ab-dark section.footertop{
		border-color:#000 !important;
	}
	footer.dark section.sitemap,
	footer.ab-dark section.sitemap{
		border-color:#000 !important;
	}
	footer.dark section.sitemap a,
	footer.ab-dark section.sitemap a{
		color:#000 !important;
	}
  footer section.sitemap{
    height: 30px;
  }
	/*改行*/
	br.pc{
		display:block;
	}
	br.sp{
		display:none;
	}
	/*子ページ
	--------------------------------------------*/
	/*各ページ共通　タイトル*/
	section.chid_top_title{
	}
	section.chid_top_title div{
		width:100%;
		text-align:center;
		display:block;
		line-height:200px;
		background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
		position:relative;
		z-index:3;
	}
	section.chid_top_title div p{
		font-family: 'Cormorant Garamond', serif;
		font-size:28px;
		font-weight:900;
		color:#fff;
		position:relative;
		z-index:5;
	}
	section.chid_top_title div::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
	}
	/*タイトル*/
	dl.sub_title dt h3 p{
		color:#00bc82 !important;
		font-family: 'M PLUS 1p', sans-serif;
		font-size:4vw !important;
	}
	h3.child_title{
		width:100%;
		text-align:center;
		position:relative;
		z-index:1;
		font-size:25px;
		color:#333
	}
	h3.child_title::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:65px;
		border-bottom:2px solid #00bc82;
		transform:translate(-50%,-50%);
	}
	/*ページポジション*/
	section.pageposition{
	}
	section.pageposition section.inner{
	}
	section.pageposition section.inner ul{
		list-style:none;
		list-style-position:outside;
	}
	section.pageposition section.inner ul li{
		float:left;
		display:table;
	}
	section.pageposition section.inner ul li:nth-child(1){
		display:block;
	}
	section.pageposition section.inner ul li:nth-child(1) span{
		width:40px;
		line-height:40px;
		color:#333;
		font-size:18px;
		display:inline-block;
		text-align:center;
	}
	section.pageposition section.inner ul li:nth-child(n+2){
		position:relative;
		z-index:1;
	}
	section.pageposition section.inner ul li:nth-child(n+2)::before{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		width:12px;
		height:12px;
		border-top:solid 2px #333;
		border-right:solid 2px #333;
		transform:translate(-50%,-50%) rotate(45deg);
	}
	section.pageposition section.inner ul li p{
		display:table-cell;
		vertical-align:middle;
		height:40px;
		font-size:14px;
		color:#333;
		padding:0 0 0 15px;
	}
	/*子ページ会社概要*/
  section.inner.greeting{
    display: flex;
  }
  section.inner.greeting dl.company_text{
    width: 60%;
    padding-right: 2rem !important;
    box-sizing: border-box;
  }
  section.inner.greeting div.greeting_img{
   width: 40%; 
  }
  section.inner.greeting div.greeting_img figure{
    padding-top: 0;
    width: 100%;
    height: 100%;
  }
  section.inner.greeting div.greeting_img figure picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  section.inner.greeting div.greeting_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	dl.company_text{
		display:table;
		margin:0 auto;
		float:none !important;
	}
	dl.company_title dt h3 p{
		font-size:3.2vw !important;
		margin:0 0 10px 0;
	}
	section.map{
		width:100%;
		height:500px;
		background-color:#0FF;
	}
	p.top_text span{
		margin:10px 0 0 auto;
		display:table;
	}
	/*お問い合わせ*/
	dl.contact_box{
		background-color:#efefef;
		padding:5px !important;
		box-sizing:border-box;
		margin:0 0 20px 0 !important;
	}
	/*事業内容*/
		section.business_text{
		text-align:center;
		font-size:14px;
		color:#333;
		line-height:2em;
		padding:50px 0;
	}
	section.business_list{
	}
	section.business_list ul{
		list-style:none;
		list-style-position:outside;
	}
	section.business_list ul li{
		width:90%;
		margin:0 auto 40px auto;
	}
	section.business_list ul li div{
		width:100%;
		vertical-align:bottom;
		border-bottom:4px dotted #00bc82;
		padding:0 0 10px 0;
	}
	section.business_list ul li div span{
		width:50px;
		line-height:50px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		background-color:#00bc82;
		color:#fff;
		display:inline-block;
		font-size:35px;
		float:left;
		text-align:center;
	}
	section.business_list ul li div p{
		font-size:20px;
		color:#333;
		width:100%;
		padding:0 0 0 65px;
		box-sizing:border-box;
	}
	section.business_list ul li dl{
		display:table;
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	section.business_list ul li dl dt{
		display:table-cell;
		width:50%;
		vertical-align:top;
		height:300px;
		font-size:14px;
		color:#333;
		line-height:1.8em;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.business_list ul li:nth-child(2){
	}
	section.business_list ul li:nth-child(2) dl dt{
		padding:0 10px 0 0 !important;
		box-sizing:border-box;
	}
	section.business_list ul li dl dd{
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}
	section.business_list ul li dl dd figure{
		width:100%;
		height:300px;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
	}
	section.other_business{
		padding:30px 0;
	}
	section.other_business ul{
		list-style:none;
		list-style-position:outside;
		margin:15px 0 0 0;
	}
	section.other_business ul li{
		float:left;
		width:50%;
		display:table;
		padding:10px;
		box-sizing:border-box;
	}
	section.other_business ul li p{
		display:table-cell;
		width:100%;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		background-color:#00bc82;
		font-size:18px;
	}
  section.product{
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
  }
  section.product h2{
    font-size: 25px;
    color: #333;
    position: relative;
    z-index: 1;
    text-align: center;
  }
  section.product h2::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 65px;
    border-bottom: 2px solid #00bc82;
    transform: translate(-50%,-50%);
  }
  section.product > p{
    text-align: center;
    padding: 15px 0;
  }
  section.product > div.flexbox{
    display: flex;
  }
  section.product > div.flexbox figure,
  section.product > div.flexbox div.product_text{
    width: 50%;
  }
  section.product > div.flexbox figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  section.product > div.flexbox div.product_text{
    padding: 15px;
    box-sizing: border-box;
  }
  section.product > div.flexbox div.product_text dl{
    margin-bottom: 15px;
  }
  div.product_contact{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
  }
  div.product_contact > p{
    position: relative;
    z-index: 1;
    top: 35px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
    padding: 10px;
    border: solid 2px #00bc82;
  }
  div.product_contactbox{
    display: flex;
    border: solid 2px #00bc82;
    height: 150px;
    box-sizing: border-box;
  }
  div.product_contactbox > div{
    width:50%;
  }
  div.product_contactbox > div.tel,
  div.product_contactbox > div.mail{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div.product_contactbox > div.tel > div{
    position: relative;
    z-index: 1;
  }
  div.product_contactbox > div.tel a{
    pointer-events: none;
    padding-left: 50px;
    line-height: 45px;
    font-size: 24px;
    font-weight: 700;
    color:#00bc82;
  }
  div.product_contactbox > div.tel > div span{
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 44px;
    border-radius: 100%;
    border: solid 1px #00bc82;
    color: #00bc82;
    position: absolute;
    left: 0;
    text-align: center;
  }
  div.product_contactbox > div.mail a{
    display: table;
    margin: 0 auto;
    background-color: #00bc82;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-left: 65px;
    box-sizing: border-box;
    width: 200px;
    line-height: 50px;
    height: 50px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.841%2010.691v10.613l5.968-5.305-5.968-5.309zM16.11%2017.137l8.151-7.244h-16.485l8.224%207.28c0.045%200%200.085-0.013%200.11-0.036zM16.905%2018.032c-0.245%200.218-0.566%200.336-0.906%200.336-0.337%200-0.659-0.118-0.905-0.336l-1.385-1.231-5.97%205.308h16.521l-5.97-5.308-1.386%201.231zM19.191%2016l5.968%205.306v-10.613l-5.968%205.308z%22%20%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    border-radius: 5px;
  }
	section.business_example{
		padding:30px 0;
	}
	section.business_example ul{
		list-style:none;
		list-style-position:outside;
		width:100%;
		margin:15px 0 0 0;
		padding:0 10px;
		box-sizing:border-box;
	}
	section.business_example ul li{
		float:left;
		width:50%;
		vertical-align:middle;
		padding:0 10px;
		box-sizing:border-box;
		margin:0 0 20px 0;
	}
	section.business_example ul li.tall dl dt figure{
		width:100%;
		padding:75% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:contain;
		-moz-background-size:contain;
		background-size:contain;
	}
	section.business_example ul li dl dt figure{
		width:100%;
		padding:75% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	section.business_example ul li dl dd{
		text-align:center;
		font-size:14px;
		color:#333;
		padding:5px 0 0 0;
	}
	/*採用情報*/
	section.recruit_contact{
	}
	section.recruit_contact section.cover{
		width:100%;
		padding:0 10px 40px 10px;
		box-sizing:border-box;
		display:table;
		border-spacing:20px 0;
	}
	section.recruit_contact section.cover dl.tel_box{
		display:table-cell;
		height:250px;
		width:50%;
		border:solid 2px rgba(0,188,130,0.5);
		box-sizing:border-box;
		padding:15px;
		position:relative;
		z-index:1;
	}
	section.recruit_contact section.cover dl.tel_box dt{
		text-align:center;
		color:#333;
	}
	section.recruit_contact section.cover dl.tel_box dt h3{
		color:rgba(0,188,130,0.5);
		font-size:28px;
		margin:0 0 20px 0;
	}
	section.recruit_contact section.cover dl.tel_box dt p{
		color:#333;
		margin:0 0 20px 0;
		line-height:1.8em;
	}
	section.recruit_contact section.cover dl.tel_box dd{
		position:absolute;
		bottom:15px;
		left:50%;
		transform:translate(-50%,0%);
	}
	section.recruit_contact section.cover dl.tel_box dd a{
		display:table;
		width:250px;
		border-spacing:0;
		pointer-events:none;
	}
	section.recruit_contact section.cover dl.tel_box dd a span{
		display:table-cell;
		width:50px;
		height:50px;
		vertical-align:middle;
		font-size:28px;
		text-align:center;
		color:rgba(0,188,130,0.5);
		border:solid 2px rgba(0,188,130,0.5);
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		box-sizing:border-box;
	}
	section.recruit_contact section.cover dl.tel_box dd a p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		padding:0 0 0 15px;
		font-size:26px;
		box-sizing:border-box;
		color:rgba(0,188,130,0.5);
	}
	section.recruit_contact section.cover dl.mail_box{
		display:table-cell;
		height:250px;
		width:50%;
		border:solid 2px rgba(0,188,130,0.5);
		box-sizing:border-box;
		padding:15px;
		position:relative;
		z-index:1;
	}
	section.recruit_contact section.cover dl.mail_box dt h3{
		color:rgba(0,188,130,0.5);
		font-size:28px;
		margin:0 0 20px 0;
		text-align:center;
	}
	section.recruit_contact section.cover dl.mail_box dt p{
		color:#333;
		margin:0 0 20px 0;
		text-align:center;
		line-height:1.8em;
	}
	section.recruit_contact section.cover dl.mail_box dd{
	}
	section.recruit_contact section.cover dl.mail_box dd a{
		display:table;
		width:250px;
		position:absolute;
		bottom:20px;
		left:50%;
		transform:translate(-50%,0%);
	}
	section.recruit_contact section.cover dl.mail_box dd a p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		background-color:rgba(0,188,130,0.5);
	}
  /*お問い合わせ*/
  section.contact{
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
  }
}
@media (orientation: landscape) and (min-width:768px) and ( max-width:1099px){
	/* TABLET 横の設定
	----------------------------------------------- */
}
@media screen and (min-width:1100px){
	/* PCの設定
	----------------------------------------------- */
	header section.header,
	section.inner{
		width:1100px;
		margin:0 auto;
	}
	header nav ul li div a:hover{/* グローバルナビマウスオーバー時の背景色 */
		background-color:rgba(0,188,130,0.75);
		/* background-color:rgba(0,0,0,0.5); */
	}
	header nav ul li.acbtn div.acbtn + ul{/* グローバルナビプルダウン時の背景色 */
		background-color:rgba(0,0,0,0.75);
		/* background-color:rgba(0,0,0,0.5); */
	}
	header a{/* グローバルナビの文字色 */
		color:#333;
		/* color:#FFF; */
	}
	header nav ul li.acbtn div.acbtn a span.icon span.wrap span{/* グローバルナビプルダウンのプラスアイコン色 */
		background-color:#FFF;
	}
	section.container.system{
		padding:0 0 60px 0;
	}
	ul.lightboxsample li{
		width:16.6666%;
	}
	section.blockwrap.sidelist{
		border-top:solid 1px rgba(204,204,204,0.5);
	}
	section.blockwrap.sidelist ul{
		list-style:none;
		list-style-position:outside;
	}
	section.blockwrap.sidelist,
	section.blockwrap.sidelist ul li{
		border-bottom:solid 1px rgba(204,204,204,0.5);
	}
	section.blockwrap.sidelist ul li ul{
		display:none;
		border-top:solid 1px rgba(204,204,204,0.5);
	}
	section.blockwrap.sidelist ul li:last-child,
	section.blockwrap.sidelist ul li ul li:last-child{
		border:none;
	}
	section.blockwrap.sidelist ul li a{
		line-height:50px;
		color:#666;
		text-decoration:none;
		display:block;
	}
	section.blockwrap.sidelist ul li div.acbtn{
		text-align:center;
		line-height:50px;
		color:#666;
		cursor:pointer;
		position:relative;
		z-index:1;
	}
	section.blockwrap.sidelist ul li div.acbtn::after{
		content:"";
    position:absolute;
		width:0;
		height:0;
		border:solid 6px transparent;
		border-top:solid 9px rgba(204,204,204,0.5);
		top:50%;
		right:0;
		transform:translate(-25%,-25%);
		z-index:-1;
	}
	/*header fax*/
	div.fax_pctb{
		display:table;
		float:right;
		margin:0 0 0 10px;
	}
	div.fax_pctb div{
		display:table-cell;
		width:40px;
		height:40px;
		font-size:20px;
		line-height:38px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		text-align:center;
		border:solid 1px #333;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	div.fax_pctb div figure{
		position:absolute;
		top:20px;
		left:50%;
		transform:translate(-50%,-50%);
		width:25px;
		height:25px;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	div.fax_pctb p{
		display:table-cell;
		height:40px;
		padding:0 0 0 10px;
		vertical-align:middle;
		color:#333 !important;
		font-size:24px;
		font-weight:700;
		box-sizing:border-box;
	}
	div.fax_sp{
		display:none;
	}
	/*トップページ
	---------------------------------------------------*/
	/*スライダー*/
  section.slider::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: -moz-linear-gradient(top, rgba(0,188,130,0.2) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,188,130,0.2) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,188,130,0.2) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
	div.catchcopy{
		position:absolute;
		display:inline-grid;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:3;
		box-sizing:border-box;
	}
  div.catchcopy::before{
    content: "Our Mission";
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    display: block;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 0.5rem;
    line-height: 1em;
  }
	div.catchcopy p{
	}
	div.catchcopy p span{
		font-size:36px;
		color:#fff;
		font-weight:900;
		font-family:'Noto Serif JP', serif;
	}
	/*タイトル*/
	dl.sub_title dt h3 p{
		color:#00bc82 !important;
		font-family: 'M PLUS 1p', sans-serif;
	}
	h3.top_title{
		width:100%;
		text-align:center;
		font-size:3vw;
		color:#333;
		margin:0 0 30px 0;
		font-weight:700;
	}
	/*ボタン*/
	div.top_btn{
		width:250px;
		margin:30px auto 0 auto;
	}
	div.top_btn a{
		width:100%;
		display:table;
		transition:all 0.3s ease;
	}
	div.top_btn a:hover{
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
	div.top_btn a p{
		display:table-cell;
		height:60px;
		vertical-align:middle;
		text-align:center;
		color:#333;
		border:solid #333 1px;
		box-sizing:border-box;
	}
	section.top_contentsbox{
	}
	section.top_contentsbox a.top_contentswrap{
		width:100%;
		background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
		position:relative;
		z-index:1;
	}
	section.top_contentsbox a.top_contentswrap::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
		background-color:rgba(0,0,0,0.2);
	}
	dl.top_contents dt{
		padding:100px 30px 0 30px !important;
	}
	dl.top_contents dt h3 p{
		color:#fff !important;
	}
	dl.top_contents dd{
		padding:0 30px 150px 30px !important;
	}
	dl.top_contents dd::before{
		color:#fff;
	}
	dl.top_contents dd::after{
		border-right:1px solid #fff !important;
		border-bottom:1px solid #fff !important;
		border-top:hidden !important;
		border-left:hidden !important;
	}
	dl.top_contents dd p{
		color:#fff;
	}
	/*トップページ会社概要～採用情報まで*/
	section.bottom_contents{
		display:-ms-grid;
		display:grid;
		width:100%;
		-ms-grid-columns:50% 50%;
		grid-template-columns:50% 50%;
	}
	section.bottom_contents section.bottom_contents01,
	section.bottom_contents section.bottom_contents02,
	section.bottom_contents section.bottom_contents03{
		position:relative;
		z-index:1;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	section.bottom_contents section.bottom_contents01{
		-ms-grid-row:1;
		-ms-grid-row-span:1;
		grid-row:1/2;
		-ms-grid-column:1;
		-ms-grid-column-span:1;
		grid-column:1/2;
	}
	section.bottom_contents section.bottom_contents02{
		-ms-grid-row:1;
		-ms-grid-row-span:2;
		grid-row:1/3;
		-ms-grid-column:2;
		-ms-grid-column-span:1;
		grid-column:2/3;
	}
	section.bottom_contents section.bottom_contents03{
		-ms-grid-row:2;
		-ms-grid-row-span:1;
		grid-row:2/3;
		-ms-grid-column:1;
		-ms-grid-column-span:1;
		grid-column:1/2;
	}
	section.bottom_contents section.bottom_contents01 a,
	section.bottom_contents section.bottom_contents02 a,
	section.bottom_contents section.bottom_contents03 a{
		width:100%;
		height:100%;
		display:table;
		box-sizing:border-box;
		position:relative;
		z-index:1;
		transition:all 0.3s ease;
	}
	section.bottom_contents section.bottom_contents01 a:hover,
	section.bottom_contents section.bottom_contents02 a:hover,
	section.bottom_contents section.bottom_contents03 a:hover{
		background-color:rgba(255,255,255,0.2);
	}
	section.bottom_contents section.bottom_contents01 a::before,
	section.bottom_contents section.bottom_contents02 a::before,
	section.bottom_contents section.bottom_contents03 a::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		display:block;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
	}
	section.bottom_contents section.bottom_contents01 a dl,
	section.bottom_contents section.bottom_contents02 a dl,
	section.bottom_contents section.bottom_contents03 a dl{
		display:table-cell;
		width:100%;
		height:inherit;
		vertical-align:middle;
		text-align:center;
		position:relative;
		z-index:3;
	}
	section.bottom_contents section.bottom_contents01 a dl dt,
	section.bottom_contents section.bottom_contents02 a dl dt,
	section.bottom_contents section.bottom_contents03 a dl dt{
		padding:60px 30px 0 30px;
		font-family: 'Sawarabi Mincho' !important;
    font-weight: 400 !important;
	}
	section.bottom_contents section.bottom_contents01 a dl dt h3,
	section.bottom_contents section.bottom_contents02 a dl dt h3,
	section.bottom_contents section.bottom_contents03 a dl dt h3{
		color:#fff;
		font-size:1.5vw;
    font-family: 'Sawarabi Mincho';
	}
	section.bottom_contents section.bottom_contents01 a dl dd,
	section.bottom_contents section.bottom_contents02 a dl dd,
	section.bottom_contents section.bottom_contents03 a dl dd{
		padding:20px 30px 100px 30px;
		position:relative;
		z-index:1;
	}
	section.bottom_contents section.bottom_contents01 a dl dd p,
	section.bottom_contents section.bottom_contents02 a dl dd p,
	section.bottom_contents section.bottom_contents03 a dl dd p{
		font-size:14px;
		color:#fff;
	}
	section.bottom_contents section.bottom_contents01 a dl dd::before,
	section.bottom_contents section.bottom_contents02 a dl dd::before,
	section.bottom_contents section.bottom_contents03 a dl dd::before{
		content: "more";
		position: absolute;
		z-index: 2;
		left: 50%;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		transform:translate(-50%,0);
		bottom:35px;
		color:#fff;
	}
	section.bottom_contents section.bottom_contents01 a dl dd::after,
	section.bottom_contents section.bottom_contents02 a dl dd::after,
	section.bottom_contents section.bottom_contents03 a dl dd::after{
		content:"";
		position:absolute;
		z-index:1;
		left:50%;
		width:10px;
		height:10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		transform:rotate(45deg) translate(-50%,0);
		bottom:20px;
	}
  /*写真変更*/
  section.top_business{
    background-image:url("/img/top/top_business.webp")
  }
  body.safari section.top_business{
    background-image: url("/img/top/top_business.png");
  }
  section.top_company{
    background-image:url("/img/top/top_company.webp");
  }
  body.safari section.top_company{
    background-image:url("/img/top/top_company.png");
  }
  section.top_contact{
    background-image:url("/img/top/top_contact.png");
  }
  body.safari section.top_contact{
    background-image:url("/img/top/top_contact.png");
  }
  section.top_recruit{
    background-image:url("/img/top/recruit02.webp");
  }
  body.safari section.top_recruit{
    background-image:url("/img/top/recruit02.png");
  }
	/*お知らせ*/
	section.top_news{
		font-family: 'Cormorant Garamond', serif;
		padding:70px 0;
	}
	section.top_news{
	}
	section.top_news ul{
		width:800px;
		margin:0 auto;
		list-style:none;
		list-style-position:outside;
	}
	section.top_news ul li:nth-child(1){
		border-top:dotted 1px #333;
	}
	section.top_news ul li{
		border-bottom:1px dotted #333;
	}
	section.top_news ul li a{
		transition:all 0.3s ease;
		display:block;
	}
	section.top_news ul li a:hover{
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
	section.top_news ul li a dl{
		width:100%;
		display:table;
		color:#333;
		padding:0 20px;
		box-sizing:border-box;
		font-size:14px;
	}
	section.top_news ul li a dl dt{
		display:table-cell;
		width:15%;
		vertical-align:middle;
		height:50px;
	}
	section.top_news ul li a dl dd{
		display:table-cell;
		width:85%;
		vertical-align:middle;
		height:50px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		max-width:1px;
	}
	/*改行*/
	br.pc{
		display:block;
	}
	br.sp{
		display:none;
	}
	/*ページポジション*/
	section.pageposition{
	}
	section.pageposition section.inner{
	}
	section.pageposition section.inner ul{
		list-style:none;
		list-style-position:outside;
	}
	section.pageposition section.inner ul li{
		float:left;
		display:table;
	}
	section.pageposition section.inner ul li:nth-child(1) a{
		display:table;
		width:40px;
		text-align:center;
	}
	section.pageposition section.inner ul li:nth-child(1) a span{
		width:40px;
		line-height:40px;
		color:#333;
		font-size:20px;
	}
	section.pageposition section.inner ul li:nth-child(n+2){
		position:relative;
		z-index:1;
		padding:0 0 0 20px;
	}
	section.pageposition section.inner ul li:nth-child(n+2)::before{
		content:"";
		width:12px;
		height:12px;
		border-top:2px solid #333;
		border-right:2px solid #333;
		position:absolute;
		top:50%;
		left:0;
		transform:translate(-50%,-50%) rotate(45deg)
	}
	section.pageposition section.inner ul li p{
		display:table-cell;
		height:40px;
		vertical-align:middle;
		font-size:14px;
		color:#333;
	}
	/*footer
	--------------------------------------------*/
	footer div.telarea span{
		border-color:#000 !important;
		color:#000 !important;
	}
	footer div.telarea p{
		color:#000 !important;
	}
	footer.dark section.footercontents,
	footer.ab-dark section.footercontents,
	footer.ab-dark section.footertop{
		border-color:#000 !important;
	}
	footer.dark section.sitemap,
	footer.ab-dark section.sitemap{
		border-color:#000 !important;
	}
	footer.dark section.sitemap a,
	footer.ab-dark section.sitemap a{
		color:#000 !important;
	}
	footer.dark section.sitemap a:hover,
	footer.ab-dark section.sitemap a:hover{
		color:#fff !important;
		background-color:rgba(255,255,255,0.5);
	}
	/*子ページ
	--------------------------------------------*/
	/*各ページ共通　タイトル*/
	section.chid_top_title{
	}
	section.chid_top_title div{
		width:100%;
		text-align:center;
		display:block;
		line-height:300px;
		background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
		position:relative;
		z-index:3;
	}
	section.chid_top_title div p{
		font-family: 'Cormorant Garamond', serif;
		font-size:32px;
		font-weight:900;
		color:#fff;
		position:relative;
		z-index:5;
	}
	section.chid_top_title div::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../img/bg/dot_01.png);
		background-repeat:repeat;
	}
	/*タイトル*/
	h3.child_title{
		width:100%;
		text-align:center;
		position:relative;
		z-index:1;
		font-size:25px;
		color:#333
	}
	h3.child_title::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:65px;
		border-bottom:2px solid #00bc82;
		transform:translate(-50%,-50%);
	}
	/*子ページ会社概要*/
  section.inner.greeting{
    display: flex;
  }
  section.inner.greeting dl.company_text{
    width: 65%;
    padding-right: 2rem;
    box-sizing: border-box;
  }
  section.inner.greeting div.greeting_img{
   width: 35%; 
  }
  section.inner.greeting div.greeting_img figure{
    padding-top: 0;
    width: 100%;
  }
  section.inner.greeting div.greeting_img figure picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  section.inner.greeting div.greeting_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	dl.company_text{
		display:table;
		margin:0 auto;
		float:none !important;
	}
	section.map{
		width:100%;
		height:600px;
		background-color:#0FF;
	}
	p.top_text span{
		margin:0 0 0 auto;
		display:table;
	}
	/*お問い合わせ*/
	dl.contact_box{
		background-color:#efefef;
		padding:5px !important;
		box-sizing:border-box;
		margin:0 0 20px 0 !important;
	}
	/*事業内容*/
	section.business_text{
		text-align:center;
		font-size:16px;
		color:#333;
		line-height:2em;
		padding:50px 0;
	}
	section.business_list{
	}
	section.business_list ul{
		list-style:none;
		list-style-position:outside;
	}
	section.business_list ul li{
		width:900px;
		margin:0 auto 45px auto;
	}
	section.business_list ul li div{
		width:100%;
		vertical-align:bottom;
		border-bottom:4px dotted #00bc82;
		padding:0 0 10px 0;
	}
	section.business_list ul li div span{
		width:50px;
		line-height:50px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		background-color:#00bc82;
		color:#fff;
		display:inline-block;
		font-size:35px;
		float:left;
		text-align:center;
	}
	section.business_list ul li div p{
		font-size:24px;
		color:#333;
		float:left;
		width:850px;
		padding:0 0 0 30px;
		box-sizing:border-box;
	}
	section.business_list ul li:nth-child(1) div p,
	section.business_list ul li:nth-child(3) div p{
		line-height:50px !important;
	}
	section.business_list ul li dl{
		display:table;
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	section.business_list ul li dl dt{
		display:table-cell;
		width:50%;
		vertical-align:top;
		height:300px;
		font-size:16px;
		color:#333;
		line-height:1.8em;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.business_list ul li:nth-child(2) dl dt{
		padding:0 10px 0 0;
		box-sizing:border-box;
	}
	section.business_list ul li dl dd{
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}
	section.business_list ul li dl dd figure{
		width:100%;
		height:300px;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
	}
	section.other_business{
		padding:30px 0;
	}
	section.other_business ul{
		list-style:none;
		list-style-position:outside;
		margin:15px 0 0 0;
	}
	section.other_business ul li{
		float:left;
		width:33.3333%;
		display:table;
		padding:10px;
		box-sizing:border-box;
	}
	section.other_business ul li p{
		display:table-cell;
		width:100%;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		background-color:#00bc82;
		font-size:18px;
	}
  section.product{
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
  }
  section.product h2{
    font-size: 25px;
    color: #333;
    position: relative;
    z-index: 1;
    text-align: center;
  }
  section.product h2::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 65px;
    border-bottom: 2px solid #00bc82;
    transform: translate(-50%,-50%);
  }
  section.product > p{
    text-align: center;
    padding: 15px 0;
  }
  section.product > div.flexbox{
    display: flex;
  }
  section.product > div.flexbox figure,
  section.product > div.flexbox div.product_text{
    width: 50%;
  }
  section.product > div.flexbox figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  section.product > div.flexbox div.product_text{
    padding: 15px;
    box-sizing: border-box;
  }
  section.product > div.flexbox div.product_text dl{
    margin-bottom: 15px;
  }
  div.product_contact{
    width: 800px;
    margin: 0 auto;
    padding: 15px 0;
  }
  div.product_contact > p{
    position: relative;
    z-index: 1;
    top: 25px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
    padding: 10px;
    border: solid 2px #00bc82;
  }
  div.product_contactbox{
    display: flex;
    border: solid 2px #00bc82;
    height: 150px;
    box-sizing: border-box;
  }
  div.product_contactbox > div{
    width:50%;
  }
  div.product_contactbox > div.tel,
  div.product_contactbox > div.mail{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div.product_contactbox > div.tel > div{
    position: relative;
    z-index: 1;
  }
  div.product_contactbox > div.tel a{
    pointer-events: none;
    padding-left: 50px;
    line-height: 45px;
    font-size: 24px;
    font-weight: 700;
    color:#00bc82;
  }
  div.product_contactbox > div.tel > div span{
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 44px;
    border-radius: 100%;
    border: solid 1px #00bc82;
    color: #00bc82;
    position: absolute;
    left: 0;
    text-align: center;
  }
  div.product_contactbox > div.mail a{
    display: table;
    margin: 0 auto;
    background-color: #00bc82;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-left: 65px;
    box-sizing: border-box;
    width: 200px;
    line-height: 50px;
    height: 50px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.841%2010.691v10.613l5.968-5.305-5.968-5.309zM16.11%2017.137l8.151-7.244h-16.485l8.224%207.28c0.045%200%200.085-0.013%200.11-0.036zM16.905%2018.032c-0.245%200.218-0.566%200.336-0.906%200.336-0.337%200-0.659-0.118-0.905-0.336l-1.385-1.231-5.97%205.308h16.521l-5.97-5.308-1.386%201.231zM19.191%2016l5.968%205.306v-10.613l-5.968%205.308z%22%20%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    border-radius: 5px;
  }
  section.business_example{
		padding:30px 0 100px 0;
	}
	section.business_example ul{
		list-style:none;
		list-style-position:outside;
		width:100%;
		margin:15px 0 0 0;
		padding:0 10px;
		box-sizing:border-box;
	}
	section.business_example ul li{
		float:left;
		width:25%;
		height:270px;
		vertical-align:top;
		padding:0 10px;
		margin:0 0 20px 0;
		box-sizing:border-box;
	}
	section.business_example ul li.tall dl dt figure{
		width:100%;
		padding:75% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:contain;
		-moz-background-size:contain;
		background-size:contain;
	}
	section.business_example ul li dl dt figure{
		width:100%;
		padding:75% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	section.business_example ul li dl dd{
		padding:5px 0 0 0;
		text-align:center;
	}
	/*採用情報*/
	section.recruit_contact{
	}
	section.recruit_contact section.cover{
		width:1000px;
		margin:0 auto;
		padding:0 0 50px 0;
		display:table;
		border-spacing:20px 0;
	}
	section.recruit_contact section.cover dl.tel_box{
		display:table-cell;
		vertical-align:middle;
		margin:0 20px 0 0;
		height:250px;
		width:480px;
		border:solid 2px rgba(0,188,130,0.5);
		box-sizing:border-box;
		padding:20px;
		position:relative;
		z-index:1;
	}
	section.recruit_contact section.cover dl.tel_box dt{
		text-align:center;
		color:#333;
	}
	section.recruit_contact section.cover dl.tel_box dt h3{
		color:rgba(0,188,130,0.5);
		font-size:28px;
		margin:0 0 20px 0;
	}
	section.recruit_contact section.cover dl.tel_box dt p{
		color:#333;
		margin:0 0 20px 0;
		line-height:1.8em;
	}
	section.recruit_contact section.cover dl.tel_box dd{
		position:absolute;
		bottom:20px;
		left:50%;
		transform:translate(-50%,0%);
	}
	section.recruit_contact section.cover dl.tel_box dd a{
		display:table;
		width:250px;
		border-spacing:0;
		pointer-events:none;
	}
	section.recruit_contact section.cover dl.tel_box dd a span{
		display:table-cell;
		width:50px;
		height:50px;
		vertical-align:middle;
		font-size:28px;
		text-align:center;
		color:rgba(0,188,130,0.5);
		border:solid 2px rgba(0,188,130,0.5);
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		box-sizing:border-box;
	}
	section.recruit_contact section.cover dl.tel_box dd a p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		padding:0 0 0 15px;
		font-size:26px;
		box-sizing:border-box;
		color:rgba(0,188,130,0.5);
	}
	section.recruit_contact section.cover dl.mail_box{
		display:table-cell;
		vertical-align:middle;
		height:250px;
		margin:0 0 0 20px;
		width:480px;
		border:solid 2px rgba(0,188,130,0.5);
		box-sizing:border-box;
		padding:20px;
		position:relative;
		z-index:1;
	}
	section.recruit_contact section.cover dl.mail_box dt h3{
		color:rgba(0,188,130,0.5);
		font-size:28px;
		margin:0 0 20px 0;
		text-align:center;
	}
	section.recruit_contact section.cover dl.mail_box dt p{
		color:#333;
		margin:0 0 20px 0;
		text-align:center;
		line-height:1.8em;
	}
	section.recruit_contact section.cover dl.mail_box dd{
	}
	section.recruit_contact section.cover dl.mail_box dd a{
		display:table;
		width:250px;
		position:absolute;
		bottom:20px;
		left:50%;
		transform:translate(-50%,0%);
	}
	section.recruit_contact section.cover dl.mail_box dd a p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		background-color:rgba(0,188,130,0.5);
		transition:all 0.3s ease;
	}
	section.recruit_contact section.cover dl.mail_box dd a p:hover{
		border:solid 2px rgba(0,188,130,0.5);
		color:rgba(0,188,130,0.5);
		width:250px;
		height:50px;
		box-sizing:border-box;
		background-color:#fff;
	}
	section.diferent{
		width:900px;
		margin:0 auto;
	}
  /*お問い合わせ*/
  section.contact{
    width: 1000px;
    margin: 0 auto;
  }