@charset "utf-8";
/************************************************************************************************************************************
	全ページ共通
************************************************************************************************************************************/
.meiryo {
	font-family: 'メイリオ', Meiryo, 
							 'Quicksand', '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 
							 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
							 !important;
}
.mincho {
	font-family: '游明朝体', '游明朝', 'Yu Mincho', YuMincho, 
							 'Quicksand', '游ゴシック体', 'Yu Gothic', YuGothic, 
							 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
							 !important;
}
.gothic {
	font-family: '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'Quicksand', 
							 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
							 !important;
}

.italic {
	font-style: italic !important;
}

.bold {
	font-weight: bold !important;
}



/** 共通要素　h1～h4, p *****************************************************************/
main h1.common {
	font-size: 168.75%;	/* 基準=16px -> 27px */
	font-weight: bold;
	text-align: left;
	padding: 0 0 10px;
	margin: 0 0 30px;
	border-bottom: solid 2px #000;
}

main h2.common {
	font-size: 112.5%;	/* 基準=16px -> 18px */
	font-weight: bold;
	padding: 0;
	margin: 0 0 15px;
}

main h3.common {
	font-size: 100%;	/* 基準=16px -> 16px */
	font-weight: bold;
	text-indent: 1.1875em;
	padding: 0;
	margin: 15px 0;
}
main h4.common {
	font-size: 100%;	/* 基準=16px -> 16px */
	font-weight: bold;
	padding: 0;
	margin: 0;
}

main p.text {
	font-size: 100%;	/* 基準=16px -> 16px */
	line-height: 1.7em;
	letter-spacing: 1px;
}


@media screen and (max-width: 767px) {
	main h1.common {
		font-size: 125%;	/* 基準=16px -> 20px */
		padding: 10px 0;
		margin: 0 0 10px;
	}
	main h2.common {
		font-size: 112.5%;	/* 基準=16px -> 18px */
		margin: 10px 0;
	}
	main h3.common {
		font-size: 112.5%;	/* 基準=16px -> 18px */
		text-indent: 1em;
	}
	main h4.common {
		font-size: 87.5%;	/* 基準=16px -> 14px */
	}
	main p.text {
		font-size: 87.5%;	/* 基準=16px -> 14px */
	}
}




/** ページタイトル (トップページ以外) *****************************************************************/
#page_title {
	position: relative;
}
#page_title h1 {
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	color: #FFF;
	font-size: 200%;	/* 基準=16px -> 32px */
	text-align: center;
	text-shadow: rgba(0,0,0,0.7) 1px 1px 1px, rgba(0,0,0,0.7) -1px 1px 1px,
								rgba(0,0,0,0.7) 1px -1px 1px, rgba(0,0,0,0.7) -1px -1px 1px;
	width: 100%;
}
#page_title h1 span {
	display: block;
	font-size: 56.25%;	/* 基準=32px -> 18px */
}
#page_title .image {
	width: 100%;
}
#page_title .image img {
	width: 100%;
	height: auto;
}


@media screen and (max-width: 767px) {
	#page_title h1 {
		top: 0;
		font-size: 125%;	/* 基準=16px -> 20px */
	}
	#page_title h1 span {
		font-size: 70%;	/* 基準=20px -> 14px */
	}

}




/** サイドナビゲーション *****************************************************************/
#side_nav {
	float: left;
	width: 23.076923076923076923076923076923%;	/* 基準=1040px -> 240/ px */
}
#side_nav .nav {
	width: 100%;
}
#side_nav .nav li {
	width: 100%;
	background-color: #EEE;
	background: linear-gradient(top, #FFF, #EEE);
	background: -o-linear-gradient(top, #FFF, #EEE);
	background: -ms-linear-gradient(top, #FFF, #EEE);
	background: -moz-linear-gradient(top, #FFF, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}
#side_nav .nav li a {
	display: block;
	box-sizing: border-box;
	font-size: 100%;	/* 基準=16px -> 16px */
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	padding: 0.5em 2em;
	margin: 0 0 5px;
	background-image: url('../img/side_nav/arrow.png');
	background-size: 0.5em auto;
	background-position: 0.75em center;
	background-repeat: no-repeat;
	border: solid 1px #DDD;
}
#side_nav .nav li a:hover {
	color: #0294D7;
	background-color: rgba(255,255,255, 0.5);
}
#side_nav .nav li a.active {
	color: #0294D7;
	background-color: rgba(255,255,255, 0.5);
}

#side_nav .banner {
	
}
#side_nav .banner li {
	
}
#side_nav .banner li a {
	display: block;
	width: 100%;
}
#side_nav .banner li a img {
	width: 100%;
	height: 0 auto;
}
#side_nav .banner li a img.hover {
	display: none;
}
#side_nav .banner li a:hover img {
	display: none;
}
#side_nav .banner li a:hover img.hover {
	display: block;
}


@media screen and (max-width: 767px) {
	#side_nav {
		float: none;
		display: none;
	}
}




/** メインコンテンツ *****************************************************************/
#main_content {
	float: right;
	width: 74.038461538461538461538461538462%;	/* 基準=1040px -> 770/ px */
}


@media screen and (max-width: 767px) {
	#main_content {
		float: none;
		width: 100%;
	}
}




/** ボタンレイアウト *****************************************************************/
p.detail_link {
	text-align: right;
	width: 100%;
	padding: 0.5em 0;
	border-bottom: solid 2px #000;
}
p.detail_link.white {
	border-color: #FFF;
}
p.detail_link.white a {
	color: #FFF;
}
p.detail_link.vermilion {
	border-color: #EB3433;
}
p.detail_link.vermilion a {
	color: #EB3433;
}
p.detail_link.orange {
	border-color: #F5AF14;
}
p.detail_link.orange a {
	color: #F5AF14;
}
p.detail_link a {
	text-decoration: none;
}
p.detail_link a:hover {
	opacity: 0.6;
}


@media screen and (max-width: 767px) {
	p.button a {
		font-size: 87.5%;	/* 基準=16px -> 14px */
	}
}




/************************************************************************************************************************************
	ホーム
************************************************************************************************************************************/
#index h1.index_common {
	display: inline-block;
	font-size: 168.75%;	/* 基準=16px -> 27px */
	font-weight: bold;
	vertical-align: top;
}
#index h1.index_common span {
	font-size: 66.666666666666666666666666666667%;	/* 基準=27px -> 18px */
	padding: 0 0 0 0.5em;
}
#index h1.index_common span.purple {
	color: #613089;
}
#index h1.index_common span.vermilion {
	color: #EB3433;
}
#index h1.index_common span.orange {
	color: #F5AF14;
}

#index .cont {
	float: right;
}
#index .cont .text {
	margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
	#index h1.index_common {
		display: block;
		font-size: 112.5%;	/* 基準=16px -> 28px */
		font-weight: bold;
		vertical-align: top;
	}
	#index h1.index_common span {
		font-size: 77.777777777777777777777777777778%;	/* 基準=18px -> 14px */
	}

}


#index #top_content_01 {
}
#index #top_content_01 h1 {
	color: #0294D7;
	font-size: 356.25%;	/* 基準=16px -> 57px */
	font-style: italic;
	font-family: Century Gothic, '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'Quicksand', 
							 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	text-align: right;
	line-height: 1;
	max-width: 1200px;
	width: 74.285714285714285714285714285714%;	/* 基準=1400px -> 1040px */
	margin: 80px auto 0;
}
#index #top_content_01 .bg {
	position: relative;
	background-image: url('../img/top/bg_01.jpg');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#index #top_content_01 .image {
	position: absolute;
	bottom: 40px;
	left: 0;
	text-align: right;
	width: 39.285714285714285714285714285714%;
}
#index #top_content_01 .image img {
	width: 42.727272727272727272727272727273%;
	height: auto;
}
#index #top_content_01 .cont {
	width: 51.923076923076923076923076923077%;	/* 基準=1040px -> 540px */
	padding: 40px 0;
}
#index #top_content_01 .text {
	color: #FFF;
}

@media screen and (max-width: 1366px) {
	#index #top_content_01 .image {
		width: 44%;
	}
	#index #top_content_01 .image img {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	#index #top_content_01 h1 {
		font-size: 187.5%;	/* 基準=16px -> 24px */
		text-align: center;;
		width: 97.5%;
		margin: 30px auto 0;
	}
	#index #top_content_01 .image {
		display: none;
	}
	#index #top_content_01 .cont {
		width: 100%;
	}
}


#index #top_content_02 {
	
}
#index #top_content_02 h1 {
	display: block;
	line-height: 1;
	margin: 80px 0;
}
#index #top_content_02 .box {
	float: left;
	width: 48.076923076923076923076923076923%;	/* 基準=1040px -> 500px */
	border-bottom: solid 2px #613089;
}
#index #top_content_02 .box:last-child {
	float: right;
}
#index #top_content_02 .text {
	margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
	#index #top_content_02 h1 {
		margin: 30px 0;
	}
	#index #top_content_02 .box {
		float: none;
		width: 100%;
		margin: 20px 0;
	}

}


#index #top_content_03 {
	padding: 80px 0;
	margin: 80px 0;
	background-image: url('../img/top/bg_02.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#index #top_content_03 .cont {
	width: 51.923076923076923076923076923077%;	/* 基準=1040px -> 540px */
}

@media screen and (max-width: 767px) {
	#index #top_content_03 {
		padding: 30px 0;
		margin: 30px 0;
	}
	#index #top_content_03 .cont {
		width: 100%;
	}

}


#index #top_content_04 {
	margin: 80px auto;
}
#index #top_content_04 .cont {
	width: 72.115384615384615384615384615385%;	/* 基準=1040px -> 750px */
}

@media screen and (max-width: 767px) {
	#index #top_content_04 {
		margin: 30px auto;
	}
	#index #top_content_04 .cont {
		width: 100%;
	}

}




/************************************************************************************************************************************
	事業内容
************************************************************************************************************************************/
.business h1.common {
	border-color: #0294D7;
}
.business .order {
	padding: 15px 20px;
	background-color: #D8DFE8;
}
.business .order li {
	float: left;
	font-weight: bold;
	width: 50%;
	margin: 5px 0;
}
.business .section .text:first-child {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.business .order li {
		float: none;
		width: 100%;
	}
}




/************************************************************************************************************************************
	製品情報
************************************************************************************************************************************/
.product h1.common {
	margin: 0;
	border-color: #613089;
}

.product h2.common.uq_01 {
	position: relative;
	color: #613089;
	text-align: center;
	line-height: 1.5em;
	margin: 30px 0;
}
.product h2.common.uq_01 span {
	position: relative;
	z-index: 2;
	padding: 0 0.25em;
	background-color: #FFF;
}
.product h2.common.uq_01::after {
	content: '';
	position: relative;
	z-index: 1;
	top: -0.75em;
	left: 0;
	display: block;
	width: 100%;
	border-bottom: solid 1px #613089;
}

.product h2.common.uq_02 {
	position: relative;
	color: #FFF;
	display: inline-block;
	padding-left: 0 !important;
	background-color: #613089;
}
.product h2.common.uq_02 span {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 1em;
	background-color: #613089;
}
.product h2.common.uq_02::after {
	content: '';
	position: absolute;;
	z-index: 1;
	top: 1px;
	left: 1px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	border-right: solid 2px #613089;
	border-bottom: solid 2px #613089;
}

.product h2.common.uq_03 {
	padding-left: 10px;
	border-left: solid 5px #613089;
}

.product .caption {
	font-size: 81.25%;	/* 基準=16px -> 13px */
	padding: 0.25em 1em;
}
.product .red {
	color: #F00;
}

.product .tax {
	font-size: 66.6666666666666666%;	/* 親要素の1/3のサイズ */
}


@media screen and (max-width: 767px) {

}




.product .image_box.inner {
	padding-left: 0;
}

.product .image_box .text_area {
	float: left;
	width: 42.857142857142857142857142857143%;
}
.product .image_box .text_area h2 {
	padding-left: 10px;
}
.product .image_box .text_area .text {
	padding-left: 10px;
}
.product .image_box .image_area {
	float: right;
	width: 49.350649350649350649350649350649%;
}

.product .image_box.uq_01 .text_area, 
.product .image_box.uq_01 .image_area {
	float: none;
	width: 100%;
}
.product .image_box.uq_01 .image_area .image {
	float: left;
	width: 62.666666666666666666666666666666%;
}
.product .image_box.uq_01 .image_area .image:first-child {
	width: 37.333333333333333333333333333333%;
}
.product .image_box.uq_01 .image_area .caption {
	clear: both;
	padding: 0.25em 0;
}


@media screen and (max-width: 767px) {
	.product .image_box .text_area {
		float: none;
		width: 100%;
	}
	.product .image_box .text_area h2 {
		padding-left: 0;
	}
	.product .image_box .text_area .text {
		padding-left: 0;
		margin: 0 0 20px;
	}
	.product .image_box .image_area {
		float: none;
		width: 100%;
	}

}




.product .table_01 {
}
.product .table_01 table {
	float: left;
	width: 50%;
}
.product .table_01 table th, 
.product .table_01 table td {
	font-size: 93.75%;
	text-align: center;
	padding: 0.5em;
	background-color: #E1D8E8;
	border: solid 1px #FFF;
}
.product .table_01 table thead th {
	color: #FFF;
	font-weight: bold;
	background-color: #613089;
}
.product .table_01 .text {
	font-size: 93.75%;	/* 基準=16px -> 15px */
	margin: 20px 0;
}
.product .table_01 .em {
	font-size: 112.5%;	/* 基準=16px -> 18px */
	font-weight: bold;
	text-align: center;
}


@media screen and (max-width: 767px) {
	.product .table_01 table {
		float: none;
		width: 100%;
	}

	.product .table_01 .em {
		font-size: 100%;	/* 基準=16px -> 16px */
		font-weight: bold;
		text-align: left;
	}
}




.product .difine_list {
	margin: 0 0 20px;
}
.product .difine_list dl {
	width: 100%;
}
.product .difine_list dl dt {
	color: #FFF;
	text-align: center;
	width: 100%;
	padding: 0.25em 0;
	background-color: #613089;
	border-bottom: solid 1px #FFF;
}
.product .difine_list dl dd {
	box-sizing: border-box;
	width: 100%;
	padding: 0.25em 2em;
	background-color: #E1D8E8;
	border-bottom: solid 1px #FFF;
}


@media screen and (max-width: 767px) {

}




.product .flow {
}
.product .flow .item {
	float: left;
	width: 37.012987012987012987012987012987%;
	margin: 0 0 20px;
}
.product .flow .item .image {
	box-sizing: border-box;
	width: 100%;
	padding-left: 29.824561403508771929824561403509%;
	background-image: url('../img/product/arrow_r.png');
	background-size: 16.491228070175438596491228070175% auto;
	background-position: 8.0701754385964912280701754385965% center;
	background-repeat: no-repeat;
}
.product .flow .item .image.arrow-left {
	background-image: url('../img/product/arrow_l.png');
}
.product .flow .item .caption {
	padding-left: 29.824561403508771929824561403509%;
}
.product .flow .item:first-child {
	width: 25.974025974025974025974025974026%;
}
.product .flow .item:first-child .image {
	padding-left: 0;
	background-image: none;
}
.product .flow .item:first-child .caption {
	padding-left: 0;
}




@media screen and (max-width: 767px) {
	.product .flow .item:first-child, 
	.product .flow .item {
		float: none;
		width: 100%;
		margin: 0;
	}
	.product .flow .item .image {
		box-sizing: border-box;
		width: 100%;
		padding-left: 0;
		padding-top: 59px;
		background-image: url('../img/product/arrow_b.png');
		background-size: 22px auto;
		background-position: center 5px;
		background-repeat: no-repeat;
	}
	.product .flow .item .image.arrow-left {
		background-image: url('../img/product/arrow_t.png');
	}
	.product .flow .item:first-child .image {
		padding-top: 0;
		background-image: none;
	}

	.product .flow .item .caption {
		padding-left: 10px;
	}
}




.product .table_02 {
}
.product .table_02 table {
	width: 100%;
}
.product .table_02 table th, 
.product .table_02 table td {
	border: solid 1px #FFF;
	box-sizing: border-box;
}
.product .table_02 table th {
	color: #FFF;
	padding: 0.15em 0.5em;
}
.product .table_02 table thead th {
	background-color: #613089;
}

.product .table_02 table tbody td, 
.product .table_02 table tbody th {
	width: calc(25% - 2em);
}
.product .table_02 table tbody th {
	background-color: #895CAD;
}
.product .table_02 table tbody th.vertical {
	width: 2em;
	background-color: #613089;
}


@media screen and (max-width: 767px) {

}




.product .product_other {
}
.product .product_other .text {
	text-align: center;
}
.product .product_other .text span {
	display: inline-block;
	text-align: left;
}


@media screen and (max-width: 767px) {
	.product .product_other h2.common.uq_01 {
		font-size: 87.5%;	/* 基準=16px -> 14px */
	}
}




.product .product_order .inner {
	padding: 0 10px;
}
.product .product_order h1.common {
	margin: 0 0 20px;
}
.product .product_order h2.common.uq_01 {
	color: #000;
	text-align: left;
	margin: 0 0 15px;
}
.product .product_order h2.common.uq_01 span {
	padding: 0;
}

.product .product_order h2.common.uq_02 {
	display: block;
	text-align: center;
	width: 10em;
	margin: 30px 0;
}
.product .product_order h2.common.uq_02 span {
	padding: 0;
}


.product .product_order .table_03 {
}
.product .product_order .table_03 table {
	width: 100%;
	border-bottom: solid 1px #613089;
}
.product .product_order .table_03 table th, 
.product .product_order .table_03 table td {
	text-align: left;
	vertical-align: top;
	padding: 0.25em 1em;
}
.product .product_order .table_03 table th {
	font-weight: bold;
	white-space: nowrap;
}
.product .product_order .table_03 table tr:last-child th, 
.product .product_order .table_03 table tr:last-child td {
	padding-bottom: calc(45px - 0.25em);
}


.product .product_order .table_04 {
}
.product .product_order .table_04 table {
	width: 100%;
	border-bottom: solid 1px #613089;
}
.product .product_order .table_04 table th, 
.product .product_order .table_04 table td {
	text-align: left;
	vertical-align: top;
	padding: 0.125em 1em;
}
.product .product_order .table_04 table th {
	color: #F00;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 2em;
}
.product .product_order .table_04 table td {
	position: relative;
	padding-left: 2em;
}
.product .product_order .table_04 table td::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80%;
	border-left: solid 1px #613089;
}
.product .product_order .table_04 table td.hide {
	display: none;
}

.product .product_order .table_04 table tr:last-child th, 
.product .product_order .table_04 table tr td {
	padding-bottom: calc(15px + 0.125em);
}


@media screen and (max-width: 767px) {
	.product .product_order .inner {
		padding: 15px 0;
	}
	.product .product_order .table_03 table th, 
	.product .product_order .table_03 table td {
		display: block;
		padding: 0.25em 0.5em;
	}
	.product .product_order .table_03 table tr:last-child th, 
	.product .product_order .table_03 table tr:last-child td {
		padding-bottom: 0.5em;
	}
	.product .product_order .table_03 table td.sp-hide {
		display: none;
	}
	.product .product_order .table_03 table td {
		margin: 0 0 10px;
	}

	.product .product_order .table_04 table th, 
	.product .product_order .table_04 table td {
		box-sizing: border-box;
		font-size: 87.5%;	/* 基準=16px -> 14px */
		display: block;
		padding: 0.125em 0.25em;
	}
	.product .product_order .table_04 table th {
		white-space: normal;
	}
	.product .product_order .table_04 table td::before {
		display: none;
	}
	.product .product_order .table_04 table td.sp-hide {
		display: none;
	}
	.product .product_order .table_04 table td.sp-show {
		display: block;;
	}
}




/************************************************************************************************************************************
	ポリエチレンと環境
************************************************************************************************************************************/
.environment h1.common {
	margin: 0;
	border-color: #EB3433;
}

.environment .cont_01 .text {
	float: left;
	width: 44.155844155844155844155844155844%;
}
.environment .cont_01 .image {
	float: right;
	width: 49.350649350649350649350649350649%;
}


.environment .cont_02 .image  {
	margin: 30px 0;
}
.environment .cont_02 .image p:first-child {
	display: inline-block;
	width: 11.688311688311688311688311688312%;
}
.environment .cont_02 .image p:first-child img {
	width: 100%;
	height: auto;
}
.environment .cont_02 .image p:last-child {
	display: inline-block;
	font-size: 81.25%;	/* 基準=16px -> 13px */
	text-indent: 1em;
}


.environment .cont_02 .table .text {
	float: left;
	width: 57.142857142857142857142857142857%;
}

.environment .cont_02 .table table {
	float: right;
	width: 38.311688311688311688311688311688%;
}
.environment .cont_02 .table table th, 
.environment .cont_02 .table table td {
	font-size: 93.75%;	/* 基準=16px -> 15px */
	padding: 0.5em;
	border: solid 1px #FFF;
}
.environment .cont_02 .table table thead th {
	color: #FFF;
	text-align: center;
	background-color: #EB3433;
}
.environment .cont_02 .table table tbody th, 
.environment .cont_02 .table table tbody td {
	background-color: #E8D2D2;
}
.environment .cont_02 .table table tbody th {
	text-align: left;
	text-indent: 1em;
}
.environment .cont_02 .table table tbody td {
	text-align: right;
}
.environment .cont_02 .table table tbody .caption td {
	color: #EB3433;
	font-size: 86.666666666666666666666666666667%;	/* 基準=15px -> 13px */
	text-align: right;
	background-color: #FFF;
}


@media screen and (max-width: 767px) {
	.environment .cont_01 .text {
		float: none;
		width: 100%;
	}
	.environment .cont_01 .image {
		float: none;
		width: 80%;
		margin: 0 auto;
	}

	.environment .cont_02 .table .text {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	.environment .cont_02 .table table {
		float: none;
		width: 100%;
	}

}




/************************************************************************************************************************************
	会社案内
************************************************************************************************************************************/
.company h1.common {
	margin: 0;
	border-color: #0294D7;
}


.company .table {
	margin: 0 0 60px;
}
.company .table table {
	width: 100%;
}
.company .table table th, 
.company .table table td {
	padding: 0.5em 1em;
}
.company .table table th {
	color: #0294D7;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #0294D7;
}
.company .table table td {
	border-bottom: solid 1px #CCC;
}


@media screen and (max-width: 767px) {
	.company .table table th, 
	.company .table table td {
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.company .table table th {
		text-align: left;
	}
	.company .table table td {
		padding: 0.5em 0;
		margin: 0 0 1em;
	}

}




.company .access {
}
.company .access h2 {
	padding-left: 10px;
	border-left: solid 5px #0294D7;
}
.company .access .item {
	margin: 0 0 40px;
}
.company .access .item .cont {
	float: left;
	width: 32.467532467532467532467532467532%;
}
.company .access .item .cont .text {
	margin: 0 0 30px;
}
.company .access .item .cont .image {
	width: 100%;
}
.company .access .item .cont .image img {
	width: 100%;
	height: auto;
}
.company .access .item .gmap-wrapper {
	float: right;
	width: 61.038961038961038961038961038961%;
	height: 0;
	position: relative;
	padding-bottom: 300px;
	margin: 0 auto;
}
.company .access .item .gmap-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
}
@media screen and (max-width: 1000px) {
	.company .access .item .gmap-wrapper {
		padding-bottom: 250px;
	}
	.company .access .item .gmap-wrapper iframe {
		height: 250px;
	}
}
@media screen and (max-width: 767px) {
	.company .access .item .cont {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	.company .access .item .cont .text {
		margin: 0 0 10px;
	}
	.company .access .item .cont .image {
		width: 95%;
		margin: 0 auto;
	}

	.company .access .item .gmap-wrapper {
		float: none;
		width: 95%;
		padding-bottom: 350px;
		margin: 0 auto;
	}
	.company .access .item .gmap-wrapper iframe {
		height: 350px;
	}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
	.company .access .item .gmap-wrapper {
		padding-bottom: 300px;
	}
	.company .access .item .gmap-wrapper iframe {
		height: 300px;
	}
}




/************************************************************************************************************************************
	関連機関
************************************************************************************************************************************/
.link .inner {
	padding: 0 20px 30px;
	margin: 0 auto 30px;
	border-bottom: dashed 1px  #613089;
}
.link .inner h2 a {
	color: #613089;
	text-decoration: underline;
}
.link .inner .text {
	margin: 0;
}


@media screen and (max-width: 767px) {

}




/************************************************************************************************************************************
	新着情報
************************************************************************************************************************************/
.news {
}
.news ul {
	display: table;
}
.news ul li {
	display: table-row;
}
.news ul li h2, 
.news ul li p {
	display: table-cell;
	font-size: 87.5%;	/* 基準=16px -> 14px */
	padding: 1em;
	border-bottom: dashed 1px  #F5AF14;
}
.news ul li h2 {
	color: #F5AF14;
	text-align: center;
	vertical-align: middle;
}
.news ul li p {
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'Quicksand', 
							 メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


@media screen and (max-width: 767px) {
	.news ul li h2, 
	.news ul li p {
		padding: 1em 0.25em;
	}
	.news ul li h2 {
		white-space: nowrap;
		padding-right: 0.5em;
	}
	.news ul li p {
		padding-left: 0.5em;
	}

}




/************************************************************************************************************************************
	お問い合わせ
************************************************************************************************************************************/
.contact h1.common {
	border-color: #EB3433;
}

.contact .information {
	text-align: center;
}
.contact .information h2 {
	color: #EB3433;
	font-size: 225%;	/* 基準=16px -> 36px */
	font-family: Times New Roman, 
							 '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'Quicksand', 
							 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.contact .information p {
	margin: 0 0 30px;
	font-size: 87.5%;	/* 基準=16px -> 14px */
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 
							 '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'Quicksand', 
							 メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.contact .information p a {
	color: #00F;
}
.contact .information p a:hover {
	color: #0294D7;
}


.contact .red {
	color: #F00 !important;
}


.contact form {
}
.contact form .text {
	color: #F00;
	text-align: center;
	margin: 0;
}

.contact form table {
	width: 100%;
}
.contact form table th, 
.contact form table td {
	font-size: 87.5%;	/* 基準=16px -> 14px */
	padding: 1em;
	border-bottom: dashed 1px #CCC;
}
.contact form table th {
	font-weight: bold;
	text-align: center;
}
.contact form table td {
}

.contact form td input, 
.contact form td textarea {
	width: 100%;
	resize: none;
}
.contact form .form_button {
	text-align: center;
	margin: 30px 0;
}
.contact form .form_button input {
	display: inline-block;
	color: #FFF;
	padding: 0.8em 5em;
	background-color: #EB3433;
	border: none;
}
.contact form .form_button input:hover {
	cursor: pointer;
	opacity: 0.6;
}


@media screen and (max-width: 767px) {
	.contact .information h2 {
		font-size: 137.5%;	/* 基準=16px -> 22px */
	}
	.contact .inner {
		padding: 15px 0;
	}
	.contact form table th, 
	.contact form table td {
		padding: 1em 0.25em;
	}
	.contact form table th {
		padding-right: 0.5em;
	}
	.contact form table td {
		padding-left: 0.5em;
	}
}




/************************************************************************************************************************************
	個人情報保護方針
************************************************************************************************************************************/
.privacy h1.common {
	border-color: #0294D7;
}


@media screen and (max-width: 767px) {

}




/************************************************************************************************************************************
	サイトマップ
************************************************************************************************************************************/
.sitemap {
	
}
.sitemap ul.parent {
	
}
.sitemap ul.parent li a {
	margin: 1em 0;
}
.sitemap ul.parent li a {
	display: block;
	text-decoration: none;
	padding: 0 2em;
	background-image: url('../img/icon/01.png');
	background-size: 0.75em auto;
	background-position: 1em center;
	background-repeat: no-repeat;
}
.sitemap ul.parent>li {
	border-bottom: dashed 1px  #F5AF14;
}
.sitemap ul.parent>li>ul {
	padding: 0 0 0 2em;
}


@media screen and (max-width: 767px) {
}