@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; letter-spacing:1px; font-size:14px; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6:Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }
.font_min { 
	font-family:"Shippori Mincho B1", ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, serif !important; 
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; }
/* */
#spmenu{display: none;}
/* wrapper  ----------------------- */
#wrapper { min-width: 768px;}

/* color  ----------------------- */

/* font  ----------------------- */

/* animation  ----------------------- */
.tran {
	-ms-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.loader {
  background: url("../images/page-loader.gif") 50% 50% no-repeat #f9f9f9;
  background-size: 100px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999; 
  }

/*共通  ----------------------- */
h1,h2{
	font-family:"Shippori Mincho B1", serif;
}
.box_center { width:100%; text-align:center; }
.box_right { width:100%; text-align:right; }
.box_left { width:100%; text-align:left; }
.img_center { display:block; text-align:center; }
.l_box { float:left; }
.r_box { float:right; }

.all_center_box {
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.all_center_item {
  vertical-align:middle;
}
/*margin*/
.mt80 { margin-top:80px !important; }
.mt60 { margin-top:60px !important; }
.mt50 { margin-top:50px !important; }
.mt40 { margin-top:40px !important; }
.mt30 { margin-top:30px !important; }
.mt20 { margin-top:20px !important; }
.mt15 { margin-top:10px !important; }
.mt10 { margin-top:10px !important; }
.mt5  { margin-top:5px !important; }
.mt0  { margin-top:0 !important; }
.mb60 { margin-bottom:60px !important; }
.mb50 { margin-bottom:50px !important; }
.mb40 { margin-bottom:40px !important; }
.mb30 { margin-bottom:30px !important; }
.mb20 { margin-bottom:20px !important; }
.mb10 { margin-bottom:10px !important; }
.mb7  { margin-bottom:7px !important; }
.mb5  { margin-bottom:5px !important; }

/*タイトルとリード文*/
.all_ttl_black, .all_ttl_write { margin-bottom:30px; padding:0 10px; font-size:32px; letter-spacing:4px; text-align:center; line-height:1.4em; }
.all_txt_black, .all_txt_write { margin-bottom:40px; padding:0 10px; font-size:14px; line-height:1.8em; text-align:center; }
.all_ttl_write, .all_txt_write { color:#FFF; }

.all_ttlred_line { background:url(../images/all_red_line.jpg) no-repeat bottom center; background-size:44px 4px; padding-bottom:15px; }

.main_copy {
    margin: 80px 0;
    padding: 0 20px;
    line-height: 2em;
    text-align: center;
    font-family: 'Abel', serif;
    font-size: 1.3em;
    font-weight: bold;
}


/*カラムリスト*/
.all_list_column { text-align:center; }
.all_list_column li { background:#FFF; margin:0 5px; padding-bottom:20px; display:inline-block; }
.all_list_column li p.ttl { padding:10px 0; font-size:18px; font-weight:bold; }
.all_list_column li img { width:100%; }
.all_list_column li p.txt { height: 90px; padding:15px 10px; font-size:14px; }

/*カラムリスト カラム数*/
.column2 li { max-width:486px; width:48%;} 
.column2 li p.txt { height: 70px;}
.column3 li { max-width:322px; width:30%; } 

.all_link_btn { background:#e22e21; margin-bottom:50px; padding:8px 25px; color:#fff; }

.sp{
	display: none!important;
}
.sp-ib{
	display: none!important;
}
.pc{
	display: block!important;
}
.pc-ib{
	display: inline-block!important;
}

@media (max-width:1660px) {
}

/* #header ヘッダー
=========================================== */
.current_page{color: #E22E21;}

/* #top　トップページ
=========================================== */
#top_main { background:url(../images/top_bg_white_pattern.jpg) no-repeat center center; background-size:cover; padding-left:20px; padding-bottom:20px; position:relative; }
#top_main a img[src="images/all_arrow1.png"]{ position: absolute; left: 50%; bottom: -12px; transform: translate(-90%,0); -webkit-transform: translate(-90%,0); -moz-transform: translate(-90%,0);}
#top_tile { position:absolute; z-index:0;}
.tile_list { font-size:0;}
.tile_list li { margin-left:-1px; margin-top:-1px; display:inline-block!important; }
.tile_list li:nth-child(5n+1) {margin-left:0;}

.tile1  {  background: no-repeat center center; background-size:cover; }
.tile2  {  background: no-repeat center center; background-size:cover; }
.tile3  {  background: no-repeat center center; background-size:cover; }
.tile4  {  background: no-repeat center center; background-size:cover; }
.tile5  {  background: no-repeat center center; background-size:cover; }
.tile6  {  background: no-repeat center center; background-size:cover; }
.tile7  {  background: no-repeat center center; background-size:cover; }
.tile8  {  background: no-repeat center center; background-size:cover; }
.tile9  {  background: no-repeat center center; background-size:cover; }
.tile10 {  background: no-repeat center center; background-size:cover; }
.tile11 {  background: no-repeat center center; background-size:cover; }
.tile12 {  background: no-repeat center center; background-size:cover; }
.tile13 {  background: no-repeat center center; background-size:cover; }
.tile14 {  background: no-repeat center center; background-size:cover; }


.top_main_box { position:absolute; z-index:50; text-align:center;}
.top_main_ttl { margin-top:-28px; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.top_main_copy { margin-bottom: 2%; font-size:21px; letter-spacing:3px;line-height: 1.6; }
.top_main_ttl img{ width: 60%; max-width: 420px;}
.top_amuse{ margin-top: 2%; font-size: 21px; font-family: serif;}


.nav_top {  margin:0 auto; width:100%; display:block; position:absolute; bottom:0px; left:0; z-index:10; }
.nav_top ul {background:#FAFAFA; width:100%; padding:8px 0; text-align:center; font-size:0;}
.nav_top ul li { display:inline-block; /*width:20%; min-width:155px; margin-left:-7px;*/ margin-bottom: 10px; border-left:1px solid #E22E21; padding:0 18px; }
.nav_top ul li:first-child { border-left:none; margin-left:0; }
.nav_top ul li:last-child { margin-bottom: 0; }
.nav_top ul li a { letter-spacing:1.5px; font-size:13px; font-weight:bold; color:#000; }
.nav_top ul li a:hover { color:#E22E21; opacity:1;}


#top_content1 {background:url(../images/top_bg1.jpg) center center; background-size:cover; width:100%; margin-bottom:80px; padding:80px 10px; text-align:center;  }
#top_content2 {background:url(../images/top_bg2.jpg) center center; background-size:cover; width:100%; margin-bottom:80px; padding:70px 10px; text-align:center;  }

.construction_iframe{ width: 100%; height: 400px; color: #000;}
.top_scintiller{ margin-bottom: 25px;}

.top_news { max-width:900px; width:90%; margin:0 auto 80px; text-align: center;}
.top_news li { width:49.5%; padding:20px; display: inline-block; text-align:left;}
.top_news li:first-child{border-bottom:1px dotted #D8D8D8; border-right:1px dotted #D8D8D8;}
.top_news li:nth-child(even){ margin-left: -6px;}
.top_news li:nth-child(2){border-bottom:1px dotted #D8D8D8;}
.top_news li:nth-child(3){border-right:1px dotted #D8D8D8;}
.top_news img { width: auto; height: 100%; display: block;}
.top_news p { display:inline-block; max-width:270px; width:65%; height: 75px; vertical-align:top; overflow: hidden;}
.top_news p span { margin-bottom:3px; display:block; font-weight:bold;}
.top_news .top_news_img{ width:77px; height:77px; margin-right:15px; position:relative; display:inline-block; vertical-align:top; overflow: hidden;}



/* #footer フッター
=========================================== */
#footer { padding-bottom:35px;}
.footer_copyright { text-align:center; font-size:14px;}



/* 提出用
=========================================== */
#top_main {  }
#top_main .img_cir1 {  }
#top_main .img_cir1 li { width:20%; float:left; }
#top_main .img_cir1 li img { width:100%; height:auto; }
.box_img { padding-bottom:60px; text-align:center; }
.btn_ori { position:relative; bottom:150px; display:block; margin:0 auto; }
.btn_sima { position:relative; bottom:1220px; display:block; margin:0 auto; }



/* 下層ページ共通
=========================================== */
.wrap_main { position:relative; 
			 z-index: 10;
}
.header_logo { position:absolute;
	top:63%;
	left:40px;
	width:15%;
	min-width:150px;
	max-width:180px;
 }
.second_main { width:100%; padding-bottom:0px; text-align:center; }
.second_main .bg_main#sima 				{ background:url(../images/ile_bg.jpg) top 10% left 20% no-repeat; }
.second_main .bg_main#about				{ background:url(../images/company_bg.jpg) center left 10% no-repeat; }
.second_main .bg_main#ori				{ background:url(../images/originalsheets_img_top.jpg) center center no-repeat; }
.second_main .bg_main#shou				{ background:url(../images/bg_04.jpg) center center no-repeat; }
.second_main .bg_main#case				{ background:url(../images/solutions_bg.jpg) center center no-repeat; }
.second_main .bg_main#business			{ background:url(../images/business_bg.jpg) center center no-repeat; }
.second_main .bg_main#business_shima	{ background:url(../images/business_shima_bg.jpg) center center no-repeat; }
.second_main .bg_main#business_naisou	{ background:url(../images/business_naisou_bg.jpg) center center no-repeat; }
.second_main .bg_main#business_tenpo	{ background:url(../images/business_tenpo_bg.jpg) center center no-repeat; }
.second_main .bg_main#solutions			{ background:url(../images/solutions_bg.jpg) top 40% center no-repeat; }
.second_main .bg_main#constructionttl	{ background:url(../images/construction_bg_top.jpg) top 10% center no-repeat; }
.second_main .bg_main#con				{ background:url(../images/contact_bg.jpg) center left 30% no-repeat; }
.second_main .bg_main#recruit				{ background:url(../images/recruit_bg.jpg) center left 30% no-repeat; }
.second_main .bg_main { background-size:cover !important; height:170px; display:table; width:100%; }


.all_ttl_main { display:table-cell; font-size:32px; letter-spacing:6px; text-align:center; line-height:1.5em; vertical-align:middle; color:#FFF; }

#gnav { width:100%; padding:4px 20px 0 220px;
	box-shadow:0px 5px 5px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 5px 5px -5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0px 5px 5px -5px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0px 5px 5px -5px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 5px 5px -5px rgba(0, 0, 0, 0.2);
 }
#gnav > ul { float:right;font-size:0; }
#gnav > ul > li { margin-bottom:10px; display: inline-block; text-align:center; border-left:1px solid #E22E21;position: relative; }
#gnav > ul > li:first-child{ border-left:none; }
#gnav > ul > li a { padding:0px 2vw; display:block!important; font-weight:bold; color:#000;  }
#gnav > ul > li a:hover { color:#E22E21; opacity:1;}

@media (max-width:940px){
	#gnav > ul > li a { padding:0px 0.8vw;}
}

.nav_d{
	display: block;
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
}
.nav_d a{
	background: #fff;
	padding: 3px 10px;
	-webkit-box-shadow: inset hoff voff blur color;
	box-shadow: 1px 2px 3px hsla(0, 0%, 0%, 0.35);
	margin-bottom: 5px;
}
.tran{
	position: relative;

}
.tran .nav_d{
	display: block;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	background: none;
	z-index: 3;

}

.tran .nav_d li{
	border: none;
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
}
.tran .nav_d a{
	background: #fff;
	padding: 3px 10px;
	-webkit-box-shadow: inset hoff voff blur color;
	box-shadow: 1px 2px 3px hsla(0, 0%, 0%, 0.35);
	margin-bottom: 5px;
	display: block;
}
/* 会社案内
=========================================== */
.company_main_copy{
	margin: 80px 0;
	padding: 0 20px;
	line-height: 2em;
	text-align: center;
	font-family: 'Abel', serif;
	font-size: 1.3em;
}
.company_outline{
	background: url(../images/company_bg_profile.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: auto;
	padding: 50px 0 80px;
	color: #fff;
}
.company_outline table{
	width: 70%;
	min-width: 600px;
	margin: 50px auto 0;
}
.company_outline tr{
	border-top: 1px #fff dotted;
	line-height: 2em;
}
.company_outline tr:first-child{
	border-top: none;
}
.company_outline th{
	padding: 1em 20px 1em 0;
	border-right: 1px #fff dotted;
	text-align: right;
	font-weight: 600;
}
.company_outline td{
	padding: 1em 0 1em 20px;
	text-align: left;
}
.company_title{
	margin: 35px auto 15px;
	display: block;
	letter-spacing: 5px;
	text-align: center;
	font-size: 2.5em;
}
.company_red_line{
	width: 3em;
	height: 4px;
	background: #f00;
	margin: 0 auto;
}
.company_red_shortline{
	width: 2em;
	height: 4px;
	background: #f00;
	margin: 0 auto;
}
.company_copy{
	margin: 30px auto;
	display: block;
	letter-spacing: 2px;
	line-height: 1.8em;
	text-align: center;
	    padding: 0px 20px;
}
.company_history{
	height: auto;
	padding: 50px 0 80px;
}
.company_history table{
	width: 70%;
	min-width: 600px;
	margin: 30px auto 0;
}
.company_history tr{
	border-top: 1px #c0c0c0 dotted;
	line-height: 2em;
}
.company_history tr:first-child{
	border-top: none;
}
.company_history th{
	width: 10em;
	padding: 1em 20px 1em 0;
	border-right: 1px #c0c0c0 dotted;
	text-align: right;
	font-weight: 600;
}
.company_history td{
	padding: 1em 0 1em 20px;
	padding-left: 20px;
	text-align: left;
}
.company_history_images{
	width: 80%;
	min-width: 600px;
	margin: 30px auto 0px;
	text-align: center;
}
.company_history_images img{
	width: 13%;
	margin: 0 1%;
}
.company_recruit{
	background: url(../images/solutions_process_back.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	margin-bottom: 80px;
	padding: 50px 0 80px;
	color: #fff;
}
.company_small_entry_buttom{
	background: #f00;
	width: 4.5em;
	padding: 2px;
	display: inline-block;
	line-height: 1em;
	font-size: 0.9em;
	color: #fff;
}
.company_recruit_images{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.company_recruit_merit{
	width: 20%;
	margin: 0 1%;
	display: inline-block;
	vertical-align: top
}
.company_recruit_merit img{
	width: 100%;
}
.company_recruit_merit p{
	width: 100%;
	margin-top: 1em;
	text-align: left;
	line-height: 1.8em;
	font-size: 0.9em;
}
.company_recruit_guide{
	width: 90%;
	margin: 50px auto 0;
	text-align: center;
}
.company_recruit_guide_job{
	margin: 0 auto 10px;
	display: block;
	text-align: center;
	font-size: 1.6em;
}
.company_recruit_guide li{
	background: #fff;
	width: 29%;
	margin: 0 1%;
	padding: 30px 0;
	display: inline-block;
	color: #000;
}
.company_recruit_guide table{
	width: 92%;
	margin: 10px auto 0;
}
.company_recruit_guide tr{
	border-top: 1px #c0c0c0 dotted;
}
.company_recruit_guide tr:first-child{
	border-top: none;
}
.company_recruit_guide th{
	width: 5.5em;
	padding: 1em 8px 1em 0;
	border-right: 1px #c0c0c0 dotted;
	text-align: right;
	font-weight: 600;
}
.company_recruit_guide td{
	padding: 1em 0 1em 8px;
	text-align: left;
}
.company_recruit_guide_entry{
	width: 30%;
	margin: 20px auto 0;
	line-height: 2em;
	color: #fff;
}
.company_recruit_guide_entry a{
	background: #f00;
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	text-decoration: none;
	color: #fff;
}
.company_recruit_guide li span{
	display: block;
	font-size: 0.8em;
}

/* 技術紹介
=========================================== */
.solutions_merit{
	background: url(../images/solutions_merit_back.png) no-repeat center;
	background-size: cover;
	width: 100%;
	padding: 80px 0 80px;
	color: #fff;
}
.solutions_title{
	margin: 0px auto 10px;
	display: block;
	text-align: center;
	letter-spacing: 3px;
	font-size: 2.5em;
}
.solutions_copy{
	margin: 20px auto;
	display: block;
	text-align: center;
	letter-spacing: 3px;
	line-height: 2em;
}
.solutions_merit_exms{
	max-width: 1100px;
	text-align: center;
	margin: 60px auto 0;
}
.solutions_merit_exm{
	width: 22.5%;
	min-width: 195px;
	margin: 0 2%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.solutions_merit_exm img{
	width: 100%;
	min-width: 195px;
	display: inline-block;
}
.solutions_merit_exm_title{
	margin-top: 0.8em;
	display: inline-block;
	letter-spacing: 2px;
	line-height: 2em;
	font-size: 1.4em;
	font-weight: bold;
}
.solutions_merit_exm_copy{
	letter-spacing: 2px;
	text-align: center;
}
.solutions_example{
	padding: 100px 0;
}
.solutions_title2{
	width: 80%;
	margin: 15px auto 20px;
	padding-bottom: 5px;
	border-bottom: 1px #f00 dashed;
	text-align: center;
	letter-spacing: 2px;
	line-height: 2em;
	font-weight: 600;
	font-size: 1.5em;
}
.solutions_copy2{
	text-align: center;
}
.solutions_example_exms{
	margin: 20px auto;
	text-align: center;
}
.solutions_example_exm{
	width: 35%;
	max-width: 400px;
	display: inline-block;
	margin: 15px 10px;
	vertical-align: top;
	text-align: center;
}
.solutions_example_exm img{
	background: #d3d3d3;
	width: 100%;
	max-width: 400px;
	text-align: center;
}
.solutions_example_exm_title{
	text-align: center;
	line-height: 2.5em;
	font-size: 1.3em;
}
.solutions_example_list{
	width: 50%;
	margin: 50px auto;
	color: #fff;
}
.solutions_example_list a{
	background: #f00;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	letter-spacing: 8px;
	line-height: 70px;
	font-size: 1.5em;
	font-weight: 800;
	color : #fff;
}
.solutions_process{
	background: url(../images/solutions_process_back.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 1150px;
	margin-bottom: 80px;
	padding: 70px 0 0;
	color: #fff;
}
.solutions_process_exms{
	margin-top: 80px;
	text-align: center;
}
.solutions_process_exm1,.solutions_process_exm2,.solutions_process_exm3{
	width: 70%;
	height: 200px;
	padding: 0 20px;
	display: inline-block;
	color: #fff;
}
.solutions_process_exm1{
	background: url(../images/solutions_process1.jpg);
	background-size: cover;
	box-shadow: 0 0 5px #202020;
}
.solutions_process_exm2{
	background: url(../images/solutions_process2.jpg);
	background-size: cover;
	box-shadow: 0 0 5px #202020;
}
.solutions_process_exm3{
	background: url(../images/solutions_process3.jpg);
	background-size: cover;
	box-shadow: 0 0 5px #202020;
}
.solutions_process_exm_title{
	width: 80%;
	margin: 50px auto 10px;
	border-bottom: 1px #fff dotted;
	line-height: 2em;
	letter-spacing: 4px;
	font-size: 1.4em;
	font-weight: 800;
}
.solutions_process_exms img{
	width: 30px;
	height: 20px;
	margin: 30px auto;
	display: block;
}


/* 業務内容/商品紹介
=========================================== */
.business_work{
	background: url(../images/solutions_merit_back.png) no-repeat center;
	background-size: cover;
	height: auto;
	padding: 50px 0;
	color: #fff;
}
.business_title{
	margin: 30px auto 5px;
	display: block;
	text-align: center;
	letter-spacing: 4px;
	font-size: 33px;
}
.business_copy{
	margin: 25px auto;
	display: block;
	letter-spacing: 2px;
	line-height: 2em;
	text-align: center;
}
.business_work_example{
	width: 95%;
	margin: 70px auto 40px;
	text-align: center;
}
.business_work_box{
	background: url(../images/business_work_example1.jpg) no-repeat;
	background-size: cover;
	width: 30%;
	max-width: 500px;
	height: 300px;
	margin: 0 1%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 70px;
}
.business_work_image1{
	background: url(../images/business_work_example1.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.business_work_image2{
	background: url(../images/business_work_example2.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.business_work_image3{
	background: url(../images/business_work_example3.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.business_work_image4{
	background: url(../images/business_work_example4.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
/**/
.business_work_example.shima .n1{
	background: url(../images/business_work_example_shima01.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.business_work.naisou{
	background: url(../images/business_tenpo_back.png) no-repeat center;
    background-size: cover;
}
.business_work_example.naisou .n1{
	background: url(../images/business_naisou_example1.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.business_work_example.naisou .n2{
	background: url(../images/business_naisou_example2.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
/**/
.business_work_image_title{
	background: #fff;
	width: 100%;
	height: 60px;
	text-align: center;
}
.business_work_image_title span{
	width: 100%;
	display: inline-block;
	margin-top: 17px;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 18px;
	color: #000;
}
.business_work_image_text{
	background: #fff;
	width: 100%;
	height: 70px;
	padding: 0 5px;
	position: absolute;
	bottom: 0;
	letter-spacing: 2px;
	color: #000;
}
.business_work_image_text span{
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.business_work_image_btn {
    width: 100%;
    padding: 0 5px;
    position: absolute;
    bottom: 0;
    letter-spacing: 2px;
    color: #000;
    bottom: -70px;
}
.business_work_image_btn a {
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #f00;
    cursor: pointer;
}
.business_product{
	margin: 80px 0 80px;
}
.business_title2{
	width: 80%;
	margin: 10px auto 20px;
	padding-bottom: 5px;
	border-bottom: 1px #f00 dashed;
	text-align: center;
	line-height: 2em;
	letter-spacing: 3px; 
	font-family: "Shippori Mincho B1", serif;
	font-size: 22px;
	padding-top: 25px;
}
.business_copy2{
	line-height: 1.8em;
	text-align: center;
}
.business_product_example{
	margin: 30px 0 50px;
}
.business_product_example_exms{
	margin-top: 30px;
	text-align: center;
}
.business_product_example_exm{
	width: 35%;
	max-width: 400px;
	display: inline-block;
	margin: 15px 5px;
	vertical-align: top;
	text-align: center;
}
.business_product_example_exm img{
	background: #d3d3d3;
	width: 100%;
	max-width: 400px;
	text-align: center;
}
.business_product_example_exm_title{
	text-align: center;
	line-height: 2.5em;
	letter-spacing: 2px;
	font-size: 16px;
}
.business_product_intro{
	background: url(../images/top_bg2.jpg);
	background-size: cover;
	width: 84%;
	height: 220px;
	margin: 0 auto 60px;
	padding: 40px 15px;
	text-align: center;
	color: #fff;
}
.business_product_intro_title{
	margin-bottom: 10px;
	letter-spacing: 3px; 
	font-family: "Shippori Mincho B1", serif;
	font-size: 1.5em;
}
.business_product_intro_title a{
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
}
.business_product_intro_list{
	width: 20em;
	height: 3em;
	margin: 30px auto 0;
	letter-spacing: 3px;
}
.business_product_intro_list a{
	background: #f00;
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	line-height: 3em;
	text-decoration: none;
	color: #fff;
}
.business_product_sheet{
	width: 70%;
	margin: 30px auto 0;
	text-align: center; 
}
.business_product_sheet img{
	width: 100%;
}
.business_product_sheet_intro{
	background: url(../images/business_product_sheet_art2.jpg);
	background-size: cover;
	width: 75%;
	height: 220px;
	margin: 40px auto 70px;
	padding: 40px 15px;
	text-align: center;
	color: #fff;
}

/*　島施工
=========================================== */
.business_shima_flow{
	text-align: center;
	width: 75%;
	margin: auto;
}
.business_shima_flow img{
	width: 100%;
	height: auto;
}
.business_product_sheet_intro.shima {
    background: url(../images/business_product_sheet_art3.jpg);
    background-size: cover;
}

/*　店舗什器
=========================================== */
.business_product_sheet_intro.tenpo {
    background: url(../images/business_product_sheet_art5.jpg);
    background-size: cover;
}
.business_work_example.tenpo .n1{
	background: url(../images/business_tenpo_example1.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.business_work_example.tenpo .n2{
	background: url(../images/business_tenpo_example2.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
/*内装
=========================================== */
.business_product_sheet_intro.naisou {
    background: url(../images/business_product_sheet_art4.jpg);
    background-size: cover;
}
/* 施工事例
=========================================== */
.construction_title{
	margin: 30px auto 10px;
	display: block;
	text-align: center;
	font-size: 2em;
}
.construction_example{
	width: 80%;
	max-width:1000px;
	margin: 80px auto 120px;
}
.construction_example li{
	width: 100%;
	height: 160px;
	text-align: left;
	position: relative;
	border-top: 1px #f00 dotted;
}
.construction_example li a.const_list {
	display: block;
	padding: 20px;
}
.construction_example li a.const_list:hover {
	background-color: rgba(165,165,165,0.1);
	opacity: 1;
}

.construction_example li:first-child{
	border-top: none;
}
.const_img{
	width: 180px;
	height: 120px;
	margin-right: 2%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.construction_example li img{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.construction_example_title{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.construction_example_day{
	color: #f00;
	font-size: 16px;
}

.construction_example_text{
	width: 100%;
	height: 3em;
	display: block;
    font-family: "Shippori Mincho B1", serif;
	font-size: 1.5em;
	color: #000;
	overflow-y: hidden;
}
.construction_example_more{
	height: 2em;
	padding:0 20px;
	position: absolute;
	right: 25px;
	bottom: 10%;
	text-align: center;
	background: #f00;
	display: block;
	line-height: 2em;
	font-size: 1em;
	color: #fff;
}

/* お問い合せ
=========================================== */
.contact_main_copy{
	margin: 80px 0;
	line-height: 2em;
	text-align: center;
	font-family: 'Abel', serif;
	font-size: 1.3em;
}
.contact_title{
	padding-bottom: 10px;
	text-align: center;
	letter-spacing: 3px;
	font-weight: 600;
	font-family: 'Oswald', serif;
	font-size: 2.1em;
}
.contact_description{
	margin: 40px 0;
	line-height: 2em;
	text-align: center;
}
.contact_form table{
	width: 55%;
	min-width: 600px;
	margin: 0 auto;
}
.contact_form tr{
	line-height: 4em;
}
.contact_form th{
	width: 18em;
	height: 3em;
	text-indent: 2.5em;
	font-size: 1.1em;
}
.contact_form td{
	font-size: 1.1em;
}
.contact_form_text{
	width: 60%;
	padding: 5px;
}
.contact_form_text2{
	width: 60%;
	padding: 5px;
}
.contact_form_text3{
	width: 90%;
	padding: 5px;
}
.contact_form label{
	margin: 0 50px 0 0px;
}
input[type="radio"]{
	display: inline-block;
	margin: 0 10px 0 0px;
}
.contact_textarea{
	margin: 1em 0;
}
.contact_red{
	font-size: 0.7em;
	color: #ff0000;
}
.contact_send{
	width: 8em;
	height: 2em;
	margin: 3em auto 0;
	text-align: center;
}
.contact_send input[type="submit"]{
	background: #f00;
	width: 100%;
	height: 100%;
	border: none;
	vertical-align: middle;
	font-size: 0.8em;
	color: #fff;
	cursor: pointer;
}
.contact_send input[type="submit"]:hover{
	opacity: 0.7;
}
.contact_tell_fax{
	margin: 150px auto 0;
	padding-bottom: 10px;
	font-weight: 500;
	letter-spacing: 3px;
	text-align: center;
	font-family: 'Abel', serif;
	font-size: 2.1em;
}
.contact_tell_fax span{
	font-size: 1em;
}
.contact_tell_content{
	text-align: center;
}
.contact_tell{
	display: inline-block;
}
.contact_tell:nth-child(2){
	margin-left: 7%;
}
.contact_tell_red{
	background: #f00;
	width: 55px;
	height: 35px;
	margin: 3px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
	line-height: 35px;
	text-align: center;
	font-weight: 300;
	font-family: 'Cabin', serif;
	font-size: 1.2em;
	color: #fff;
}
.contact_tell_red +p{
	display: inline-block;
	vertical-align: top;
	letter-spacing: 4px;
	font-family: 'Oswald', serif;
	font-size: 2em;
}
.privacy_content_text{
	width: 80%;
	margin: 30px auto 150px;
	line-height: 2em;
}
.privacy_content_text strong{
	font-weight: 700;
	font-size: 1.3em;
}
.privacy_title strong{
	letter-spacing: 3px;
}
.privacy_title +p{
	margin-bottom: 1.5em;
}
.privacy_company{
	margin-top: 1.5em;
}

/* サンクスページ
=========================================== */
.thanks_title{
	margin-top: 80px;
	padding-bottom: 10px;
	text-align: center;
	letter-spacing: 3px;
	font-weight: 600;
	font-family: 'Oswald', serif;
	font-size: 2.1em;
}
.thanks_main_copy{
	margin: 40px 0 60px;
	line-height: 2em;
	text-align: center;
	font-family: 'Abel', serif;
	font-size: 1.3em;
}
.thanks_topback{
	text-align: center;
}
.thanks_topback a{
	background: #f00;
	width: 15em;
	height: 3.5em;
	margin-bottom: 180px;
	display: inline-block;
	line-height: 3.5em;
	color: #fff;
}

/* 島・パース紹介
=========================================== */
#ile_unit{
	padding-top: 100px;
	margin-top: -100px;
}
#ile_assembly{
	padding-top: 30px;
	margin-top: -30px;
}
.ile_main_copy{
	width: 95%;
	margin: 80px auto 110px;
	line-height: 2em;
	text-align: center;
	font-family: 'Abel', serif;
	font-size: 1.3em;
}
.ile_method_title_back1 {
	background: url(../images/ile_bg_unit.jpg);
	background-size: cover;
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
	height: 145px;
}
.ile_method_title_back2 {
	background: url(../images/ile_bg_assembly.jpg);
	background-size: cover;
	width: 90%;
	margin: 80px auto 0;
	padding: 40px 0;
	height: 145px;
}
.ile_method_title {
	margin: 0 0 10px;
	letter-spacing: 3px;
	text-align: center;
	font-size: 2em;
}
.ile_method_small_copy{
	width: 85%;
	margin: 30px auto 50px;
	line-height: 2em;
	letter-spacing: 3px;
	text-align: center;
}
.ile_method_images{
	text-align: center;
}
.ile_origin_ent{
	width: 95%;
	background: url(../images/business_bg_btn_originalsheet.jpg) no-repeat center;
	background-size: cover;
	height: 350px;
	margin: 160px auto 100px;
	padding: 90px 0;
}
.ile_origin_text{
	text-align: center;
	font-size: 3em;
	font-family:"Shippori Mincho B1", serif;
}
.ile_origin_list{
	background: #f00;
	width: 30em;
	height: 4.5em;
	margin: 35px auto 0;
	text-align: center;
}
.ile_origin_list a{
	width: 100%;
	height: 100%;
	display: block;
	letter-spacing: 3px;
	line-height: 3em;
	font-size: 1.5em;
	color: #fff;
}

/* オリジナルシート
=========================================== */
#origin_pattern,#origin_gloss,#origin_olefin{
	padding-top: 70px;
	margin-top: -70px;
}
.origin_santi_block{
	width: 80%;
	margin: 40px auto 100px;
	position: relative;
	text-align: center;
}
.origin_santi_block img{
	width: 45%;
	margin-right: 3%;
	display: inline-block;
	vertical-align: middle;
}
.origin_santi_text{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.origin_method_title_back1 {
	background: url(../images/original_bg_scintiller.jpg);
	background-size: cover;
	width: 90%;
	margin: 80px auto 0;
	padding: 40px 0;
	height: 145px;
	color: #fff;
}
.origin_method_title_back2 {
	background: url(../images/original_bg_colorvariation.jpg);
	background-size: cover;
	width: 90%;
	margin: 80px auto 0;
	padding: 40px 0;
	height: 145px;
}
.origin_color_copy{
	margin: 30px;
	text-align: center;
}
.origin_title{
	width: 80%;
	margin: 15px auto 20px;
	padding-bottom: 5px;
	border-bottom: 1px #f00 dashed;
	text-align: center;
	letter-spacing: 2px;
	line-height: 2em;
	font-weight: 600;
	font-size: 1.5em;
}
.origin_gara_copy{
	text-align: center;
}
.origin_gara_sheets{
	width: 70%;
	margin: 40px auto 50px;
	text-align: center;
}
.origin_gara_sheets_block{
	width: 45%;
	margin: 0 1%;
	display: inline-block;
}
.origin_gara_sheets_block img{
	width: 100%;
	display: block;
}
.origin_gara_sheets_block p{
	margin-top: 10px;
	text-align: center;
}
.origin_gloss_sheets{
	width: 70%;
	margin: 20px auto 50px;
	position:relative;
	text-align: justify;
}
.origin_gloss_sheets .gloss_sheet{
	width: 21.2%;
	margin: 20px 1.5%;
	display: inline-block;
}
.origin_gloss_sheets .gloss_sheet img{
	width: 100%;
	display: block;
}
.origin_gloss_sheets .gloss_sheet p{
	margin-top: 10px;
	text-align: center;
}
.origin_ile_ent{
	width: 95%;
	background: url(../images/business_bg_btn_ile.jpg) no-repeat center;
	background-size: cover;
	height: 350px;
	margin: 160px auto 100px;
	padding: 90px 0;
}

/* ************************************* ↓↓↓↓↓mediaquery↓↓↓↓↓ ****************************************  */
/* #top トップページ
/* *************************  -1024の表示  **************************  */
@media (max-width:1024px) {
	.tile_list li{
		display: inline-block!important;
	}
}
@media (max-width:1080px){
	.business_product_sheet_intro{
		padding: 30px 15px;
	}	
	.construction_example_text{
		width: 420px;
	}
	.tile_list li{
		display: inline-block!important;
	}
}
@media (max-width:828px){
	.solutions_process_exm_title{
		margin: 40px auto 10px;
	}
	.construction_example_text{
		width: 370px;
	}
	.tile_list li{
		display: inline-block!important;
	}
}
/* ************************************* ↑↑↑↑↑↑mediaquery↑↑↑↑↑ ****************************************  */


@media only screen and (max-width: 767px) {
	.sp{
		display: block!important;
	}
	.sp-ib{
		display: inline-block!important;
	}
	.pc{
		display: none!important;
	}
	.pc-ib{
		display: none!important;
	}
	.mt80 {
	    margin-top: 80px !important;
	}
	.header_logo {
		left: 10px!important;

	}
	#wrapper {
	    min-width: initial;
	    min-width: auto;
	    min-width: 100%;
	    width: 100%;
	}
	#gnav {
	    width: 100%;
	    padding: 4px 20px 0 220px;
	    min-width: initial!important;
	    min-width: auto!important;
	    background: #fff;
	    height: 52px;
	    position: relative;
	}

	#spmenu{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		color: #fff;
		cursor: pointer;
		display: block!important;
	}
	#spmenu p{
		position: relative;
		height: 30px;
		display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    -webkit-align-items: center;
	    align-items: center;
	}
	#spmenu i{
		position: relative;
		height: 21px;
		display: block;


	}
	#spmenu i b{
		width: 30px;
		height: 3px;
		border-radius: 100px;
		background: #f00;
		top: 50%;
		left: 0;
		margin-top: -1px;
		position: absolute;
		transition: .3s;
	}
	#spmenu i:before{
		content: '';
		height: 3px;
		border-radius: 100px;
		width: 30px;
		background: #000;
		top: 0;
		left: 0;
		position: absolute;
		transition: .3s;
	}
	#spmenu i:after{
		content: '';
		height: 3px;
		border-radius: 100px;
		width: 30px;
		background: #000;
		bottom: 0;
		left: 0;
		position: absolute;
		transition: .3s;
	}
	#spmenu.active i b{
		opacity: 0;

	}
	#spmenu.active i:after,
	#spmenu.active i:before{
		bottom: auto;
		top: 50%;
		left: 50%;
		margin-top: -2px;
		margin-left: 0px;
		width: 30px;
	}
	#spmenu.active i:after{
		moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#spmenu.active i:before{
		moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.nav_top.snav_top .nav_d{
		display: none!important;
	}
	.nav_top {
	    bottom: 18px;
	    display: none;
	}
	#gnav ul {
	    display: none;
	    width: 100%;
	    position: absolute;
	    top: 52px;
	    left: 0;
	    z-index: 999;
	    background: #2b2b2b;
	    padding: 0;
	    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    font-size: inherit;
	}
	#gnav ul li {
	    display: block;
	    width: 100%;
	    margin-bottom: 0;
	    text-align: left;
	    border-left: none;
	    border-bottom: 1px solid #101010;
	    border-top: 1px solid #424242;
	}
	#gnav ul li:last-child {
	    margin-bottom: 0;
	}
	#gnav ul li a {
	    color: #fff;
	    padding: 14px 24px;
	    cursor: pointer;

	}
	#gnav .nav_d{
		position: static;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #1f1f1f;
	}
	#gnav .nav_d li{
		margin-bottom:0;
		border-bottom: 1px solid #000000;
		border-top: 1px solid #2d2d2d;
	} 
	#gnav .nav_d li a{
		background: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #b9b9b9;
	} 
	#gnav.inpage{
		
		width: 100%;
		top: 0;
		left: 0;
	}
	#gnav a.d{
		position: relative;
	}
	#gnav a.d:before{
		content: '';
		position: absolute;
		right: calc(24px + 11.5px);
		top: calc(50% - 11.5px);
		height: 23px;
		width: 2px;
		background: #6b6b6b;
		transition: .3s;
	}
	#gnav a.d:after{
		content: '';
		position: absolute;
		right: calc(24px + 0px);
		top: calc(50% - 1px);
		height: 2px;
		width: 23px;
		background: #6b6b6b;
		transition: .3s;
	}
	#gnav a.d.active:before{
		display: none;
	}
	#top_main {
	    background: url(../images/top_bg_white_pattern.jpg) no-repeat center center;
	    background-size: cover;
	    padding-left: 0px;
	    padding-bottom: 0px;
	    position: relative;
	}
	.top_main_ttl{
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.top_main_ttl {
	    margin-top: 0;
	    width: 80%;
	    margin: auto;
	    top: 25vh;
	    height: 50vh;
	}
	.top_main_ttl a {
		display: block;
		margin: 3vw 0;
		left: 10px!important;
	}
	.top_main_ttl img {
		width: 100%;

	}
	#top_main a img[src="images/all_arrow1.png"] {
	    bottom: 10px;
	    margin-left: -17px;
	    transform: none;
	}
	.top_main_ttl + .snav_top.nav_top #spmenu{
	    display: none!important;
	}
	#top_tile{
		width: 100%;
		height: 100%;
	}
	.tile_list {
	    height: 100%;
	}
	.top_main_copy,.top_amuse {
	    font-size: 3vw;
	    line-height: 1.6;
	}
	.tile_list li.tile5,
	.tile_list li.tile6,
	.tile_list li.tile11,
	.tile_list li.tile12,
	.tile_list li.tile13,
	.tile_list li.tile14,
	.tile_list li:nth-child(10){
		display: none!important;
	}
	.top_news p {
	    height: auto;
	}
	.tile_list li{
		margin: 0!important;
		display: block;
		float: left;
	}
	.nav_top ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		padding: .8em;
		background: none;
	}
	.nav_top ul li {
	    border-left: none;
	    display: block;
	    float: left;
	    margin: 0 1.6% .6em 0!important;
	    padding: 0!important;
	    width: auto;
	}
	.nav_top ul li:nth-child(4) {
	    clear: left;
	}
	.nav_top ul li a {
	    display: block;
	    padding: .8em .8em!important;
	    background: #FAFAFA;
	    border-bottom: 1px solid #E22E21;
	}
	.column2 li {
	    max-width: initial!important;;
	    max-width: auto!important;
	    width: 84%;
	    margin: auto;
	    margin-bottom: 1.6em;
	}
	.column3 li {
		max-width: initial!important;;
	    max-width: auto!important;
	    width: 84%;
	    margin: auto;
	    margin-bottom: 1.6em;
	}
	.all_list_column li {
	    display: block;
	}
	.all_ttl_black, .all_ttl_write {
	    font-size: 7vw;
	}
	#top_content1 {
	    margin-bottom: 2.4em;
	    padding: 2.4em .8em;
	}
	#top_content2 {
	     margin-bottom: 2.4em;
	    padding: 80px .8em;
	}
	.top_news {
	    width: 100%;
	    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	    -webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	.top_news li {
	    width: 50%;
	    margin-left: 0!important;
	}
	.top_news .top_news_img {
	    width: 100%;
	    height: auto;
	    margin-right: 0;
	}
	.top_news img {
	    width: 100%;
	    height: auto;
	}
	.top_news p {
	    width: 100%;
	}
	.second_main {
	    padding: 0;
	}
	/**/
	.solutions_title,.business_title,.ile_origin_text,.company_title,.contact_tell_fax,
	.contact_title,.construction_title,.thanks_title {
	    font-size: 6vw;
	}

	.solutions_title2 {
	    width: 100%;
	}
	.solutions_merit {
    padding: 80px 0 65px;
}
	.solutions_example_exm {
	    width: 100%;
	    display: block;
	    margin-left: 0;
	    margin-right: 0;
	    max-width: 600px;
	}
	.solutions_example_exm img {
	    max-width:84%;
	}
	.solutions_example_list a {
	    font-size: 4vw;
	}
	.solutions_example_list {
	    width: 100%;
	    margin: 30px auto;
	}
	/**/
	.solutions_example {
	    padding: 65px 0;
	}
	/* company */
	.company_main_copy {
	    margin: 40px 0;
	}
	.company_outline table {
	    min-width: initial;
	    min-width: auto;
	    width: 90%;
	}
	.company_outline th {
	    width: 110px;
	}
	.company_history {
	    padding: 50px 20px 80px;
	}
	.company_history table,.contact_form table,table.mailform {
	    min-width: initial!important;
	    min-width: auto!important;
	    width: 100%!important;
	}
	.company_history th {
    font-size:11px;
}
	table *{
		word-wrap: break-word;
		 word-break : break-all;
	}
	table.mailform td,table.mailform th {
	    display: block;
	    width: 100%!important;
	    border: none!important;
	    text-align: left!important;
	    height: auto!important;
	    padding: 0px 10px 10px!important;
	    text-indent: 0;
	}
	table.mailform th {
	    padding-top: 10px!important;
	}
	table.mailform input[type="text"] {
	    width: 100%;
	    margin-bottom: 5px;

	}
	table.mailform input[type="redio"] {
	    float: left;

	}
	table.mailform tr td textarea {
	    margin-top: 0!important;
	    margin-bottom: 0!important;
	}
	/**/
	.ile_main_copy {
	    margin: 40px auto 0px;
	}
	.ile_origin_list {
	    width: 80%;
	    margin: 20px auto 0;
	    height: auto;
	}
	
	.ile_origin_list a {
	    font-size: 4vw;
	}
	.origin_method_title_back1,.origin_method_title_back2 {
	    margin: 30px auto 0;
	}
	.origin_santi_block img {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	.origin_santi_text {
	    width: 100%;
	}
	.origin_santi_block {
	    width: 90%;
	    margin: 30px auto 0px;
	}
	.origin_title {
	    width: 90%;
	    margin: 15px auto 20px;
	    padding-bottom: 5px;
	    border-bottom: 1px #f00 dashed;
	    text-align: center;
	    letter-spacing: 2px;
	    line-height: 2em;
	    font-weight: 600;
	    font-size: 1.5em;
	}
	.origin_gara_copy{
		width: 90%;
		margin-left: auto;
	    margin-right: auto;

	}
	.origin_ile_ent {
	    width: 90%;
	    margin: 40px auto 100px;
	    height: auto;
	    padding: 30px 0;

	}
	/**/
	.contact_form tr {
	    line-height: 1.6;

	}
	.contact_form label{
		display: block;
		margin-bottom: 5px;
	}
	.company_history_images {
	    min-width: initial;
	    min-width: auto;
	    width: 100%;
	}
	.company_recruit_guide li {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.company_recruit_images {
	    overflow: hidden;
	    margin-bottom: 0;
	}
	.company_recruit_merit {
    width: 48%;
    margin: 1%;
    display: block;
    float: left;
    margin-bottom: 20px;
}
	.company_recruit_merit p {
	    margin-top: 4px;
		padding: 0 10px 0 0;
	}
	/**/
	.solutions_example {
	    width: 90%;
	    margin: auto;
	}
	.solutions_merit_exm:last-child {
	    margin-top: 15px;
	}
	.solutions_example_exm_title {
	    line-height: 1.6;
	    font-size: 1em;
	    margin-top: 5px;
	}
	.solutions_process_exm1, .solutions_process_exm2, .solutions_process_exm3,
	.business_product_sheet ,.business_product_sheet_intro{
	    width: 85%;
	}
	/**/
	.business_work {
	    padding: 50px 3%;
	}
	.business_work_box {
	    width: 100%;
	    display: block;
	}
	.business_work_image_btn {
	    padding: 0 0px;
	    bottom: -41px;
	}
	.business_product,.business_product_example,.contact_description,.contact_form,
	.privacy_content_text,.solutions_example_exms,.thanks_main_copy {
	   width: 90%;
	   margin-left: auto;
	   margin-right: auto;
	}
	.business_title2{
		width: 100%;
	}
	.business_product {
	    margin: 80px auto 80px;
	}
	.business_product_sheet_intro {
	    margin: 40px auto 40px;
	}
	.business_product_example_exm {
	    width: 44%;
	}
	.business_product_example_exms {
	    margin-top: 10px;
	}
	/**/
	.const_img {
	    width: 100%;
		height: auto;
    margin-right: 0;
	}
	.construction_example li img{
	position: relative;
}
	.construction_example {
	    width: 100%;
	    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	    -webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: stretch;
		align-items: stretch;
		
		
	}
	 .construction_example li {
margin-left: 0!important;
width: 50%;
padding: 0px;
display: block!important;
float: left;
text-align: left;
height: auto;
border: none!important;
border-bottom: dotted 1px #ccc!important;
border-right: dotted 1px #ccc!important;
}
.construction_example li:nth-child(2n) {
border-right: none!important;
}
.construction_example li:nth-last-child(-n+2) {
   border-bottom: none!important;
}
	.construction_example li a.const_list:hover {
    background-color: #fff;
    opacity: 1;
}
	.construction_example_day {
    color: #f00;
    font-size: 16px;
}
	.construction_example_more {
	    position: static;
	    margin-top: 15px;
	    height: auto;
	    padding: 5px 0;
	}
	.construction_example li a.const_list {
    padding: 20px!important;
}
	.construction_example_text,.construction_example_day{
	    font-size: 1em!important;
		width:auto;
	}
	/**/
	.contact_tell_fax {
	    margin-top: 60px;
	}
	.contact_tell:nth-child(2) {
	    margin-left: 0;
	}
	.contact_description {
	    padding: 15px 0;
	}
	/**/
	.wrap_main + h2.construction_title {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 5vw;
		line-height: 1.6;
	}
	.cgiTime {
	    margin: 10px auto 0!important;
	    padding-right: 0!important;
	    width: 90%!important;
	}
	#cgi .cgiImage img {
	    display: block!important;
	    width: 100%!important;
	    height: auto;
	    margin: 0!important;
	    margin-bottom: 15px!important;

	}
	#cgi .cgiText {
	    padding: 0 0px!important;
	}
	/**/
	.thanks_main_copy {
	    margin: 30px auto 40px;
	}
	.top_news p span {
	    margin-top: 10px;
		margin-bottom: 0px;
	}
	.solutions_merit_exm {
	    min-width: 320px;
		margin-bottom: 30px;
	}
	.company_history_images img {
	    width: 30%;
	    margin: 1%;
	}
	.w100p{
		width: 100%!important;
	}
}