@charset "utf-8";
/*	リンク
-------------------*/
/*.mailBox a {
	background: #b09d7c;
	color: #fff;
	display: block;
	padding: 5px 0;
	border: 2px solid#B09D7C;
	border-radius: 5px;
	letter-spacing: 0.1em;
	background-image: url(../Image/common/mail_white.png);
	background-repeat: no-repeat;
	background-position: left 40px top 10px;
	text-align: center;
}@media screen and (min-width : 768px ) {
.mailBox a:hover {
	background: #fff;
	color: #b09d7c;
	letter-spacing: 0.1em;
	transition: 0.3s;
	background-image: url(../Image/common/mail_gold.png);
	background-repeat: no-repeat;
	background-position: left 40px top 10px;
}
}
.mailBox a {
	background: #b09d7c;
	color: #fff;
	padding: 5px 0;
	border: 2px solid#B09D7C;
	border-radius: 5px;
	letter-spacing: 0.1em;
	background-image: url(../Image/common/mail_white.png);
	background-repeat: no-repeat;
	background-position: left 40px top 10px;
	text-align: center;
}
.mailBox a:hover {
	background: #fff;
	color: #b09d7c;
	letter-spacing: 0.1em;
	transition: 0.3s;
	background-image: url(../Image/common/mail_gold.png);
	background-repeat: no-repeat;
	background-position: left 40px top 10px;
}*/
/*------------------------------------

	下層共通

--------------------------------------*/
/*------------------------------------
	パンくずリスト
--------------------------------------*/
#breadcrumb {
	padding: 10px 0 !important;
	margin: 0 auto;
	background-color: #ffffff;
	background-position: top;
	background-repeat: repeat-x;
	font-weight: bold;
}
#breadcrumb ul {
	width: 1100px;
	margin: 0 auto;
}
#breadcrumb ul li {
	display: inline-block;
	vertical-align: bottom;
}
#breadcrumb ul li:not(:last-child) {
	-webkit-background-size: auto 14px;
	background-size: auto 14px;
}
#breadcrumb ul li:last-child {
	font-size:inherit;
	font-size:12px;
}
#breadcrumb ul li:last-child:after {
	content:none;
}
#breadcrumb ul li a, #breadcrumb ul li a:before {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
#breadcrumb ul li a {
	position: relative;
	display: inline-block;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
	padding: 0;
}
#breadcrumb ul li:after {
	width: 100px;
	display: inline-block;
	content: '>';
	width: 10px;
	height: auto;
	color: #e70c14;
	font-weight: bold;
	margin: 0 20px;
}
#breadcrumb ul li span {
	display: inline-block;
}
#breadcrumb ul li span.en {
	font-size: 13px;
	line-height: 25px;
}
#breadcrumb ul li span.ja {
	font-size: 11px;
	margin-left: 10px;
	position: relative;
	bottom: 1px;
}
/*------------------------------------
	Contents
--------------------------------------*/
.under #main_cts {
	padding-top: 30px;
}
.under .sec_inner {
	width: 1100px;
	margin: 0 auto;
	padding: 40px 0;
}
.under .ttl_01 {
	margin-bottom: 30px;
	padding-bottom:0;
}
.under .ttl_02 {
	margin-bottom:40px;
	font-weight:normal;
}
/*------------------------------------
	MAINIMAGE
--------------------------------------*/
.under #mainimage {
	width: 100%;
	background:url(../Image/mounting/mainimage.jpg) center top no-repeat;
	background-size: cover;
	height: 350px;
	min-width: 1100px;
	top: 0;
	z-index: 0 !important;
	position:absolute;
	text-align:center;
	text-align: center;
	padding-top: 111px;
	font-size: 60px;
	color: #fff;
	font-weight:bold;
	box-sizing:border-box;
	text-shadow: 1px 1px 16px #333;
}
.under #mainimage .jpn {
	font-size:30px;
	display:inline-block;
	margin-left:30px;
	font-weight:normal;
}
#about #mainimage {
	background-image:url(../Image/about/avout_bg.jpg);
}
#history #mainimage {
	background-image:url(../Image/about/history_bg.jpg);
}
#staff #mainimage {
	background-image:url(../Image/about/staff_bg.jpg);
}
#facility #mainimage {
	background-image:url(../Image/about/facility_bg.jpg);
}
#company #mainimage {
	background-image:url(../Image/about/company_bg.jpg);
}
#blog #mainimage {
	background-image:url(../Image/blog/mainimage.jpg);
}
#media #mainimage {
	background-image:url(../Image/media/mainimage.jpg);
}
#access #mainimage {
	background-image:url(../Image/access/mainimage.jpg);
}
#contact #mainimage {
	background-image:url(../Image/contact/mainimage.jpg);
}
#privacy #mainimage {
	background-image:url(../Image/privacy/mainimage.jpg);
}
/*
#gakuso #mainimage {
	background-image:url(../Image/mounting/gakuso/mainimage.jpg);
}
#gendai #mainimage {
	background-image:url(../Image/mounting/gendai/mainimage.jpg);
}
#jikuso #mainimage {
	background-image:url(../Image/mounting/jikuso/mainimage.jpg);
}
#screen #mainimage {
	background-image:url(../Image/mounting/byobu/mainimage.jpg);
}
#fusuma #mainimage {
	background-image:url(../Image/mounting/fusuma/mainimage.jpg);
}
#makimono #mainimage {
	background-image:url(../Image/mounting/makimono/mainimage.jpg);
}
#space #mainimage {
	background-image:url(../Image/proposal/space/mainimage.jpg);
}
#postal_service #mainimage {
	background-image:url(../Image/proposal/postal_service/mainimage.jpg);
}
#loading #mainimage {
	background-image:url(../Image/proposal/loading/mainimage.jpg);
}
#gakuso_restore #mainimage {
	background-image:url(../Image/mounting/gakuso_restore/mainimage.jpg);
}
#jikuso_restore #mainimage {
	background-image:url(../Image/mounting/jikuso_restore/mainimage.jpg);
}
#byobu_restore #mainimage {
	background-image:url(../Image/mounting/byobu_restore/mainimage.jpg);
}
#fusuma_restore #mainimage {
	background-image:url(../Image/mounting/fusuma_restore/mainimage.jpg);
}
#makimono_restore #mainimage {
	background-image:url(../Image/mounting/makimono_restore/mainimage.jpg);
}
#clean_coating #mainimage {
	background-image:url(../Image/mounting/clean_coating/mainimage.jpg);
}
#interior_coating #mainimage {
	background-image:url(../Image/proposal/interior_coating/mainimage.jpg);
}
#storage_box #mainimage {
	background-image:url(../Image/mounting/storage_box/mainimage.jpg);
}
#save_film #mainimage {
	background-image:url(../Image/mounting/save_film/mainimage.jpg);
}
#save_setting #mainimage {
	background-image:url(../Image/proposal/save_setting/mainimage.jpg);
}
#gakuso_preserve #mainimage {
	background-image:url(../Image/mounting/gakuso_preserve/mainimage.jpg);
}
#replica #mainimage {
	background-image:url(../Image/digital/replica/mainimage.jpg);
}
#scanning #mainimage {
	background-image:url(../Image/digital/scanning/mainimage.jpg);
}
#airing #mainimage {
	background-image:url(../Image/proposal/airing/mainimage.jpg);
}
#smoke #mainimage {
	background-image:url(../Image/proposal/smoke/mainimage.jpg);
}
*/
/*------------------------------------

	TOP / トップページ

--------------------------------------*/
#top #mainimage {
	width: 100%;
	background: url(../Image/top/mainImg.jpg) no-repeat center bottom 77px;
	background-size: cover;
	height: 100%;
	min-width: 1100px;
	top: 0;
	/*z-index: 0 !important;*/
	position:absolute;
}

#top #mainimage .fixed_bnr {
	z-index: 201;
	position: fixed;
	top: 40px;
	right: 40px;
}
#top #mainimage .fixed_bnr.fixed {
	top: auto;
	bottom: 40px;
	max-width: 300px;
}
#top #mainimage .fixed_bnr > a {
	display: block;
	transition: .4s;
}
#top #mainimage .fixed_bnr > a:hover,
#top #mainimage .fixed_bnr > a:focus {
	opacity: .8;
}

/*------------------------------------
	SECTION_01
--------------------------------------*/
#top #sec_01 .sec_inner {
	width: 1100px;
}
#top #sec_01 .sec_inner .ttl_02 {
	margin-bottom: 40px;
}
#top #sec_01 .ttl_03 {
	font-size: 19px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 25px;
	border-left: 15px solid #353536;
	box-sizing: border-box;
}
#top #sec_01 .boxR {
	width: 50%;
	float: left;
}
#top #sec_01 .boxR .lead {
	font-size: 15px;
	font-weight:bold;
	margin-bottom: 5px;
	color: #444;
}
#top #sec_01 .boxL {
	width: 50%;
	float: left;
	text-align: center;
}
#top #sec_01 .boxL img {
	width: 80%;
}
/*------------------------------------
	WANT ○○したい
--------------------------------------*/
#top #sec_01 .wantWrap {
	background:#ECEEE6;
	padding:30px 0 60px;
}
#top #sec_01 .wantBox {
	margin-bottom: 50px;
	width: 1200px;
	margin: 0 auto;
}
#top #sec_01 .wantBox .ttl_02 {
	margin-bottom: 40px;
}
#top #sec_01 .wantBox .left-up {
	margin-bottom:40px;
	width:50%;
	float:left;
}
#top #sec_01 .wantBox .right-up {
	width:50%;
	float:left;
}
#top #sec_01 .wantBox .bottom {
	clear:both;
}
#top #sec_01 .wantBox .box_01 .ttl_06 {
	text-align:center;
	margin-bottom:25px;
}
#top #sec_01 .wantBox .box_01 .wantList li {
	float:left;
	width:260px;
	text-align:center;
	margin:0 20px;
}
#top #sec_01 .wantBox .box_01 .wantList a {
	padding:20px 0;
	display:block;
	background:url(../Image/common/arrow_02.png) right bottom no-repeat #fff;
	transition:0.5s;
}
@media screen and (min-width : 768px ) {
#top #sec_01 .wantBox .box_01 .wantList a:hover {
	color:#000;
	background-color:#f5f4f0;
	background-position:right -5px bottom -5px;
}
}
/*#top #sec_01 .wantBox .left-up .wantList a:hover{
	background-color:#fff2f2;
}
#top #sec_01 .wantBox .right-up .wantList a:hover{
	background-color:#fffdf5;
}
#top #sec_01 .wantBox .bottom .wantList a:hover{
	background-color:#eeffff;
}*/
#top #sec_01 .wantBox .box_01 .wantList .icons {
	margin-bottom:10px;
}
#top #sec_01 .wantBox .box_01 .wantList .icons img {
	width:125px;
	height:auto;
}
#top #sec_01 .wantBox .box_01 .wantList .texts {
	font-size:15px;
	line-height:1.6;
}
#top #sec_01 .arrowBox {
	background: url(../Image/top/topArrow.png)no-repeat center;
	width: 100%;
	height: 50px;
}
/*------------------------------------
	EXAMPLE 法人向けサービス
--------------------------------------*/
#top #sec_01 .exaBox .sec_inner {
	width:1160px;
}
#top .exaBox .tab {
	overflow:hidden;
	width:320px;
	float:left;
}
#top .exaBox .tab li {
	padding:18px;
	margin-bottom:1px;
	cursor:pointer;
	color:#000;
	font-size:14px;
	line-height:1.5;
	height: 80px;
	box-sizing: border-box;
	background:url(../Image/common/arrow_01.png) right 25px center no-repeat #ccc;
	transition:0.5s;
}
#top .exaBox .tab .strong {
	font-weight:bold;
}
#top .exaBox .tab li:last-child {
	border-bottom:0;
}
@media screen and (min-width : 768px ) {
#top .exaBox .tab li:hover {
	background-position:right 15px center;
}
}
#top .exaBox .tab li.select {
	background-color:#eceee6;
	background-position:right 15px center;
}
#top .exaList {
	width:840px;
	float:left;
}
#top .exaList > li {
	background:#eceee6;
	box-sizing:border-box;
	height:404px;
	overflow:hidden;
	padding:40px;
	display:none;
	transition:0.5s;
}
#top .exaList > li:first-child {
	display:block;
}
#top .exaBox > li.hide {
	display:none;
}
#top .exaList .leftBox {
	width:66%;
	margin-right:4%;
	float:left;
}
#top .exaList .iconList {
	margin-bottom:20px;
	position:relative;
	height:95px;
}
#top .exaList .iconList li {
	background:url(../Image/top/xmark.png) right center no-repeat;
	background-size:12px;
	padding-right:15px;
	width:120px;
	float:left;
}
#top .exaList .iconList li:last-child {
	background:none;
}
#top .exaList .iconList_04 li {
	width:107px;
}
#top .exaList .iconList li img {
	width:100%;
	height:auto;
}
#top .exaList .ttl_11 {
	font-size:22px;
	font-weight:bold;
	padding-bottom:25px;
	margin-bottom:25px;
	position:relative;
	transition:2s;
	line-height:1.5;
}
#top .exaList .ttl_11:after {
	content:"";
	width:56px;
	height:5px;
	background:#bda768;
	position:absolute;
	left:0;
	bottom:0;
}
#top .exaList .ttl_11 .target {
	color:#c81d25;
}
#top .exaList .ttl_11 .service {
}
#top .exaList .textBox {
	font-size:15px;
}
#top .exaList .rightBox {
	width:30%;
	float:left;
}
#top .exaList .rightBox img {
	width:100%;
	height:auto;
}
/*#top #sec_01 .sec_inner .linkBox {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
#top #sec_01 .sec_inner .linkBox a {
    width: 600px;
    box-sizing: border-box;
    padding: 5px 0;
    background: #d10010;
    padding: 15px 40px;
    font-weight: bold;
    color: #ffffff;
    font-size: 15px;
	letter-spacing:0.05em;
	border:1px solid #d10010;
}
#top #sec_01 .sec_inner .linkBox a:hover {
	background:#fff;
	color:#d10010;
}*/
/*------------------------------------
	SECTION_02
--------------------------------------*/
#top #sec_02 {
	background-image: url(../Image/top/bg_blog.png);
	background-position: top center;
}
#top #sec_02 .ttl_01 {
	padding-bottom: 20px;
}
#top #sec_02 .sec_inner {
	width: 1100px;
}
#top #sec_02 ul {
}
#top #sec_02 li a {
	width:20.5%;
	float: left;
	position: relative;
	margin-right:6%;
}
#top #sec_02 li:last-child a {
	margin-right: 0;
}
#top #sec_02 li a .imgBox {
	background: #fff;
	padding: 37px 0;
	text-align: center;
	margin-bottom:10px;
	overflow: hidden;
}
#top #sec_02 li a .imgBox img {
	max-width:136px;
	height: 117px;
	margin: 0 auto;
}
#top #sec_02 li a .date {
	background: url(../Image/top/ico_stamp.png)no-repeat;
	background-position: center;
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 12px;
	padding: 30px 0;
	position: absolute;
	left: -15px;
	box-sizing: border-box;
	top: -15px;
	background-size:contain;
}
#top #sec_02 li a .categoly {
	background: url(../Image/top/ico.cate.png)no-repeat;
	color: #fff;
	background-size: 100% 100%;
	background-position: center;
	line-height: 22px;
	font-size: 12px;
	padding: 0 16px 0px;
	text-align: center;
	position: absolute;
	right: 0;
	display: inline-block;
	transition: 0.5s;
}
@media screen and (min-width : 768px ) {
#top #sec_02 li a:hover .date {
	top: -55px;
	transform: rotateZ( -15deg );
	transition: 0.7s;
}
#top #sec_02 li a:hover .categoly {
	top:-20px;
	transition: 0.5s;
}
}
#top #sec_02 li a .blogTtl {
	font-weight: bold;
}
/*------------------------------------

	ABOUT / 清華堂とは

--------------------------------------*/
#about #sec_01 .sec_inner {
	padding-bottom:80px;
}
#about #sec_01 .imgBox {
	width: 30%;
	float: left;
}
#about #sec_01 .subTxt {
	width: 65%;
	float: right;
	font-weight: 400;
	line-height: 2;
	padding: 0;
	padding-top:20px;
}
#about #sec_01 .subTxt span {
	font-weight:bold;
}
#about #sec_01 .btmBox {
	margin-top: 40px;
}
#about #sec_01 .btmBox .subTxt {
	float: left;
}
#about #sec_01 .btmBox .imgBox {
	float: right;
}
#about #sec_01 .imgArea {
	margin-top:60px;
}
#about #sec_01 .imgArea li {
	width:300px;
	float:left;
	margin-right:50px;
}
#about #sec_01 .imgArea li:last-child {
	margin-right:0;
}
#about #sec_01 .imgArea li img {
	max-width:100%;
}
/*------------------------------------

	HISTORY / 社史

--------------------------------------*/
#history #sec_01 {
	padding-bottom: 100px;
}
#history #sec_01 .tbl_prof {
	border: none;
	width: 900px;
}
#history #sec_01 .tbl_prof th {
	font-size: 0.8em;
	color: #c47b4a;
	position: relative;
	padding: 20px;
	z-index: 60;
	width: 20%;
	border-right: 1px dashed #e6e6e6;
	border-bottom: 1px solid #eaeaea;
}
#history #sec_01 .tbl_prof tr:last-child th {
	border-bottom:0;
}
#history #sec_01 .tbl_prof th span.number {
	display: block;
	font-size: 2.0em;
	font-style: italic;
	letter-spacing: 0.5em;
	margin-bottom: 0.1em;
	font-weight: 500;
	color: #1a1a1a;
	position: relative;
	z-index: 60;
	line-height: 1;
	-webkit-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(-15deg);
}
#history #sec_01 .tbl_prof td {
	padding: 30px 50px;
	box-sizing: border-box;
	position: relative;
	padding-right: 80px;
	border-bottom: 1px solid #eaeaea;
}
#history #sec_01 .tbl_prof tr:last-child td {
	border-bottom:0;
}
#history #sec_01 .tbl_prof td .imgBox {
	width: 50%;
	overflow: hidden;
	padding-top:20px;
}
.balloon2-left {
	position: absolute;
	display: inline-block;
	padding: 7px 10px;
	width: 237px;
	max-width: 100%;
	color: #555;
	font-size: 12px;
	background: #FFF;
	border: solid 1px #bca668;
	box-sizing: border-box;
	right: -180px;
	top: 30%;
}
.balloon2-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}
.balloon2-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -26px;
	margin-top: -13px;
	border: 13px solid transparent;
	border-right: 13px solid #bca668;
	z-index: 1;
}
.balloon2-left p {
	padding-left:1em;
	margin-bottom:10px;
}
.balloon2-left span {
	font-weight:bold;
	margin-left:-1em;
	font-size:13px;
}
.balloon2-left p:last-child {
	margin-bottom:0px;
}
/*------------------------------------

	STAFF / スタッフ紹介

--------------------------------------*/
#staff #sec_01 .messageBox {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 30px;
	font-weight:bold;
}
#staff #sec_01 .messageBox .imgBox {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#staff #sec_01 .messageBox .ttl_03 {
	font-size: 30px;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 50px;
	border-left: 30px solid #b22a30;
	box-sizing: border-box;
	color: #b12a31;
}
#staff #sec_01 .messageBox .imgBox img {
	width: 100%;
}
#staff #sec_01 .messageBox .txtBox {
	float: right;
	width: 60%;
}
#staff #sec_01 #tbl01 th, #staff #sec_01 #tbl01 td {
	font-size:12.5px;
	padding:0;
	vertical-align:top;
	padding-bottom:7px;
}
#staff #sec_01 #tbl01 th {
	width:80px;
	text-align:left;
}
#staff #sec_01 #tbl01 td {
	color:#444;
}
#staff #sec_01 li {
	width: 33%;
	float: left;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 16px;
	padding: 30px 0;
	box-sizing: border-box;
}
#staff #sec_01 li .imgBox {
	width:80%;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
	height: 200px;
}
#staff #sec_01 li .imgBox img {
	width: 100%;
}
#staff #sec_01 li .wokerTtl {
	font-size:20px;
	padding-left:25px;
	letter-spacing: 0.025em;
	margin-bottom: 0.02em;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-weight:normal;
}
#staff #sec_01 li .wokerTtl .small {
	font-size: 13px;
	display: block;
	margin-left: 20px;
	line-height: 1;
}
#staff #sec_01 li .wokerTtl .small::before {
	content: "/"!important;
	margin-right: 10px;
}
#staff #sec_01 li .comment {
	padding:0 2em;
	box-sizing: border-box;
	line-height: 1.6;
	font-weight: 500;
	font-size: 13px;
}
/*------------------------------------

	FACILITY / 設備紹介

--------------------------------------*/
#facility #sec_01 .annotation {
	text-align:right;
	padding-right:40px;
}
#facility #sec_01 li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 16px;
	padding: 30px 18px;
	box-sizing: border-box;
}
#facility #sec_01 li .imgBox {
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
	height: 165px;
	font-size: 0;
	clear:both;
}
#facility #sec_01 li .imgBox img {
	width: 100%;
}
#facility #sec_01 li .wokerTtl {
	font-size:16px;
	letter-spacing: 0.025em;
	margin-bottom: 0.02em;
	box-sizing: border-box;
	font-weight:normal;
	margin-bottom: 10px;
	line-height:1.2;
}
#facility #sec_01 li .wokerTtl span {
	font-size:14px;
}
#facility #sec_01 li .wokerTtl .small {
	font-size: 13px;
	display: block;
	margin-left: 20px;
	line-height: 1;
}
#facility #sec_01 li .wokerTtl .small::before {
	content: "/"!important;
	margin-right: 10px;
}
#facility #sec_01 li .comment {
	box-sizing: border-box;
	line-height: 1.6;
	font-weight: 500;
	font-size: 13px;
}
#facility #sec_01 li .halfbox {
	width:50%;
	box-sizing:border-box;
	float: left;
}
@media screen and (min-width : 768px ) {
#facility #sec_01 li a:hover {
	transition:.4s;
	opacity:0.7;
}
}
#facility #sec_01 li .halfbox:first-child {
	border-right:1px solid #bea768;
}
#facility #sec_01 li .halfbox:last-child {
	border-left:1px solid #bea768;
}
/*------------------------------------

	COMPANY / 会社概要

--------------------------------------*/
#company #sec_01 {
	font-weight: bold;
}
#company #sec_01 .sheet_01 {
	border: 1px solid #ddd;
}
#company #sec_01 .sheet_01 th {
	font-weight: bold;
	padding: 10px 0;
	width: 20%;
	background: #ececec;
	color:#494949;
	border-bottom: 1px solid #e4e2de;
}
#company #sec_01 .sheet_01 tr:last-child th {
	border-bottom: none;
}
#company #sec_01 .sheet_01 td {
	width: 80%;
	font-size: 13px;
	font-weight: 500;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #eaeaea;
}
#company #sec_01 .sheet_01 tr:last-child td {
	border-bottom: none;
}
#company #sec_01 .sheet_01 td dt {
	font-weight:bold;
}
#company #sec_01 .sheet_01 td dd {
	margin-bottom:8px;
	padding-left:20px;
}
/*------------------------------------

	SERVICE / サービス一覧

--------------------------------------*/
#service #sec_01 .sec_inner {
	padding-bottom: 80px;
}
#service #contents .aLink{
    font-size:0;
    text-align:center;
    margin-bottom:35px;
}
#service #contents .aLink li{
    display:inline-block;
    border:solid 2px #151515;
    box-sizing:border-box;
}
#service #contents .aLink li:nth-child(n+2){
    margin-left:40px;
}
#service #contents .aLink li a{
    display:block;
    line-height:1;
    font-weight:bold;
    font-size:22px;
    padding:0.7em 2.5em 0.6em;
    color:#151515;
    position:relative;
}
#service #contents .aLink li a:after{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    right:0;
    margin:0 auto;
    width:0;
    height:0;
    border-style:solid;
    border-width:15px 15px 0;
    border-color:#ddd transparent;
    transform:translateY(2px) rotateY(0);
    transition:.4s;
    visibility:hidden;
    opacity:0;
}
#service #contents .aLink li a:hover{
    opacity:0.5
}
#service #contents .aLink li a:hover:after{
    transform:translateY(15px) rotateY(360deg);
    visibility:visible;
    opacity:1;
}
#service #contents .aLink li a span{
    font-size:28px;
}
#service #contents .aLink li a#aLink01 span{
    color:#990509;
}
#service #contents .aLink li a#aLink01:after{
    border-top-color:#990509;
}
#service #contents .aLink li a#aLink02 span{
    color: #69ACAD;
}
#service #contents .aLink li a#aLink02:after{
    border-top-color:#69ACAD;
}
#service #contents .aLink li a#aLink03 span{
    color:#d0a92e;
}
#service #contents .aLink li a#aLink03:after{
    border-top-color:#d0a92e;
}
#service #sec_01 .wrap {
	margin-bottom:40px;
}
#service #sec_01 .ttl_04 {
	font-weight: bold;
	font-size: 30px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	padding-left:10px;
	text-align:left;
}
#service #sec_01 .ttl_04 span {
	font-size: 36px;
}
#service #sec_01 #box1 .ttl_04 span {
	color: #990000;
}
#service #sec_01 #box2 .ttl_04 span {
	color: #69ACAD;
}
#service #sec_01 #box3 .ttl_04 span {
	color: #D0A92E;
}
#service #sec_01 .subtxt {
	margin-bottom: 50px;
	width: 50%;
	float: left;
	padding-top:77px;
	margin-top:-77px;
}
#service #sec_01 .ttl_03 {
	font-size: 22px;
	line-height: 50px;
	font-weight: bold;
	padding-left: 0;
	border: none;
}
#service #sec_01 .ttl_03 img {
	height: 50px;
	margin-right: 15px;
}
#service #sec_01 .wrap li {
	padding:0 20px;
}
#service #sec_01 .wrap li a {
	text-align: left;
	font-size: 17px;
	padding:8px 0;
	display:block;
	background:url(../Image/common/arrow_01.png) right 100px center no-repeat;
	transition:0.4s;
}
#service #sec_01 .wrap li a::before {
	content: "・";
	margin-right: 10px;
}
@media screen and (min-width : 768px ) {
#service #sec_01 .wrap li a:hover {
	background-color:#f4f5f5;
	background-position:right 70px center;
	color:#333;
}
}
/*------------------------------------サービス詳細--------------------------------------*/
.surviceBox {
	padding: 30px 0;
}
.linkWrap .linkBox a {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 0;
	background: #ffffff;
	padding: 10px 40px;
	font-weight: bold;
	color: #373537;
	font-size: 18px;
	border: 1px solid #ddd;
}
.linkWrap .linkBox a img {
	line-height: 50px;
	margin-top: 10px;
	margin-right: 5px;
	display:none;
}
.surviceBox li {
	margin-bottom: 60px;
}
.surviceBox .desBox {
	padding-bottom: 60px;
	width: 80%;
	margin: 0 auto;
}
.surviceBox .imgBox {
	width: 350px;
	/*height: 300px;*/
    float: left;
	overflow: hidden;
}
.surviceBox .imgBox img {
	/*height: 300px;*/
	max-width:100%
}
.surviceBox .txtWrap {
	width: 55%;
	float: right;
}
.surviceBox .txtWrap p {
	margin-bottom:10px;
}
.surviceBox .txtWrap p:last-child {
	margin-bottom:0;
}
.surviceBox .linkWrap ul li {
	width:14%;
	text-align: center;
	margin-bottom: 10px;
	float: left;
	margin-right:2%;
}
.surviceBox .linkWrap ul li.long {
	width: 25%;
}
.surviceBox .linkWrap ul li a img {
	line-height: 50px;
	margin-top: 18px;
	margin-right: 5px;
	display:none;
}
.surviceBox .linkWrap ul li a {
	font-size: 18px;
	text-align: center;
	border: 1px solid #ddd;
	width: 100%;
	line-height: 2.5;
	font-weight: bold;
}
@media screen and (min-width : 768px ) {
.surviceBox .linkWrap ul li a:hover {
	color: darkred;
	background:#bdad7a;
	transition: 0.3s;
}
}
/*サービス　MOREボタン*/
.surviceBox .moreBox {
	margin-top: 30px;
}
.surviceBox .moreBox a {
	font-size: 18px;
	text-align: center;
	border: 1px solid #ddd;
	width: 100%;
	line-height: 2.5;
	font-weight: bold;
}
/*-SERVICE SINGLE-*/
#serviceSingle {
	position: relative;
}
#serviceSingle .backBtn {
	position: fixed;
	bottom:0;
	width: 200px;
	text-align: center;
	font-size:13px;
	right: 0;
	z-index: 999;
}
#serviceSingle .backBtn a {
	font-size:15px;
	background: #fff;
	color: red;
	border:2px solid #ddd;
	padding: 40px;
}
@media screen and (min-width : 768px ) {
#serviceSingle .backBtn a:hover {
	color: #fff;
	background: #ec3033;
}
}
#serviceSingle section {
/*	border-bottom:5px solid #faf7f4;*/
}
#serviceSingle section:last-child {
	border: none;
}
#serviceSingle .restore_step, #serviceSingle .restore_img {
	font-size:0;
}
#serviceSingle .restore_step {
	margin-bottom:60px;
}
#serviceSingle .restore_step .sub_ttl, #serviceSingle .restore_img .sub_ttl {
	font-size:20px;
	font-weight:bold;
	border-left: 10px solid #c11;
	padding-left:10px;
	margin-bottom: 30px;
}
#serviceSingle .restore_step ul {
	width:  968px;
	margin-bottom: 40px
}
#serviceSingle .restore_step ul:last-child {
	margin-bottom:0;
}
#serviceSingle .restore_img ul {
	background:#f2f3f4;
	padding: 20px;
	margin-right:40px;
	display:inline-block;
}
#serviceSingle .restore_img ul:nth-of-type(3n) {
	margin-right:0;
}
#serviceSingle .restore_step ul li, #serviceSingle .restore_img ul li {
	float:left;
	margin-right:40px;
	position:relative;
	margin-bottom:0;
	text-align:center;

}
#serviceSingle .restore_step ul li{
		width: 212px;
}
#serviceSingle .restore_step ul:nth-of-type(even) li {
	float:right;
	margin-left:40px;
	margin-right:0;
}
#serviceSingle .restore_step ul li:first-child:before {
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:-28px;
	margin:0 auto;
	width:0;
	border-width:16px 12px 0 12px;
	border-style:solid;
	border-color:#c11 transparent;
}
#serviceSingle .restore_step ul:first-of-type li:first-child:before {
	content:none;
}
#serviceSingle .restore_step li:after, #serviceSingle .restore_img li:after {
	position:absolute;
	content:"";
	border-color:transparent transparent transparent #c11;
	border-style:solid;
	border-width:12px 0px 12px 16px;
	right:-28px;
	top:0;
	bottom:0;
	height:0;
	margin:auto 0;
}
#serviceSingle .restore_img li:after {
	top:32px;
}
#serviceSingle .restore_step li:last-child:after, #serviceSingle .restore_img li:last-child:after {
	content:none;
}
#serviceSingle .restore_step ul li:last-child, #serviceSingle .restore_img li:last-child {
	margin-right:0;
}
#serviceSingle .restore_step ul:nth-of-type(even) li:last-child {
	margin-left:0;
}
#serviceSingle .restore_step ul:nth-of-type(even) li:after {
	border-left-width:0;
	border-right:#c11 solid 16px;
	right:initial;
	right:auto;
	left:-28px;
}
#serviceSingle .restore_step ul:nth-of-type(even) li:first-child:before {
}
#serviceSingle .restore_img li　.imgWrap {
	display:inline-block;
}
#serviceSingle .restore_step li .imgWrap span {
	display:table-cell;
	height: 162px;
	background:#f2f3f4;
	vertical-align:middle;
	padding: 10px;
	width: 192px;
}
#serviceSingle .restore_step li .imgWrap img {
	vertical-align:bottom;
}
#serviceSingle .restore_step .list_ttl {
	background: #cc1111;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	line-height:25px;
	width:25px;
	position:absolute;
	left:0;
	top:0;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
#serviceSingle .restore_img .list_ttl {
	font-size:12px;
	background:#baab78;
	padding:5px 15px;
	text-align:center;
	margin-bottom:10px;
	line-height:1;
	color:#fff
}#serviceSingle .restore_img li:last-child .list_ttl{
	background:#cc1111;
}
/*-NEW ARRIVAL-*/
.news_gl div.slick-slide{
	width: auto;
	height:180px;
	padding-right:50px;
}
.news_gl div.slick-slide a{
	display: block;
	vertical-align:  middle;
	height:  100%;
	line-height:180px;
}
.news_gl div.slick-slide a img{
	max-height:180px;
	vertical-align:  middle;
	display:  inline;
}
.news_gl {
	padding:10px 50px;
}
.slick-prev{
	left: 0
}
.slick-next{
	right:0;
}
/*#news_gl img {
	position: relative;
	height: 225px;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	z-index: 1 !important;
	overflow: hidden;
}
@media screen and (min-width : 768px ) {
#news_gl img:hover {
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	z-index: 800 !important;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
}
#news_gl img {
	width: 100%;
	height: auto;
}
*/
/*高精細スキャニング*/
#scanning .desBox .cover {
	margin-bottom:40px;
}
#scanning .desBox .imgArea li {
	float:left;
	width:280px;
	margin-right:20px;
}
#scanning .desBox .imgArea li:last-child {
	margin-right:0;
}
/*レプリカ作成*/
#replica .imgArea {
	float:left;
	width:350px;
}
#replica .imgArea li {
	float:left;
	margin-right:20px;
	box-sizing:border-box;
	margin-bottom:0;
}
#replica .imgArea li:first-child {
	width:200px;
}
#replica .imgArea li:last-child {
	margin-right:0;
	width:130px;
}
#replica .imgArea .ttl {
	background:#bea768;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
#replica .imgArea .img_box {
	text-align:center;
	padding:10px;
	border:solid 1px #bfa768;
}
#replica .imgArea .img_box img {
	max-width:100%;
}
#replica .txtBox {
	width:55%;
	float:right;
}
/*------------------------------------

	建物内装提案

--------------------------------------*/
/*展示空間設計*/
#space .imgArea li img {
	max-width:100%
}
#space .imgArea {
	margin-top:40px;
	padding:25px;
	background:#fff9ea;
}
#space .imgArea li {
	float:left;
	width:400px;
	margin-bottom:0;
}
#space .imgArea li:first-child {
	margin-right:30px;
}
#space .imgArea p {
	font-weight:bold;
	font-size:20px;
	text-align:center;
	color:#cc1021;
	margin-bottom:5px;
}
#space .imgArea p span {
	font-size:10px;
	display:block;
	color:#000;
}
#space .imgArea a {
	transition:.4s;
	display: block
}
@media screen and (min-width : 768px ) {
#space .imgArea a:hover {
	opacity:0.7;
}
}
/*梱包・郵送サービス*/
#postal_service .desBox table {
	margin-top:40px;
}
#postal_service .desBox th {
	font-weight:bold;
	font-size:17px;
	color:#c11;
	text-align:left;
}
#postal_service .desBox td {
	padding: 15px 1em 30px;
	vertical-align:top;
}
#postal_service .desBox td p {
	padding-left:1.5em;
	position:relative;
	line-height:24px
}
#postal_service .desBox td span {
	display:block;
	padding:10px 20px;
	background:#f7f8f9;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
	color:#636363;
}
#postal_service .desBox td p:before {
	content:"■";
	position:absolute;
	left:0;
	font-size:12px;
	display:inline;
	line-height:24px;
	color: #bbab78;
}
#postal_service .desBox tr:last-child td {
	padding-bottom:0;
}
/*梱包・郵送サービス*/
#loading .desBox .txtBox p {
	margin-bottom:15px;
}
#loading .desBox .txtBox p:last-child {
	margin-bottom:0;
}
/*内装コーティング*/
#interior_coating .imgArea {
	margin:40px auto 0;
	padding: 20px;
	background:#f7f8f9;
}
#interior_coating .imgArea ul {
	font-size:0;
	text-align:center;
}
#interior_coating .imgArea li {
	width: 265px;
	display:inline-block;
	margin-bottom:0;
	margin-right:20px;
}
#interior_coating .imgArea li:last-child {
	margin-right:0px;
}
#interior_coating .imgArea li img {
	max-width:100%;
}
/*虫干し*/
#airing .imgBox .img_wrap {
	position:relative;
	margin-bottom:10px;
}
#airing .imgBox a:last-child {
	width:40%;
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	border-style:solid;
	border-color:#c1b17c;
	border-width:3px 1px 1px 3px;
}
#airing .imgBox .img_wrap a{
	display:block;
}
@media screen and (min-width : 768px ) {
#airing .imgBox .img_wrap:hover {
	opacity:0.7;
	transition:.4s linear;
}
}
#airing .imgBox p {
	text-align:center;
	font-size:13px;
}
#airing .txtBox p span{
	display:block;
	font-size:134x;
	position:relative;
	padding-left:1em;
	line-height:1.4;
	margin-top:8px
}
#airing .txtBox p span:before{
	content:"・";
	position:absolute;
	left:0;
}
#airing .desBox table {
	margin-top:40px;
}
#airing .desBox th {
	font-weight:bold;
	font-size:17px;
	color:#c11;
	text-align:left;
}
#airing .desBox td {
	padding: 15px 1em 10px;
	vertical-align:top;
}
#airing .desBox td p {
	padding-left:1.5em;
	position:relative;
	line-height:24px
}
#airing .desBox td span {
	display:block;
	padding:10px 20px;
	background:#f7f8f9;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
	color:#636363;
}
#airing .desBox td p:before {
	content:"■";
	position:absolute;
	left:0;
	font-size:12px;
	display:inline;
	line-height:24px;
	color: #bbab78;
}
#airing .desBox tr:last-child td {
	padding-bottom:0;
}
/*燻蒸*/
#smoke .imgBox .img_wrap {
	position:relative;
	margin-bottom:10px;
}
#smoke .imgBox .img_wrap a{
	display:block;
}
#smoke .imgBox a:last-child {
	width:40%;
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	border-style:solid;
	border-color:#c1b17c;
	border-width:3px 1px 1px 3px;
}
@media screen and (min-width : 768px ) {
#smoke .imgBox .img_wrap:hover {
	opacity:0.7;
	transition:.4s linear;
}
}
#smoke .imgBox p {
	text-align:center;
	font-size:13px;
}
#smoke .txtBox p span{
	display:block;
	font-size:134x;
	position:relative;
	padding-left:1em;
	line-height:1.4;
	margin-top:8px
}
#smoke .txtBox p span:before{
	content:"・";
	position:absolute;
	left:0;
}
#storage_box .imgWrap{
	width:800px;
	margin:0 auto;
	padding:20px;
	background:#f2f3f4;
}
#storage_box .imgWrap li{
	width: 390px;
	float: left;
	margin-right:20px;
	margin-bottom: 0;
	text-align: center;
}
#storage_box .imgWrap li a{
	display:block;
}
#storage_box .imgWrap li a:hover{
	opacity: 0.7;
}
#storage_box .imgWrap li span{
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 1;
}
#storage_box .imgWrap li:last-child{
	margin-right: 0;
}
#fusuma_restore .imgWrap{
    width:800px;
    padding:20px;
    margin:0 auto;
    background:#f2f3f4;
}
#fusuma_restore .imgWrap li{
    float:left;
    width:390px;
    margin-bottom: 0;
    text-align: center;
    margin-right:20px;
}
#fusuma_restore .imgWrap li a{
	display: block;
}
#fusuma_restore .imgWrap li span{
        display:block;
        text-align:center;
        font-size:11px;
        line-height:1;
}
#fusuma_restore .imgWrap li:last-child{
    margin-right:0;
}
#boxer {
	z-index:211;
}
#boxer-overlay {
	z-index:210;
}

#clean_coating .imgWrap li{
    float:left;
    margin-right:15px;
    margin-bottom:0;
}
#clean_coating .imgWrap li:last-child{
    margin-right:0;
}
#clean_coating .imgWrap .imgArea{
    display:inline-block;
    margin-right:30px;
    padding:10px;
    background:#f2f3f4;
}
#clean_coating .imgWrap ul li p{
    color:#fff;
    font-weight:bold;
    margin-bottom:5px;
    text-align:center;
}
#clean_coating .imgWrap ul li:first-child p{
    background:#c1b17c;
}
#clean_coating .imgWrap ul li:last-child p{
    background:#c11;
}
#clean_coating .imgWrap ul li .img_box{
   height:162px;
}
#clean_coating .imgWrap ul li .img_box img{
    max-width:initial;
    max-height:100%;
}

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

	MEDIA

--------------------------------------*/
#media #sec01 {
	margin-top:40px;
}
/*	SECTION 02
-------------------*/
#media .ttl_03 {
	font-size: 24px;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 50px;
	border-left: 10px solid #353536;
	box-sizing: border-box;
}
#media #sec02 ul {
	background: #fff;
	padding:20px;
	border:solid #ececec 1px;
}
#media #sec02 li {
	float:left;
	width:509px;
	margin-right:40px;
	margin-top:20px;
}
#media #sec02 li:nth-child(-n+2) {
	margin-top:0;
}
#media #sec02 li:nth-child(2n) {
	margin-right:0;
}
#media #sec02 li .imgBox {
	float:left;
	width:200px;
}
#media #sec02 li .imgBox img {
	max-width:100%
}
#media #sec02 li .txtBox {
	float:right;
	width:289px;
	padding-bottom:30px;
	position:relative;
}
#media #sec02 li .txtBox .ttl {
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
}
#media #sec02 li .txtBox .text {
	font-size:13px;
	padding-left:10px;
}
#media #sec02 li .txtBox .text span {
	color:#c11;
	font-weight:bold;
	font-size:12px;
}
#media #sec02 li .txtBox .more_btn {
	position:absolute;
	right:0;
	bottom:0;
}
#media #sec02 li .txtBox .more_btn a {
	position:relative;
	padding-right:20px;
	transition:.3s;
	font-weight:bold;
	font-size:13px;
}
@media screen and (min-width : 768px ) {
#media #sec02 li .txtBox .more_btn a:hover {
	color:#bea768;
}
}
#media #sec02 li .txtBox .more_btn a:after {
	content:"≫";
	position:absolute;
	right:5px;
	transition:.3s;
}
@media screen and (min-width : 768px ) {
#media #sec02 li .txtBox .more_btn a:hover:after {
	right:0;
	color:#bea768;
}
}
#media #sec02 {
	background-image: url(../Image/top/bg_blog.png);
	background-position: top center;
	padding: 40px 0;
}
#media #sec03 {
}
#media #sec03 .sec_inner {
}
#media #sec03 .eventArea, #media #sec03 .lectureArea {
	float:left;
	width:530px;
}
#media #sec03 .eventArea {
	margin-right:40px;
}
#media #sec03 .eventbox, #media #sec03 .lecturebox {
	height:400px;
	overflow-y:auto;
	border:solid #ececec 1px;
	background: url(../Image/top/bg_top01.png) no-repeat center #fff
}
#media #sec03 .eventbox li {
	border-bottom:dashed 1px #f2f3f4
}
#media #sec03 .eventbox li:last-child {
	border:0;
}
#media #sec03 .eventbox li a {
	position:relative;
	padding:15px 15px 35px;
	font-size:13px;
	font-weight:bold;
}
@media screen and (min-width : 768px ) {
#media #sec03 .eventbox li a:hover {
	background:#f7f8f9
}
}
#media #sec03 .eventbox li a .more_btn {
	position:absolute;
	right:15px;
	bottom:15px;
	font-size:12px;
}
#media #sec03 .eventbox li a .more_btn:after {
	content:"≫";
	margin-left:3px;
}
#media #sec03 .lecturebox td {
	padding:15px 10px;
	vertical-align:top;
	border-bottom:solid 1px #f2f3f4;
	font-size:13px;
}
#media #sec03 .lecturebox tr:last-child td {
	border-bottom:0;
}
#media #sec03 .lecturebox td a {
	padding-bottom:15px;
	position:relative;
	text-decoration:underline
}
#media #sec03 .lecturebox td a .more_btn {
	font-weight:bold;
	position:absolute;
	font-size:12px;
	right:0;
	bottom:0;
}
#media #sec03 .lecturebox td a .more_btn:after {
	content:"≫";
	margin-left:5px;
}
#media .booksingle .sec_inner{
	width:880px;
	margin:0 auto;
}
#media .booksingle .ttl_03 {
	padding-left:15px;
}
#media .booksingle .imgBox {
	float:left;
	width:350px;
}
#media .booksingle .imgBox img {
	max-width:100%;
}
#media .booksingle .txtBox {
	width:55%;
	float:right;
	font-weight:bold;
}
#media .booksingle .txtBox span {
	color:#c11;
	display:block;
 font-size::13px;
	margin-top: 10px;
}
#media .booksingle .txtBox span:first-child {
	margin-top:0;
}
#media .booksingle #top_cts {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:dashed 1px #bea768
}
#media .booksingle .sub_ttl {
	font-weight:bold;
	font-size:18px;
	padding-left:15px;
	border-left:solid 5px #353536;
	margin-bottom:15px;
}
#media #booksingle01 .text {
	padding-left:20px;
	margin-bottom:20px;
}
#media #booksingle01 .text:last-child {
	margin-bottom:0;
}
#media #booksingle02 ul {
	box-sizing:border-box;
}
#media #booksingle02 .list_lv01>li {
	font-size:15px;
	font-weight:bold;
	color:#fff
}
#media #booksingle02 .list_lv01>li>p {
	background:#b22a30;
	padding-left:10px;
	margin-bottom:10px;
}
#media #booksingle02 .list_lv02>li {
	font-size:14px;
	color:#fff;
}
#media #booksingle02 .list_lv02>li>p {
	background:#bea768;
	margin-bottom:5px;
	padding-left:1em;
}
#media #booksingle02 .list_lv03>li {
	font-size:13px;
	color:#333;
	list-style:square;
	margin-left:20px;
}
#media #booksingle02 .list_lv04>li {
	font-size:12px;
	margin-bottom:1px;
	font-weight:initial;
	color:#000;
}
#media #booksingle02 .list_lv04>li>p:before {
	content:"ー";
	margin-right:10px;
}
#media #booksingle02 .list_lv02 {
	padding:0 1em;
}
#media #booksingle02 .list_lv03 {
	padding:0 1em;
	margin-bottom:1.5em;
}
#media #booksingle02 .list_lv04 {
	padding:0 1em;
	margin-bottom:1em;
}
#media #booksingle02 .list_lv03 li:last-child .list_lv04 {
	margin-bottom:0;
}
#media #booksingle02 .list_open + ul {
	display:none;
}
#media #booksingle02 .list_open {
	position:relative;
}
#media #booksingle02 .list_open:after {
	content:"＋";
	position:absolute;
	right:10px;
}
#media #booksingle02 .list_open.active:after {
	content:"－" !important;
}
/*------------------------------------

	BLOG

--------------------------------------*/
/*	SECTION 02
-------------------*/
#blog .ttl_03 {
	font-size: 24px;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 50px;
	border-left: 10px solid #353536;
	box-sizing: border-box;
}
/*#blog .blogbox{
	width: 50%;
	float: left;
}
*/
#blog .blogbox {
	margin: 0 auto;
}
#blog .blogList li {
	width:530px;
	float:left;
	margin-top:20px;
	margin-right:40px;
}
#blog .blogList li:nth-child(2n) {
	margin-right:0;
}
#blog .blogList li:nth-child(-n+2) {
	margin-top:0;
}
/*#blog .blogList li .badge{
	color:#fff;
	background:#b22a30;
	display:inline-block;
	margin-left:30px;
	padding:0 20px;
	font-size:12px;
}*/
#blog .blogList li .category {
	display:inline-block;
	background: url(../Image/top/ico.cate.png)no-repeat;
	background-size: 100% 100%;
	color: #fff;
	background-position: center;
	font-size: 12px;
	padding: 0 16px 0px;
	line-height: 22px;
	text-align: center;
	margin-left:40px;
	vertical-align:middle;
}
#blog .blogList li a {
	width: 100%;
	padding: 0px 0px 20px;
	padding-right: 0;
	box-sizing: border-box;
	color:#000;
	position:relative;
	box-sizing:border-box;
	z-index:1;
	background:#fff;
	border:solid 2px #f2f3f4;
	padding:10px;
}
@media screen and (min-width : 768px ) {
#blog .blogList li a:hover {
	border:solid 2px #d5b95d;
	opacity:0.7;
}
}
#blog .blogList li .imgBox {
	width: 20%;
	text-align: center;
	float: left;
	position: relative;
}
#blog .blogList li .imgBox img {
	height: 100px;
	width: 100px;
	object-fit: cover;
}
#blog .blogList li .txtBox {
	width:75%;
	float: right;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 30px;
	padding-left: 10px;
}
#blog .blogList li .blogTtl {
	font-size:15px;
}
#blog .blogList li .subTxt {
	font-size: 14px;
	line-height: 1.6;
	padding:0;
	font-weight: 400;
	text-align: left;
}

#blog .blogList li .categoly::before {
	content: "|";
	margin-right: 10px;
	color: red;
}
#blog .blogList li a .date {
	line-height:28px;
}
#blog .blogList ul {
	margin-bottom:30px;
}
#blog .blogList .blogTtl {
	font-size: 18px;
	font-weight: bold;
}
#blog .blogbox .lead{
	margin-bottom:20px;
	font-size: 13px;
}
#blog .blogbox .catList{
	margin-bottom:8px;
}
#blog .blogbox .catList li{
	float:left;
	margin-right:30px;
	font-family: "游明朝", "Yumincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin-bottom: 7px;
}
#blog .blogbox .catList li a{
	display: inline-block;
    background: url(../Image/top/ico.cate.png)no-repeat;
    background-size: 100% 100%;
    color: #fff;
    background-position: center;
    font-size: 14px;
    padding: 0 16px 0px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}
#blog .blogbox .catList li.current-cat a{
	background-image: url(../Image/top/ico2.png);
	pointer-events:none;
}
@media screen and (min-width : 768px ) {
#blog .blogbox .catList li a:hover{
	opacity:0.7;
}
}
/*	SECTION 03
-------------------*/
#blog #sec03 {
	width:50%;
	float: left;
}
#blog #sec03 .ttl_03 {
	font-size: 19px;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 20px;
	border-left: 10px solid #353536;
	box-sizing: border-box;
}
#blog #sec03 .date {
	font-size: 11px;
	font-weight: 800;
	color: #c1b07c;
	/* padding-right: 30px; */
    width: 96px;
	padding-left: 20px;
	border-left: 2px solid #c1b17c;
}
#blog #sec03 .blogTtl {
	margin-bottom: 10px;
}
#blog #sec03 .sideWrap {
	padding-bottom: 30px;
}
#blog #sec03 .sideWrap li {
	margin-bottom: 10px;
	line-height: 1.5
}
/*	BLOG　SINGLE
-------------------*/
#blog #blogSingle #sec02 {
	width:65%;
	float: left;
}
#blog #blogSingle #sec02 .blogTtl {
	font-size: 24px;
	margin-bottom: 20px;
}
#blog #blogSingle #sec03 {
	width: 30%;
	float: right;
}
#blog #blogSingle .subTxt {
	font-size: 14px;
	line-height: 2;
	padding:0;
	font-weight: 400;
	text-align: left;
	padding-bottom: 20px;
}
#blog #blogSingle .subTxt p{
	margin-bottom:1.5em;
}
#blog #blogSingle .imgBox {
	text-align: center;
	padding-bottom: 20px;
}
#blog #blogSingle .date {
	display: inline-block;
}
#blog #blogSingle .category {
	display:inline-block;
	background: url(../Image/top/ico.cate.png)no-repeat;
	background-size: 100% 100%;
	color: #fff;
	background-position: center;
	font-size: 12px;
	padding: 0 16px 0px;
	line-height: 22px;
	text-align: center;
	margin-left:40px;
}
#blog #blogSingle .categoly {
	margin-left: 30px;
	display: inline-block;
	color: #b22a30;
	font-weight: bold;
	font-size: 13px;
}
#blog #blogSingle .imgBox img {
	max-width: 500px;
}
#blog #blogSingle .linkBox {
	text-align: center;
	width:100%;
	margin-top: 20px;
}
#blog #blogSingle .linkBox a {
	margin: 0 auto;
	width:50%;
}
/*------------------------------------

	ACCESS

--------------------------------------*/
/*	SECTION02
-------------------*/
#access #sec02 table {
	margin-top: 40px;
}
#access #sec02 tr {
	margin-bottom: 15px;
	display: block;
}
#access #sec02 th {
	width: 20%;
	display: inline-block;
	font-size: 17px;
	/* margin-bottom: 30px; */
	line-height: 72px;
	border-left: 5px solid #c1b17c;
	box-sizing: border-box;
	margin-bottom: 10px;
	color: #c1b07c;
	margin-right: 30px;
	/* border-right: 1px solid #ddd; */
    /* margin-right: 30px; */
    border-right: 1px solid #c1b07c;
}
#access #sec02 td {
	width: 70%;
	display: inline-block;
	margin-left: 10px;
	min-height: 74px;
}
#access #sec02 td span {
	display:block
}
#access #sec02 td span:first-child {
	margin-bottom:5px;
}
#access #sec02 #map {
	width:530px;
	float:left;
}
#access #sec02 #indoor_view {
	width:530px;
	float:right
}
/*------------------------------------

	プライバシーポリシー

--------------------------------------*/
#privacy #sec02 {
	width:880px;
	margin:0 auto;
}
#privacy #sec02 .ttl_03 {
	font-size: 24px;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 30px;
	border-left: 20px solid #353536;
	box-sizing: border-box;
}
#privacy #sec02 .lead {
	margin-bottom:30px;
}
#privacy #sec02 dt {
	font-weight:bold;
	font-size:18px;
	line-height:26px;
	border-bottom: dotted 1px #ececec;
	padding-bottom:5px;
	margin-bottom:5px;
}
#privacy #sec02 dt:before {
	content:"■";
	font-size:16px;
	line-height:26px;
	vertical-align:top;
	margin-right:5px;
	color:#c1b17c;
	width:20px;
	display:inline-block
}
#privacy #sec02 dd {
	padding-left:25px;
	margin-bottom:50px;
	font-size:16px;
}
#privacy #sec02 ol li {
	list-style:decimal;
	margin-left:20px;
}
#privacy #sec02 ol {
	margin-top:15px;
}
#privacy #sec02 ol:first-child {
	margin-top:0;
}
#privacy #sec02 dd p {
	margin-bottom: 10px;
}
#privacy #sec02 dd p:last-child {
	margin-bottom: 0;
}
#privacy #sec02 dd a {
	text-decoration: underline;
}
#privacy #sec02 dd a:hover {
	text-decoration: none;
}
/*------------------------------------

	サイトマップ

--------------------------------------*/
#sitemap #mainimage{
	background-image:url(../Image/sitemap/mainimage.jpg)
}
#sitemap #sec02 .smList{
	padding:20px 80px 0;
}
#sitemap #sec02 .parent{
	font-size:20px;
	display:block;
	line-height:1;
	padding-left:5px;
	border-bottom:solid 1px #111;
	padding-bottom:15px;
	position:relative;
}
@media screen and (min-width : 768px ) {
#sitemap #sec02 .parent:hover{
	color:#e70d14;
}
#sitemap #sec02 .parent:hover .en{
	transition:.4s ease;
	color:#bea768;
}
}
#sitemap #sec02 .parent:before{
	position:absolute;
	content:"";
	left:0;
	bottom:-1px;
	width:0;
	height:1px;
	background:#e70d14;
}
@media screen and (min-width : 768px ) {
#sitemap #sec02 .parent:hover:before{
	width:100%;
	transition:.6s ease;
}
}
#sitemap #sec02 .parent.off{
	pointer-events:none;
}
#sitemap #sec02 .smList>li{
	margin-bottom:30px;
	position:relative;
}
#sitemap #sec02 .en{
	color:#e70d14;
	font-size:16px;
	margin-left:10px;
}
#sitemap #sec02 .child{
	font-size:14px;
	border: solid 1px #353536;
	padding:15px 15px 14px;
	line-height:1;
	position:relative;
	box-sizing:border-box;
	display:block;
}
@media screen and (min-width : 768px ) {
#sitemap #sec02 .child:before{
	position:absolute;
	width:100%;
	content:"";
	height:100%;
	box-sizing:border-box;
	border:solid 1px #e70d14;
	top:0;
	left:0;
	display:none;
}
#sitemap #sec02 .child:hover{
	color:#353536;
	border:solid 1px #e70d14;
}

#sitemap #sec02 .child:hover:before{
	display:block;
}
}
#sitemap #sec02 .child .en{
	display:none;
}
#sitemap #sec02 .innerList{
	padding-top:15px;
	padding-left:15px;
}
#sitemap #sec02 .innerList li{
	float:left;
	width:32%;
	margin-bottom:15px;
	margin-right:2%;
}
#sitemap #sec02 .innerList li:nth-child(3n){
	margin-right:0;
}

/*-------------------------------------
	お問い合わせ
--------------------------------------*/
#contact #sec02 {
	width:880px;
	margin: 0 auto;
}
#contact #sec02 table th {

	padding-right:20px;
	width: 40%;
	text-align:left;
	box-sizing:  border-box;
	display:  inline-block;
}
#contact #sec02 table th, #contact #sec02 table td {
	line-height:20px;
	font-size: 15px;
}
#contact #sec02 table th:before {
	content:"■";
	font-size:12px;
	line-height:20px;
	color:#bea768;
	margin-right:12px;
}
#contact #sec02 table td {
	padding-left:20px;
	width: 60%;
	display:  inline-block;
	box-sizing: border-box;
		border-left:solid 1px #ddd;
}
#contact #sec02 table tr {
	padding-bottom:15px;
	display:block;
	border-bottom: solid 1px #ddd;
	margin-bottom: 15px;
	font-size:  0;
}
#contact #sec02 table tr:last-child {
	border-bottom:0;
}
#contact .short{
	width:40%;
}
#contact .middle{
	width: 60%;
}
#contact .long{
	width: 80%;
}
#contact .txtform{
	width:100%;
	height:150px;
}
#contact .input_form,
#contact .txtform,
#contact .selectBox{
	padding:5px;
	box-sizing:border-box;
	border-radius:3px;
	border:solid 1px #bbb;
	line-height: 1.4;
    font-size: 16px;
}
#contact .input_form:focus,
#contact .txtform:focus,
#contact .selectBox:focus{
	background:#ffdeeb
}
#contact .btnWrap{
	text-align:center;
	font-size:0;
}
#contact .button{
	background:#bfa768;
	display:inline-block;
	border:none;
	padding:10px;
	width:250px;
	font-family: "游ゴシック", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin-right:10px;
	border:solid 1px #bfa768;
	transition:.4s ease;
}
#contact .button:last-child{
	margin-right:0;
}
#contact .button.cancel{
	background:#ddd;
	color:#fff;
	border-color:#ddd;
}
@media screen and (min-width : 768px ) {
#contact .button:hover{
	background:#fff;
	color:#bfa768;
}
#contact .button.cancel:hover{
	background:#aaa;
	color:#fff;
	border-color:#aaa;
}
}
#contact #preview_area .txt{
	margin-bottom:40px;
	text-align:center;
	font-weight:bold;
}
#contact #preview_area .preview_box{
	margin-bottom:20px;
}
.file, .img_reset {
	margin-left:30px;
	font-size: 0.8em;
	text-shadow: none;
	background:#b22a30;
	width:auto;
	color:#fff;
	font-size:12px;
	border-radius:0;
	padding: 5px 10px;
	font-weight:bold;
	border:solid 1px #b22a30;
	transition:.4s;
	font-family:"メイリオ", Meiryo, sans-serif;
}
.file {
	border-radius:0;
	margin:0 10px 0 0;
}
label.file {
	position:relative;
}
.file input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 0 !important;
	cursor: pointer;
}
#thanks #sec02 {
	padding-bottom:200px;
}
#thanks p {
	font-size:16px;
}
/*mailformproを使用する場合、エラーメッセージなどのエフェクトがうざい場合は以下を使ってください。must-fillはサイト毎に変更必要です。*/
/* フォーム部品のボックスシャドウ打消し */
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
	box-shadow: none;
}
/* 入力エラーのチカチカなし、文字色 */
div.mfp_err {
	background: none;
	padding-left: 0;
	color: #f26;
	font-weight: bold;
}
/* エラー箇所のフォーム部品を色つきで強調 */
.problem {
	background-color: #fdd;
}
/* 入力OKのエフェクト */
div.mfp_ok {
	background-color: #ff7500;
	border-color: #ff7500;
	font-size: 12px;
}
/* チェックボックスのエフェクト打消し */
form#mailformpro label.mfp_not_checked {
	padding: 0;
	border: none;
}
form#mailformpro label.mfp_checked {
	padding: 0;
	border: none;
	background: none;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
	font-size: 0.8em;
	text-shadow: none;
	background:#b22a30;
	width:200px;
	color:#fff;
	font-size:16px;
	border-radius:0;
	padding:10px;
	font-weight:bold;
	border:solid 1px #b22a30;
	transition:.4s;
}

@media screen and (min-width : 768px ) {
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
	background:#fff;
	color:#b22a30;
}
}
#mfp_button_cancel {
	font-size: 0.8em;
	text-shadow: none;
	width:200px;
	color:#fff;
	font-size:16px;
	border-radius:0;
	padding:10px;
	font-weight:bold;
	transition:.4s;
	background:#bfa768;
	border:solid 1px #bfa768;
}
@media screen and (min-width : 768px ) {
#mfp_button_cancel:hover {
	background:#fff;
	color:#bfa768;
}
}
/* 内容確認画面のテーブルを全幅 */
#mfp_confirm_table {
	width: 100%;
	margin-bottom:20px;
	margin-top:20px;
}
/* 内容確認画面のテーブルのデザイン */
#mfp_confirm_table th, #mfp_confirm_table td {
	border: 1px solid #666;
	border-top: 1px solid #666 !important;
	line-height: 1.5 !important;
	font-size:14px !important;
}
#mfp_confirm_table th {
	padding: 10px 10px !important;
	background: #f2f3f4;
	text-align: center !important;
}
#mfp_confirm_table td {
	padding:15px 20px;
	background:#fff;
}
div#mfp_phase_confirm h4 {
	font-size: 0.9em;
	margin-bottom: 20px;
}
/* 入力画面の「必須」「任意」のデザイン */
.must-fill {
	background: #e04;
	padding: 1px 3px;
	color: #fff;
	font-size: 0.8em;
	display: block;
	margin-left: 10px;
	border-radius: 4px;
	float: right;
}
.free-fill {
	background: #006fee;
	padding: 1px 3px;
	color: #fff;
	font-size: 0.8em;
	display: block;
	margin-left: 10px;
	border-radius: 4px;
	float: right;
}
/*-----------------------------------------------------
	ブログなどのページャー（Wordpress）
------------------------------------------------------*/
.wp-pagenavi {
	text-align: center;
	margin-top: 30px;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a {
	padding: 0 8px;
	background: #c1b17c;
	color: #fff;
	margin-right: 4px;
	display: inline-block;
}
@media screen and (min-width : 768px ) {
/* ボタン<a>タグのホバー時のデザイン */
.wp-pagenavi a:hover {
	background: red;
	color: #fff;
}
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current {
	background: #ededed;
	color: #333;
	padding: 0 8px;
	margin-right: 4px;
	display: inline-block;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	color: #ea1d21;
	background: none;
	font-size: 0.9em;
	font-weight: bold;
}
/*-----------------------------------------------------
	ブログなどのページャー（Pascal）
------------------------------------------------------*/

/*-必要な場合は冒頭にbody名を付けてください-*/

a[title*="page"] {
	display: inline-block !important;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-right: 2px;
	vertical-align: middle;
	clear: both;
	background: rgba(191, 191, 191, 0.1);
	text-align: center;
	border: 1px solid #ccc;
}
a[title*="previous"] {
	margin-right: 5px;
}
b u {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-right: 2px;
	vertical-align: middle;
	clear: both;
	background: #2a72d1;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
}
#boxer img{
	max-width: initial;
	max-width: auto;
	max-width: none;
}

/*------20200605追加---------------*/


/*------保存額装---------------*/
#gakuso_preserve .test .colmn_wrapp{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 80%;
    margin: 0 auto 60px;
}
#gakuso_preserve .test .colmn {
    width: 67%;
}
#gakuso_preserve .test .surviceBox .imgBox {
    width: auto;
    height: auto;
    overflow: hidden;
}
#gakuso_preserve .test .img_area{
	display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 30px;
}
#gakuso_preserve .test  .inner{
	width: 90%;
    margin: 0 auto 40px;
}
#gakuso_preserve .test  .inner .img_area{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
#gakuso_preserve .test  .inner .img_area p:last-child{
	margin-top:30px;
}

/*------サニテーション事業---------------*/
#deodorize .ttl_02{
	text-align: left;
	color: #E61673;
	font-weight: 600;
}
#deodorize .read span{
    background: #B0DB83;
}
#deodorize #sec_pepopa .ttl_area p{
	text-align: left;
}
#deodorize .tab_area{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin-top: 2em;
}
#deodorize .tab_area li{
	list-style:none;
}
#deodorize .tab_area li:first-child{
	margin-right:2em;
}
#deodorize .tab_area li a{
	display: block;
}
@media screen and (min-width : 768px ) {
	#deodorize .tab_area li a:hover{
		opacity:0.6;
	}
}
#deodorize #sec_srw{
	border-bottom: 3px dotted #dddd;
	padding-bottom: 5em;
	margin-bottom: 5em;
}
#deodorize #sec_srw .ttl_area{
	margin-bottom: 2em;
}
#deodorize #sec_srw .ttl_area p{
	text-align: left;
	font-size: 1.5em;
	margin-top: -2em;
}
#deodorize #sec_srw .tag{
	background: #87bd43;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0.5em;
	line-height: 1;
	margin-bottom: 1.5em;
}
#deodorize #sec_srw .effect{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	width: 75%;
	margin: 0 auto 5em;
}
#deodorize #sec_srw .effect .img_area{
	width: 30%;
}
#deodorize #sec_srw .effect ul.point{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 70%;
}
#deodorize #sec_srw .effect ul.point li{
	width: 39%;
	margin-bottom: 2em;
	border: 1px solid#dddd;
}
#deodorize #sec_srw .effect ul.point li:nth-child(odd){
	margin-right: 2em;
}
#deodorize #sec_srw .mechanism{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin-bottom: 4em;
}
#deodorize #sec_srw .mechanism .img_area{
	margin-right: 3em;
}
#deodorize #sec_srw .mechanism .txt_area{
	max-width: 600px;
}
#deodorize #sec_srw .mechanism .txt_area .l_txt{
	font-size: 22px;
	font-weight: 700;
	color: #8CC63F;
}
#deodorize #sec_srw .mechanism .txt_area .img{
	margin-top: 1em;
}
#deodorize #sec_srw .date .l_txt{
	font-size: 22px;
	font-weight: 700;
	color: #8CC63F;
}
#deodorize #sec_srw .date .box{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 5em;
}
#deodorize #sec_srw .date .box .l_box{
	display: flex;
	justify-content: space-between;
	width: 42%;
}
#deodorize #sec_srw .date .box .l_box .in{
	width: 48%;
}
#deodorize #sec_srw .date .box .l_box .in img{
	border: 1px solid #ddd;
}
#deodorize #sec_srw .date .box .l_box .in p{
	background: #8CC63F;
	text-align: center;
	font-weight: 600;
	margin-top: 0.5em;
}
#deodorize #sec_srw .date .box .r_box{
	width: 54%;
	max-width: 600px;
}
#deodorize #sec_srw .date .box .r_box .in_box span{
	font-size: 18px;
	font-weight: 600;
}
#deodorize #sec_srw .date .box .r_box .in_box p{
	font-size: 16px;
}
#deodorize #sec_srw .date .box .r_box .in_box ul.in_list{
	margin-top: 1em;
}
#deodorize #sec_srw .date .box .r_box .in_box ul.in_list li{
	margin-bottom: 1em;
}
#deodorize #sec_srw .date .box .r_box .in_box ul.in_list li:before{
	content:"・";
}
#deodorize #sec_srw .date .box_02{
	margin-bottom: 5em;
}

#deodorize #sec_srw .date .box_02 p{
	background: #8CC63F;
	text-align: center;
	font-weight: 600;
	margin-top: 0.5em;
	display: inline-block;
	padding: 0 3em;
	width: 624px;
}
#deodorize #sec_srw .date .other .o_box{
	margin-bottom: 3em;
	display: block;
}
#deodorize #sec_srw .date .other .ttl{
	font-size: 18px;
	margin-bottom: 0.5em;
	border-bottom: 3px solid #8CC63F;
	display: inline-block;
}
#deodorize #sec_srw .date .other .o_box .price_wrap{
	border: 1px solid;
	padding: 1em;
	display: block;
	max-width: 600px;
}
#deodorize #sec_srw .date .other .o_box ul.price{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
#deodorize #sec_srw .date .other .o_box ul.price li{
	margin-bottom: 1em;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	font-size:18px;
	font-weight:600;
}
#deodorize #sec_srw .date .other .o_box ul.price li:first-child{
	margin-right:5em;
}
#deodorize #sec_srw .date .other .o_box ul.price li:last-child{
	margin-bottom:0;
}
#deodorize #sec_srw .date .other .o_box ul.price li .l_item{
	margin-right:1em;
}
#deodorize #sec_srw .date .other .o_box_02 ul.option li{
	margin-bottom: 0.51em;
	font-size: 16px;
	font-weight: 600;
}
#deodorize #sec_srw .date .other .o_box_02 .img_area{
	margin-bottom: 1em;
}
#deodorize #sec_pepopa .ttl_area p {
    text-align: left;
    font-size: 1.5em;
    margin-top: -2em;
    margin-bottom: 0.5em;
}
#deodorize #sec_pepopa .tag{
	background: #87bd43;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0.5em;
	line-height: 1;
	margin-bottom: 1.5em;
}
#deodorize #sec_pepopa .inner > ul.point{
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: space-between;
	width: 70%;
	margin: 4em 0 0;
}
#deodorize #sec_pepopa ul.point li{
	width: 33.3%;
	margin-bottom: 3em;
}
#deodorize #sec_pepopa .btn_01{
	margin-top: 2em;
	margin-bottom: 2em;
}
#deodorize #sec_pepopa .btn_01 a{
	border: 2px solid #ddd;
	padding: 1em 2em;
	font-size: 18px;
	font-weight: 600;
	background: #87bd43;
	color: #fff;
}
@media screen and (min-width : 768px ) {
	#deodorize #sec_pepopa .btn_01 a:hover{
		background:#fff;
		color:#87bd43;
	}
}
#deodorize #sec_pepopa .box .ttl{
	font-size: 18px;
	margin-bottom: 0.5em;
	border-bottom: 3px solid #8CC63F;
	display: inline-block;
}
#deodorize #sec_pepopa .box ul.point li{
	margin-bottom: 0.5em;
	width: 100%;
}
#deodorize #sec_pepopa .box ul.point li:before{
	content:"●";
}
#deodorize #sec_pepopa .box ul.spec{
	margin-bottom: 2em;
}
#deodorize #sec_pepopa .box ul.spec li{
	margin-bottom: 0.5em;
}
#deodorize #sec_pepopa .box ul.spec li:before{
	content:"〇";
}


/*------アーカバイル---------------*/

#archival .box{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 85%;
	margin-bottom: 2em;
}
#archival .box .r_box .point li{
	margin-bottom: 1em;
}
#archival .box .r_box .point li span{
	font-weight: 600;
	color: #E61673;
	font-size: 16px;
}
#archival .box_02{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 85%;
}
#archival .box_02 ul.l_box{
	margin-bottom: 4em;
	width: 50%;
}
#archival .box_02 ul.l_box:before{
	content:"こんな方におススメ！";
	background:#E1D17D;
	width: 200px;
	height:30px;
	display:block;
	text-align:center;
	border-radius: 47%;
	padding: 0.3em 0;
	margin-bottom: 1rem;
	font-weight: 600;
}
#archival .box_02 ul.l_box li{
	margin-bottom: 1.5em;
}
#archival .box_02 ul.l_box li span{
	color: #828282;
	display: block;
	line-height: 1;
}
#archival .box_02 ul.l_box li p{
	font-weight: 600;
	font-size: 18px;
	border-bottom: 2px solid #F28AB8;
	display: inline-block;
}
#archival .box_02 .r_box{
	width:50%;
}
#archival .service{
	margin-top: 5em;
}
#archival .service .s_ttl{
	background: #E1D17D;
	padding: 0.5em;
	line-height: 1;
	font-weight: 600;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 1em;
}
#archival .service ul.list_01 li{
	margin-bottom: 2em;
}
#archival .service ul.list_01 li .ttl{
	font-size: 16px;
	font-weight: 600;
}
#archival .service ul.list_02 li{
	margin-bottom: 2em;
}
#archival .service ul.list_02 li .ttl{
	font-size: 16px;
	font-weight: 600;
	color: #E61673;
}
#archival .service .s_ttl_02{
	margin-bottom: 0.5em;
	font-size: 15px;
}
#archival .service ul.list_03{
	display: flex;
}
#archival .service ul.list_03 li{
	border: 1px solid #000;
	padding: 1em;
	margin-right: 1em;
	font-size: 13px;
}


/*contact*/
#contact-form input, select {
    vertical-align: middle;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #bbb;
    line-height: 1.4;
    font-size: 16px;
}

#contact-form  .submit_area .btn_submit,
#contact-form  .submit_area .back {
    display: block;
    width: 280px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-radius: 0 !important;
    padding: 12px 0;
    margin: 0 auto;
    border: 2px solid #BEA968;
    background: #BEA968;
    transition: .4s;
    text-decoration: none;
}
#contact-form  .submit_area .btn_submit{
    margin-bottom: 10px;
}

#contact-form  .submit_area .back {
    background: #737373;
    border: 1px solid #737373;
}
@media screen and (min-width: 768px){
	#contact-form  .submit_area .btn_submit:hover{
		    background: #fff;
		    color:#BEA968;
	}
}

.contact_form table {
    font-size:15px;
    margin-bottom:2em;
}
.contact_form table tr{
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.contact_form table th,
.contact_form table td{
    display:block;
    text-align: left;
    box-sizing:border-box;
}
.contact_form table th span{
    position:relative;
    padding-left:1.5em;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.contact_form table th span:before{
    position:absolute;
    content:"■";
    font-size:.8em;
    margin-right:1em;
    color: #bfa768;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.contact_form table th span:after{
    content:"任意";
    background: #006fee;
    padding:.35em;
    color: #fff;
    font-size: 0.8em;
    display: block;
    border-radius: 4px;
    line-height:1;
}

.contact_form table .error{
    color:#e04;
    font-weight:bold;
}
.contact_form table th span.must:after{
    content:"必須";
    background:#e04;
}
.contact_form table th{
    width:40%;
    padding-right:1.25em;
}
.contact_form table th:before{
}
.contact_form table td{
    width:60%;
    padding-left:1.25em;
    border-left:solid 1px #ddd;
}
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form select,
.contact_form textarea{
    font-size:16px;
    padding:.4em;
    border-radius: 3px;
    border: solid 1px #bbb;
    box-sizing:border-box;
}
.contact_form li{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.contact_form li:nth-child(n+2){
    margin-top:.75em
}
.contact_form li > *{
    display:inline-block;
}
.contact_form li span{
    width:5em;
}
.contact_form li label{
    width:calc(100% - 5em);
}
.contact_form .attachment{
	display:block;
}
.contact_form .attachment + .attachment{
	margin-top:.35em;
}
.contact_form .middle{
    width:60%;
}
.contact_form .long{
    width:100%;
}
.contact_form textarea{
    width:100%;
    height:10.5em;
}
.contact_form .form_btn{
    display:flex;
    justify-content:center;
    align-items:center;
}
.contact_form .form_btn button{
    background: #bfa768;
    display: inline-block;
    border: none;
    padding: 10px;
    width: 250px;
    font-family: "游ゴシック", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
    border: solid 1px #bfa768;
    transition: .4s ease;
    cursor:pointer;
}

.contact_form .form_btn button:nth-child(2){
	background:#ddd;
	color:#fff;
	border-color:#ddd;
}

@media (min-width: 768px){
    .contact_form .sec_inner{
        width:880px;
    }
    .contact_form table tr:nth-child(n+2){
        border-top: solid 1px #ddd;
        margin-top: 1em;
        padding-top: 1em;
    }
    .contact_form .form_btn button:nth-child(2){
        margin-left:15px;
    }
    .contact_form .form_btn button:hover{
        background:#fff;
        color: #bfa768;
    }
    .contact_form .form_btn button:nth-child(2):hover{
        background:#aaa;
        border-color:#aaa;
    }
}