@charset "utf-8";
@media screen and (max-width : 767px ) {
/*------------------------------------

	共通

--------------------------------------*/
body {
	max-width: 100%;
	min-width: 100%;
	height: auto;
	background: #fff;
	color: #101010;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-weight: 400;
}
#breadcrumb {
	border-bottom:1px #ccc solid;
	background:#f2f3f4;
	padding: 5px 0 !important;
}
#breadcrumb .inner {
	margin:0 auto;
	overflow:hidden;
	padding: 0 20px;
}
#breadcrumb ul {
	width: 100%;
	overflow: auto;
	white-space: nowrap;
}
#breadcrumb ul li {
	line-height:20px;
	vertical-align:middle;
}
#breadcrumb ul li a {
	vertical-align:bottom;
}
section {
	width: 100%!important;
}
.sec_inner {
	width: 90%!important;
	margin: 0 auto;
	padding: 30px 0;
}
.ttl_01 {
	font-size:20px;
}
.ttlRed {
	font-size:13px;
	padding-top:0;
}
.ttl_02 {
	font-size: 18px;
	text-align: center;
	width: 100%;
}
.ttl_03 {
	font-size: 22px;
	border-left-width: 10px;
	padding: 5px 0 5px 15px;
	margin-bottom: 20px;
}
.ttl_03 span {
	font-size: 12px;
	line-height:1.5;
}
.under #main_cts {
	padding-top: 61px;
}
.under .sec_inner {
	padding: 10% 0;
}
#boxer.mobile {
	z-index:2000;
}
/*	リンク
-------------------*/
.linkWrap {
	font-size:0;
}
.linkBox {
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
	margin-bottom:15px;
}
.linkBox:last-child {
	margin-bottom:0px;
}
.linkWrap .linkBox a img {
	line-height: 50px;
	margin-top: 10px;
	margin-right: 10px;
}
.linkBox a {
	font-size: 14px;
	padding: 5px 0;
	line-height: 1.7;
}
.mailBox a {
}
/*UNDER TOP IMG*/
/*.under #sec01:not(.ver01) {
	padding-bottom:40%;
	background-size: 100% auto !important;
	background-position: bottom center !important;
	border-top:solid 15px #b32a2f;
	border-bottom:solid 3px #b32a2f;
	position:relative;
	border-left: solid 1px #f2f3f4;
	border-right: solid 1px #f2f3f4;
	margin-bottom:40px;
}*/
.under #sec01 {
	background-size: auto 100% !important;
	background-position: center left !important;
	border-left:solid 10px #b22a30;
	position:relative;
	margin-bottom:40px;
	box-sizing: border-box;
	border-right:solid 3px #b22a30;
}
.under .ttl_01 {
	font-size: 22px;
}
/*.under #sec01:not(.ver01) .navWrap {
	border-left: none;
	width: 100%;
	box-sizing: border-box;
	padding:20px 20px 0;
}*/
.under #sec01 .navWrap {
	border-left: none;
	width: 60%;
	box-sizing: border-box;
	padding:20px 20px 0;
	margin-left:auto;
}
/*.under .navWrap ul {
	padding-bottom:20px;
}*/
.under #sec_01 .navWrap ul {
	padding-bottom:0;
}
/*UNDER SIDE*/
.under .normal {
	background: #b22a30;
	color: #fff;
	box-sizing: border-box;
	font-size: 10px;
	padding:3px;
	text-align: center;
}
.under a.hover {
	text-align: center;
	margin: 0;
	height: auto;
	font-size: 10px;
	padding:3px;
}
/*
.under .en, .under .ja {
	position: static;
}
.under .en {
	display: none;
}
*/
.under a:hover .ja { /* aにホバーしたとき日本語表記を表示 */
	opacity: 1;
}
.border2:before {
	display:none;
}
.under .navWrap li {
	width: 100%;
	float: none;
	height: auto;
	margin-left:0;
	margin-top: 10px;
	border: solid 1px #b22a30;
	box-sizing: border-box;
	margin-bottom: 0;
	line-height:18px;
}
/*.under .navWrap li:nth-child(even) {
	margin-left:4%;
}*/
.under #sec01 .navWrap li:first-child {
	margin-top:0;
}
#contact .navWrap li, #access .navWrap li {
	margin-bottom: 0 !important;/*	margin-top:0;*/
}
.under #mainimage {
	background-size: cover;
	min-width:  100%;
	font-size: 34px;
	padding-top: 50px;
	height: 180px;
}
.under #mainimage .jpn {
	font-size: 20px;
	display:block;
	margin-left:0;
	margin-top:10px;
}
#access #mainimage {
    background-image: url(../Image/access/mainimage_sp.jpg);
}#media #mainimage{
    background-image: url(../Image/media/mainimage_sp.jpg);  background-position: left center;
}
#company #mainimage{
    background-image: url(../Image/about/mainimage_sp.jpg);  background-position: left center;
}
#privacy #mainimage{
    background-image: url(../Image/privacy/mainimage_sp.jpg);
}
/*------------------------------------

	TOP

--------------------------------------*/
/*	main
-------------------*/
#top #header {
	padding: 0;
	border-bottom:none;
	background:inherit;
	position: static;
}
#top #header #hbg_logo {
	display:none;
}
/*
#top #header.fixed {
	background:#fff;
	position:fixed;
}
#top #header.fixed #hbg_logo {
	display:block;
	padding:15px 0;
}
*/
#top #mainimage {
	height: auto;
	/*	margin-top: 71px;*/
	background: none;
}
#top #mainimage #mainTxt {
	position: absolute;
	padding: 0;
	width: 70%;
	font-size: 14px;
	line-height: 22px;
	left: 15%;
	bottom: 10%;
	font-weight: bold;
	text-align: center;
	transform: initial !important;
	opacity: 1;
	display: none;
}
#top #mainimage_sp {
	width:100%;
}
#top #mainimage {
	position:  static;
	min-width: initial;
}
#top #contents {
	margin-top:-71px;
}

#top #mainimage .fixed_bnr,
#top #mainimage .fixed_bnr.fixed {
	display: block !important;
	top: auto;
	right: 10px;
	bottom: 10px;
	max-width: 120px;
}

/*------------------------------------
	SECTION_01
--------------------------------------*/
#top #sec_01 .sec_inner {
	padding: 15% 0 10%;
}
#top #sec_01 .sec_inner .ttl_02 {
	margin-bottom: 25px;
}
#top #sec_01 .ttl_03 {
	font-size: 17px;
	border-width:  10px;
	padding-left: 15px;
}
#top #sec_01 .boxR {
	float:  none;
	width: 100%;
}
#top #sec_01 .boxR .triger{
	font-weight:bold;
	color:#444;
	letter-spacing:  -0.1px;
	display: block;
	font-size: 14px;
	text-align: center;
	padding-bottom:10px;
	position:relative;
}
#top #sec_01 .boxR .triger.on{
	display:none;
}
#top #sec_01 .boxR .triger:after{
	width:100%;
	content:"";
	height:14px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../Image/top/arrow_b.png) no-repeat center center / 25px 10px;;
}

#top #sec_01 .boxR .txt{
	display:none;
}
#top #sec_01 .boxR .lead {
	font-size: 14px;
	letter-spacing:  -0.1px;
	overflow:hidden;
	clear:both;
}
#top #sec_01 .boxL {
	float:none;
	width:80%;
	margin: 0 auto 15px;
}
#top #sec_01 .boxL img {
	width:100%;
}
/*------------------------------------
	WANT ○○したい
--------------------------------------*/
#top #sec_01 .wantWrap {
	padding: 10% 0;
}
#top #sec_01 .wantBox {
	width: 90%;
}
#top #sec_01 .wantBox .ttl_02 {
	margin-bottom:  25px;
	text-align:  left;
}
#top #sec_01 .wantBox .left-up {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
#top #sec_01 .wantBox .right-up {
	width: 100%;
	float:  none;
}
#top #sec_01 .wantBox .box_01 .ttl_06 {
	margin-bottom: 15px;
}
#top #sec_01 .wantBox .box_01 .ttl_06 img {
	width:50%;
	max-width:133px;
}
#top #sec_01 .wantBox .box_01 {
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:rgba(0,0,0,0.2) solid 1px;
}
#top #sec_01 .wantBox .box_01:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
#top #sec_01 .wantBox .box_01 .wantList li {
	width: 100%;
	margin: 0 auto 20px;
}
#top #sec_01 .wantBox .box_01 .wantList li:last-child {
	margin-bottom:0;
}
#top #sec_01 .wantBox .box_01 .wantList a {
	clear: both;
	overflow:  hidden;
	padding: 10px;
}
#top #sec_01 .wantBox .box_01 .wantList .icons {
	width:  35%;
	max-width:186px;
	margin-bottom: 0;
}
#top #sec_01 .wantBox .box_01 .wantList .texts {
	text-align:left;
	font-size:13px;
	width:60%;
}
#top #sec_01 .wantBox .box_01 .wantList li:nth-child(odd) .icons {
	float:left;
	margin-right:10px;
}
#top #sec_01 .wantBox .box_01 .wantList li:nth-child(odd) .texts {
	float:right;
}
#top #sec_01 .wantBox .box_01 .wantList li:nth-child(even) .icons {
	float:right;
	margin-left:10px;
}
#top #sec_01 .wantBox .box_01 .wantList li:nth-child(even) .texts {
	float:left;
}
#top #sec_01 .arrowBox {
	background-size: cover;
	width: 100%;
	height: auto;
	padding-top: 7%;
	background-position: top center;
}
/*------------------------------------
	EXAMPLE 法人向けサービス
--------------------------------------*/
#top .exaBox .ttl_02 {
	text-align:left;
}
#top .exaBox .select_tab {
	line-height:20px;
	background:#eceee6;
	border-radius:5px;
	position:relative;
	padding:5px 10px;
	margin-bottom:10px;
	padding-right:40px;
	font-weight:bold;
}
#top .exaBox .select_tab .innerBox {
	display:table-cell;
	height:40px;
	vertical-align:middle;
}
#top .exaBox .select_tab.open {
	border-radius:5px 5px 0 0;
}
#top .exaBox .select_tab span {
	color:#c11;
}
#top .exaBox .select_tab:after {
	position:absolute;
	content:"";
	color:#fff;
	top:0;
	right:0;
	border-radius:0 5px 5px 0;
	background:#454545;
	width:30px;
	height:50px;
}
#top .exaBox .select_tab.open:after {
	border-radius:0 5px 0 0;
}
#top .exaBox .select_tab:before {
	position:absolute;
	content:"▼";
	line-height:50px;
	width:30px;
	text-align:center;
	right:0;
	top:0;
	color:#fff;
	z-index:3;
	font-size:10px;
}
#top .exaBox .select_tab.open:before {
	transform:rotate(180deg);
}
#top .exaBox .tabWrap {
	position:relative;
}
#top .exaBox .tab {
	width: 100%;
	display:none;
	background:#ccc;
}
#top .exaBox .tab.visible {
	position:absolute;
	display:block;
	z-index:  3;
	top: 50px;
}
#top .exaBox .tab li {
	font-size:12px;
	padding:10px;
	height:auto;
	margin-bottom:0;
	border-top:1px rgba(255,255,255,0.8) solid;
	background-image:none;
}
#top .exaBox .tab li span {
	color:#c11;
}
/*
#top .exaBox .tab {
	width: 100%;
}
#top .exaBox .tab li {
	font-size:0;
	width: 20%;
	padding: 20% 0 0;
	float:  left;
	height: auto;
	border-right: solid 1px #fff;
	background-position:center center;
	background-size:contain;
}
#top .exaBox .tab li:last-child {
	border-right:none;
}
#top .exaBox .tab li:hover {
	background-position:center center;
}
#top .exaBox .tab li.select {
	background-position:center center;
}
#top .exaBox .tab li:nth-child(1) {
	background-image:url(../Image/top/tab_icon01.png);
}
#top .exaBox .tab li:nth-child(2) {
	background-image:url(../Image/top/tab_icon02.png);
}
#top .exaBox .tab li:nth-child(3) {
	background-image:url(../Image/top/tab_icon03.png);
}
#top .exaBox .tab li:nth-child(4) {
	background-image:url(../Image/top/tab_icon04.png);
}
#top .exaBox .tab li:nth-child(5) {
	background-image:url(../Image/top/tab_icon05.png);
}
*/
#top .exaList {
	width: 100%;
	position:relative;
}
#top .exaList.tab_open:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
}
#top .exaList > li {
	height: auto;
	padding: 5%;
}
#top .exaList .leftBox {
	width: 100%;
	float: none;
	margin-right: 0;
}
#top .exaList .iconList {
	height:  auto;
	display: inline-block;
	margin-bottom:  10px;
}
#top .exaList .iconList li {
	background-position: right 2% top 64%;
	float: none;
	display: table-cell;
	width: 25%;
	box-sizing:  border-box;
}
#top .exaList .ttl_11 {
	font-size: 18px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#top .exaList .ttl_11:after {
	width: 30%;
	height: 3px;
}
#top .exaList .ttl_11 .target {
}
#top .exaList .ttl_11 .service {
}
#top .exaList .textBox {
	font-size: 13px;
	line-height: 1.7;
	float:  right;
	width: 70%;
}
#top .exaList .rightBox {
	width:  25%;
}
#top .exaList .rightBox img {
}
#top #sec_02 {
	backgournd-repeat:no-repeat;
	background-color: #faf7f4;
}
#top #sec_02 li {
	margin-bottom:10px;
}
#top #sec_02 li:last-child {
	margin-bottom:0;
}
#top #sec_02 li a {
	width: 100%;
	float: none;
	margin-right: 0;
	background:#fff;
	padding:40px 10px 10px;
	box-sizing: border-box;
	display:block;
}
#top #sec_02 li a .imgBox {
	width:30%;
	padding:0;
	float: left;
	height:80px;
	margin-right:4%;
	margin-bottom:0;
}
#top #sec_02 li a .imgBox img {
	height:auto;
	max-width:100%;
}
#top #sec_02 li a .date {
	height: auto;
	width: auto;
	top:5px;
	left: 10px;
	background:none;
	font-weight:bold;
	padding:0;
	font-size:13px;
}
#top #sec_02 li a:hover .date {
	top:5px;
	transform: initial;
}
#top #sec_02 li a .categoly {
	font-size: 10px;
	top: 10px;
	right: 10px;
}
#top #sec_02 li a .blogTtl {
	width: 66%;
	float: right;
	font-size: 13px;
	line-height: 1.4;
}
#top #sec_03 .btmBox {
	padding-top:40px;
	border-top:solid 1px #ececec
}
#top #sec_03 .imgBox {
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:0 14%;
	text-align:center;
}
#top #sec_03 .subTxt {
	width: 100%;
	float: none;
	font-size: 13px;
	padding-top: 40px;
	;
}
/*------------------------------------

	FACILITY / 設備紹介

--------------------------------------*/
#facility #sec_01 .annotation {
	margin-bottom: 20px;
	padding-right: 0;
	text-align:  center;
	font-size:11px;
}
#facility #sec_01 li {
	width: 48%;
	margin-right:  4%;
	padding: 0;
	margin-top: 10%
}
#facility #sec_01 li:nth-child(even) {
	margin-right:  0;
}
#facility #sec_01 li:nth-child(-n+2) {
	margin-top:  0;
}
#facility #sec_01 li .imgBox {
	height: auto;
}
#facility #sec_01 li .wokerTtl {
	font-size: 15px;
}
/*------------------------------------

	COMPANY

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

#company #sec_01 .sheet_01 th {
	width: 25%;
	line-height:1.4;
}
#company #sec_01 .sheet_01 td {
	width: 75%;
}
/*------------------------------------

	ABOUT / 清華堂とは

--------------------------------------*/
##about #sec_01 .sec_inner {
	padding: 10% 0;
}
#about #sec_01 .imgBox {
	width: 40%;
	margin-right: 15px;
}
#about #sec_01 .subTxt {
	float:  none;
	width:  100%;
	padding-top: 0;
}
#about #sec_01 .btmBox .subTxt {
	float:  none;
}
#about #sec_01 .btmBox .imgBox {
	margin-left: 15px;
	margin-right: 0;
}
/*------------------------------------

	HISTORY

--------------------------------------*/
#history #sec_01 {
	padding:0
}
#history #sec_01 .tbl_prof {
	width:100%;
}
#history #sec_01 .tbl_prof th {
	padding:20px;
}
#history #sec_01 .tbl_prof td {
	padding:20px;
	line-height:1.7;
}
#history #sec_01 .tbl_prof td .imgBox {
text^align:center;
	width: 80%;
	margin:0 auto;
}
.balloon2-left {
	position: static;
	margin-top: 15px;
	width: 100%;
	font-size: 12px;
}
.balloon2-left:before {
	content:none;
}
.balloon2-left:after {
	content:none;
}
.balloon2-left p {
	margin-bottom:6px;
}
.balloon2-left span {
	font-size: 12px;
}
/*------------------------------------

	STAFF / スタッフ紹介

--------------------------------------*/
#staff #sec_01 .messageBox {
	width:  100%;
	position: relative;
}
#staff #sec_01 .messageBox .imgBox {
	width: 30%;
	float: right;
	margin-right:  0;
}
#staff #sec_01 .messageBox .ttl_03 {
	font-size: 26px;
	padding-left: 15px;
	border-width: 20px;
	margin-bottom:  25px;
	width: 70%;
	float:  left;
	padding: 8% 0 8% 15px;
}
#staff #sec_01 .messageBox .txtBox {
	width:  100%;
	float:  none;
}
#staff #sec_01 li {
	width: 48%;
	margin-right: 5%;
	margin-right: 4%;
}
#staff #sec_01 li:nth-child(2n) {
	margin-right:0;
}
#staff #sec_01 li .imgBox {
	height:  auto;
	width:  100%;
}
#staff #sec_01 li .wokerTtl {
	padding-left:  0;
	text-align: center;
}
#staff #sec_01 li .wokerTtl .small {
	margin-left:  0;
	text-align: center;
	font-size: 11px;
}
#staff #sec_01 li .wokerTtl .small::before {
	content: none !important;
}
#staff #sec_01 li .comment {
	padding: 0;
}
#staff #sec_01 .obBox {
	padding:0;
}
/*------------------------------------

	SERVICE / サービス一覧

--------------------------------------*/
#service #sec_01 .sec_inner {
	padding: 10% 0;
}
#service #contents .aLink li{
    display:block;
    text-align:left;
}
#service #contents .aLink li:nth-child(n+2){
    margin-left:0;
    margin-top:15px;
}
#service #contents .aLink li a{
    font-size:18px;
    padding:0.7em 0 0.6em 1em;
    background:url(../Image/common/arrow_01.png) no-repeat right 1em center;
}
#service #contents .aLink li a span{
    font-size:22px;
}
#service #contents .aLink li a:after{
    display:none;
}
#service #sec_01 .wrap:last-child {
	margin-bottom:0;
}
#service #sec_01 .ttl_04 {
	font-size: 20px;
}
#service #sec_01 .ttl_04 span {
	font-size: 26px;
	margin-left: 0.1em;
}
#service #sec_01 .subtxt {
	width: 100%;
	float:  none;
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom:dashed #ececec 1px
}
#service #sec_01 .subtxt:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:none
}
#service #sec_01 .ttl_03 {
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 11px;
}
#service #sec_01 .ttl_03 img {
	height: 35px;
}
#service #sec_01 .wrap li {
	padding: 0;
}
#service #sec_01 .wrap li a {
	background-position:  right 5px center;
	padding: 5px 20px 5px 5px;
	background-color: #fcfcfc;
	font-size: 14px;
}
#service #sec_01 .wrap li:nth-child(even) a {
	background-color: #f7f8f9;
}
#service #sec_01 .wrap li a::before {
	margin-right: 5px;
}
#service #sec_01 .wrap li a:hover {
}
/*------------------------------------サービス--------------------------------------*/
.slick-prev, .slick-next {
	width: 30px !important;
}
.linkWrap .linkBox a {
	width: auto;
	display: block;
	padding: 5px 0;
	font-size: 16px;
}
.surviceBox li {
	margin-bottom: 40px;
}
.surviceBox li:last-child {
	margin-bottom: 0;
}
.surviceBox .desBox {
	width: 100%;
	font-size: 13px;
	line-height: 1.8;
	padding-bottom: 20px;
}
.surviceBox desBox:last-child {
	margin-bottom: 0;
	;
}
.surviceBox .imgBox {
	width: 40%;
	float: left;
	margin-right: 20px;
}
.surviceBox .txtWrap {
	width: 100%;
	float: none;
}
.surviceBox .txtWrap p {
	margin-bottom: 1em;
}
.surviceBox .linkWrap ul li {
	width: 100%;
	text-align: left;
	margin-right: 0;
}
.surviceBox .linkWrap ul li:last-child {
	margin-bottom:0;
}
.surviceBox .linkWrap ul li.long {
	width: 100%;
}
.surviceBox .linkWrap ul li a img {
	margin-top: 10px;
	line-height: 30px;
}
.surviceBox .linkWrap ul li a {
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	padding-left: 20px;
	width: auto;
	display: block;
}
#serviceSingle .restore_step {
	margin-bottom:  40px;
}
#serviceSingle .restore_step .sub_ttl, #serviceSingle .restore_img .sub_ttl {
	margin-bottom:  15px;
	font-size:  17px;
	border-width: 6px;
	padding: 8px 0 8px 8px;
	line-height:  1;
}
#serviceSingle .restore_step ul {
	width:  100%;
}
#serviceSingle .restore_img ul {
	display:  block;
	width:  100%;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom:30px;
}
#serviceSingle .restore_img ul li {
	width:  45%;
	margin-right: 10%;
}
#serviceSingle .restore_step ul li {
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom:35px;
}
#serviceSingle .restore_step li:after {
	bottom:-25px;
	border-width:14px 10px 0 10px;
	border-color:#c11 transparent;
	left:0;
	right:0;
	width:0;
	margin:0 auto;
	top:initial;
}
#serviceSingle .restore_img li:after {
	right: -15%;
	border-width: 10px 0 10px 14px;
}
#serviceSingle .restore_step ul li:last-child, #serviceSingle .restore_img li:last-child {
	margin-bottom:0;
}
#serviceSingle .restore_step li .imgWrap {
	width:  100%;
}
#serviceSingle .restore_step li .imgWrap span {
	display:  block;
	width:  auto;
	height:  auto;
}
#serviceSingle .restore_step .list_ttl {
	width:  20px;
	height:  20px;
	line-height:  20px;
	font-size:  12px;
}
#serviceSingle .restore_step ul:nth-of-type(even) li {
	float:none;
	margin-left:0;
}
#serviceSingle .restore_step ul li:first-child:before {
	top:-25px;
	border-width: 14px 10px 0 10px;
	border-color: #c11 transparent;
}
#serviceSingle .restore_step ul:nth-of-type(even) li:after {
	bottom: -25px;
	border-width: 14px 10px 0 10px;
	border-color: #c11 transparent;
	left: 0;
	right: 0;
	width: 0;
	margin: 0 auto;
	top: initial
}
/*-SERVICE SINGLE-*/
.news_gl div.slick-slide{
	height:100px;
	padding-right:20px;
}
.news_gl div.slick-slide a{
	display: block;
		line-height:100px;
}
.news_gl div.slick-slide a img{
	max-height:100px;
}
.news_gl {
	padding:10px 30px;
}
.slick-prev{
	left: 0;
	width: 20px;
}
.slick-next{
	right:0;
	width: 20px;
}
/*サービス　MOREボタン*/
.surviceBox .moreBox {
	margin-top: 20px;
}
.surviceBox .moreBox a {
	font-size: 16px;
	line-height: 1.7;
	padding: 5px;
	width: auto;
	display: block;
}
/*高精細スキャニング*/
#scanning .desBox .cover {
	margin-bottom: 30px;
}
#scanning .desBox .imgArea li {
	width: 30%;
	margin-bottom: 0;
	margin-right: 5%;
}
/*レプリカ作成*/
#replica .imgArea {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
#replica .imgArea li {
	border: solid 1px #bfa768;
}
#replica .imgArea li:first-child {
	width: 48%;
	margin-right: 4%;
	text-align:  center;
}
#replica .imgArea li:last-child {
	text-align: center;
	width:  48%;
}
#replica .imgArea .img_box a {
	display:table-cell;
	vertical-align:middle;
}
#replica .imgArea .img_box {
	display: inline-block;
	border: none;
}
#replica .txtBox {
	float: none;
	width: 100%;
}
/*展示空間設計*/
#space .imgArea {
	padding: 5%;
}
#space .imgArea li {
	float: none;
	width: 100%;
}
#space .imgArea li:first-child {
	margin-bottom: 30px;
	margin-right: 0;
}
/*梱包・郵送サービス*/
#postal_service .desBox table {
	margin-top: 20px;
}
#postal_service .desBox th {
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
}
#postal_service .desBox td {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	font-size: 13px;
	border-top: solid 1px #f2f3f4;
	padding-top: 20px;
}
#postal_service .desBox td span {
	margin-top: 5px;
	padding: 5px;
}
#postal_service .desBox tr:nth-child(2) td:first-child {
	border-top:none;
	padding-top: 0;
}
#postal_service .desBox tr:last-child td:last-child {
	margin-bottom: 0;
}
/*内装コーティング*/
#interior_coating .imgBox{
	float:none;
	width:100%;
	margin-bottom:15px;
}
#interior_coating .imgArea {
	margin-top: 20px;
	padding: 15px;
}
#interior_coating .imgArea li {
	width:100%;
	margin-bottom:15px;
	margin-right: 0;
}
#interior_coating .imgArea li:last-child {
	margin-bottom:0;
}
/*虫干し*/
#airing .imgBox {
	float:none;
	width:70%;
	margin:0 auto 15px;
}
#airing .imgBox p {
	font-size:11px;
}
#airing .desBox table {
	margin-top: 20px;
}
#airing .desBox th {
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
}
#airing .desBox td {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	font-size: 13px;
	border-top: solid 1px #f2f3f4;
	padding-top: 20px;
}
#airing .desBox td span {
	margin-top: 5px;
	padding: 5px;
}
#airing .desBox tr:nth-child(2) td:first-child {
	border-top:none;
	padding-top: 0;
}
#airing .desBox tr:last-child td:last-child {
	margin-bottom: 0;
}
/*燻蒸*/
#smoke .imgBox {
	float:none;
	width:70%;
	margin:0 auto 15px;
}
#smoke .imgBox p {
	font-size:11px;
}


#storage_box .imgWrap{
    width:auto;
    padding:15px;
}
#storage_box .imgWrap li{
width:auto;
margin-right:0;
margin-bottom:20px;
line-height:1.4;
}
#storage_box .imgWrap li img{
    margin-bottom:5px;
}
#storage_box .imgWrap li span{
	font-size: 10px;
}
#storage_box .imgWrap li:last-child{
	margin-bottom:0;
}

#fusuma_restore .imgWrap{
    width:auto;
    padding:15px;
}
#fusuma_restore .imgWrap li{
width:auto;
margin-right:0;
margin-bottom:20px;
line-height:1.4;
}

#fusuma_restore .imgWrap li span{
	font-size: 10px;
 }
#fusuma_restore .imgWrap li img{
    margin-bottom:5px;
}
#fusuma_restore .imgWrap li:last-child{
    margin-bottom:0;
}
#clean_coating .imgBox{
	float:none;
	width:80%;
	margin:0 auto 20px;
	text-align:center;
}
#clean_coating .imgWrap{
    vertical-align:bottom
}
#clean_coating .imgWrap .imgArea{
    margin-right:0;
    margin-bottom:15px;
    display:block;
    text-align:center;
}
#clean_coating .imgWrap ul {
	display:inline-block;    vertical-align:bottom
}

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

	BLOG

--------------------------------------*/
/*	SECTION 02
-------------------*/
#blog .ttl_03 {
	padding: 5px 0 5px 15px;
	font-size: 18px;
	margin-bottom: 20px;
}
#blog .blogList li {
	width: 100%;
	margin-top:0;
	margin-bottom:12px;
}
#blog .blogList li a {
	padding:10px 10px 12px;
	display:block;
}
#blog .blogList li .category {
	display: block;
	margin-left: 0;
	position: absolute;
	font-size: 10px;
	top: 0;
	left: 0;
}
#blog .blogList li .imgBox {
	width: 30%;
}
#blog .blogList li .imgBox img {
	height: auto;
	width: auto;
}
#blog .blogList li .txtBox {
	width: 65%;
	padding: 0;
}
#blog .blogList li .blogTtl {
	font-size: 13px;
	line-height:1.3;
}
#blog .blogList li a .date {
	padding-top: 28px;
	position: relative;
	line-height: 20px;
	margin-bottom: 5px;
}
#blog .blogbox .lead{
	line-height:1.6;
}
#blog .blogbox .catList{
	margin-bottom:0px;
}
#blog .blogbox .catList li{margin-right:15px;margin-bottom:  10px;line-height:  1;}

#blog .blogbox .catList li a{
	font-size:13px;
	line-height:20px;
	padding: 0px 15px;
}
/*	SECTION 03
-------------------*/
#blog #sec03 .ttl_03 {
	margin-bottom: 20px;
	font-size: 15px;
	padding: 5px 0 5px 15px;
	border-left-width:5px;
	line-height:1.5
}
#blog #sec03 .blogTtl {
	margin-bottom: 0;
	font-size: 13px;
	line-height:1.35;
}
#blog #sec03 .sideWrap li:last-child {
	margin-bottom:0
}
/*	BLOG　SINGLE
-------------------*/
#blog #blogSingle #sec02 {
	float: none;
	margin-bottom: 50px;
}
#blog #blogSingle #sec02 .blogTtl {
	font-size: 18px;
	line-height:1.35;
}
#blog #blogSingle #sec03 {
	float: none;
	width: 100%;
	clear: both;
	overflow:  hidden;
}
#blog #blogSingle #sec03 .sideWrap {
}
#blog #blogSingle .subTxt {
	font-size: 13px;
	line-height:1.7;
}
#blog #blogSingle .date {
	margin-bottom:10px;
}
#blog #blogSingle .sideWrap .date {
	margin-bottom: 7px;
	display:block;
	padding-left:10px;
}
#blog #blogSingle .imgBox img {
	max-width: 100%;
}
#blog #blogSingle .linkBox a {
	width: 200px;
}
#blog #sec03 .sideWrap li {
	border-bottom:dotted 1px #ddd;
	padding-bottom:12px;
	margin-bottom: 12px;
}
#blog #sec03 .sideWrap li:last-child {
	margin-bottom:0;
}
/*------------------------------------

	MEDIA

--------------------------------------*/
/*	SECTION 02
-------------------*/
#media #sec01 {
	width: 90% !important;
}
#media .ttl_03 {
	font-size: 18px;
	padding: 5px 0 5px 15px;
	margin-bottom: 20px;
}
#media #sec02 ul {
	padding: 10px;
}
#media #sec02 li {
	float: none;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 10px 10px 30px;
	margin-bottom: 20px;
	margin-top: 0;
	margin-right: 0;
	border-bottom:solid 1px #ccc
}
#media #sec02 li:last-child {
	padding-bottom:10px;
	margin-bottom:0;
	border:none;
}
#media #sec02 li .imgBox {
	float: none;
	width: 60%;
	margin: 0 auto 20px;
}
#media #sec02 li .txtBox {
	width: 100%;
	float: none;
	padding: 0;
}
#media #sec02 li .txtBox .ttl {
	line-height: 1.5;
	margin-bottom: 10px;
}
#media #sec02 li .txtBox .text {
	font-size: 12px;
	padding: 0;
	margin-bottom: 10px;
	line-height: 1.7;
}
#media #sec02 li .txtBox .text span {
	line-height:1.5;
}
#media #sec02 li .txtBox .more_btn {
	position: static;
	text-align: center;
}
#media #sec02 li .txtBox .more_btn a {
	background: #b32;
	position: static;
	width: 200px;
	color: #fff;
	padding: 5px 0;
}
#media #sec02 li .txtBox .more_btn a:after {
	content:none;
}
#media #sec02 {
	background-color: #faf7f4;
	padding: 0;
}
#media #sec03 {
	margin-bottom: 0;
}
#media #sec03 .eventArea, #media #sec03 .lectureArea {
	float: none;
	width: 100%;
}
#media #sec03 .eventArea {
	margin-bottom: 40px;
}
#media #sec03 .eventbox, #media #sec03 .lecturebox {
	height: auto;
	max-height: 300px;
}
#media #sec03 .eventbox li a {
	padding: 5px 5px 25px;
	font-size: 12px;
	line-height: 1.7;
}
#media #sec03 .eventbox li a .more_btn {
	right: 5px;
	bottom: 5px;
}
#media #sec03 .lecturebox td {
	font-size: 12px;
	display: block;
}
#media #sec03 .lecturebox td.date {
	border-bottom: none;
	line-height: 1.5;
	font-weight: bold;
	color: #969696;
	padding-top: 10px;
	padding: 10px 10px 0;
}
#media #sec03 .lecturebox td.info {
	padding-top: 0;
	padding-left: 20px;
	line-height: 1.7;
	padding: 0 10px 10px 20px;
	font-weight: bold;
}
#media #sec03 .lecturebox td a {
	padding-bottom: 20px;
}
#media .booksingle #sec01 {
	width:100% !important;
}
#media .booksingle {
	width: 100%;
	margin-bottom: 40px;
}
#media .booksingle .imgBox {
	float: none;
	width: 60%;
	margin: 0 auto 20px;
}
#media .booksingle .txtBox {
	width: 100%;
	font-size: 13px;
	line-height: 1.7;
}
#media .booksingle .sub_ttl {
	font-size: 15px;
}
#media #booksingle01 .text {
	font-size: 12px;
	line-height: 1.7;
	padding-left:0;
}
#media #booksingle02 .list_lv01>li {
	font-size: 14px;
}
#media #booksingle02 .list_lv02>li {
	font-size: 13px;
}
#media #booksingle02 .list_lv02>li>p {
	background: none;
	color: #bea768;
	border-left: solid 3px #bea768;
}
#media #booksingle02 .list_lv03>li {
	font-size: 12px;
}
#media #booksingle02 .list_lv04>li {
	font-size: 11px;
}
#media #booksingle02 .list_lv02 {
	padding: 0;
}
#media #booksingle02.list_lv03 {
	padding-right: 0;
}
#media #booksingle02 .list_lv04 {
	padding: 0;
}
/*------------------------------------

	ACCESS

--------------------------------------*/
/*	SECTION02
-------------------*/
#access #sec02 table {
	border-collapse: separate;
	border-spacing: 0 10px;
}
#access #sec02 tr {
	font-size: 0;
	display: table-row;
}
#access #sec02 th {
	width: 35%;
	font-size: 13px;
	margin-right: 0;
	box-sizing: border-box;
	padding: 0;
	display: table-cell;
	line-height: 1.4;
}
#access #sec02 td {
	width: auto;
	margin-left: 0;
	font-size: 13px;
	padding: 0;
	display: table-cell;
	padding-left: 20px;
	line-height: 1.5;
	padding: 7px 0 7px 10px;
}
#access #sec02 td span:first-child {
	margin-bottom: 0;
}
#access #sec02 {
	margin-bottom:30px;
}
#access #sec02 #map {
	width: 100%;
	float: none;
	margin-bottom: 40px;
}
#access #sec02 #indoor_view {
	float: none;
	width: 100%;
}
/*------------------------------------

	プライバシーポリシー

--------------------------------------*/
#privacy #sec02 .ttl_03 {
	font-size: 18px;
	padding: 5px 0 5px 15px;
	margin-bottom: 20px;
	border-left-width: 10px;
}
#privacy #sec02 .lead {
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 1.5;
}
#privacy #sec02 dt {
	font-size: 15px;
}
#privacy #sec02 dt:before {
	font-size: 12px;
}
#privacy #sec02 dd {
	line-height: 1.5;
	padding-left: 20px;
	font-size: 13px;
	margin-bottom: 30px;
	padding-right: 5px;
}
#privacy #sec02 dd p {
	margin-bottom: 10px;
}
#privacy #sec02 dd p:last-child {
	margin-bottom: 0;
}
#privacy #sec02 dd a {
	word-break: break-all;
	text-decoration: underline;
}
/*------------------------------------

	サイトマップ

--------------------------------------*/
#sitemap #sec02 .smList {
	padding: 20px 20px 0;
}
#sitemap #sec02 .parent {
	font-size: 16px;
	padding-bottom: 10px;
	paddung-left: 10px;
}
#sitemap #sec02 .smList>li {
	margin-bottom:  20px;
}
#sitemap #sec02 .en {
	font-size:  12px;
}
#sitemap #sec02 .child {
	font-size:  13px;
	padding: 10px;
}

#sitemap #sec02 .innerList {
	font-size:  0;
}
#sitemap #sec02 .innerList li {
	margin-bottom:  10px;
	float:  none;
	width: 100%;
	display: block;
	margin-right:  0;
}
/*-------------------------------------
	お問い合わせ
--------------------------------------*/
#contact #sec02 {
}
#contact #sec02 table th {
	border-right: none;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	clear: both;
	background: #F7F8FE;
	border-top: solid 2px #bfa768;
}
#contact #sec02 table th, #contact #sec02 table td {
	display: block;
}
#contact #sec02 table th:before {
	color: #454545;
}
#contact #sec02 table td {
	padding:  15px 10px;
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
	border-left: 0;
}
#contact #sec02 table tr {
	padding: 0;
	margin-bottom:  0;
	border: none;
}
#contact .inputform, #contact selectBox, #contact txtform {
	font-size:12px;
	box-sizing: border-box;
	margin: 0;
	display:  inline-block;
}
#contact .short {
	width:100% !important;
}
#contact .middle {
	width:100% !important
}
#contact .long {
	width:100% !important
}
#contact .selectBox {
	width: auto;
	padding: 5px;
	margin: 0;
}
#contact .txtform {
	width:100% !important
}
#contact #sec02 table tr:last-child td {
}
#contact #sec02 table tr:last-child td label {
	font-size:10.5px;
	text-align:center;
	width:100%;
}
#contact .button {
	margin-right:0;
	padding:8px;
	font-size:14px;
	width:80%;
	display:block;
	margin:0 auto 10px;
}
#contact .button:last-child {
	margin-bottom:0;
	margin-right:auto;
}
#contact .button.cancel {
}
.file, .img_reset {
	padding: 5px 10px;
}
.file {
	margin-bottom: 10px;
	display:  inline-block;
}
.file input[type="file"] {
}
.must-fill, .free-fill {
	margin-right:20px;
}
#thanks #sec02 {
	padding-bottom:0;
}


/*------20200605追加---------------*/
#gakuso_preserve .test .colmn {
    width: 100%;
}
  #gakuso_preserve .test .colmn_wrapp {
display: block;
width: 100%;
margin: 0 auto 40px;
}
#gakuso_preserve .test .surviceBox .imgBox {
width: 60%;
margin: 0 auto 30px;
float: none;
}

#gakuso_preserve .test .colmn .img_area img{
	width: 48%;
}
#gakuso_preserve .test .inner .img_area p:nth-child(2) {
margin-top: 30px;
}

/*------サニテーション事業---------------*/
#deodorize .tab_area li:first-child {
    margin-right: 1em;
}
#deodorize #sec_srw .ttl_area p {
    font-size: 16px;
    margin-top: -2.5em;
}
#deodorize #sec_srw .tag {
    font-size: 14px;
}
#deodorize #sec_srw .effect {
	display: block;
    width: 100%;
    text-align: center;
}
#deodorize #sec_srw .effect .img_area {
    width: 21%;
    margin: 0 auto 2em;
}
#deodorize #sec_srw .effect ul.point {
    width: 100%;
    justify-content: space-between;
}
#deodorize #sec_srw .effect ul.point li:nth-child(odd) {
    margin-right: 0;
}
#deodorize #sec_srw .effect ul.point li {
    width: 48%;
    margin-bottom: 3%;
}
#deodorize #sec_srw .mechanism {
    display: block;
}
#deodorize #sec_srw .mechanism .img_area {
    text-align: center;
    margin: 0 auto 2em;
    width: 60%;
}
#deodorize #sec_srw .date .l_txt {
    font-size: 18px;
    margin-bottom: 0.5em;
}
#deodorize #sec_srw .date .box {
    display: block;
}
#deodorize #sec_srw .date .box .l_box {
    width: 100%;
    margin-bottom: 2em;
}
#deodorize #sec_srw .date .box .r_box {
    width: 100%;
}
#deodorize #sec_srw .date .box .r_box .in_box p {
    font-size: 14px;
}
#deodorize #sec_srw .date .box .r_box .in_box ul.in_list li {
    margin-bottom: 0.5em;
}
#deodorize #sec_srw .date .box_02 p {
    padding: 0 1em;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}
#deodorize #sec_srw .date .other .o_box ul.price {
    display: block;
}
#deodorize #sec_srw .date .other .o_box ul.price li {
    font-size: 15px;
}
#deodorize #sec_srw .date .other .o_box ul.price li:first-child {
    margin-right: 0;
}
#deodorize #sec_srw .date .other .o_box ul.price li .l_item {
    width: 70%;
}
#deodorize #sec_srw .date .other .o_box ul.price li .r_item {
    width: 30%;
}
#deodorize #sec_pepopa .inner > ul.point {
    width: 100%;
    margin: 2em 0 0;
}
#deodorize #sec_pepopa ul.point li {
    width: 32.3%;
    margin-bottom: 2%;
}
#deodorize #sec_pepopa .btn_01 a {
    padding: 1em 1em;
    font-size: 14px;
}
#deodorize #sec_pepopa .box .ttl {
    font-size: 16px;
    margin-bottom: 0.3em;
}

/*------アーカバイル---------------*/
#archival .box {
    display: block;
    width: 100%;
}
#archival .box .l_box{
    margin-bottom: 1em;
}
#archival .box .r_box .point li span {
    font-size: 14px;
}
#archival .box_02 {
    display: block;h;
    width: 100%;
}
#archival .box_02 ul.l_box {
    width: 100%;
}
#archival .box_02 ul.l_box li p {
    font-size: 15px;
}
#archival .box_02 ul.l_box li span {
    margin-bottom: 0.2em;
}
#archival .box_02 .r_box {
    width: 100%;
    margin-bottom: 2em;
}
#archival .box_02 .r_box img{
	margin-bottom:1em;
}
#archival .service {
    margin-top: 4em;
}
#archival .service .s_ttl {
    display: block;
    font-size: 15px;
}
#archival .service ul.list_01 li .ttl {
    font-size: 13px;
}
#archival .service ul.list_02 li .ttl {
    font-size: 15px;
}
#archival .service ul.list_03 {
    display: block;
    margin-bottom:2em;
}
#archival .service ul.list_03:last-child{
	margin-bottom:0;
}
#archival .service ul.list_03 li {
    padding: 1em;
    margin-right: 0;
    font-size: 13px;
    margin-bottom: 1em;
}
#archival .service ul.list_03 li:last-child{
	margin-bottom:0;
}
#archival .service .s_ttl_02 {
    margin-bottom: 0.3em;
    font-size: 14px;
}
}

@media (max-width: 767px){
    .contact_form table{
        margin-bottom:1em;
    }
    .contact_form table tr{
        display:block;
    }
    .contact_form table th,
    .contact_form table td{
        width:100%;
    }
    .contact_form table th{
        width: 100%;
        background: #F7F8FE;
        border-top: solid 2px #bfa768;
        padding:.35em .75em;
    }
    .contact_form table th:before{
        color:#454545;
    }
    .contact_form table td{
        padding: 1.25em .75em;
        width: 100%;
        border-left: none;
    }
    .contact_form .middle{
        width:100%;
    }
    .contact_form .long{
        width:100%;
    }
    .contact_form li:nth-child(n+2){
        display:block;
    }
    .contact_form li:nth-child(n+2) > *{
        display:block;
    }
    .contact_form li:nth-child(n+2) span,
    .contact_form li:nth-child(n+2) label{
        width:100%;
    }
    .contact_form .form_btn button{
        font-size:14px;
    }
}