@charset "UTF-8";

/*========/ 次回層共通 /========*/

/*ページタイトル*/
#TitleBlock{ height:350px; position: relative; }
#TitleBlock::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:rgba( 65,66,66,.4 );
	position:absolute;
	top:0;
	left:0;
}
#TitleBlock h2{
	margin:130px 0 0 40px;
	color:#fff;
	font-size:70px;
	font-size:7.0rem;
	line-height:1.2;
	letter-spacing:4px;
	font-family: 'Prompt', sans-serif;
	position: relative;
	z-index:1;
}
#TitleBlock h2 span {
	display:block;
	font-size:24px;
	font-size:2.4rem;
}
@media screen and (max-width: 640px) {
	#TitleBlock h2{
		margin:130px 0 0 20px;
		font-size:50px;
		font-size:5.0rem;
	}
	#TitleBlock h2 span {
		display:block;
		font-size:20px;
		font-size:2.0rem;
	}
}

#packing #TitleBlock{ background:url( "../../packing/img/main.jpg" ) no-repeat center 0 /cover; }/*サービス案内*/
.planning #TitleBlock{ background:url( "../../packing/img/planning_main.jpg" ) no-repeat center 0 /cover; }/*包装設計*/
.konpo #TitleBlock{ background:url( "../../packing/img/konpo_main.jpg" ) no-repeat center bottom /cover; }/*包装・梱包*/
.sale #TitleBlock{ background:url( "../../packing/img/sale_main.jpg" ) no-repeat center 0 /cover; }/*販売・その他*/
.support #TitleBlock{ background:url( "../../packing/img/support_main.jpg" ) no-repeat center 0 /cover; }/*製造支援*/
.transport #TitleBlock{ background:url( "../../packing/img/transport_main.jpg" ) no-repeat center center /cover; }/*一般輸送*/
#company #TitleBlock{ background:url( "../../company/img/main.jpg" ) no-repeat center 0 /cover; }/*会社案内*/
#office #TitleBlock{ background:url( "../../office/img/main.jpg" ) no-repeat center center /cover; }/*拠点一覧*/
#recruit #TitleBlock{ background:url( "../../recruit/img/main.jpg" ) no-repeat center center /cover; }/*採用情報*/
#inquiry #TitleBlock{ background:url( "../../contact/img/main.jpg" ) no-repeat center center /cover; }/*お問合せ・見積依頼*/
#newsTopics #TitleBlock{ background:url( "../../news/img/main.jpg" ) no-repeat center 0 /cover; }/*ニュース＆トピックス*/
#related #TitleBlock{ background:url( "../../related/img/main.jpg" ) no-repeat center 0 /cover; }/*関連会社*/
#privacy #TitleBlock{ background:url( "../../privacy/img/main.jpg" ) no-repeat center 0 /cover; }/*プライバシーポリシー*/


/*パンくず*/
main > nav{ max-width:1198px; margin:40px auto; padding:0 40px; position: relative; z-index:50; }
main > nav li{
	list-style:none;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
}
main > nav li + li::before{
	content:"\e901";
	margin:0 .5em;
	display:inline-block;
	font-size:10px;
	font-family: 'icomoon';
	transform: scale(0.6);
}
@media screen and (max-width: 640px) {
	main > nav{ padding:0 20px; }
}

/*見出し*/
article h2{
	font-size:22px;
	font-size:2.2rem;
}
article h2 span{
	display:block;
	color:rgba( 248,182,43,.3 );
	font-size:60px;
	font-size:6.0rem;
	line-height:1;
	font-family: 'Prompt', sans-serif;
}
@media screen and (max-width: 640px) {
	article h2 span{
		font-size:40px;
		font-size:4.0rem;
	}
}

/*VIEWMOREボタン*/
.more{
	padding:5px 20px;
	border:1px #fff solid;
	text-align:center;
	color:#fff;
	transition: all .3s ease;
}
.more::after{
	content: "\e901";
	margin-left:1em;
	display:inline-block;
	font-size:10px;
	font-family: 'icomoon';
	transform: scale(0.6);
}
.more:hover{
	color:#1f526b;
	background:#fff;
}


/*========/ サービス案内 /========*/
#service{ position: relative; }
#service h2{
	max-width:1230px;
	margin:0 auto;
	padding-left:40px;
}
#service > div::after{
	content:"";
	width:50%;
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:0;
	z-index:-1;
}
#service section{
	margin:60px auto 0;
	display:flex;
	align-items: center;
}
#service section p{ max-width:450px; min-width:450px; }
#service section p img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#service section dl{
	min-width:calc( 100% - 510px );
	padding:90px 40px;
	color:#fff;
	line-height:2.0;
	background:#1f526b;
	position: relative;
	right:40px;
}
#service section:nth-child(2n) dl{ background:#002060; }
#service section dl dt{
	margin-bottom:15px;
	font-size:25px;
	font-size:2.5rem;
}
#service section dl a{
	width:calc( 7em + 40px );
	margin-top:20px;
	padding:10px 20px;
	display:block;
}
@media screen and (max-width: 1294px) {
	#service section{ width:100%; max-width:auto; }
}
@media screen and (max-width: 650px) {
	#service section{ margin:30px auto 0; }
	#service section p{ display:none; }
	#service section dl{
		width: calc( 100% - 80px ) ;
		min-width: auto ;
		margin:0 auto;
		padding:30px;
		right:auto;
	}
}
@media screen and (max-width: 640px) {
	#service h2{ padding-left:20px; }
}


/*========/ 梱包設計 /========*/
#serCon .topMessage{ margin-bottom:150px; position: relative; }
#serCon .topMessage::after{
	content:"";
	width:80%;
	height:220px;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:-60px;
	z-index:-1;
}
#serCon .topMessage h2{
	max-width:1230px;
	margin:0 auto;
	padding-left:40px;
	color:#1f526b;
	font-size:35px;
	font-size:3.5rem;
	font-weight:400;
}
#serCon .topMessage p{
	max-width:1230px;
	margin:20px auto;
	padding-left:40px;
	line-height:2.2;
}
@media screen and (max-width: 1280px) {
	#serCon .topMessage h2,
	#serCon .topMessage p{ padding-right:20px; }
}
@media screen and (max-width: 870px) {
	#serCon .topMessage h2{ font-size:26px; font-size:2.6rem; }
}
@media screen and (max-width: 670px) {
	#serCon .topMessage{ margin-bottom:80px; }
	#serCon .topMessage::after{ bottom:-20px; }
	#serCon .topMessage h2{ padding-left:20px; font-size:20px; font-size:2.0rem; }
	#serCon .topMessage h2 br{ display:none; }
	#serCon .topMessage p{ margin-top:30px; padding-left:20px; }
}

/*写真リスト*/
#serCon .photo{
	margin-top:10px;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
#serCon .photo li{
	width:calc( 100% / 4 - 10px );
	margin:0 0 20px 10px;
	padding-bottom:20px;
	border-bottom:1px #dedede dotted;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: space-between;
}
#serCon .photo li:nth-last-of-type(1),
#serCon .photo li:nth-last-of-type(2),
#serCon .photo li:nth-last-of-type(3),
#serCon .photo li:nth-last-of-type(4){ border:none; }
#serCon .photo li span{ width:100%; display:block; }

/* カテゴリ共通レイアウトブロック */
#serCon .cate-01{
	max-width:1190px;
	margin:60px auto 0;
	padding:0 40px;
}
#serCon .cate-01 h2 + p{ margin:40px 0; }
#serCon .cate-01 h3{
	margin:40px 0 10px ;
	padding:8px 20px;
	border-radius:3px;
	color:#fff;
	font-weight:300;
	background:#1f526b;
}
#serCon .cate-01 > dl{ margin-top:20px; position: relative; }
#serCon .cate-01 > dl::after{
	content:"";
	width:calc( 100% + 40px );
	height:110%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	left:-20px;
	bottom:-20px;
	z-index:-1;
}
#serCon .cate-01 > dl dt{
	margin-bottom:.5em;
	color:#1f526b;
	font-size:14px;
	font-size:1.4rem;
	font-weight:800;
}

@media screen and (max-width: 640px) {
	#serCon .cate-01{ margin:30px auto 0; padding:20px; }
}

/*トライウォール、バイウォール説明*/
#serCon .cate-01 .wall{
	width:calc( 100% - 60px );
	margin:30px 0;
	padding:30px;
	display:flex;
	background:#f8f8f8;
}
#serCon .cate-01 .wall p{ min-width:calc( 20% - 10px ); max-width:calc( 20% - 20px ); margin-right:20px; }
#serCon .cate-01 .wall img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#serCon .cate-01 .wall dt{ margin-bottom:15px; color:#1f526b; font-size:24px; font-size:2.4rem; }
#serCon .cate-01 .wall dd + dd{ margin-top:15px; font-size:18px; font-size:1.8rem; }
@media screen and (max-width: 870px) {
	#serCon .cate-01 .wall{ flex-wrap:wrap; }
	#serCon .cate-01 .wall p{ min-width:calc( 50% - 30px ); max-width:calc( 50% - 30px ); margin:0 15px; text-align:center; }
	#serCon .cate-01 .wall dl{ min-width:100%; max-width:100%; margin-top:30px; }
}

#serCon .cate-01 h4{ margin:10px 0 20px; color:#1f526b; font-size:24px; font-size:2.4rem; }

/*販売案内ブロック*/
#serCon .sales{
	max-width:1230px;
	margin:60px auto 0;
	text-align:center;
	position: relative;
}
#serCon .sales h2{
	font-size:24px;
	font-size:2.4rem;
	font-weight:400;
}
#serCon .sales a{
	width:calc( 15em + 40px );
	margin:20px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.4;
	background:#1f526b;
}
#serCon .sales a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#serCon .sales a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 670px) {
	#serCon .sales h2{ margin-bottom:20px; font-size:20px; font-size:2.0rem; }
}

/*お問い合わせ・見積もりブロック*/
#serCon .service{
	margin:80px auto 0;
	text-align:center;
	position: relative;
}
#serCon .service::after{
	content:"";
	width:calc( 100% - 10% );
	height:40%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	top:60px;
	z-index:-1;
}
#serCon .service h2{
	margin-bottom:40px;
	color:#0070c0;
	font-size:30px;
	font-size:3.0rem;
}
#serCon .service a{
	width:calc( 15em + 40px );
	margin:50px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.4;
	background:#1f526b;
}
#serCon .service a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#serCon .service a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 870px) {
	#serCon .service h2{ font-size:26px; font-size:2.6rem; }
}
@media screen and (max-width: 670px) {
	#serCon .service h2{ margin-bottom:20px; font-size:20px; font-size:2.0rem; }
}
@media screen and (max-width: 640px) {
	#serCon .service{ margin:30px auto 0; padding:20px; }
}

/* パッケージングコンテスト */
#serCon .contest{
	max-width:1190px;
	margin:60px auto 0;
	padding:0 40px;
}
#serCon .contest h2 + p{ margin:40px 0; }

#serCon .contest > div{
	max-width:1030px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
}
#serCon .contest > div dl{
	width:calc( 100% / 2 - 10px );
	margin-bottom:50px;
	display:flex;
	text-align:center;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15);
}
#serCon .contest > div dl dt{ min-width:40%; max-width:40%; padding-top:20px; }
#serCon .contest > div dl img{ width:90%; }
#serCon .contest > div dl dd{
	padding:20px 10px;
	text-align:left;
}
#serCon .contest > div dl dd strong{
	margin-bottom:10px;
	display:block;
	font-size:18px;
	font-size:1.8rem;
}
#serCon .contest > div dl dd em{
	margin-bottom:10px;
	display:block;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	font-style:normal;
}
@media screen and (max-width: 870px) {
	#serCon .contest > div dl{ width:100%; margin-bottom:20px; }
	#serCon .contest h2{ font-size:26px; font-size:2.6rem; }
}
@media screen and (max-width: 670px) {
	#serCon .contest h2{ margin-bottom:20px; font-size:20px; font-size:2.0rem; }
	#serCon .contest > div dl dd strong{ font-size:16px; font-size:1.6rem; }
}
@media screen and (max-width: 640px) {
	#serCon .contest{ margin:30px auto 0; padding:20px; }
}

/* 自社トラック */
#serCon .truck{
	max-width:1190px;
	margin:60px auto 0;
	padding:0 40px;
}
#serCon .truck::after { margin-bottom:-1px; content:"."; display:block; height:0.1em; clear:both; visibility:hidden; }
#serCon .truck ul{ width:calc( 100% - 420px ); margin:40px 0 0 1em; float:left; list-style:none; }
#serCon .truck ul li{ margin-bottom:.5em; }
#serCon .truck ul li::before{ content:"・"; }
#serCon .truck p{ width:400px; float:right; position: relative; }
#serCon .truck p::after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:-20px;
	bottom:-20px;
	z-index:-1;
}
@media screen and (max-width: 740px) {
	#serCon .truck ul{ width:calc( 100% - 320px );  }
	#serCon .truck p{ width:300px; }
}
@media screen and (max-width: 640px) {
	#serCon .truck{ margin:30px auto 0; padding:20px; }
}
@media screen and (max-width: 580px) {
	#serCon .truck ul{ width:100%; float:none; }
	#serCon .truck p{ width:100%; margin-top:20px; float:none; }
}

/* ミタトランスポート */
#serCon .transport{
	margin-top:80px;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	background: url(../../packing/img/transport-bg.jpg) no-repeat 0 60% / cover;
	position: relative;
}
#serCon .transport::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:rgba( 31,82,107,.7 );
	position: absolute;
	top:0;
	left:0;
}
#serCon .transport h2{
	font-size:28px;
	font-size:2.8rem;
	font-weight:300;
}
#serCon .transport a{
	max-width:calc( 15em + 40px );
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	border:1px #f8b62b solid;
	text-align:center;
	color:#f8b62b;
	transition: all .3s ease;
}
#serCon .transport a::after{
	content: "\e901";
	margin-left:1em;
	display:inline-block;
	font-size:10px;
	font-family: 'icomoon';
	transform: scale(0.6);
}
#serCon .transport a:hover{
	color:#1f526b;
	background:#f8b62b;
}
@media screen and (max-width: 640px) {
#serCon .transport h2{ font-size:20px; font-size:2.0rem; }
}


/*========/ 会社案内 /========*/
#company{  }
#company nav.pageLink{ margin-bottom:70px; }
#company nav.pageLink ul{ display:flex; justify-content: center; }
#company nav.pageLink ul li + li{ margin-left:10px; }
#company nav.pageLink ul li + li::before{ display:none; }
#company nav.pageLink ul a{
	padding:10px 40px 10px 30px;
	display:block;
	border:2px #f8b62b solid;
	border-radius:8px;
	color:#0b0b0b;
	font-size:16px;
	font-size:1.6rem;
	position: relative;
}
#company nav.pageLink ul a::after{
	content:"▼";
	display:block;
	font-size:10px;
	transform: scale(0.6);
	position: absolute;
	right:2.5em;
	top:1.5em;
}
#company nav.pageLink ul a:hover{ color:#fff; background:#f8b62b; }

@media screen and (max-width: 950px) {
	#company nav.pageLink ul a{ padding:10px 30px 10px 20px; font-size:14px; font-size:1.4rem; }
	#company nav.pageLink ul a::after{ right:1.5em; }
}
@media screen and (max-width: 793px) {
	#company nav.pageLink ul a{ padding:10px 20px 10px 10px; font-size:14px; font-size:1.4rem; }
	#company nav.pageLink ul a::after{ right:.5em; }
	#company nav.pageLink ul li + li{ margin-left:5px; }
}
@media screen and (max-width: 678px) {
	#company nav.pageLink ul{ flex-wrap:wrap; }
	#company nav.pageLink ul li{ margin-bottom:.5em; }
}

/*社長あいさつ*/
#company #message{
	display:flex;
	justify-content: center;
	position: relative;
}
#company #message::after{
	content:"";
	width:45%;
	height:70%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:20px;
	z-index:-1;
}
#company #message h2{
	margin-bottom:5px;
	color:#f8b62b;
	font-size:30px;
	font-size:3.0rem;
}
#company #message h3{
	margin-bottom:20px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:700;
}
#company #message p{ max-width:600px; margin:0 0 1em 0; line-height:1.6; }
#company #message dl{ margin-left:20px; text-align:center; }
#company #message dt{ margin-bottom:20px; }
#company #message dt img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }

@media screen and (max-width: 730px) {
	#company #message{ padding:0 20px; }
}
@media screen and (max-width: 620px) {
	#company #message{ display:block; }
	#company #message p{ margin:30px 0; }
}

/*社是*/
#company .slogan p{
	margin-top:60px;
	text-align:center;
	position: relative;
}
#company .slogan p::after{
	content:"";
	width:100%;
	height:70%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	top:50px;
	z-index:-1;
}
#company .slogan img{ width:100%; max-width:490px; margin:10px 0; box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#company .slogan dl{
	width:920px;
	margin:40px auto 0;
}
#company .slogan dl dt{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #cacaca solid;
	color:#0070c0;
	font-size:24px;
	font-size:2.4rem;
}
#company .slogan dl dt + dd{ font-size:20px; font-size:2.0rem; }

@media screen and (max-width: 940px) {
#company .slogan dl{ width:calc( 100% - 40px ); padding:0 20px; }
}
@media screen and (max-width: 670px) {
	#company .slogan p{ padding:0 20px; }
}

/*会社概要*/
#company #profile{
	margin-top:130px;
	position: relative;
}
#company #profile::after{
	content:"";
	width:50%;
	height:70%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	top:65%;
	z-index:-1;
	transform: translate(0, -65%);
}
#company #profile h2{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}
#company #profile > div{
	max-width:1230px;
	margin:0 auto;
	padding-left:40px;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
#company #profile > div > div{ width:50%; margin-top:60px; }
#company #profile dl{ margin-bottom:1.0em; display:flex; font-size:16px; font-size:1.6rem; }
#company #profile dl dt{ min-width:140px; color:#1f526b; font-weight:600; }
#company #profile dl ol{ margin-left:1em; }
#company #profile dl ul{ list-style:none; }
#company #profile dl ul li{ display:inline-block; }
#company #profile dl ul li::after{ content:"、"; }
#company #profile dl ul li.end::after{ content:none; }
#company #profile > div img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
@media screen and (max-width: 1090px) {
	#company #profile > div{ padding:0 20px; display:block; }
	#company #profile > div > div{ width:100%; }
	#company #profile > div > p{ text-align:center; }
}
@media screen and (max-width: 640px) {
	#company #profile h2{ padding:0 20px; }
	#company #profile > div{ padding-left:20px; }
}
@media screen and (max-width: 630px) {
	#company #profile dl{ font-size:14px; font-size:1.4rem; }
}
@media screen and (max-width: 510px) {
	#company #profile dl{ display:block; }
}

/*アクセス*/
#company .access{ margin-top:60px; }
#company .access h2{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}
#company .access iframe{
	width:100%;
	height:340px;
}

/*沿革*/
#company #history{ margin-top:120px; position: relative; }
#company #history::after{
	content:"";
	width:60%;
	height:90%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:0;
	z-index:-1;
}
#company #history .photo{ max-width:36%; margin:30px; float:right; }
#company #history .photo img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#company #history > div{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}
#company #history > div h2{ margin-bottom:60px; }
#company #history dl{ margin-bottom:1.0em; display:flex; font-size:16px; font-size:1.6rem; }
#company #history dl dt{ min-width:240px; color:#1f526b; font-weight:600; }

#company #history dl dd p{
	margin:2px 2px 2px 0;
	padding:3px 10px;
	display:inline-block;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.0;
}
#company #history dl dd .history{ background:#1f526b; }
#company #history dl dd .csr{ background:#002060; }
#company #history dl dd .license{ background:#f8b62b; }


@media screen and (max-width: 1090px) {
	#company #history > div > div{ width:100%; }
}
@media screen and (max-width: 970px) {
	#company #history .photo{ max-width:30%; }
}
@media screen and (max-width: 850px) {
	#company #history .photo{ max-width:20%; margin:10px; }
}
@media screen and (max-width: 640px) {
	#company #history > div{ padding-left:20px; }
}
@media screen and (max-width: 630px) {
	#company #history dl{ font-size:14px; font-size:1.4rem; }
}
@media screen and (max-width: 600px) {
	#company #history .photo{ max-width:40%; }
	#company #history dl{ display:block; }
}

#company #history .more {
	width: calc( 7em + 40px );
	margin: 70px auto 15px;
	padding: 10px 20px;
	display: block;
	border: 1px #002060 solid;
	text-align: center;
	color: #002060;
	transition: all .3s ease;
}
#company #history .more::after {
	content: "\e901";
	margin-left: 1em;
	display: inline-block;
	font-size: 10px;
	font-family: 'icomoon';
	transform: scale(0.6);
}
#company #history .more:hover {
	color: #fff;
	background: #002060;
}

/*組織図*/
#company #organization{
	position: relative;
}
#company #organization::after{
	content:"";
	width:100%;
	height:50%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:-30px;
	z-index:-1;
}
#company #organization h2{
	max-width:1190px;
	margin:120px auto 0;
	padding:0 40px;
	position: relative;
}
#company #organization p{ margin-top:50px; text-align:center; }

@media screen and (max-width: 640px) {
	#company #organization h2{ padding:0 20px; }
	#company #organization p{ padding:0 20px; }
}


/*CSRtab*/
#company #csr{
	max-width:1190px;
	margin:120px auto 0;
	padding:0 40px;
}
#company #csr h2{ margin-bottom:50px; }
#company #csr .contents{
	margin-top:30px;
	position: relative;
}
#company #csr .contents + .contents{
	margin-top:60px;
}
#company #csr .contents::after{
	content:"";
	width:calc( 100% + 30px );
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:-20px;
	left:-30px;
	z-index:-1;
}
#company #csr h3{ margin-bottom:5px; font-size:25px; font-size:2.5rem; }
#company #csr h4{
	margin:20px 0 10px;
	text-align:left;
	color:#002060;
	font-size:20px;
	font-size:2.0rem;
}
#company #csr h4 + p{ text-align:left; }
#company #csr ul{
	margin-top:20px;
	text-align:left;
	list-style:none;
	color:#1f526b;
	font-size:16px;
	font-size:.1.6rem;
	font-weight:500;
}
#company #csr ul li{
	margin-bottom:.5em;
	padding-left:1em;
	text-indent:-1em;
}
#company #csr ul li::before{
	content:"●";
	margin-right:.5em;
	font-size:10px;
	font-size:.1.0rem;
}
#company #csr .famifure{ text-align:left; }
#company #csr .famifure p{ margin-top: 1em; padding: 0 1em; }
#company #csr .famifure a:hover{ opacity:.7; }
#company #csr .famifure .bn a{ display:flex; align-items: center; justify-content: center; }
#company #csr .famifure .bn a img{ display:block; }
#company #csr .famifure .bn a span{ margin-left: 1em; display: block; }


@media screen and (max-width: 672px) {
	#company #csr .contents .tabLabel { margin-left:5px; padding: 10px; }
	#company #csr .famifure .bn a{ display:block; }
	#company #csr .famifure .bn a span{ margin-left: 0; }
}
@media screen and (max-width: 640px) {
	#company #csr{ padding:0 20px; }
	#company #csr ol li{ padding:20px; }
}
@media screen and (max-width: 597px) {
	#company #csr .contents .tabLabel { width:auto; margin-bottom:5px; }
}


/*========/ 拠点一覧 /========*/
#office{  }
#office .content{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}
#office .content.list ul{ margin:40px 0 0 40px; list-style:none; }
#office .content.list ul li{
	margin-bottom:40px;
	display:flex;
	align-items: flex-start;
	color:#1f526b;
	position: relative;
}
#office .content.list ul  li::after{
	content:"";
	width:calc( 100% + 30px );
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:-20px;
	left:-30px;
	z-index:-1;
}
#office .content.list ul li h3{
	min-width:12em;
	max-width:12em;
	font-size:28px;
	font-size:2.8rem;
	font-weight:400;
}
#office .content.list ul li h3 span{ margin:10px 20px; display:block; }
#office .content.list ul li p{ margin-right:3em; }
#office .content.list ul li a.more{
	min-width:7em;
	max-width:7em;
	margin:10px 10px 0 auto;
	border-color:#002060;
	color:#fff;
	background:#002060;
}
#office .content.list ul li a.more:hover{
	border-radius:30px;
	color:#002060;
	background:#fff;
}

/*詳細*/
#office .content.article{  }
#office .content.article h3{ margin:40px 0 30px; padding-bottom:10px;  border-bottom:1px #f8f8f8 solid; }
#office .content.article .address{  }
#office .content.article .address{ display:flex; }
#office .content.article .address .photo{ max-width:500px; position: relative; }
#office .content.article .address .photo.vertical{ max-width:300px; }
#office .content.article .address .photo::after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	left:30px;
	bottom:-30px;
	z-index:-1;
}
#office .content.article .address > div{ margin-left:60px; }
#office .content.article .address dl{ margin-bottom:15px; display:flex; }
#office .content.article .address dl dt{ min-width:5em; max-width:5em; }
#office .content.article .freeDial{ display:block; }
#office .content.article .freeDial::after{
	content: "\e905";
	margin:0 0 0 .5em;
	display:inline-block;
	color:#319f2d;
	vertical-align: middle;
	font-family: 'icomoon';
}
#office .content.article iframe{
	width:100%;
	height:380px;
	margin:40px 0;
	display:block;
}

#office .content.article .album{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#office .content.article .album li{ width:calc( 100% / 5 - 5px ); margin:0 5px 5px 0; }

@media screen and (max-width: 1005px) {
	#office .content.article .address{ display:block; }
	#office .content.article .address p{ margin:0 auto 40px; }
	#office .content.article .address > div{ margin-left:0; }
}
@media screen and (max-width: 820px) {
	#office .content.list ul li{ display:block; }
	#office .content.list ul li h3{ margin-bottom:.5em; }
	#office .content.list ul li p{ margin-right:0; }
	#office .content.list ul li a.more{ width:8em; display:block; }
	#office .content.article .album li{ width:calc( 100% / 3 - 5px ); margin:0 5px 5px 0; }
}
@media screen and (max-width: 640px) {
	#office .content.list{ padding:0 20px; }
	#office .content.list ul{ margin-left:20px; }
	#office .content.article .album li{ width:calc( 100% / 2 - 5px ); margin:0 5px 5px 0; }
}

/*トランスポート課の紹介*/
#office .content.division{ margin-top:100px; }
#office .content.division h2 {
	margin:30px 0;
	border-bottom:1px #f8f8f8 solid;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight:300;
}
#office .content.division h3 {
	margin: 40px 0 10px;
	padding: 0 10px;
	border-radius: 3px;
	color: #fff;
	font-weight: 300;
	background: #1f526b;
}
#office .content.division ol{ list-style:none; }
#office .content.division ol li {
	padding: 20px 30px 10px;
	color: #1f526b;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight:300;
	position: relative;
	background:#fef0d5;
}
#office .content.division ol li::after {
	content:"▼";
	color:#fef0d5;
	position: absolute;
	bottom:-25px;
	left:100px;
	z-index:1;
	transform : scale(1.7, 0.7);
}
#office .content.division ol li:nth-child(2n) { background:#fef8e9; }
#office .content.division ol li:nth-child(2n)::after {
	color:#fef8e9;
}
#office .content.division ol li:nth-last-of-type(1)::after { content:none; }
#office .content.division ol li span {
	width: 44px;
	min-width: 44px;
	margin-right: 30px;
	display:inline-block;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-weight:700;
	line-height: 44px;
	font-family: 'Open Sans', sans-serif;
	background: #f8b62b;
}
#office .content.division ol li p {
	margin:0 0 20px 74px;
	color: #0b0b0b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight:400;
	position: relative;
}
#office .content.division .photo { margin:20px 0; display:flex; }
#office .content.division .photo img { width:auto; max-height:300px; margin:0 5px; }

@media screen and (max-width: 640px) {
	#office .content.division{ 	padding:0 20px; }
	#office .content.division ol li { padding: 20px 20px 10px; font-size: 20px; font-size: 2.0rem; }
	#office .content.division ol li span { margin-right: 15px; }
	#office .content.division ol li p { margin:0 0 20px 59px; }
	#office .content.division ol li::after { bottom:-20px; left:70px; }
}


/*========/ 採用情報 /========*/
#recruit{  }

/*メッセージ*/
#recruit .topMassage{ margin-bottom:60px; position: relative; }
#recruit .topMassage::after{
	content:"";
	width:80%;
	height:220px;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:-60px;
	z-index:-1;
}
#recruit .topMassage h2{
	max-width:1230px;
	margin:0 auto;
	padding-left:40px;
	font-size:38px;
	font-size:3.8rem;
}
#recruit .topMassage h2 span{
	display:inline;
	color:#f8b62b;
	font-size:38px;
	font-size:3.8rem;
}
#recruit .topMassage p{
	max-width:1230px;
	margin:30px auto 0;
	padding-left:40px;
	line-height:2.4;
}
@media screen and (max-width: 800px) {
	#recruit .topMassage::after{ height:80%; }
	#recruit .topMassage h2{ font-size:28px; font-size:2.8rem; }
	#recruit .topMassage h2 span{ font-size:28px; font-size:2.8rem; }
}
@media screen and (max-width: 640px) {
	#recruit .topMassage h2{ padding-left:20px; font-size:20px; font-size:2.0rem; }
	#recruit .topMassage h2 span{ font-size:20px; font-size:2.0rem; }
	#recruit .topMassage p{ margin-top:30px };
}


/*仕事内容*/
#recruit .prMessage{ max-width:1230px; margin:110px auto 0; display:flex; }
#recruit .prMessage > p{ width:50%; }
#recruit .prMessage > p span{ display:inline-block; position: relative; }
#recruit .prMessage > p span::after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	left:0;
	bottom:-40px;
	z-index:-1;
}
#recruit .prMessage > p img{ margin-left:-60px; display:block; }

#recruit .prMessage > div{ max-width:50%; margin-right:40px; }
#recruit .prMessage h2{
	margin:0 auto;
	font-size:38px;
	font-size:3.8rem;
}
#recruit .prMessage h2 span{
	display:inline;
	color:#f8b62b;
	font-size:38px;
	font-size:3.8rem;
}
#recruit .prMessage p{
	margin:30px auto 0;
	line-height:2.4;
}
#recruit .prMessage p a{
	width:calc( 13em + 40px );
	margin-top:20px;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
}
#recruit .prMessage p a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .prMessage p a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 800px) {
	#recruit .prMessage h2{ font-size:28px; font-size:2.8rem; }
	#recruit .prMessage h2 span{ font-size:28px; font-size:2.8rem; }
}
@media screen and (max-width: 640px) {
	#recruit .prMessage h2{ padding-left:20px; font-size:20px; font-size:2.0rem; }
	#recruit .prMessage h2 span{ font-size:20px; font-size:2.0rem; }
}
@media screen and (max-width: 580px) {
	#recruit .prMessage{ display:block; }
	#recruit .prMessage > p{ width:calc( 100% - 40px ); padding:0 20px; }
	#recruit .prMessage > div{ width:calc( 100% - 40px ); max-width:100%; margin-right:0; padding:0 20px; }
	#recruit .prMessage p a{ margin:20px auto 0; }
}

/*インタビュー*/
#recruit .interview{
	margin-top:100px;
	padding:75px 0;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:url( ../img/recruit-bg.jpg) no-repeat 0 30% / cover;
	position: relative;
}
#recruit *{ position: relative; }
#recruit .interview::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:rgba( 31,82,107,.7 );
	position: absolute;
	top:0;
	left:0;
}
#recruit .interview h2{ 
	font-size:30px;
	font-size:3.0rem;
	font-weight:500;
}
#recruit .interview h2 span{ color:rgba( 255,255,255,.4 ); }
#recruit .interview a{
	width:calc( 13em + 40px );
	margin:40px auto 0;
	padding:10px 20px;
	display:block;
	border:1px rgba( 255,255,255,.6 ) solid;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:rgba( 31,82,107,.7 );
}
#recruit .interview a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .interview a:hover{
	border-radius:50px;
	background:#f8b62b;
}

/*募集要項*/
#recruit .entry{ position: relative; }
#recruit .entry::after{
	content:"";
	width:80%;
	height:250px;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:-60px;
	z-index:-1;
}
#recruit .entry h2{ margin-bottom:40px; }
#recruit .entry > div{ max-width:1230px; margin:110px auto 0; padding-left:40px; }
#recruit .entry p{
	margin:30px auto 0;
	line-height:2.4;
}
#recruit .entry p a{
	width:calc( 13em + 40px );
	margin:50px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
}
#recruit .entry p a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .entry p a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 744px) {
	#recruit .entry::after{ bottom:-20px; }
}
@media screen and (max-width: 640px) {
	#recruit .entry > div{ padding:0 20px; }
}
/*募集要項(一覧)*/
#recruit .entryList{ max-width:1230px; margin:110px auto 0; padding-left:40px; }
#recruit .entryList h2{ margin-bottom:40px; }
#recruit .entryList ul{ min-height:200px; margin:40px 0; list-style:none; position: relative; }
#recruit .entryList ul li.notEntry{
	text-align:center;
	color:#ccc;
	font-size:24px;
	font-weight:700;
	position: absolute;
	top:80px;
	left: 50%;
	transform: translate(-50% , 0);
	z-index:-2;
}
#recruit .entryList ul li{ margin-bottom:50px; display:flex; position: relative; }
#recruit .entryList ul li::after{
	content:"";
	width:calc( 100% + 30px );
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	top:30px;
	left:-30px;
	z-index:-1;
}
#recruit .entryList ul li p{ min-width:400px; }
#recruit .entryList ul li p img {box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#recruit .entryList ul li dl{ margin:0 30px; }
#recruit .entryList ul li dl dt{ margin-bottom:20px; color:#0070c0; font-size:38px; font-size:3.8rem; }
#recruit .entryList ul li dl dd > a{
	width:calc( 10em + 40px );
	margin-top:20px;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
}
#recruit .entryList ul li dl dd > a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .entryList ul li dl dd > a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 920px) {
	#recruit .entryList ul li p{ min-width:300px; }
}
@media screen and (max-width: 730px) {
	#recruit .entryList ul li p{ min-width:200px; }
}
@media screen and (max-width: 640px) {
	#recruit .entryList{ margin:40px auto 0; padding-left:20px; }
}
@media screen and (max-width: 600px) {
	#recruit .entryList ul li{ margin: 0 20px 50px; display:block; }
	#recruit .entryList ul li p{ max-width:300px; margin-bottom:20px; }
	#recruit .entryList ul li dl{ margin-left:0; }
	#recruit .entryList ul li dl dt{ font-size:28px; font-size:2.8rem; }
	#recruit .entryList ul li dl dd > a{ width:calc( 100% - 30px ); margin-right:30px; }
}

/*募集要項(詳細)*/
#recruit .entryArticle{ max-width:1190px; margin:110px auto 0; padding:0 40px; }
#recruit .entryArticle h2{ margin-bottom:40px; }
#recruit .entryArticle h3{
	margin:30px 0;
	text-align:center;
	color:#0070c0;
	font-size:38px;
	font-size:3.8rem;
	position: relative;
}
#recruit .entryArticle h3::after{
	content:"";
	width:100%;
	height:60%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:-10px;
	z-index:-1;
}
#recruit .entryArticle dl{ margin-bottom:30px;display:flex; align-items: center; }
#recruit .entryArticle dl dt{ width:400px; min-width:400px; text-align:center; }
#recruit .entryArticle dl dt img {box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#recruit .entryArticle dl dd{ margin:0 30px; }
#recruit .entryArticle table{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	border-collapse:
	collapse; border-spacing: 0;
}
#recruit .entryArticle table{
	border:1px #ccc solid;
	font-size:16px;
	font-size:1.6rem;
}
#recruit .entryArticle th {
	width:180px;
	padding:15px 20px;
	border-bottom:1px #ccc solid;
	text-align:left;
	color:#1f526b;
	font-weight:400;
	background:#f8f8f8;
}
#recruit .entryArticle td{
	padding:15px 20px;
	border-bottom:1px #ccc solid;
}
#recruit .entryArticle form input{
	width:14em;
	margin:40px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#recruit .entryArticle form input:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 840px) {
	#recruit .entryArticle dl dt{ width:300px; min-width:300px; }
}
@media screen and (max-width: 700px) {
	#recruit .entryArticle dl dt{ width:200px; min-width:200px; }
}
@media screen and (max-width: 640px) {
	#recruit .entryArticle{ margin:40px auto 0; padding-left:20px; }
}
@media screen and (max-width: 600px) {
	#recruit .entryArticle h3{ font-size:28px; font-size:2.8rem; }
	#recruit .entryArticle th { width:100px; padding:10px 15px; }
	#recruit .entryArticle td{ padding:10px 15px; }
}
@media screen and (max-width: 520px) {
	#recruit .entryArticle dl{ display:block; }
	#recruit .entryArticle dl dt{ width:100%; min-width:100%; margin-bottom:20px; }
	#recruit .entryArticle dl dd{ margin:0 ; }
}

/*募集要項(エントリー)*/
#recruit .entryForm{ position: relative; }
#recruit .entryForm .content::after{
	content:"";
	width:50%;
	height:82%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:-20px;
	right:0;
	z-index:-1;
}
#recruit .entryForm h2,
#recruit .entryForm h2 + p{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}
#recruit .entryForm h2{ margin-bottom:40px; }
#recruit .entryForm form{
	max-width:1000px;
	margin:50px auto 0;
	padding:0 40px;
}
#recruit .entryForm form dl{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ccc dotted; display:flex; }
#recruit .entryForm form dt{ width:14em; padding:6px 0; }
#recruit .entryForm form dt + dd{ width:4em; padding:6px 0; color:#aaa; font-weight:600; }
#recruit .entryForm form dt + dd.required{ color:#f8b62b; }
#recruit .entryForm form dd + dd{ width:calc( 100% - 20em ); }
#recruit .entryForm form dd input[type="text"]{ width:100%; }
#recruit .entryForm form dd input#zip{ width:9em; margin-bottom:5px; }
#recruit .entryForm form dd input#email2{ margin:5px 0; }
#recruit .entryForm form dd input#town{ width:calc( 100% - 8.5em ); margin:0 0 .5em 2.5em; }
#recruit .entryForm form dd input#apartment{ width:calc( 100% - 8.6em ); margin-left:1.4em; }
#recruit .entryForm form dd textarea{ width:100%; height:10em; }

#recruit .entryForm form .btn{ text-align:center; }
#recruit .entryForm form .confirm{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#recruit .entryForm form .confirm:hover{
	border-radius:50px;
	background:#f8b62b;
}
#recruit .entryForm form .confirm[disabled]{ background:#ccc; }
#recruit .entryForm form .confirm[disabled]:hover{ border-radius:0; cursor: default; }

@media screen and (max-width: 790px) {
	#recruit .entryForm form dt{ width:10em; }
	#recruit .entryForm form dd + dd{ width:calc( 100% - 16em ); }
}
@media screen and (max-width: 640px) {
	#recruit .entryForm h2,
	#recruit .entryForm h2 + p,
	#recruit .entryForm form{ padding:0 20px; }
}
@media screen and (max-width: 590px) {
	#recruit .entryForm form dl{ display:block; }
	#recruit .entryForm form dt{ width:auto; padding: 0; }
	#recruit .entryForm form dt + dd{ padding: 0; }
	#recruit .entryForm form dd + dd{ width:100%; }
}

/*エントリー確認ページ*/
#recruit .entryForm.check h3{
	max-width:1230px;
	margin: 30px auto;
	padding-left:40px;
	text-align: center;
	color: #0070c0;
	font-size: 30px;
	font-size: 3.0rem;
	position: relative;
}
#recruit .entryForm.check h3::after {
	content: "";
	width: 100%;
	height: 60%;
	display: block;
	background: #f8f8f8;
	position: absolute;
	bottom: -10px;
	z-index: -1;
}
#recruit .entryForm.check form dd{ padding:6px 0; }
#recruit .entryForm.check .btn{
	display:flex;
	justify-content: center;
}
#recruit .entryForm.check .btn p{
	margin:0 10px;
}
#recruit .entryForm.check .btn input{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#recruit .entryForm.check .btn input:hover{
	border-radius:50px;
	background:#f8b62b;
}
#recruit .entryForm.check .btn input.backpage{ background:#aaa; }
@media screen and (max-width: 640px) {
	#recruit .entryForm.check h3{ padding: 0 20px };
}
@media screen and (max-width: 590px) {
	#recruit .entryForm.check form dd{ padding: 0; }
}

/*エントリーエラーページ*/
#recruit .entryForm.error > div{
	max-width:1230px;
	margin: 30px auto;
	padding-left:40px;
	text-align: center;
	position: relative;
}
#recruit .entryForm.error h3{
	margin: 50px auto;
	color: #0070c0;
	font-size: 30px;
	font-size: 3.0rem;
	position: relative;
}
#recruit .entryForm.error h3::after {
	content: "";
	width: 100%;
	height: 60%;
	display: block;
	background: #f8f8f8;
	position: absolute;
	bottom: -10px;
	z-index: -1;
}
#recruit .entryForm.error .btn p{
	margin:30px auto;
}
#recruit .entryForm.error .btn a{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#recruit .entryForm.error .btn a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 640px) {
	#recruit .entryForm.error > div{ padding: 0 20px };
}

/*エントリー完了ページ*/
#recruit .entryForm.thankyou > div{
	max-width:1230px;
	margin: 30px auto;
	padding-left:40px;
	text-align: center;
	position: relative;
}
#recruit .entryForm.thankyou h3{
	margin: 50px auto;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight:400;
	position: relative;
}
#recruit .entryForm.thankyou .btn a{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#recruit .entryForm.thankyou .btn a:hover{
	border-radius:50px;
	background:#f8b62b;
}
#recruit .entryForm.thankyou .btn a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
@media screen and (max-width: 640px) {
	#recruit .entryForm.thankyou > div{ padding: 0 20px };
}



/*インスタグラム*/
#recruit .instagram{
	width:728px;
	height:134px;
	margin:140px auto 0;
}
#recruit .instagram a{
	width:100%;
	height:134px;
	display:block;
	text-indent:-9999px;
	background:url( ../../recruit/img/instagram_bn.png ) no-repeat 0 0;
	background-size: cover;
}
#recruit .instagram a:hover{ background-image:url( ../../recruit/img/instagram_bn_hover.png ); }

@media screen and (max-width: 744px) {
	#recruit .instagram{ width:100%; height:auto; margin-top:60px; }
	#recruit .instagram a{ width:100%; height:0; padding-top:18.40659%; }
}


/*よくある質問*/
#recruit .faq{ max-width:1230px; margin:90px auto 0; padding-left:40px; position: relative; }
#recruit .faq.top::after{
	content:"";
	width:80%;
	height:250px;
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:0;
	bottom:-60px;
	z-index:-1;
}
#recruit .faq h2{ margin-bottom:40px; }
#recruit .faq ol{ margin:40px 0 0 40px; list-style:none; }
#recruit .faq ol li{
	margin-bottom:20px;
	color:#1f526b;
	position: relative;
}
#recruit .faq ol li span{
	margin-right:30px;
	font-size:36px;
	font-size:3.6rem;
	font-family: 'Open Sans', sans-serif;
}
#recruit .faq ol li::after{
	content:"";
	width:calc( 100% + 30px );
	height:calc( 100% - 30px );
	display:block;
	background:#f8f8f8;
	position: absolute;
	top:30px;
	left:-30px;
	z-index:-1;
}
#recruit .faq ol dl{ margin-left:80px; display:flex; align-items: flex-start; }
#recruit .faq ol dt{
	width:44px;
	min-width:44px;
	border-radius:50%;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-size:2.4rem;
	line-height:44px;
	font-family: 'Open Sans', sans-serif;
	background:#f8b62b;
}
#recruit .faq ol dd{
	margin:.5em 0 0 20px;
	color: #0b0b0b;
	font-size:18px;
	font-size:1.8rem;
}
#recruit .faq .btn a{
	width:calc( 13em + 40px );
	margin:50px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.4;
	background:#1f526b;
}
#recruit .faq .btn a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .faq 	.btn a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 744px) {
	#recruit .faq{ margin-top:40px; }
}
@media screen and (max-width: 640px) {
	#recruit .faq{ padding:0 20px; };
	#recruit .faq ol{ margin:40px 0 0 0; }
	#recruit .faq ol li::after{ width:calc( 100% + 40px ); left:-10px; right:-20px; }
}
@media screen and (max-width: 630px) {
	#recruit .faq ol li span{ display:block; }
	#recruit .faq ol{ margin:0 20px 0 0; }
	#recruit .faq ol dl{ margin:20px 0 0 0; }
	#recruit .faq ol dd{ font-size:16px; font-size:1.6rem; }
}

/* == インタビュー == */
/*一覧*/
#recruit .interviewList{ 
	max-width:1190px;
	margin:0 auto 30px;
	padding:0 40px;
}
#recruit .interviewList h2 + p{ margin:30px 0; }
#recruit .interviewList ul{ margin-left:-50px; list-style:none; display:flex; flex-wrap:wrap; }
#recruit .interviewList ul li{
	width:calc( 100% / 3 - 50px );
	margin:0 0 30px 50px;
	font-size:15px;
	font-size:1.5rem;
	position: relative;
}
#recruit .interviewList ul li span{
	display:block;
	color: initial;
	font-size:22px;
	font-size:2.2rem;
}
#recruit .interviewList ul li::after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:-10px;
	right:-20px;
	z-index:-1;
}
#recruit .interviewList ul li img{ margin-bottom:10px; display:block; }
#recruit .interviewList ul li a{ display:block; }
#recruit .interviewList ul li a img{ width:100%; transition: all .3s ease; }
#recruit .interviewList ul li a:hover img{ transform: scale(1.04, 1.04); }

#recruit .interviewList ul+ p a{
	width:calc( 13em + 40px );
	margin:50px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.4;
	background:#1f526b;
}
#recruit .interviewList ul + p a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .interviewList ul + p a:hover{
	border-radius:50px;
	background:#f8b62b;
}
@media screen and (max-width: 870px) {
	#recruit .interviewList ul li{ width:calc( 100% / 2 - 50px ); }
}
@media screen and (max-width: 744px) {
	#recruit .interviewList{ margin-top:40px; }
}
@media screen and (max-width: 640px) {
	#recruit .interviewList{ padding:0 20px; };
}
@media screen and (max-width: 560px) {
	#recruit .interviewList ul{ margin-left:-30px; }
	#recruit .interviewList ul li{ width:calc( 100% / 2 - 30px ); margin:0 0 30px 30px; }
}
/*詳細*/
#recruit .intArticle{ 
	max-width:1190px;
	margin:0 auto 30px;
	padding:0 40px;
}
#recruit .intArticle .profBlock{
	margin:40px 0;
	display:flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
	color:#fff;
	position: relative; 
}
#recruit .intArticle .profBlock h3{
	width:calc( 100% - 530px );
	padding:40px 30px;
	font-size:35px;
	font-size:3.5rem;
	background:#002060;
}
#recruit .intArticle .profBlock h3 > span{
	display:block;
	font-size:24px;
	font-size:2.4rem;
	font-weight:400;
}
#recruit .intArticle .profBlock h3 > span > span{
	display:block;
	font-size:16px;
	font-size:1.6rem;
}

#recruit .intArticle .photo{ min-width:430px; max-width:430px; margin-right:40px; }
#recruit .intArticle h3 + .photo img { display:block; box-shadow: 0px 8px 16px -2px rgb(10 10 10 / 10%), 6px 7px 9px 1px rgb(10 10 10 / 15%); }
#recruit .intArticle .photo img + img{ margin-top:5px; }
#recruit .intArticle section:not(.profBlock) .photo { min-width:400px; max-width:400px; margin:0 0 0 30px; }
#recruit .intArticle h4{
	width:12em;
	margin:60px 0 40px;
	padding:15px 0;
	text-align:center;
	font-size:26px;
	font-size:2.6rem;
	font-weight:300;
	position: relative; 
}
#recruit .intArticle h4::before {
	content:"";
	width: 40px;
	height: 40px;
	border-top: 1px solid #0b0b0b;
	border-left: 1px solid #0b0b0b;
	position:absolute;
	top: 0;
	left: 0;
}
#recruit .intArticle h4::after {
	content: "";
	width: 40px;
	height: 40px;
	border-bottom: 1px solid #0b0b0b;
	border-right: 1px solid #0b0b0b;
	position: absolute;
	bottom: 0;
	left: 10.4em;
}
#recruit .intArticle section li {
	margin-bottom:10px;
	padding-left:1em;
	list-style:none;
	text-indent:-1em;
}
#recruit .intArticle section li::before { content:"・"; }
#recruit .intArticle section p{ margin-bottom:10px; }
#recruit .intArticle section:not(.profBlock) {
	display:flex;
	justify-content: space-between;
	position: relative; 
	z-index:-1;
}
#recruit .intArticle section:not(.profBlock)::after{
	content:"";
	width:calc( 100% - 20px );
	height:calc( 100% + 90px );
	display:block;
	background:#f8f8f8;
	position: absolute;
	right:-20px;
	bottom:-20px;
	z-index:-20;
}
#recruit .intArticle .btn a{
	width:calc( 13em + 40px );
	margin:50px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.4;
	background:#1f526b;
}
#recruit .intArticle .btn a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#recruit .intArticle .btn a:hover{
	border-radius:50px;
	background:#f8b62b;
}

@media screen and (max-width: 1000px) {
	#recruit .intArticle .profBlock{ padding:30px; }
	#recruit .intArticle .profBlock h3{ min-width:calc( 60% - 30px ); }
	#recruit .intArticle .photo{ min-width:40%; max-width:40%; margin-right:30px; }
}
@media screen and (max-width: 790px) {
	#recruit .intArticle .profBlock{ margin:30px 0; }
	#recruit .intArticle .profBlock h3{ font-size:22px; font-size:2.2rem; }
	#recruit .intArticle .profBlock h3 > span{ font-size:20px; font-size:2.0rem; }
	#recruit .intArticle h4{ margin:40px 0; }
}
@media screen and (max-width: 610px) {
	#recruit .intArticle .profBlock{ margin:20px 0; padding:0; }
	#recruit .intArticle .profBlock h3{ min-width:calc( 60% - 20px ); padding:20px; font-size:18px; font-size:1.8rem; }
	#recruit .intArticle .profBlock h3 > span{ font-size:16px; font-size:1.6rem; }
	#recruit .intArticle .profBlock h3 > span span{ font-size:14px; font-size:1.4rem; }
	#recruit .intArticle .photo{ margin-right:20px; }

	#recruit .intArticle section:not(.profBlock) { display:block; }
	#recruit .intArticle section:not(.profBlock) .photo { min-width:60%; max-width:60%; margin:0 auto; }
}
@media screen and (max-width: 540px) {
	#recruit .intArticle .profBlock h3{ min-width:calc( 60% - 30px ); max-width:calc( 60% - 30px ); padding:10px; font-size:16px; font-size:1.6rem; }
	#recruit .intArticle .profBlock h3 > span{ font-size:14px; font-size:1.4rem; }
	#recruit .intArticle .profBlock h3 > span span{ font-size:13px; font-size:1.3rem; }
	#recruit .intArticle .photo{ margin-right:10px; }

#recruit .intArticle h4{ font-size:20px; font-size:2.0rem; }
}


/*========/ お問合せ・見積依頼 /========*/
#inquiry{  }
#inquiry .content{ position: relative; }
#inquiry .content::after{
	content:"";
	width:50%;
	height:82%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:-20px;
	right:0;
	z-index:-1;
}
#inquiry .content h2,
#inquiry .content h2 + p{
	max-width:1190px;
	margin:0 auto 30px;
	padding:0 40px;
}
#inquiry .content form{
	max-width:1000px;
	margin:50px auto 0;
	padding:0 40px;
}

#inquiry .content form dl{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ccc dotted; display:flex; }
#inquiry .content form dt{ width:14em; padding:6px 0; }
#inquiry .content form dt + dd{ width:4em; padding:6px 0; color:#aaa; font-weight:600; }
#inquiry .content form dt + dd.required{ color:#f8b62b; }
#inquiry .content form dd + dd{ width:calc( 100% - 20em ); }
#inquiry .content form dd input[type="text"]{ width:100%; }
#inquiry .content form dd input#zip{ width:9em; margin-bottom:5px; }
#inquiry .content form dd input#email2{ margin:5px 0; }
#inquiry .content form dd input#town{ width:calc( 100% - 8.5em ); margin:0 0 .5em 2.5em; }
#inquiry .content form dd input#apartment{ width:calc( 100% - 8.6em ); margin-left:1.4em; }
#inquiry .content form dd textarea{ width:100%; height:10em; }

#inquiry .content form .btn{ text-align:center; }
#inquiry .content form .confirm{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#inquiry .content form .confirm:hover{
	border-radius:50px;
	background:#f8b62b;
}
#inquiry .content form .confirm[disabled]{ background:#ccc; }
#inquiry .content form .confirm[disabled]:hover{ border-radius:0; cursor: default; }

/*エントリー確認ページ*/
#inquiry .content.check h3{
	max-width:1230px;
	margin: 30px auto;
	padding-left:40px;
	text-align: center;
	color: #0070c0;
	font-size: 30px;
	font-size: 3.0rem;
}
#inquiry .content.check form dd{ padding:6px 0; }
#inquiry .content.check .btn{
	display:flex;
	justify-content: center;
}
#inquiry .content.check .btn p{
	margin:0 10px;
}
#inquiry .content.check .btn input{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#inquiry .content.check .btn input:hover{
	border-radius:50px;
	background:#f8b62b;
}
#inquiry .content.check .btn input.backpage{ background:#aaa; }

@media screen and (max-width: 520px) {
	#inquiry .content.check .btn{ display:block; }
}


/*エントリーエラーページ*/
#inquiry .content.error > div{
	max-width:1230px;
	margin: 30px auto;
	padding:0 40px;
	text-align: center;
	position: relative;
}
#inquiry .content.error h3{
	margin: 50px auto;
	color: #0070c0;
	font-size: 30px;
	font-size: 3.0rem;
}
#inquiry .content.error .btn p{
	margin:30px auto;
}
#inquiry .content.error .btn a{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#inquiry .content.error .btn a:hover{
	border-radius:50px;
	background:#f8b62b;
}


/*エントリー完了ページ*/
#inquiry .content.thankyou > div{
	max-width:1230px;
	margin: 30px auto;
	padding:0 40px;
	text-align: center;
	position: relative;
}
#inquiry .content.thankyou h3{
	margin: 50px auto;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight:400;
}
#inquiry .content.thankyou .btn a{
	width:14em;
	margin:30px auto 0;
	padding:10px 20px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	background:#1f526b;
	transition: all .3s ease;
}
#inquiry .content.thankyou .btn a::before{
	content: "\e902";
	margin-right:1em;
	display:inline-block;
	font-family: 'icomoon';
	transform: scale(1.5);
}
#inquiry .content.thankyou .btn a:hover{
	border-radius:50px;
	background:#f8b62b;
}


/*==// フォーム関連 //==*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

select::-ms-expand { display: none; }
input[type="button"]{ cursor: pointer; }

form, input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], .border-box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input , select , textarea { padding:6px; border: 1px #ccc solid; border-radius: 3px; font-family: 'Noto Sans JP', sans-serif; }

::placeholder{ color:#ccc; }

input:focus ,
select:focus ,
textarea:focus {
	border-color: #0070c0;
	outline: none;
	background:#fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
@media screen and (max-width: 650px) {
	#inquiry .content h2,
	#inquiry .content h2 + p{ padding:0 20px; }
	#inquiry .content form{ padding:0 20px; }
}
@media screen and (max-width: 640px) {
	#inquiry .content form dl{ display:block; }
	#inquiry .content form dd + dd{ width:95%; }
}
@media screen and (max-width: 405px) {
	#inquiry  h2 span{ font-size: 4.0rem; }
}

/* チェックボックス */
form #privacy[type=checkbox]{ display: none; }
form .check {
	width: auto;
	padding: 5px 30px;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
form .check::before {
	content: '';
	width: 16px;
	height: 16px;
	margin-top: -8px;
	display: block;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 5px;
}
form .check::after {
	content: '';
	width: 5px;
	height: 9px;
	margin-top: -7px;
	display: block;
	border-right: 3px solid #0070c0;
	border-bottom: 3px solid #0070c0;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: rotate(45deg);
}
form input[type=checkbox]:checked + .check::after {
	opacity: 1;
}
/* ラジオボタン */
form input[type=radio] {
	display: none;
}
form .radio {
	width: auto;
	padding: 5px 30px;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
form .radio::before {
	content: '';
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border: 1px solid #ccc;
	border-radius: 50%;
	display: block;
	background: #fff;
	position: absolute;
	left: 5px;
	top: 50%;
}
form .radio::after {
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -4px;
	display: block;
	border-radius: 50%;
	opacity: 0;
	background: #0070c0;
	position: absolute;
	top: 50%;
	left: 9px;
}
form input[type=radio]:checked + .radio::after { opacity: 1; }


/*========/ ニュース&トピックス /========*/
#newsTopics .contents{
	max-width:1198px;
	margin:80px auto 0;
	padding:0 40px;
}
#newsTopics .contents h2{ margin-bottom:30px; }
#newsTopics .contents + contents{ margin-top:80px; }
#newsTopics .contents.List > ul{ list-style:none; display:flex; flex-wrap:wrap; }
#newsTopics .contents.List > ul > li{ width:calc( 100% / 3 - 40px ); margin-bottom:30px; padding:20px; position: relative; }
#newsTopics .contents.List > ul > li::after{
	content:"";
	width:80%;
	height:90%;
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:0;
	right:0;
	z-index:-1;
}
#newsTopics .contents.List > ul > li > p{ width:240px; }
#newsTopics .contents.List > ul > li > p img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#newsTopics .contents.List dl{ margin-top:30px; }
#newsTopics .contents.List dt{
	margin-bottom:.5em;
	font-size:16px;
	font-size:1.6rem;
}
#newsTopics .contents .topics,
#newsTopics .contents .news { margin:3px 0 5px; }
#newsTopics .contents .topics a{
	padding:3px 10px;
	display:inline;
	color:#fff;
	background:#1f526b;
}
#newsTopics .contents .news a{
	padding:3px 10px;
	display:inline;
	color:#fff;
	background:#0070c0;
}
#newsTopics .contents .topics a:hover,
#newsTopics .contents .news a:hover { background:#f8b62b; }

#newsTopics .contents .title{
	margin:.5em 0;
	height:1.5em;
	overflow:hidden; 
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
}
#newsTopics .contents dd > div{ height:3em; overflow:hidden; }
#newsTopics .contents dd a {
	margin-top:1.5em;
	display:block;
}
/*詳細*/
#newsTopics .contents.article{  }
#newsTopics .contents.article > h3{
	margin:0 20px;
	font-size:30px;
	font-size:3.0rem;
	font-weight:300;
}
#newsTopics .contents.article > .date{
	margin:0 0 30px;
	padding:3px 20px;
	text-align:right;
	position: relative;
	z-index:-2;
}
#newsTopics .contents.article > .date::after{
	content:"";
	width:100%;
	height:calc( 100% + 20px );
	display:block;
	background:#f8f8f8;
	position: absolute;
	bottom:0px;
	right:0;
	z-index:-1;
}
#newsTopics .contents.article > .photo{ margin-bottom:50px; text-align:center;}
#newsTopics .contents.article > .photo img{ box-shadow: 0px 8px 16px -2px rgba(10,10,10,.1), 6px 7px 9px 1px rgba(10,10,10,0.15); }
#newsTopics .contents.article > .textArea{  }
#newsTopics .contents.article > .textArea p{ margin-bottom:1em; }
#newsTopics .contents.article > .textArea ul,
#newsTopics .contents.article > .textArea ol{ margin-left:1em; }
#newsTopics .contents.article > .pageBack{
	margin-top:50px;
	padding-top:30px;
	border-top:1px #e8e8e8 solid;
	text-align:center;
}
#newsTopics .contents.article > .pageBack a{
	margin:0 auto;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	background: #1f526b;
	transition: all .3s ease;
}
#newsTopics .contents.article > .pageBack a:hover{
	border-radius:50px;
	background:#f8b62b;
}


/*改ページ*/
#newsTopics .contents .pagenavi{ margin-top:50px; text-align:center; }
#newsTopics .contents .pagenavi li{ width:auto; padding:0!important; border:none!important; }
#newsTopics .contents .pagenavi li b{ padding:3px 8px; display:block; border:1px #002060 solid; color:#fff; background:#002060; }
#newsTopics .contents .pagenavi li a{ padding:3px 8px; display:block; border:1px #002060 solid; }
#newsTopics .contents .pagenavi li a:hover{ background:#f8b62b; }

@media screen and (max-width: 920px) {
	#newsTopics .contents{ padding:0 20px; }
	#newsTopics .contents.List > ul > li{ width:calc( 100% / 2 - 40px ); }
}
@media screen and (max-width: 650px) {
	#newsTopics .contents.List{ padding:0 20px; }
}
@media screen and (max-width: 600px) {
	#newsTopics .contents.List > ul{ display:block; }
	#newsTopics .contents.List >ul > li{ width:calc( 100% - 40px ); }
}


/*========/ プライバシーポリシー /========*/
#privacy{  }
#privacy .content{
	max-width:1190px;
	margin:0 auto;
	padding:0 40px;
}
#privacy .content h2{
	font-size:30px;
	font-size:3.0rem;
}
#privacy .content dl{
	margin-top:10px;
	padding:20px 40px;
	position: relative;
}
#privacy .content dl::after{
	content:"";
	width:100%;
	height:calc( 100% - 35px );
	display:block;
	background:#f8f8f8;
	position: absolute;
	top:35px;
	left:0;
	z-index:-1;
}
#privacy .content dl dt{
	margin-bottom:1em;
	color:#1f526b;
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
}
#privacy .content dl ol{ margin:1em 0 0 1em; }
#privacy .content dl ol:nth-of-type(2){ list-style:lower-latin; }
#privacy .content dl dd + dd{ margin-top:1em; }
#privacy .content dl dd strong{ margin-top:.5em; display:block; }
@media screen and (max-width: 920px) {
	#privacy .content{ padding:0 20px; }
	#privacy .content dl{ padding:20px ; }
}