/*
Theme Name: 魚沼総合保険サービス ver1.8（レスポンシブ対応）
Theme URI: https://uonuma-life.co.jp
Author: 魚沼総合保険サービス
Author URI: https://uonuma-life.co.jp
Description: 魚沼総合保険サービスHPテーマ
Version: 1.8.0
License: 魚沼総合保険サービス専用.
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
a { outline:none !important; color:#f63832; text-decoration: none; }
a:focus { outline:none !important; color:#f63832; text-decoration:none; }
a:active { outline:none !important; color:#f63832; text-decoration:none; }
a:hover { color:#f63832; text-decoration:none; opacity:0.75; }
a:visit { color:#f63832; text-decoration:none; }
a {
	-webkit-transition:0.20s;
	        transition:0.20s;
}
address {margin:0;}
b,strong {font-weight: 700;}
em,i,b {font-weight:700;}
p {	margin-bottom: 20px;}
ul,ol {	list-style: none;}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0;
	width: 100%;
}
input[type="text"], 
input[type="button"], 
input[type="submit"], 
textarea {
	border-radius:0;
	-webkit-appearance: none;
}
.dr_on {
	left:0 !important;
	-webkit-transition: .7s;
			transition: .7s;
}
.dr_off {
	left:-100%;
	-webkit-transition: .7s;
			transition: .7s;
}

.notfound {
	margin:100px auto;
	text-align: center;
}
.sp {
	display:none;
}
br.blk {
	display:none;
}

/*-----------------------------------------------------------------------------------------
	body
-----------------------------------------------------------------------------------------*/
body {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	font-size:16px;
	line-height:180%;
	color:#555;
	background:#fdfdfd;
}
html, body {
	height: 100%;
	width:100%;
	min-width: 960px;
	margin: 0;
	padding: 0;
}
main {
	position: relative;
}

.more {
	max-width:300px;
	width:80%;
	margin:0 auto !important;
	text-align: center;
}
.more a {
	position: relative;
	background: url("img/parts/arrow_red.png") 92% 50% no-repeat #fff;
	border:1px solid #f63832;
	display: block;
	color:#f63832;
	line-height:50px;
	border-radius:50px;
	/*text-indent:50px;*/
	box-shadow:0 5px 0 rgba(0,0,0,0.10);
}
.more:hover a {
	position: relative;
	background: url("img/parts/arrow_wht.png") 92% 50% no-repeat #f63832;
	color:#fff;
	opacity:1;
}

/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/
header {
	position: relative;
	border-top:5px solid #f63832;
	padding:0 10px;
	background:#fff;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.fx-head {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
.fx-head ul {
	margin-top:-5px;
	display: -webkit-flex;
	display: flex;
}
.fx-head ul li {
	margin-right:10px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.fx-head ul li:last-child {
	margin-right:0;
}
.fx-head ul li a {
	overflow: hidden;
	color:#fff;
	width:100%;
	height:100%;
	border-radius:0 0 5px 5px;
	box-shadow:5px 5px 0 rgba(0,0,0,0.05);
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    		align-items: center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.fx-head ul li.contact a {
	width:245px;
	background:rgba(246,56,50,0.90);
}
.fx-head ul li.doc a {
	width:120px;
	padding-left:20px;
	background: url("img/parts/document.png") 10px 50% no-repeat rgba(25,149,45,0.90);
}
.fx-head ul li.estimate a {
	width:120px;
	padding-left:20px;
	background: url("img/parts/calculator.png") 10px 50% no-repeat rgba(0,169,157,0.90);
}

header #logo {
	position: relative;
	overflow: hidden;
	text-indent:-9999px;
	width:341px;
	height:30px;
	background:url("img/logo.png") 0 0 no-repeat;
	background-size:100% auto;
}
header #logo a {
	display: block;
	width:100%;
	height:100%;
}
header #header {
	position: relative;
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
}
header #header p {
	color:#999;
	font-size:8px;
	margin:5px 0;
}

/*------------------------------ Grobal Nav ----------*/
nav#gnav {
	margin-top:20px;
	width:100%;
	border-top:1px solid #efefe5;
	border-bottom:1px solid #efefe5;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
nav#gnav ul {
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
nav#gnav ul li {
	position:relative;
	font-size: 14px;
	line-height:100%;
	text-align: center;
	/*
	width:16.66666666%;
	*/
	width:20%;
}
nav#gnav ul li:before {
	position: absolute;
	content:'';
	top:10px;
	left:0;
	border-left:1px solid #efefe5;
	height:30px;
}
nav#gnav ul li:nth-last-child(3):after {
	position: absolute;
	content:'';
	top:10px;
	right:0;
	border-left:1px solid #efefe5;
	height:30px;
}
nav#gnav ul li a {
	position: relative;
	line-height:50px;
	color:#333;
	font-weight:700;
	display: block;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}

/*------------------------------ Grobal Nav(child) ----------*/
nav#gnav ul li ul {
	position:absolute;
	top:calc(100% + 1px);
	left:0;
	max-width:auto !important;
	min-width:auto !important;
	/*width:120%;*/
	width:100%;
	display:block;
	background:#fff;
	z-index: 10;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
nav#gnav ul li ul li {
	position: relative;
	overflow: hidden;
	text-align:left;
	height: 0;
	font-size:13px;
	width: 100%;
	padding: 0 !important;
	border-right:1px solid #efefe5;
	border-left:1px solid #efefe5;
	-webkit-transition: 0.3s;
			transition: 0.3s;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
nav#gnav ul li ul li:before,
nav#gnav ul li ul li:last-child:after {
	display: none !important;
}
nav#gnav ul li ul li a {
	line-height: 45px !important;
	padding:0 10px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
nav#gnav ul li:hover ul li {
	overflow: visible;
	height: 45px;
	border-bottom:1px solid #efefe5;
}
nav#gnav ul li ul li a:before {
	position: absolute;
	content:'';
	top:50%;
	right:15px;
	width:8px;
	height: 8px;
	margin-top:-4px;
	border-top:1px solid #555;
	border-right:1px solid #555;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}

/*-----------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------*/
footer {
	position: relative;
	background:#f63832;
	padding: 55px 10px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
footer:before {
	position: absolute;
	content:'';
	top:-61px;
	left:30px;
	height:61px;
	width:751px;
	background: url("img/parts/footer_house.png") 0 0 no-repeat;
}
footer,
footer a {
	color:#fff;
}
/*-- footer top use --*/
#footer {
	max-width:1100px;
	min-width:960px;
	margin:0 auto;
}
#logo-f {
	font-size:26px;
	font-weight:700;
}

.fx-footer {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
.fx-footer div {
	padding:20px 0;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.fx-footer div:last-child {
	padding-left:50px;
	width:50%;
	border-left:1px solid rgba(255,255,255,0.50);
}

/*-- footer navi --*/
#fnav {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
#fnav ul {
	width:50%;
}
#fnav ul li {
	position: relative;
	padding-left:25px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:700;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#fnav ul li:before {
	position: absolute;
	content:'';
	top:12px;
	left:0;
	width:6px;
	height: 6px;
	margin-top:-3px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}
#fnav ul li:hover a {
	opacity:1;
	color:#fff;
	text-decoration: underline;
}

/*-- footer pageup --*/
#pageUp {
	position:fixed;
	bottom:15px;
	right:15px;
	width:70px;
	height:70px;
	border-radius:50%;
	border:3px solid #fff;
	display: none;
	margin:0;
	background:#f63832;
	z-index:10;
}
#pageUp:after {
	position: absolute;
	content:'';
	left:22px;
	top:30px;
	width:20px;
	height:20px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#pageUp:hover {
	cursor:pointer;
}

/*-- footer copyright --*/
footer small {
	display: block;
	margin:30px 3% 0 0;
	max-width:1200px;
	min-width:960px;
	font-size:10px;
	text-align:right;
}

.bx-404error {
	width:700px;
	margin:100px auto 200px auto;
	padding:0 20px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-404error p {
	line-height:220%;
	margin-bottom:10%;
	text-align:center;
}
.codeno {
	font-size:12px;
}

/*------------------------------ footer fixed ----------*/
#fBtn {
	display:none;
}

/* reCAPTCHA v3 バッジ位置調整 */
.grecaptcha-badge {
    bottom: 120px !important;
}

/*------------------------------ ISO ----------*/
#iso {
    margin-bottom:20px;
}
#iso p {
    font-size:12px;
    color:#fff;
}
#iso img {
    display: block;
    width:180px;
    height: auto;
}

/*-----------------------------------------------------------------------------------------
	TOP
-----------------------------------------------------------------------------------------*/

/*---------- main image ------------------------------*/
#main {
	position: relative;
	overflow: hidden;
	text-indent:-9999px;
	height:650px;
	background:url("img/content/top/main.jpg")50% 50% no-repeat;
}
/*---------- main important ------------------------------*/
.bx-main-contact {
	position: relative;
	max-width:1100px;
	min-width:960px;
	padding:0 10px;
	margin:-120px auto 80px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
			justify-content:space-between;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-main-contact div {
	width:48.5%;
	text-align:center;
	background:#fff;
	border-radius:10px;
	min-height:220px;
	padding:40px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-box-shadow:10px 10px 20px rgba(0,0,0,0.10);
			box-shadow:10px 10px 20px rgba(0,0,0,0.10);
}
.bx-main-contact div h2 {
	line-height:50px;
	color:#fff;
	width:85%;
	margin:-65px auto 40px auto;
	font-size:18px;
	font-weight:700;
	border-radius:50px;
}
.bx-main-contact div.bx-estimate h2 {
	background:#19952d;
}
.bx-main-contact div.bx-estimate p {
	font-size:18px;
	margin-bottom:30px;
}
.bx-main-contact div.bx-accident h2 {
	background:#f63832;
}
.bx-main-contact div.bx-accident p {
	font-size:18px;
	margin:0 !important;
}
.bx-main-contact div.bx-accident p span {
	display: block;
	margin:20px 0;
}
.bx-main-contact div.bx-accident p img {
	max-width:360px;
	width:100%;
	height:auto;
}
.telephone {
	display: block;
	margin-top:4%;
	text-decoration: underline;
}

/*---------- 商品案内カテゴリー ------------------------------*/
#category {
	padding:40px 0 80px 0;
	text-align: center;
	-webkit-box-sizing:border-box;
			box-sizing:border-box; 
}
#category h2 {
	font-size:28px;
	line-height:100%;
	margin-bottom:60px;
	letter-spacing:8px;
}
#category h2:after {
	position:absolute;
	content:'';
	bottom:-30px;
	left:50%;
	width:60px;
	margin-left:-30px;
	border-bottom:2px solid #f63832;
}

.list-category {
	position: relative;
	margin:40px auto 0 auto;
	max-width:1200px;
	min-width:960px;
	padding:0 10px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-category li {
	width:23.5%;
	margin:0 2% 2% 0;
	padding-bottom:2%;
	background:#fff;
	border-radius:10px;
	-webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.02);
			box-shadow:5px 5px 0 rgba(0,0,0,0.02);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-category li:nth-child(4n){
	margin-right:0;
}
.bx-cat {
	position:relative;
	overflow: hidden;
	padding-top:70.3%;
}
.bx-cat img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transition: 0.3s;
			transition: 0.3s;
}
.list-category li:hover .bx-cat img {
	-webkit-transform: scale(1.2);
			transform: scale(1.2);
	-webkit-transition: 0.3s;
			transition: 0.3s;
}
.list-category li:hover {
	background:#efefef;
	-webkit-transition: 0.3s;
			transition: 0.3s;
}

/*------------------------------ お知らせ ----------*/
#topics {
	padding:80px 0 200px 0;
	background:#fff;
}
#topics h2 {
	text-align: center;
	font-size:28px;
	line-height:100%;
	margin-bottom:80px;
	letter-spacing:8px;
}
#topics h2:after {
	position:absolute;
	content:'';
	bottom:-30px;
	left:50%;
	width:60px;
	margin-left:-30px;
	border-bottom:2px solid #f63832;
}
#wrap-topics {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	margin:0 auto;
	max-width:1200px;
	min-width:960px;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#wrap-topics:after {
	position: absolute;
	content:'';
	top:0;
	left:50%;
	height:100%;
	border-left:1px solid #efefef;
}
#wrap-topics div.bx-topics {
	position: relative;
	width:49%;
	padding:25px 50px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#wrap-topics div.bx-topics p.ttl-topics {
	color:#f63832;
	font-size:20px;
	font-weight:700;
	line-height:100%;
	border-left:2px solid #f63832;
	padding:5px 0 5px 15px;
}
dl.list-news {
	margin-bottom:50px;
}
dl.list-news div {
	padding:20px 10px;
	font-size: 15px;
	line-height:170%;
	border-bottom:1px solid #efefef;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
dl.list-news div:last-child {
	border-bottom:0;
}
dl.list-news div dt {
	width:27%;
	padding-left:10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
dl.list-news div dd {
	width:68%;
}
dl.list-news div dd a {
	color:#555;
}
dl.list-news div dd a:hover {
	text-decoration: underline;
}
.more-topics {
	width:120px;
	text-align: center;
	font-size:12px;
}
.more-topics a {
	position: relative;
	background:#f63832;
	display: block;
	color:#fff;
	line-height:40px;
	border-radius:5px;
}

/*-----------------------------------------------------------------------------------------
	second page
-----------------------------------------------------------------------------------------*/

/*------------------------------ pan list ----------*/
#pan {
	position:relative;
	padding:10px;
	background:#fff;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#pan ol {
	position:relative;
	text-align:left;
	max-width:1200px;
	min-width:960px;
	padding:10px;
	margin:0 auto;
	background:#fff;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#pan ol li {
	position:relative;
	overflow:hidden;
	float:left;
	line-height:120%;
	font-size:12px;
}
#pan ol li:after {
	position:relative;
	content:'>';
	margin:0 8px;
	font-size:12px;
}
#pan ol li:last-child:after {
	content:'';
}
#pan ol li a {
	text-decoration:underline;
}

/*------------------------------ page title ----------*/
article {
	margin-bottom:100px;
}
article section {
	position:relative;
	text-align:left;
	max-width:1100px;
	min-width:960px;
	padding:80px 10px;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#ttl {
	text-align: center;
	background:#fff;
	padding:30px 0;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);
			box-shadow:0 0 10px rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#ttl h1 {
	font-size: 30px;
	letter-spacing:5px;
	padding-bottom:70px;
	margin-bottom:30px;
}
#ttl p {
	font-size: 14px;
	color:#666;
	margin:0 !important;
}
/*-- 背景アイコン --*/
#t-privacypolicy {
	background:url("img/parts/ic_privacypolicy.png") 50% 90% no-repeat;
}
#t-faq {
	background:url("img/parts/ic_faq.png") 50% 90% no-repeat;
}
#t-accident {
	background:url("img/parts/ic_accident.png") 50% 90% no-repeat;
}
#t-sonpo {
	background:url("img/parts/ic_sonpo.png") 50% 90% no-repeat;
}
#t-company {
	background:url("img/parts/ic_company.png") 50% 90% no-repeat;
}
#t-estimate {
	background:url("img/parts/ic_estimate.png") 50% 90% no-repeat;
}
#t-products {
	background:url("img/parts/ic_products.png") 50% 90% no-repeat;
}
#t-inquiry {
	background:url("img/parts/ic_inquiry.png") 50% 90% no-repeat;
}
#t-solicitation {
	background:url("img/parts/ic_solicitation.png") 50% 90% no-repeat;
}
#t-news {
	background:url("img/parts/ic_news.png") 50% 90% no-repeat;
}

/*-----------------------------------------------------------------------------------------
	inquiry
-----------------------------------------------------------------------------------------*/
.entryForm {
	position: relative;
	padding:40px;
	margin-bottom:80px;
	background:#fff;
	border-radius:10px;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.entryForm div {
	border-bottom:1px solid #efefef;
	padding:20px 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
			align-items:center;	
}
.entryForm div dt {
	position: relative;
	padding:0 0 0 70px;
	width:25%;
	font-weight:700;
}
.entryForm div dd {
	width:75%;
}
.entryForm div dt,
.entryForm div dd {
	font-size:14px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

.entryForm div dd input[type="text"],
.entryForm div dd input[type="email"],
.entryForm div dd input[type="tel"] {
	width:100%;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
	font-size: 16px;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.entryForm div dd.zip input[type="text"],
.entryForm div dd.tel input[type="text"] {
	width:40%;
	padding:0 10px;
	display: inline-block;
}
.entryForm div dd select {
	width:40%;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
	font-size: 16px;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.entryForm div dd label {
    display: -webkit-flex;
			display: flex;
	-webkit-align-items: center;
			align-items: center;
}
.entryForm div dd.ways span {
	margin-right:30px;
}
.entryForm div dd input[type="radio"],
.entryForm div dd input[type="checkbox"] {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    vertical-align: -100%;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    outline: none;
    border-radius: 10%;
	opacity:1 !important;
	-webkit-appearance: none;
    		appearance: none;
}
.entryForm div dd input[type="radio"] {
    border-radius: 50%;
}
.entryForm div dd input[type="radio"]:checked:before,
.entryForm div dd input[type="checkbox"]:checked:before {
    transform: scale(0.5);
}
.entryForm div dd input[type="radio"]:before {
    content: '';
	margin:-2px 0 0 -2px;
    width: 20px;
    height: 20px;
	display: block;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
.entryForm div dd input[type="checkbox"]:before {
    content: '';
	margin:-2px 0 0 -2px;
    width: 20px;
    height: 20px;
	display: block;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
.entryForm div dd input[type="radio"],
.entryForm div dd input[type="checkbox"] {
    border: 2px solid #ccc;
}
.entryForm div dd input[type="radio"]:checked:before,
.entryForm div dd input[type="checkbox"]:checked:before {
    background: #cc1515;
}
.entryForm div dd textarea {
	display: block;
	width:100%;
	min-height: 200px;
	padding:10px;
	border:1px solid #ccc;
	font-size: 16px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.h:before {
	position: absolute;
	content:'必 須';
	top:0;
	left:0;
	margin:0;
	color:#fff;
	width:55px;
	font-size:12px;
	background:#cc1515;
	border-radius:3px;
	text-align: center;
}
.n:before {
	position: absolute;
	content:'任 意';
	top:0;
	left:0;
	margin:0;
	color:#fff;
	width:55px;
	font-size:12px;
	background:#ccc;
	border-radius:3px;
	text-align: center;
}
.error {
	display: block;
	margin:10px 0 0 0;
	color:#ff0000;
}
.send-box {
	position: relative;
	clear:both;
	overflow: hidden;
	margin:40px 0 0 0;
	border-radius: 5px;
	width:100%;
	padding:20px 0;
	text-align:center;
}
.send-box input[type="submit"] {
	display: block;
	position: relative;
	border:1px solid #f63832;
	background:#f63832;
	color:#fff;
	border-radius:70px;
	height: 70px;
	line-height: 70px;
	width:350px;
	font-size: 16px;
	margin:50px auto 30px auto;
	box-shadow:0 5px 0 rgba(0,0,0,0.05);
	-webkit-transition:0.3s;
			transition:0.3s;
}
.send-box input[type="submit"]:after {
	position: absolute;
	content:'';
	top:50%;
	right:15px;
	width:8px;
	height: 8px;
	margin-top:-4px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index: 1;
}
.send-box input[type="submit"]:hover {
	opacity: 0.7;
	cursor: pointer;
}

.send-box span {
	margin-right:10px;
	font-size:16px;
}
.send-box input[type="checkbox"] {
    position: relative;
	top:-10px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    vertical-align: -100%;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    outline: none;
    border-radius: 50%;
	opacity:1 !important;
	-webkit-appearance: none;
    		appearance: none;
}
.send-box input[type="checkbox"]:checked:before{
    transform: scale(0.5);
}
.send-box input[type="checkbox"]:before {
    content: '';
	margin:-2px 0 0 -2px;
    width: 20px;
    height: 20px;
	display: block;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
.send-box input[type="checkbox"] {
    border: 2px solid #ccc;
}
.send-box input[type="checkbox"]:checked:before {
    background: #cc1515;
}

.complete {
	min-height:600px;
	text-align: center;
}

/*-- privacypolicy --*/
.bx-agree {
	border:2px solid #f63832;
	background:#fff;
	padding:40px;
	border-radius:5px;
	height:400px;
	width:900px;
	margin:0 auto;
	overflow-x: hidden;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-agree p {
	font-size:14px;
}
.bx-agree p strong {
	display: block;
	text-align: center;
}
.bx-agree ul {
	margin-bottom:20px;
}
.bx-agree ul li {
	font-size:14px;
	list-style: disc;
	margin-left:20px;
}

/*-----------------------------------------------------------------------------------------
	privacy
-----------------------------------------------------------------------------------------*/

.bx-privacy h3 {
	position: relative;
	padding-left:20px;
	margin:40px 0 20px 0;
	color:#333;
	font-weight:700;
}
.bx-privacy h3:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	border-left:3px solid #333;
	border-radius:3px;
	height:100%;
}
.bx-privacy p {
	margin-left:20px;
}

.attention {
	position: relative;
	display: block;
	padding-left:25px;
}
.attention:before {
	position:absolute;
	content:'※';
	top:0;
	left:0;
}
.bx-privacy ul {
	margin:0 0 20px 22px;
}
.bx-privacy ul li {
	list-style: disc;
	margin-left:20px;
}

/*-----------------------------------------------------------------------------------------
	faq
-----------------------------------------------------------------------------------------*/
.list-faq {
	position: relative;
}
.list-faq div {
	position: relative;
	margin-bottom:25px;
	border-radius:8px;
	background:#fff;
	border:2px solid #fff;
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.05);
			box-shadow:2px 2px 0 rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-faq div dt {
	position: relative;
	font-weight: 700;
	line-height: 150%;
	padding: 25px 110px 25px 90px;
	font-size:18px;
	color:#f63832;
	background:url(img/parts/ic_q.png) 0 -3px no-repeat;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-faq div dt:before {
	position: absolute;
	content:'';
	top:39px;
	right:20px;
	border-top: 2px solid #999;
	width:21px;
	-webkit-transition: 0.2s;
			transition: 0.2s;
}
.list-faq div dt:after {
	position: absolute;
	content:'';
	top:29px;
	right:30px;
	height: 20px;
	border-left: 2px solid #999;
}
.list-faq div dt:hover {
	cursor: pointer;
}
.list-faq div dd {
	display: none;
	position: relative;
	line-height: 180%;
	padding: 20px 20px 40px 70px;
	margin:0 20px;
	font-size:16px;
	color:#555;
	background:url(img/parts/ic_a.png) -22px 0 no-repeat;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}

/*---------- slidetoggle ----------*/
.list-faq div.sel dt:after {
	display: none;
}
.sel {
	border:2px solid #f63832 !important;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.10);
			box-shadow: 5px 5px 10px rgba(0,0,0,0.10);
}

/*-----------------------------------------------------------------------------------------
	accident
-----------------------------------------------------------------------------------------*/
#accident div.bx-accident {
	position: relative;
	max-width:1100px;
	min-width:960px;
	text-align: center;
	margin:50px auto 80px auto;
	padding:0 40px 40px 40px;
	background:#fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#accident div.bx-accident h2 {
	position: relative;
	background:#f63832;
	width:700px;
	line-height:80px;
	border-radius:80px;
	text-align: center;
	color:#fff;
	margin:0 auto;
	top:-40px;
}
#accident div.bx-accident p {
	font-size:24px;
	margin:0 !important;
	line-height:150%;
}
#accident div.bx-accident p span {
	display: block;
	margin:25px 0;
}
#accident div.bx-accident p img {
	max-width:500px;
	width:100%;
	height:auto;
}
.list-telephone {
	margin-top:100px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
.list-telephone div {
	position: relative;
	border:2px solid #e6e6e6;
	border-radius:20px;
	min-height:200px;
	width:48%;
	margin-bottom:80px;
	text-align: center;
}
.list-telephone div dt {
	line-height:60px;
	color:#fff;
	width:65%;
	margin:-30px auto 55px auto;
	font-size:18px;
	font-weight:700;
	border-radius:60px;
	background:#19952d;
}
.list-telephone div:nth-last-child(2),
.list-telephone div:last-child {
	margin-bottom:2% !important;
}

.list-accident {
	position: relative;
	counter-reset:num;
}
.list-accident:before {
	position:absolute;
	content:'';
	top:100px;
	left:100px;
	height:calc(100% - 250px);
	border-left:5px solid #f63832;
}
.list-accident div {
	position:relative;
	padding:40px 20px;
	border-bottom:2px solid #ccc;
	margin:0 10px 0 220px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.list-accident div:before {
	position: absolute;
	content:'';
	top:50%;
	left:-157px;
	width:80px;
	height:80px;
	border-radius:50%;
	margin-top:-40px;
	background:#f63832;
}
.list-accident div:after {
	position: absolute;
	content: counter(num);
	counter-increment:num;
	top:50%;
	left:-128px;
	margin-top:-10px;
	color:#fff;
	font-size:30px;
	font-weight:700;
}
.list-accident div dt {
	font-size:24px;
	color:#f63832;
	text-decoration: underline;
	margin-bottom:30px;
}
.list-accident div dd {
	font-size:20px;
	line-height:150%;
}

/*-----------------------------------------------------------------------------------------
	sonpo japan
-----------------------------------------------------------------------------------------*/

#wrap-sonpo {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}

.bx-sonpo {
	width:48%;
	margin-bottom:5%;
}
.bx-sonpo em {
	line-height:100%;
	padding:5px 0 5px 20px;
	border-left:2px solid #f63832;
}
.bx-sonpo ul {
	padding:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
	background:#fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-sonpo ul li {
	width:100%;
	position: relative;
	margin-bottom:12px;
	padding-left:35px;
	background:url("img/parts/arrow_circle.png") 0 50% no-repeat;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-sonpo ul li:after {
	position: absolute;
	top:5px;
	content:'';
	height:15px;
	width:30px;
	background:url("img/parts/ic_link.png") 100% 0 no-repeat;
}
.bx-sonpo ul li:last-child {
	margin-bottom:0;
}
.bx-sonpo ul li:hover {
	text-decoration:underline;
}
.w100 {
	width:100% !important;
}
.w100 ul li {
	width:50%;
}

.fx-sonpo {
	display: -webkit-flex;
	display: flex;
	padding:70px 50px;
	background:#fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-align-items:center;
			align-items:center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.fx-sonpo div {
	width:70%;
	margin-left:8%;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.fx-sonpo div p {
	margin:0 0 40px 0;
}
.fx-sonpo div p.more {
	margin:0 !important;
}

/*-----------------------------------------------------------------------------------------
	link
-----------------------------------------------------------------------------------------*/
.links {
	padding:70px 50px;
	background:#fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.links li {
	padding:30px 10px;
	border-bottom:1px solid #e6e6e6;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
			align-items:center;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.links li img {
	border:1px solid #333;
}
.links li dl {
	margin-left:8%;
}
.links li dl dt {
	font-size:24px;
	text-decoration: underline;
	margin-bottom:20px;
}

/*-----------------------------------------------------------------------------------------
	company
-----------------------------------------------------------------------------------------*/
#company section {
	max-width:100%;
	min-width:100%;
}
.bx-company {
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
}
#greeting {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
@media only screen and (max-width:1080px){
	#greeting {
		-webkit-align-items:flex-start;
				align-items:flex-start;
	}
}
#message {
	width:47%;
	padding:20px 0 0 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#message h2 {
	position: relative;
	font-size:26px;
	line-height:150%;
	margin-bottom:60px;
}
#message h2:before {
	position:absolute;
	content:'';
	left:0;
	bottom:-30px;
	width:80px;
	border-bottom:2px solid #f63832;
}
img#staff {
	width:50%;
	height: auto;
}

/*-- 会社案内 --*/
#information {
	background:#fff;
}
#information h2 {
	position: relative;
	font-size:26px;
	padding-bottom:20px;
	border-bottom:2px solid #efefef;
	margin-bottom:60px;
}
#information h2:before {
	position:absolute;
	content:'';
	left:0;
	bottom:-2px;
	width:80px;
	border-bottom:2px solid #f63832;
}
#information img {
	width:100%;
	height:auto;
	display: block;
	margin-bottom:50px;
}

#information dl {
	border-top:1px solid #efefef;
	margin-bottom:30px;
}
#information dl div {
	border-bottom:1px solid #efefef;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
#information dl div dt,
#information dl div dd {
	padding:20px 10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#information dl div dt {
	width:25%;
	padding-left:20px;
	background:rgba(249,249,249,0.30);
}
#information dl div dd {
	width:70%;
	padding-right:20px;
}
#gmap {
	position: relative;
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
	height:650px;
}
iframe {
	width:100%;
	height:100%;
}

/*-- philosophy --*/
#philosophy h2 {
	position: relative;
	font-size:26px;
	padding-bottom:20px;
	border-bottom:2px solid #efefef;
	margin-bottom:60px;
}
#philosophy h2:before {
	position:absolute;
	content:'';
	left:0;
	bottom:-2px;
	width:80px;
	border-bottom:2px solid #f63832;
}
.philosophy {
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	font-size:26px;
	line-height:200%;
}
.philosophy span {
	display: block;
	margin-bottom:30px;
}

/*-----------------------------------------------------------------------------------------
	estimate
-----------------------------------------------------------------------------------------*/
.inner {
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
}
#estimate section {
	max-width:100%;
	min-width:100%;
}
#estimate section:nth-child(2n) {
	background:#fff;
}
#estimate h2 {
	position:relative;
	font-size:26px;
	text-align:center;
	letter-spacing:5px;
	margin-bottom:80px;
}
#estimate h2:before {
	position:absolute;
	content:'';
	left:50%;
	bottom:-30px;
	width:80px;
	margin-left:-40px;
	border-bottom:2px solid #f63832;
}
.fx-estimate {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	max-width:1100px;
	min-width:960px;
	margin:0 auto;
}
.fx-estimate section {
	position: relative;
	padding:50px 40px;
	max-width:45% !important;
	min-width:45% !important;
	background:#fff !important;
	border-radius:10px;
	margin-bottom:40px;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
}
.fx-estimate section:after {
	position: absolute;
	content:'';
	right:10px;
	bottom:10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #efefef transparent;

}
.fx-estimate section img {
	display: block;
	margin:0 auto 15px auto;
}
.fx-estimate section h3 {
	text-align: center;
	color:#f63832;
	font-size:20px;
	font-weight:700;
	margin-bottom:20px;
}
.fx-estimate section p {
	margin-bottom:30px;
	font-size:14px;
	min-height:90px;
}
.ic_estimate,
.ic_detail,
.ic_link {
	margin-bottom:40px !important;
	min-height:auto !important;
	width:90% !important;
}
.ic_estimate a {
	background:url("img/parts/ic_estimate_red.png") 92% 50% no-repeat #fff;
}
.ic_detail a {
	background:url("img/parts/ic_detail_red.png") 92% 50% no-repeat #fff;
}
.ic_link a {
	background:url("img/parts/ic_link_red.png") 92% 50% no-repeat #fff;
}
.fx-estimate section.w100 {
	max-width:96% !important;
	min-width:96% !important;
	margin:0 2%;
}
.fx-estimate section.w100 p {
	width:70%;
	min-height:auto;
	margin:0 auto 30px auto;
}
.txt-estimate {
	max-width:1000px;
	min-width:960px;
	line-height:200%;
	margin:0 auto 200px auto;
	padding:0 10px;
	font-size:18px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}

/*-----------------------------------------------------------------------------------------
	products
-----------------------------------------------------------------------------------------*/
#products section {
	max-width:100%;
	min-width:100%;
}
#products section:nth-child(2n) {
	background:#fff;
}
#products h2 {
	position:relative;
	font-size:26px;
	text-align:center;
	letter-spacing:5px;
	margin-bottom:80px;
}
#products h2:before {
	position:absolute;
	content:'';
	left:50%;
	bottom:-30px;
	width:80px;
	margin-left:-40px;
	border-bottom:2px solid #f63832;
}
.fx-products {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	max-width:1200px;
	min-width:960px;
	margin:0 auto;
	width:100%;
}
.fx-products section {
	position: relative;
	padding:50px 30px 50px 30px;
	max-width:31% !important;
	min-width:31% !important;
	background:#fff !important;
	border-radius:10px;
	margin:0 1% 2% 1% !important;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
}
.fx-products section:nth-of-type(3n) {
	margin-right:0 !important;
}
.fx-products section:after {
	position: absolute;
	content:'';
	right:10px;
	bottom:10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #efefef transparent;

}
.fx-products section h3 {
	text-align: center;
	color:#f63832;
	font-size:20px;
	font-weight:700;
	margin-bottom:20px;
	min-height:60px;

}
.fx-products section p {
	margin-bottom:30px;
	font-size:14px;
	min-height:90px;
}

.col-1 section {
	max-width:86% !important;
	min-width:86% !important;
	margin:0 auto !important;
}
.col-1 section p {
	width:70%;
	min-height:auto;
	margin:0 auto 30px auto;
}
.col-2 section {
	max-width:47% !important;
	min-width:47% !important;
	margin:0 auto !important;
}
.provider {
	position: absolute;
	left:30px;
	bottom:10px;
	font-size:12px;
	color:#999;
	margin:0 !important;
	min-height: auto !important;
}
.pickup {
	background:#006837;
	text-align: center;
	color:#fff;
	line-height:50px;
	border-radius:5px;
	margin-top:-70px;
	min-height:auto !important;
	font-weight:700;
	font-size:18px !important;
}

/*-----------------------------------------------------------------------------------------
	news
-----------------------------------------------------------------------------------------*/
.bx-news {
	margin:70px auto 50px auto;
	width:960px;
	border-radius:10px;
	padding:40px 60px;
	min-height:600px;
	background:#fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}

/*-----------------------------------------------------------------------------------------
	paging
-----------------------------------------------------------------------------------------*/

/*-- paging ------------------------------*/
.pagination {
	position:relative;
	overflow:hidden;
	width:100%;
	display: inline-block;
	text-align: center;
	margin:0 auto 100px auto;
	z-index: 10;
}
.pagination span,
.pagination a {
	position: relative;
	display:inline-block;
	margin:0 10px;
	width:40px;
	height:40px;
	font-weight:700;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	color:#f63832 !important;
	background:#FFF5F2;
	border:1px solid #fff;
	-webkit-transition:0.20s;
	        transition:0.20s;
}
.pagination .current {
	background:#f63832;
	color:#fff !important;
	border:1px solid #f63832;
}

.pagination a.prev,
.pagination a.next {}
.pagination a.prev:before,
.pagination a.next:before {
	position: absolute;
	content:'';
	top:50%;
	width:10px;
	height:10px;
	margin-top:-5px;
	border-top:1px solid #f63832;
	border-right:1px solid #f63832;
}
.pagination a.prev:before {
	left:16px;
	-webkit-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
.pagination a.next:before {
	left:12px;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}

/*-----------------------------------------------------------------------------------------
	news detail
-----------------------------------------------------------------------------------------*/

/*------------------------------ 詳細 ----------*/
.bx-news-detail {
	position: relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	max-width:1100px;
	min-width:960px;
	margin:70px auto 200px auto;
}
.bx-entry {
	width:70%;
	padding:20px 40px;
	border-radius:10px;
	background: #fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
			box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*---------- 記事内容 ----------*/
#title-entry {
	position: relative;
	height: auto;
	display: block;
	padding: 20px 5px;
	min-width: 100%;
	margin-bottom:60px;
	background:none;
	border-top:0;
	border-bottom:1px solid #BDBDBC;
}
#title-entry h1 {
	font-size:21px;
}
#title-entry .entry-date {
	font-size:14px;
	margin-bottom:10px;
	color:#858585;
}
.text-entry {
	margin-bottom:100px;
}
.text-entry p {
	font-size:16px;
	margin-bottom: 40px;
	word-wrap:break-word;
}
.text-entry img {
	border-radius:10px;
	max-width:100%;
	height: auto;
	display: block !important;
	margin:0 auto 40px auto;
}

.back {
	width:150px;
	line-height:40px;
	background:#f63832;
	color:#fff;
	text-align: center;
	border-radius:5px;
	-webkit-box-shadow:0 5px 0 rgba(0,0,0,0.05);
			box-shadow:0 5px 0 rgba(0,0,0,0.05);
	margin:100px auto 0 auto;
}
.back:hover {
	cursor: pointer;
}

/*------------------------------ お知らせサイドメニュー ----------*/
#sidebar {
	width:25%;
	min-height:600px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#sidebar h3 {
	padding:15px 0;
	font-size:20px;
	color:#f63832;
}
#sidebar ul li {
	position: relative;
	overflow: hidden;
	padding:22px 5px;
	border-bottom:1px solid #ccc;
	font-size:12px;
	line-height:150%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#sidebar ul li span {
	margin:0 0 8px 0;
	color:#858585;
	display: block;
}
#sidebar ul li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}

/*-----------------------------------------------------------------------------------------
	recruit
-----------------------------------------------------------------------------------------*/

.txt-recruit {
	text-align:center;
	margin-bottom:60px;
}
/*-- 求人情報 --*/
.center {
	text-align: center;
}
.bx-recruit {
	background:#fff;
	margin:0 auto 120px auto;
	padding:50px;
	max-width:1000px;
	min-width:960px;
	word-break: break-all;
	-webkti-box-sizing:border-box;
			box-sizing:border-box;
}
.bx-recruit h2 {
	font-size: 32px;
	color:#f63832;
	text-align: center;
	margin-bottom:56px;
	letter-spacing:7px;
}
.bx-recruit a {
	text-decoration: underline;
}
.ttl-recruit {
	font-size: 24px;
	font-weight:700;
	padding-bottom:10px;
	margin:0 auto 30px auto !important;
	color:#f63832;
	text-align: center !important;
}
.ttl-recruit span {
	font-size:16px;
	margin-right:25px;
}
/*-- table --*/
.table-recruit {
	border-top:1px solid #efefef;
	margin-bottom:60px;
}
.table-recruit th,
.table-recruit td {
	vertical-align: middle;
	border-bottom:1px solid #efefef;
	-webkti-box-sizing:border-box;
			box-sizing:border-box;
}
.table-recruit th {
	font-weight:700;
	padding:25px 0;
	background:#f9f9f9;
	text-align: center;
	width:20%;
}
.table-recruit td {
	padding:25px 40px;
	background:#fff;
	width:80%;
}
/*-- 材質一覧表ダウンロードボタン --*/
.more-recruit {
	position: relative;
	margin:0 auto 25px auto;
	width:350px;
	text-align:center;
}
.more-recruit a {
	display: block;
	line-height: 60px;
	border-radius:60px;
	color:#fff;
	text-decoration: none;
	background:#f63832;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.more-recruit a:hover {
	color:#fff;
}
.more-recruit a:after {
	position:absolute;
	content:'';
	top:50%;
	right:30px;
	width:10px;
	height:10px;
	margin-top:-5px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*-----------------------------------------------------------------------------------------
	solicitation
-----------------------------------------------------------------------------------------*/
#solicitation section {
	max-width:100%;
	min-width:100%;
}
#solicitation section:nth-child(2n) {
	background:#fff;
}
#solicitation h2 {
	position: relative;
	font-size:26px;
	padding-bottom:20px;
	border-bottom:2px solid #efefef;
	margin-bottom:60px;
}
#solicitation h2:before {
	position:absolute;
	content:'';
	left:0;
	bottom:-2px;
	width:80px;
	border-bottom:2px solid #f63832;
}
#solicitation h3 {
	border:1px solid #999;
	padding:15px 15px 10px 15px;
	/**/
	font-weight:700;
	line-height:180%;
	margin-bottom:40px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#solicitation ul,
#solicitation ol {
	margin:0 0 60px 40px;
}
#solicitation ul li,
#solicitation ol li {
	margin-bottom:10px;
}
#solicitation ul li {
	list-style: disc;
}
#solicitation ol li {
	list-style: decimal;
}
.bx-sign {
	text-align: right;
}
.bx-sign strong {
	font-family: 'Noto Serif JP', serif;
	font-size:22px;
	display: block;
	margin-top:10px;
}
#basic-policy {
	padding:80px 10px 150px 10px;
	margin-bottom:-100px;
}

/*-----------------------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) {

	a {}
	a:focus {}
	a:active {}
	a:hover {}
	a:visit {}
	a {
		-webkit-transition:0s;
				transition:0s;
	}
	address {}
	b,strong {}
	em,i,b {}
	p {margin-bottom: 4%;}
	ul,ol {}
	img {}
	table {}
	input[type="text"], 
	input[type="button"], 
	input[type="submit"], 
	textarea {}
	
	.notfound {
		margin:10% auto;
	}
	.sp {
		display: block;
	}
	br.blk {
		display:block;
	}

	/*-----------------------------------------------------------------------------------------
		body
	-----------------------------------------------------------------------------------------*/
	body {}
	html, body {
		min-width: 100%;
	}
	main {}

	.more {
		max-width:80%;
		width:80%;
	}
	.more a {}
	.more:hover a {}

	/*-----------------------------------------------------------------------------------------
		header
	-----------------------------------------------------------------------------------------*/
	header {
		position: fixed;
		top:0;
		left:0;
		height:60px;
		padding:0 10px;
		background:#fff;
		width:100%;
		border-bottom:1px solid #f7f7f7;
		/*box-shadow:0 0 5px rgba(0,0,0,0.02);*/
		z-index:1000;
	}
	.fx-head {
		display:block;
	}
	.fx-head ul {
		display: none;
	}
	.fx-head ul li {}
	.fx-head ul li:last-child {}
	.fx-head ul li a {}
	.fx-head ul li.contact a {}
	.fx-head ul li.doc a {}
	.fx-head ul li.estimate a {}

	header #logo {
		width:220px;
		height:25px;
		margin-top:20px;
		background-size:100% auto;
	}
	header #logo a {}
	header #header {
		max-width:100%;
		min-width:100%;
		margin:0;
	}
	header #header p {
		display: none;
	}
	/*------------------------------ menu button ----------*/
	#panel-btn {
		display: inline-block;
		position: fixed;
		top:16px;
		right:10px;
		width: 30px;
		height: 30px;
		margin-top:0;
		z-index:9999;
		-webkit-transition:0.5s;
				transition:0.5s;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 30px;
		height: 1px;
		background: #f63832;
		-webkit-transition: 0.2s;
				transition: 0.2s;
	}
	#panel-btn-icon:before,
	#panel-btn-icon:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		display: block;
		height: 1px;
		background: #f63832;
		-webkit-transition: .3s;
				transition: .3s;
	}
	#panel-btn-icon:before {
		width: 30px;
		margin-top: -8px;
	}
	#panel-btn-icon:after {
		width: 30px;
		margin-top: 7px;
	}
	#panel-btn .close {
		background: transparent;
	}
	#panel-btn .close:before,
	#panel-btn .close:after {
		margin-top: 0;
		width: 30px;
	}
	#panel-btn .close:before{
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	}
	#panel-btn .close:after{
	  -webkit-transform: rotate(-135deg);
			  transform: rotate(-135deg);
	}
	
	/*------------------------------ グローバルナビ ----------*/
	nav#gnav {
		position: fixed;
		top:60px;
		left:-100%;
		height:calc(100% - 60px);
		margin-top:0;
		width:100%;
		border:none;
		background:rgba(255,255,255,1);
		z-index:9999 !important;
	}
	nav#gnav ul {
		max-width:90%;
		min-width:90%;
		margin:10% auto;
		height:80%;
		overflow-x: hidden;
		display:block;
	}
	nav#gnav ul li {
		position:relative;
		font-size: 14px;
		line-height:100%;
		text-align: left;
		width:100%;
	}
	nav#gnav ul li a:before {
		position: absolute;
		content:'';
		top:50%;
		left:0;
		width:6px;
		height: 6px;
		margin-top:-5px;
		border-top:2px solid #f63832;
		border-right:2px solid #f63832;
		-webkit-transform:rotate(45deg);
				transform:rotate(45deg);
	}
	
	nav#gnav ul li:before {
		display: none;
	}
	nav#gnav ul li:nth-last-child(3):after {
		display: none;
	}
	nav#gnav ul li a {
		line-height:40px;
		padding:1% 1% 1% 20px;
		border-bottom:1px dotted #ccc;
	}
	nav#gnav ul li:nth-child(2) a {
		border-bottom:0;
	}

	/*------------------------------ Grobal Nav(child) ----------*/
	nav#gnav ul li ul {
		position:relative;
		max-width:100% !important;
		min-width:100% !important;
		width:100% !important;
		height:100%;
		margin:0;
		padding:0 0 2% 0;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
		background:none;
		z-index: 1;
	}
	nav#gnav ul li ul li {
		position:relative;
		overflow:hidden;
		text-align:left;
		height:35px;
		font-size:13px;
		width:50%;
		padding:0 !important;
		border:0 !important;
	}
	nav#gnav ul li ul li:before,
	nav#gnav ul li ul li:last-child:after {
		display: none !important;
	}
	nav#gnav ul li ul li a {
		line-height: 40px !important;
		padding:0 0 0 40px !important;
		-webkit-box-sizing:border-box;
				box-sizing:border-box;
	}
	nav#gnav ul li:hover {
		border:0;
	}
	nav#gnav ul li:hover ul li {
		overflow: visible;
		height: 35px;
		border-bottom:0;
	}
	nav#gnav ul li:nth-child(2) ul li a:before {
		display: block !important;
		position: absolute;
		content:'';
		top:50%;
		left:20px;
		width:6px;
		height: 6px;
		margin-top:-5px;
		border-top:1px solid #555;
		border-right:1px solid #555;
		-webkit-transform:rotate(45deg);
				transform:rotate(45deg);
	}

	/*-----------------------------------------------------------------------------------------
		footer
	-----------------------------------------------------------------------------------------*/
	footer {
		padding:4% 0;
	}
	footer:before {
		position: absolute;
		content:'';
		top:-23px;
		left:3%;
		height:23px;
		width:280px;
		background: url("img/parts/footer_house_sp.png") 0 0 no-repeat;
		background-size:280px 23px;
	}
	footer,
	footer a {}
	/*-- footer top use --*/
	#footer {
		max-width:100%;
		min-width:100%;
		margin:0;
	}
	#logo-f {
		font-size:18px;
	}
	.fx-footer {
		display:inline-block;
		text-align:center;
		width:100%;
		font-size:14px;
	}
	.fx-footer div {
		width:85% !important;
		margin:0 auto;
		padding:4% 0 !important;
	}
	.fx-footer div:last-child {
		padding-left:0;
		border-top:1px solid rgba(255,255,255,0.50);
		border-left:none;
	}

	/*-- footer navi --*/
	#fnav {}
	#fnav ul {
		width:40% !important;
		margin:0 auto;
	}
	#fnav ul li {
		position: relative;
		padding-left:20px;
		margin-bottom:4%;
		font-size:12px;
		text-align:left;
	}
	#fnav ul li:before {}
	#fnav ul li:hover a {}

	/*-- footer pageup --*/
	#pageUp {
		position:fixed;
		bottom:90px;
		right:20px;
		width:30px;
		height:30px;
		border:2px solid #fff;
	}
	#pageUp:after {
		position: absolute;
		content:'';
		left:9px;
		top:12px;
		width:10px;
		height:10px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	#pageUp:hover {}

	/*-- footer copyright --*/
	footer small {
		margin:6% 0;
		max-width:100%;
		min-width:100%;
		font-size:8px;
		text-align:center;
	}

	.bx-404error {
		width:100%;
		margin:10% auto 20% auto;
		padding:0 4%;
	}
	.bx-404error p {
		line-height:220%;
		margin-botttom:10%;
		text-align:center;
		font-size:14px;
	}
	
	/*------------------------------ footer fixed ----------*/
	#fBtn {
		display: block;
		position: fixed;
		left:0;
		bottom:0;
		z-index:100 !important;
	}
	#fBtn ul {
		position: fixed;
		left:0;
		bottom:0;
		width: 100%;
		display: block;
		background:#fff;
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.05);
				box-shadow: 0 0 4px rgba(0,0,0,0.05);
	}
	#fBtn ul li {
		overflow: hidden;
		font-weight: normal !important;
		font-size: 11px;
		float: left;
		text-align: center;
		background:#fff;
		line-height: 100%;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	#fBtn ul li span {
		display: block;
		font-size: 10px;
		margin-top: 10px;
	}
	#fBtn ul li a {
		display: block;
		padding:50px 0 7px 0;
		color:#fff;
	}
	#fBtn ul li:first-child {
		width: 60%;
		text-indent: -9999px;
		background:url("img/parts/tel_sp.png") 50% 50% no-repeat #f63832;
		background-size:80% auto;
	}
	#fBtn ul li:nth-child(2) {
		width: 20%;
		background:url("img/parts/document.png") 50% 15px no-repeat #19952d;
	}
	#fBtn ul li:nth-child(3) {
		width: 20%;
		background:url("img/parts/calculator.png") 50% 15px no-repeat #00a99d;
	}
    
    /*------------------------------ ISO ----------*/
    #iso {
        margin-bottom:4%;
    }
    #iso p {}
    #iso img {
        width:50%;
        margin:0 auto;
    }

	/*-----------------------------------------------------------------------------------------
		TOP
	-----------------------------------------------------------------------------------------*/

	/*---------- main image ------------------------------*/
	#main {
		height:500px;
		background:url("img/content/top/main_sp.jpg")50% 50% no-repeat;
		background-size:cover;
	}
	/*---------- main important ------------------------------*/
	.bx-main-contact {
		max-width:100%;
		min-width:100%;
		padding:0 4%;
		margin:-12% auto 8% auto;
		display:block;
	}
	.bx-main-contact div {
		width:100%;
		margin-bottom:20%;
		min-height:auto;
		padding:6%;
	}
	.bx-main-contact div h2 {
		width:95%;
		margin:-13% auto 8% auto;
		font-size:16px;
	}
	.bx-main-contact div.bx-estimate h2 {}
	.bx-main-contact div.bx-estimate p {
		font-size:16px;
		margin-bottom:10%;
	}
	.bx-main-contact div.bx-accident h2 {}
	.bx-main-contact div.bx-accident p {
		font-size:16px;
	}
	.bx-main-contact div.bx-accident p span {
		margin:4% 0;
	}
	.bx-main-contact div.bx-accident p img {
		max-width:90%;
		width:90%;
		height:auto;
	}

	/*---------- 商品案内カテゴリー ------------------------------*/
	#category {
		padding:5% 0 10% 0;
	}
	#category h2 {
		font-size:24px;
		line-height:100%;
		margin-bottom:12%;
	}
	#category h2:after {}
	#category p {
		font-size:14px;
	}

	.list-category {
		margin:10% auto 0 auto;
		max-width:100%;
		min-width:100%;
		padding:0 2%;
	}
	.list-category li {
		width:48.5%;
		margin:0 3% 3% 0;
		padding-bottom:3%;
	}
	.list-category li:nth-child(2n){
		margin-right:0;
	}
	.bx-cat {
		padding-top:70.3%;
	}
	.bx-cat img {
		-webkit-transition: 0s;
				transition: 0s;
	}
	.list-category li:hover .bx-cat img {
		-webkit-transform: scale(1);
				transform: scale(1);
		-webkit-transition: 0s;
				transition: 0s;
	}
	.list-category li:hover {
		-webkit-transition: 0s;
				transition: 0s;
	}

	/*------------------------------ お知らせ ----------*/
	#topics {
		padding:5% 0 10% 0;
	}
	#topics h2 {
		font-size:24px;
		margin-bottom:12%;
	}
	#topics h2:after {}
	#wrap-topics {
		display:block;
		margin:0 auto 5% auto;
		max-width:90%;
		min-width:90%;
		border-left:0;
		border-right:0;
	}
	#wrap-topics:after {
		display: none;
	}
	#wrap-topics div.bx-topics {
		width:100%;
		padding:8% 0;
		min-height:200px;
	}
	#wrap-topics div.bx-topics:first-child {
		border-bottom:1px solid #efefef;
	}
	#wrap-topics div.bx-topics p.ttl-topics {
		color:#f63832;
		font-size:16px;
		font-weight:700;
		line-height:100%;
		border-left:2px solid #f63832;
		padding:1%px 0 1% 4%;
		margin-bottom:2%;
	}
	dl.list-news div {
		padding:5% 2%;
		font-size: 14px;
		line-height:150%;
	}
	dl.list-news div dt {
		width:23%;
		padding-left:0;
	}
	dl.list-news div dd {
		width:73%;
	}
	dl.list-news div dd a:hover {}
	.more-topics {}
	.more-topics a {}

	/*-----------------------------------------------------------------------------------------
		second page
	-----------------------------------------------------------------------------------------*/

	/*------------------------------ pan list ----------*/
	#pan {
		margin-top:60px;
		padding:2%;
	}
	#pan ol {
		max-width:100%;
		min-width:100%;
		padding:0;
		margin:0;
	}
	#pan ol li {
		font-size:10px;
	}
	#pan ol li:after {
		margin:0 8px;
		font-size:10px;
	}
	#pan ol li:last-child:after {}
	#pan ol li a {}

	/*------------------------------ page title ----------*/
	article {
		margin-bottom:10%;
	}
	article section {
		max-width:100%;
		min-width:100%;
		padding:10% 5%;
		margin:0;
	}
	#ttl {
		padding:6% 0;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);
				box-shadow:0 0 10px rgba(0,0,0,0.05);
		-webkit-box-sizing:border-box;
				box-sizing:border-box;
	}
	#ttl h1 {
		font-size: 22px;
		font-weight:700;
		padding-bottom:12%;
		margin-bottom:4%;
	}
	#ttl p {
		font-size: 12px;
		color:#777;
	}
	/*-- 背景アイコン --*/
	#t-privacypolicy {}
	#t-faq {}
	#t-accident {}
	#t-sonpo {}
	#t-company {}
	#t-estimate {}
	#t-products {}
	#t-inquiry {}
	#t-solicitation {}
	#t-news {}

	/*-----------------------------------------------------------------------------------------
		inquiry
	-----------------------------------------------------------------------------------------*/
	.entryForm {
		position: relative;
		padding:8% 4%;
		margin-bottom:12%;
	}
	.entryForm div {
		padding:4% 1%;
		display:block;	
	}
	.entryForm div dt {
		padding:0 0 0 70px;
		margin-bottom:4%;
		width:100%;
	}
	.entryForm div dd {
		width:100%;
	}
	.entryForm div dt,
	.entryForm div dd {}

	.entryForm div dd input[type="text"],
	.entryForm div dd input[type="email"],
	.entryForm div dd input[type="tel"] {
		padding:0 2%;
	}
	.entryForm div dd.zip input[type="text"],
	.entryForm div dd.tel input[type="text"] {
		width:50%;
		padding:0 2%;
	}
	.entryForm div dd select {
		width:50%;
	}
	.entryForm div dd label {
		display: -webkit-flex;
				display: flex;
		-webkit-align-items: center;
				align-items: center;
	}
	.entryForm div dd.ways span {
		margin:1% 0;
		display: block !important;
	}
	.entryForm div dd input[type="radio"],
	.entryForm div dd input[type="checkbox"] {}
	.entryForm div dd input[type="radio"] {}
	.entryForm div dd input[type="radio"]:checked:before,
	.entryForm div dd input[type="checkbox"]:checked:before {}
	.entryForm div dd input[type="radio"]:before {}
	.entryForm div dd input[type="checkbox"]:before {}
	.entryForm div dd input[type="radio"],
	.entryForm div dd input[type="checkbox"] {}
	.entryForm div dd input[type="radio"]:checked:before,
	.entryForm div dd input[type="checkbox"]:checked:before {}
	.entryForm div dd textarea {
		padding:2%;
	}
	.h:before {}
	.n:before {}
	.error {
		margin:2% 0 0 0;
	}
	.send-box {
		margin:8% 0 0 0;
		width:100%;
		padding:4% 0;
	}
	.send-box input[type="submit"] {
		border-radius:60px;
		height: 60px;
		line-height: 60px;
		width:80%;
		margin:10% auto 6% auto;
	}
	.send-box input[type="submit"]:after {
		position: absolute;
		content:'';
		top:50%;
		right:15px;
		width:8px;
		height: 8px;
		margin-top:-4px;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		-webkit-transform:rotate(45deg);
				transform:rotate(45deg);
		z-index: 1;
	}
	.send-box input[type="submit"]:hover {
		opacity: 1;
	}

	.send-box span {
		margin-right:10px;
		font-size:16px;
	}
	.send-box input[type="checkbox"] {}
	.send-box input[type="checkbox"]:checked:before{}
	.send-box input[type="checkbox"]:before {}
	.send-box input[type="checkbox"] {}
	.send-box input[type="checkbox"]:checked:before {}

	/*-- privacypolicy box --*/
	.bx-agree {
		padding:4%;
		height:300px;
		width:100%;
	}
	.bx-agree p {}
	.bx-agree p strong {}
	.bx-agree ul {
		margin-bottom:4%;
	}
	.bx-agree ul li {}

	/*-----------------------------------------------------------------------------------------
		privacy
	-----------------------------------------------------------------------------------------*/

	.bx-privacy h3 {
		padding-left:4%;
		margin:8% 0 4% 0;
	}
	.bx-privacy h3:before {}
	.bx-privacy p {
		margin-left:4%;
	}
	.attention {}
	.attention:before {}
	.bx-privacy ul {
		margin:0 0 4% 20px;
	}
	.bx-privacy ul li {
		margin-left:20px;
	}

	/*-----------------------------------------------------------------------------------------
		faq
	-----------------------------------------------------------------------------------------*/
	.list-faq {}
	.list-faq div {
		position: relative;
		border-radius:4px;
		margin-bottom:5%;
	}
	.list-faq div dt {
		padding: 10px 60px 10px 50px;
		font-size:16px;
		background:url(img/parts/ic_q.png) -3px -6px no-repeat;
		background-size:50px auto;
	}
	.list-faq div dt:before {
		position: absolute;
		content:'';
		top:20px;
		right:15px;
		border-top: 1px solid #999;
		width:16px;
		-webkit-transition: 0.2s;
				transition: 0.2s;
	}
	.list-faq div dt:after {
		position: absolute;
		content:'';
		top:13px;
		right:22px;
		height: 16px;
		border-left: 1px solid #999;
	}
	.list-faq div dt:hover {}
	.list-faq div dd {
		line-height: 180%;
		padding: 15px 20px 40px 50px;
		margin:0;
		font-size:14px;
		background:url(img/parts/ic_a.png) -3px 0 no-repeat;
		background-size:50px auto;
	}

	/*---------- slidetoggle ----------*/
	.list-faq div.sel dt:after {}
	.sel {}

	/*-----------------------------------------------------------------------------------------
		accident
	-----------------------------------------------------------------------------------------*/
	#accident div.bx-accident {
		max-width:100%;
		min-width:100%;
		margin:12% auto 15% auto;
		padding:0 4% 4% 4%;
	}
	#accident div.bx-accident h2 {
		width:95%;
		line-height:60px;
		border-radius:60px;
		margin:0 auto;
		font-size:18px;
		top:-30px;
	}
	#accident div.bx-accident p {
		font-size:18px;
		margin:0 !important;
	}
	#accident div.bx-accident p span {
		margin:5% 0;
	}
	#accident div.bx-accident p img {
		max-width:80%;
		width:80%;
	}
	
	.list-telephone {
		margin-top:20%;
		display:block;
	}
	.list-telephone div {
		border-radius:10px;
		min-height:auto;
		width:90%;
		padding-bottom:10%;
		margin:0 auto 15% auto;
	}
	.list-telephone div dt {
		line-height:40px;
		border-radius:40px;
		color:#fff;
		width:75%;
		margin:-20px auto 10% auto;
	}
	.list-telephone div dd img {
		width:75%;
		height:auto;
	}
	.list-telephone div:nth-last-child(2) {
		margin-bottom:15% !important;
	}
	.list-telephone div:last-child {
		margin-bottom:2% !important;
	}

	.list-accident {}
	.list-accident:before {
		top:60px;
		left:33px;
		height:calc(100% - 220px);
		border-left:3px solid #f63832;
	}
	.list-accident div {
		padding:8% 4% 8% 6%;
		margin:0 2% 0 70px;
	}
	.list-accident div:before {
		top:27%;
		left:-70px;
		width:70px;
		height:70px;
		margin-top:-40px;
	}
	.list-accident div:after {
		top:23%;
		left:-42px;
		margin-top:-10px;
		font-size:20px;
	}
	.list-accident div dt {
		font-size:18px;
		margin-bottom:6%;
	}
	.list-accident div dd {
		font-size:14px;
	}

	/*-----------------------------------------------------------------------------------------
		sonpo japan
	-----------------------------------------------------------------------------------------*/

	#wrap-sonpo {
		display:block;
	}
	.bx-sonpo {
		width:100%;
		margin-bottom:6%;
	}
	.bx-sonpo em {
		line-height:100%;
		padding:1% 0 1% 4%;
	}
	.bx-sonpo ul {
		padding:6%;
		display:block;
	}
	.bx-sonpo ul li {
		margin-bottom:3%;
		background:url("img/parts/arrow_circle.png") 0 50% no-repeat;
		padding-left:25px;
		background-size:14px auto;
	}
	.bx-sonpo ul li:after {}
	.bx-sonpo ul li:last-child {}
	.bx-sonpo ul li:hover {}
	.w100 {}
	.w100 ul li {
		width:100% !important;
	}

	.fx-sonpo {
		display:block;
		padding:10% 4%;
	}
	.fx-sonpo img {
		display: block;
		margin:0 auto 8% auto;
	}
	.fx-sonpo div {
		width:100%;
		margin:0;
	}
	.fx-sonpo div p {
		margin:0 4% 8% 4%;
		text-align: left;
	}
	.fx-sonpo div p.more {
		margin:0 auto !important;
		text-align:center;
	}

	/*-----------------------------------------------------------------------------------------
		link
	-----------------------------------------------------------------------------------------*/
	.links {
		padding:4% 8%;
	}
	.links li {
		padding:12% 4%;
		display:block;
	}
	.links li:last-child {
		border-bottom:0;
	}
	.links li img {
		max-width:250px;
		width:70%;
		height:auto;
		display:block;
		border:1px solid #ccc;
		margin:0 auto 8% auto;
	}
	.links li dl {
		margin:0;
	}
	.links li dl dt {
		font-size:18px;
		margin-bottom:6%;
		text-align: center;
	}

	/*-----------------------------------------------------------------------------------------
		company
	-----------------------------------------------------------------------------------------*/
	#company section {}
	.bx-company {
		max-width:100%;
		min-width:100%;
		margin:0;
	}
	#greeting {
		-webkit-flex-wrap:wrap;
				flex-wrap:wrap;

	}
	#message {
		width:100%;
		padding:8% 4% 0 4%;
		order:2;
	}
	#message h2 {
		font-size:24px;
		text-align: center;
		margin-bottom:60px;
	}
	#message h2:before {
		width:60px;
		bottom:-27px;
		left:50%;
		margin-left:-30px;
	}
	img#staff {
		width:100%;
		height: auto;
		order:1;
	}

	/*-- 会社案内 --*/
	#information {}
	#information h2 {
		font-size:20px;
		padding-bottom:2%;
		margin-bottom:4%;
		letter-spacing:4px;
		border-bottom:1px solid #efefef;
	}
	#information h2:before {
		bottom:-1px;
		width:10%;
		border-bottom:1px solid #f63832;
	}
	#information img {
		margin-bottom:4%;
	}
	#information dl {
		margin-bottom:6%;
	}
	#information dl div {}
	#information dl div dt,
	#information dl div dd {
		padding:4% 2%;
		font-size:14px !important;
	}
	#information dl div dt {
		width:35%;
	}
	#information dl div dd {
		width:65%;
	}
	#gmap {
		max-width:100%;
		min-width:100%;
		margin:0;
		height:550px;
	}
	iframe {}

	/*-- philosophy --*/
	#philosophy h2 {
		font-size:20px;
		padding-bottom:4%;
		margin-bottom:4%;
		letter-spacing:4px;
		border-bottom:1px solid #efefef;
	}
	#philosophy h2:before {
		bottom:-1px;
		width:10%;
		border-bottom:1px solid #f63832;
	}
	.philosophy {
		margin-top:15%;
		font-size:20px;
		line-height:230%;
	}
	.philosophy span {
		display: block;
		margin-bottom:6%;
	}

	/*-----------------------------------------------------------------------------------------
		estimate
	-----------------------------------------------------------------------------------------*/
	.inner {
		max-width:100%;
		min-width:100%;
		margin:0;
	}
	#estimate section {}
	#estimate section:nth-child(2n) {}
	#estimate h2 {
		font-size:20px;
		margin-bottom:15%;
	}
	#estimate h2:before {
		bottom:-20px;
		width:60px;
		margin-left:-30px;
		border-bottom:1px solid #f63832;
	}
	.fx-estimate {
		display:block;
		max-width:100%;
		min-width:100%;
		margin:0;
	}
	.fx-estimate section {
		position: relative;
		padding:8% 5%;
		max-width:100% !important;
		min-width:100% !important;
		margin-bottom:8%;
	}
	.fx-estimate section:after {
		position: absolute;
		content:'';
		right:10px;
		bottom:10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 20px 20px;
		border-color: transparent transparent #efefef transparent;

	}
	.fx-estimate section img {
		margin:0 auto 4% auto;
	}
	.fx-estimate section h3 {
		margin-bottom:4%;
	}
	.fx-estimate section p {
		margin-bottom:6%;
		min-height:auto;
	}
	.ic_estimate,
	.ic_detail,
	.ic_link {
		margin-bottom:6% !important;
		width:100% !important;
	}
	.ic_estimate a {
		background:url("img/parts/ic_estimate_red.png") 92% 50% no-repeat #fff;
		background-size:17px auto;
	}
	.ic_detail a {
		background:url("img/parts/ic_detail_red.png") 92% 50% no-repeat #fff;
		background-size:17px auto;
	}
	.ic_link a {
		background:url("img/parts/ic_link_red.png") 92% 50% no-repeat #fff;
		background-size:17px auto;
	}
	.fx-estimate section.w100 {
		max-width:100% !important;
		min-width:100% !important;
		margin:0;
	}
	.fx-estimate section.w100 p {
		width:100%;
		min-height:auto;
		margin:0 auto 6% auto;
	}
	.txt-estimate {
		max-width:90%;
		min-width:90%;
		margin:0 auto 20% auto;
		padding:0;
		font-size:16px;
	}

	/*-----------------------------------------------------------------------------------------
		products
	-----------------------------------------------------------------------------------------*/
	#products section {}
	#products section:nth-child(2n) {}
	#products h2 {
		font-size:20px;
		margin:-60px auto 15% auto;
		padding-top:90px;
	}
	#products h2:before {
		bottom:-20px;
		width:60px;
		margin-left:-30px;
		border-bottom:1px solid #f63832;
	}
	.fx-products {
		display:block;
		max-width:100%;
		min-width:100%;
		margin:0 0 8% 0;
		width:100%;
	}
	.fx-products section {
		position: relative;
		padding:8% 4% 12% 4%;
		max-width:100% !important;
		min-width:100% !important;
		background:#fff !important;
		margin:0 0 10% 0 !important;
	}
	.fx-products section:nth-of-type(3n) {}
	.fx-products section:after {}
	.fx-products section h3 {
		margin-bottom:4%;
		min-height:auto;
	}
	.fx-products section p {
		margin-bottom:6%;
		min-height:auto;
	}

	.col-1 section {
		max-width:100% !important;
		min-width:100% !important;
		margin:0 0 10% 0 !important;
	}
	.col-1 section p {
		width:100%;
		min-height:auto;
		margin:0 auto 6% auto;
	}
	.col-2 section {
		max-width:100% !important;
		min-width:100% !important;
		margin:0 0 10% 0 !important;
	}
	.provider {
		left:4%;
	}
	.pickup {
		line-height:50px;
		border-radius:5px;
		margin:-50px auto 8% auto !important;
		width:90%;
		font-size:16px !important;
	}


	/*-----------------------------------------------------------------------------------------
		news
	-----------------------------------------------------------------------------------------*/
	.bx-news {
		margin:12% auto 10% auto;
		width:90%;
		padding:8%;
		min-height:400px;
	}

	/*-----------------------------------------------------------------------------------------
		paging
	-----------------------------------------------------------------------------------------*/
	/*-- paging ------------------------------*/
	.pagination {
		width:100%;
		margin:0 auto 15% auto;
	}
	.pagination span,
	.pagination a {
		margin:0 1%;
		width:30px;
		height:30px;
		line-height:30px;
		font-size:12px;
	}
	.pagination .current {}

	.pagination a.prev,
	.pagination a.next {}
	.pagination a.prev:before,
	.pagination a.next:before {
		width:6px;
		height:6px;
		margin-top:-3px;
	}
	.pagination a.prev:before {
		left:12px;
	}
	.pagination a.next:before {
		left:10px;
	}

	/*-----------------------------------------------------------------------------------------
		お知らせページ
	-----------------------------------------------------------------------------------------*/
	#details {
		margin-bottom:0 !important;
	}
	/*------------------------------ 詳細 ----------*/
	.bx-news-detail {
		display:block;
		max-width:100%;
		min-width:100%;
		margin:10% 0 0 0;
	}
	.bx-entry {
		width:90%;
		padding:0;
		border-radius:0;
		margin:0 auto 10% auto;
		background:none;
		min-height:450px;
		-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0);
				box-shadow: 5px 5px 15px rgba(0,0,0,0);
	}

	/*---------- 記事内容 ----------*/
	#title-entry {
		position: relative !important;
		padding: 4% 2%;
		min-width: 100%;
		margin-bottom:5%;
		height: auto !important;
		background:none !important;
		z-index:1 !important;
	}
	#title-entry h1 {
		font-size:18px;
	}
	#title-entry .entry-date {
		margin-bottom:2%;
	}
	.text-entry {
		margin-bottom:20%;
	}
	.text-entry p {
		margin-bottom: 4%;
	}
	.text-entry img {
		border-radius:10px;
		max-width:100%;
		height: auto;
		display: block !important;
		margin:0 auto 40px auto;
	}

	/*------------------------------ お知らせサイドメニュー ----------*/
	#sidebar {
		width:100%;
		min-height:auto;
		padding:10% 5% 25% 5%;
		background:#fff;
	}
	#sidebar h3 {
		border-bottom:1px solid #efefef;
		padding:0 0 4% 0;
	}
	#sidebar ul li {
		padding:6% 0;
		border-bottom:1px solid #efefef;
		-webkit-align-items: center;
				align-items: center;
	}
	#sidebar ul li a {}
	
	/*-----------------------------------------------------------------------------------------
		求人情報ページ
	-----------------------------------------------------------------------------------------*/
	.txt-recruit {
		margin:0 auto 12% auto;
		width:90%;
		word-break: break-all;
	}
	/*-- navi --*/
	.nav-recruit {
		max-width:90%;
		min-width:90%;
		margin:0 auto 12% auto;
	}
	.nav-recruit li {
		width:47.5%;
	}
	.nav-recruit li a {
		line-height:50px;
		border-radius: 50px;
		-webkit-transition:0s;
				transition:0s;
	}
	.nav-recruit li:hover a {}
	/*-- recruit information --*/
	.center {}
	.bx-recruit {
		margin:0 auto 20% auto;
		padding:8% 4%;
		max-width:90%;
		min-width:90%;
	}
	.bx-recruit h2 {
		font-size: 24px;
		margin-bottom:10%;
		letter-spacing:5px;
	}
	.bx-recruit a {}
	.ttl-recruit {
		font-size: 24px;
		padding-bottom:2%;
		margin-bottom:6%;
	}
	.ttl-recruit span {
		font-size:14px;
		margin-right:4%;
	}
	/*-- table --*/
	.table-recruit {
		margin-bottom:10%;
	}
	.table-recruit th,
	.table-recruit td {
		font-size:14px;
	}
	.table-recruit th {
		padding:4% 2%;
		width:30%;
	}
	.table-recruit td {
		padding:4% 2%;
		width:70%;
	}
	/*--download button --*/
	.more-recruit {
		margin:0 auto 10% auto;
		max-width:280px;
		width:85%;
	}
	.more-recruit a {
		line-height: 60px;
	}
	.more-recruit a:hover {}
	.more-recruit a:after {}
	
	/*-----------------------------------------------------------------------------------------
		solicitation
	-----------------------------------------------------------------------------------------*/
	#solicitation {
		overflow: hidden;
	}
	#solicitation section {}
	#solicitation section:nth-child(2n) {}
	#solicitation h2 {
		font-size: 20px;
		margin-bottom:10%;
		letter-spacing:5px;
	}
	#solicitation h2:before {}
	#solicitation h3 {
		font-size:16px;
		padding:3% 3% 2% 3%;
		margin-bottom:8%;
	}
	#solicitation ul,
	#solicitation ol {
		margin:0 0 8% 23px;
	}
	#solicitation ul li,
	#solicitation ol li {
		margin-bottom:4%;
	}
	#solicitation ul li {}
	#solicitation ol li {}
	.bx-sign {}
	.bx-sign strong {
		font-size:16px;
		margin-top:1%;
	}
	#basic-policy {
		padding:10% 5%;
		margin-bottom:-10%;
	}
}








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