@charset "utf-8";

/* ---------------
	reset
--------------------*/
body, div, main,
dl, dt, dd, ul, li,
h1, h2, h3, h4, h5, h6,
figure, pre, form, fieldset, textarea, p, blockquote, th ,td {
	margin: 0;
	padding: 0;
}

main {
	display: block;
}

ul{
	list-style-type: none;
}

table {
	line-height: 1.6;
	border: 0px;
	border-collapse:collapse;
	font-size: 1.4rem;
}

table th {
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}
textarea {
	padding: 2px 4px;
	font-size: 1.4rem;
	line-height: 1;
	color: #333;
}

input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5;
}

img {
	border: none;
	vertical-align: bottom;
}

address {
	font-style:normal;
}

ul li {
	line-height: 1.4;
}

*,*::before,*::after{
	box-sizing: border-box;
}

em {
	font-style: normal;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/* ---------------
　　　共用
--------------- */

html {
    font-size: 62.5%;
}

body  {
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	line-height: 1;
	color: #333;
	-webkit-text-size-adjust: none;
	-webkit-print-color-adjust: exact;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* リンクの設定 */

a:link {
	border: none;
	color: #333;
	text-decoration: none;
	transition: all 0.2s ease;
}

a:visited {
	border: none;
	color: #333;
	text-decoration: none;
}

a:active {
	border: none;
	color: #333;
	text-decoration: none;
}

a:hover {
	border: none;
	color: #333;
	text-decoration: none;
	transition: all 0.2s ease;
}

.alpha a:hover > img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.alpha a > img {
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	transition: opacity 0.25s ease 0s;
}

.pc_non {
	display: block;
}

.sp_non {
	display: none;
}

a[href^="tel:"] {
    text-decoration: none !important;
}

img.fit {
	width: 100%;
	height: auto;
}

a[href^="no_large"] {
    pointer-events: none;
}

@media screen and (min-width: 768px) {

	.pc_non {
		display: none;
	}
	
	.sp_non {
		display: block;
	}
	
	a[href^="tel:"] {
	    pointer-events: none;
	}

}

/* -----------------
	header
----------------- */

#header {
	border-bottom: 1px solid #f0f0f0;
	height: 80px;
	position: fixed;
	width: 100%;
	z-index: 3;
	background-color: #fff;
}

.lg_1 #header {
	top: 120px;
}

.header_inner {
	height: 80px;
}

#menu_btn {
	position: absolute;
	top: 26px;
	right: 10px;
	font-size: 1.0rem;
	width: 25px;
}

#menu_close_btn {
	position: absolute;
	top: 22px;
	right: 10px;
	font-size: 1.0rem;
	width: 25px;
}

#menu_btn {
	display: block;
}

#menu_close_btn {
	display: none;
}

.logo {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 95px;
	position: relative;
	order: 1;
}

.small_logo {
	display: none;
}

#sp_menu_back {
	position: absolute;
	width: 100%;
	top: 80px;
	left: 0;
    background-color: rgba(0,0,0,0.3);
	opacity: 0;
	z-index: -1;
}

.gnavi_wrapper {
	position: absolute;
	top: 80px;
	right: -100%;
	width: 100%;
	text-align: left;
	z-index: 1001;
	transition: all 0.5s ease;	
	order: 2;
}

.wrapper.menu_open #menu_btn {
	display: none;
}

.wrapper.menu_open #menu_close_btn {
	display: block;
}

.wrapper.menu_open #header {
	position: relative;
	z-index: 5;
}

.wrapper.menu_open .gnavi_wrapper {
	right: 0;
	transition: all 0.5s ease;	
}

.wrapper.menu_open #main {
	padding-top: 0;
}

.wrapper.menu_open #sp_menu_back {
	opacity: 1;
	z-index: 4;
	transition: all 1.0s ease;	
}

.gnavi,
.gnavi2 {
	background-color: #fff;
}

.gnavi > ul > li {
	font-size: 1.8rem;
	border-bottom: 1px solid #f0f0f0;
}

.gnavi ul li:last-child {
	border-bottom: none;
}

.gnavi2 ul {
	border-top: 1px solid #f0f0f0;	
}

.gnavi ul li a {
	padding: 15px 10px;
	display: block;
	position: relative;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.gnavi > ul > li > a::before,
.gnavi > ul > li > a::after {
    margin: auto;
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    top: 0;
    bottom: 0;
    right: 15px;
    background-color: #f39d00;
    transition: all 0.2s ease;
}

.gnavi > ul > li.sub_open > a::after {
    transition: all 0.2s ease;
    transform: rotate( 90deg );
}

.gnavi .gnavi_sub {
	max-height: 0;
	overflow: hidden;
    transition: all 0.3s ease;
}

.gnavi .hsub.sub_open .gnavi_sub {
	max-height: 1000px;
    transition: max-height 1.6s;
}

.gnavi .gnavi_sub li {
	padding-bottom: 1px;
	font-size: 1.5rem;
	background: url(../images/common/line3.png) repeat-x 0 bottom;
	background-size: 5px auto;
}

.gnavi .gnavi_sub li:last-child {
	background-image: none;
	padding-bottom: 0;
}

.gnavi .gnavi_sub li a {
	padding: 12px 10px 15px 20px;
	color: #fff;
	background-color: #757575;
	background: #757575 url(../images/common/mark5.png) no-repeat right 18px center;
	background-size: 4.5px auto;
}

.gnavi .gnavi_sub li figure {
	display: none;
}

.gnavi .gnavi_sub .sp_cate_top {
	padding-bottom: 0;
	background-image: none;
	border-top: 1px solid #373737;
	border-bottom: 1px solid #9a9a9a;
}

.gnavi .gnavi_sub .sp_cate_top a {
	padding: 15px 10px;
	background: #757575 url(../images/common/arrow2_right.png) no-repeat right 15px center;
	background-size: 8px auto;
}

.gnavi .sp_navi_contact {
	border-bottom: 1px solid #f39d00;
}

.gnavi .hsub_non a,
.gnavi .sp_navi_privacy a,
.gnavi .sp_navi_sitemap a,
.gnavi .sp_navi_contact a {
	background: url(../images/common/arrow_right.png) no-repeat right 20px center;
	background-size: 8px auto;
}

.gnavi .hsub_non a::before,
.gnavi .hsub_non a::after {
	display: none;
}

.gnavi .sp_navi_ureshino {
	background: url(../images/common/shop.png) no-repeat 10px center;
	background-size: 24px auto;
}

.gnavi .sp_navi_ureshino a {
	padding: 18px 10px 18px 45px;
	background: url(../images/common/arrow_right.png) no-repeat right 20px center;
	background-size: 8px auto;
}

.gnavi .sp_navi_privacy a::before,
.gnavi .sp_navi_privacy a::after,
.gnavi .sp_navi_sitemap a::before,
.gnavi .sp_navi_sitemap a::after,
.gnavi .sp_navi_contact a::before,
.gnavi .sp_navi_contact a::after,
.gnavi .sp_navi_ureshino a::before,
.gnavi .sp_navi_ureshino a::after {
	display: none;
}

.gnavi .sp_navi_ureshino span {
	padding: 0 5px 0 0;
	font-size: 1.2rem;
	position: relative;
	bottom: 3px;
}

@media screen and (min-width: 768px) {

	#header {
		border-bottom: 1px solid #f0f0f0;
		height: 144px;
		position: fixed;
		width: 100%;
		z-index: 5;
		background-color: #fff;
		transition: all 0.3s ease;	
	}
	
	.lg_1 #header {
		top: 85px;
	}

	.scroll #header,
	.scroll .header_inner {
		height: 70px;
		transition: all 0.3s ease;	
	}

	.header_inner {
		margin: 0 auto;
		width: 1100px;
		min-width: 1100px;
		height: 144px;
		display: flex;
		justify-content: center;
		transition: all 0.3s ease;	
	}
	
	.gnavi_wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1100px;
		background-color: inherit;
		position: inherit;
		top: inherit;
		right: auto;
		text-align: inherit;
		order: 2;
		z-index: 1;
	}

	.logo_wrapper {
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		min-width: 1100px;
		order: 1;
	}

	.logo {
		padding: 18px 0 0;
		width: 175px;
		height: 144px;
		transition: all 0.3s ease;	
		z-index: 2;
	}

	.logo a {
		display: block;
		position: relative;
	}

	.logo img {
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.scroll .logo {
		height: 70px;
		transition: all 0.3s ease;	
	}

	.small_logo {
		display: block;
	}

	.normal_logo,
	.scroll .small_logo {
		opacity: 1;
		visibility: visible;
		transition: all 0.2s ease;	
    }

	.small_logo,
	.scroll .normal_logo {
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s ease;	
	}

	.gnavi,
	.gnavi2 {
		background-color: inherit;
	}

	.gnavi2 ul {
		border-top: none;	
	}

	.gnavi > ul {
		display: flex;
	}
	
	.gnavi > ul > li {
		margin: 0 30px;
		padding: 43px 0 0 0;
		font-size: 1.6rem;
		height: 144px;
		border: none;
	}
	
	.scroll .gnavi > ul > li {
		padding: 0;
		height: 70px;
	}
	
	.gnavi ul li a {
		padding: 40px 0;
		display: block;
	}

	.gnavi ul li a.gnavi_no_link {
		cursor: default;
		pointer-events: none;
	}

	.scroll .gnavi > ul > li > a {
		padding: 23px 0;
	}

	.gnavi > ul > li > a::before,
	.gnavi > ul > li > a::after {
		display: none;
	}	

	.gnavi .hsub.open > a,
	.gnavi > ul > li > a:hover {
		color: #f39d00
	}
	
	.sp_cate_top {
		display: none;
	}

	.header_parts {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
		opacity: 1;
		animation-duration: 0.2s;
		animation-name: fade-in;
	}

	.scroll .header_parts {
		opacity: 0;
		animation-duration: 0.2s;
		animation-name: fade-out;	
	}

	@keyframes fade-in {
		0% {
			display: none;
			opacity: 0;
		}
		
		1% {
			display: block;
			opacity: 0;
		}
		
		100% {
			display: block;
			opacity: 1;
		}
	}
    
	@keyframes fade-out {
		0% {
			display: block;
			opacity: 1;
		}
		
		99% {
			display: block;
			opacity: 0;
		}
		
		100% {
			display: none;
			opacity: 0;
		}
	}
	
	.header_parts ul {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	
	.header_parts li {
		text-align: center;
	}
	
	.header_parts li a {
		padding: 10px 30px;
		display: block;
		transition: all 0.2s ease;	
	}
	
	.header_parts li:last-child {
		border-top: 2px solid #f39d00;
		letter-spacing: 0.1em;
		font-size: 1.6rem;
		background: url(../images/common/shop.png) no-repeat 15px center;
		background-size: 22px auto;
	}
	
	.header_parts li:last-child a {
		padding: 10px 20px 10px 45px;
	}
	
	.header_parts li:last-child span {
		display: block;
		letter-spacing: 0.05em;
		font-size: 1.1rem;
	}
	
	.header_parts li a:hover {
		color: #f39d00;
		transition: all 0.2s ease;	
	}

	h1.logo::after {
		position: absolute;
		content: '';
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		border-bottom: 1px solid #373737;
	}

	.gnavi li.stay > a {
		color: #f39d00;
		position: relative;
	}
	
	.gnavi li.stay > a::after {
		position: absolute;
		content: '';
		top: inherit;
		bottom: 1px;
		left: 0;
		right: 0;
		width: 100%;
		height: inherit;
		border-bottom: 1px solid #373737;
		background-color: inherit;
		z-index: 2;
		display: block;
	}
	
	.scroll .gnavi li.stay > a::after {
		bottom: -1px;
	}

	.gnavi .gnavi_sub {
		display: none;
	    padding: 80px 0 70px;
		position: absolute;
		top: 144px;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		text-align: center;
		z-index: 10;
		max-height: inherit;
		overflow: inherit;
		transition: inherit;
	}

	.scroll .gnavi .gnavi_sub {
		top: 70px;
	}
	
	.gnavi .gnavi_sub ul {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
	
	.gnavi .gnavi_sub li {
		margin: 0 20px;
		width: 245px;
		font-size: 1.4rem;
		border: none;
		background: none;
	}
	
	.gnavi .gnavi_sub li a {
		padding: 0;
		color: inherit;
		position: relative;
		width: 245px;
		display: block;
		background: none;
	}

	.gnavi .gnavi_sub li figure {
		margin: 0 0 15px 0;
		width: 245px;
		display: block;
		transition: all 0.2s ease;	
	}
	
	.gnavi .gnavi_sub li a:hover figure {
		opacity: 0.7;
		transition: all 0.2s ease;	
	}

	.gnavi .gnavi_sub li a div {
		transition: all 0.2s ease;	
	}

	.gnavi .gnavi_sub li a:hover div {
		color: #f39d00;
		transition: all 0.2s ease;	
	}
	
	.gnavi .hsub_non a {
		background: none;
	}

	#menu_btn,
	#menu_close_btn,
	#sp_menu_back {
		display: none;
	}

}

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

@media screen and (min-width: 768px) {

	.top_header {
		max-height: 720px;
	}

	.top_main_slide .slick-slide {
		text-align: center;
		display: flex !important;
		justify-content: center;
	}

	.top_main_slide a,
	.top_main_slide .slick-slide div {
		margin: 0 auto;
	}

	.top_main_slide a:hover {
		opacity: 0.7;
	}

	.top_main_slide img {
		max-height: 720px;
	}

}

.top_business {
	margin: 0 10px;
	display: flex;
}

.top_business h2 {
	padding: 35px 0 0 5px;
	width: calc(15% - 10px);
	font-size: 2.8rem;
	letter-spacing: 0.15em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.top_business h2 span {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
}

.top_business_right {
	padding: 0 0 0 30px;
	width: calc(85% + 20px);
}

.top_business_right > p {
	padding: 80px 0 0 0;
	font-size: 1.4rem;
}

.top_business_right > p br {
	display: none;
}

.top_business ul {
	margin: 40px 0 0;
}

.top_business li {
	margin: 0 0 45px 0;
	position: relative;
}

.top_business li a {
	display: block;
}

.top_business li h3 {
	margin: 0 0 15px 0;
	font-size: 2.0rem;
	padding: 0 0 0 12px;
	background: url(../images/common/arrow_right.png) no-repeat 0 center;
	background-size: 8px auto;
}

.top_business li p {
	margin: 12px 0 15px;
	font-size: 1.4rem;
}

.top_business li .link {
	width: 100%;
	border: 1px solid #c9c9c9;
}

.top_business li .link a {
	padding: 8px 16px;
	display: block;
}

@media screen and (min-width: 768px) {

	.top_contents {
		padding: 120px 0;
	}
	
	.top_business {
		margin: 0 auto;
		width: 1100px;
		display: flex;
	}
	
	.top_business h2 {
		padding: 0 75px 0 0;
		width: 150px;
		font-size: 3.8rem;
		letter-spacing: 0.15em;
	}
	
	.top_business_right {
		padding: 40px 0 0 0;
		width: 950px;
	}
	
	.top_business_right > p {
		padding: 0;
		font-size: 1.6rem;
		line-height: 2.0;
		letter-spacing: 0.2em;
	}
	
	.top_business_right > p br {
		display: block;
	}

	.top_business ul {
		margin: 70px 0;
		display: flex;
		justify-content: space-between
	}
	
	.top_business li {
		margin: 0;
		padding: 0 0 40px 0;
		width: 270px;
		font-size: 1.4rem;
	}
	
	.top_business li h3 {
		margin: 0 0 30px 0;
		padding: 0 0 0 20px;
		font-size: 2.4rem;
		letter-spacing: 0.15em;
		transition: all 0.2s ease;	
	}

	.top_business li figure {
		transition: all 0.2s ease;	
	}

	.top_business li a:hover h3 {
		color: #f39d00;
		transition: all 0.2s ease;	
	}
	
	.top_business li a:hover figure {
		opacity: 0.7;
		transition: all 0.2s ease;	
	}
	
	.top_business li p {
		margin: 20px 0;
	}

	.top_business li .link {
		position: absolute;
		bottom: 0;
	}

	.top_business li .link:hover {
		border: 1px solid #f39d00;
	}

	.top_business li .link a:hover {
		background-color: #f39d00;
		color: #fff;
	}

}

.top_movie {
	margin: 0 10px 60px;
	height: 120px;
}

.top_movie_inner {
	display: flex;
	align-items: center;
}

.top_movie a {
	display: flex;
	width: 100%;
}

.top_movie button {
	padding: 0;
	width: 50%;
	height: 120px;
	border: none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/top/movie_back_sp.jpg) no-repeat center center;
	background-size: cover;
}

.top_movie a img {
	width: 70px;
	height: auto;
}

.top_movie h3 {
	padding: 5px 0 5px 45px;
	font-size: 1.6rem;
	line-height: 1.6;
	width: 50%;
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #f6f6f6 url(../images/common/logo_mark.png) no-repeat 20px center;
	background-size: 16px auto;
}

.top_movie h3 span {
	display: block;
}

@media screen and (min-width: 768px) {

	.top_movie {
		margin: 0 auto 65px;
		width: 1100px;
	}
	
	.top_movie_inner {
		margin: 0 0 0 150px;
		width: 950px;
	}
	
	.top_movie button {
		background: url(../images/top/movie_back_pc.jpg) no-repeat;
		background-size: inherit;
		transition: all 0.2s ease;	
	}
	
	.top_movie h3 {
		padding: 0 0 0 75px;
		font-size: 1.8rem;
		line-height: 120px;
		background: #f6f6f6 url(../images/common/logo_mark.png) no-repeat 40px center;
		background-size: 16px auto;
	}

	.top_movie h3 span {
		padding: 0 0 0 1em;
		display: inline;
	}
	
	.top_movie a:hover button {
		opacity: 0.6;
		transition: all 0.2s ease;
	}

	.top_movie a:hover h3 {
		color: #f39d00;
		background: #fff5e4 url(../images/common/logo_mark.png) no-repeat 40px center;
		background-size: 16px auto;
		transition: all 0.2s ease;	
	}

}

.top_future {
	margin: 0 0 60px 0;
	text-align: center;
	background: url(../images/top/future_back_sp.png) no-repeat center top;
	background-size: 100% auto;
}

.top_future h2 {
	margin: 20px 0 25vw 0;
	padding: 110px 0 0 0;
	color: #fff;
	display: inline-block;
	font-size: 3.2rem;
	letter-spacing: 0.1em;
	background: url(../images/common/mark.png) no-repeat center top;
	background-size: 36px auto;
}

.top_future h2 span {
	margin: 15px 0 0 0;
	display: block;
	font-size: 1.6rem;
}

.top_future > p {
	padding: 0 10px;
	color: #fff;
	font-size: 1.6rem;
}

.top_future_box {
	margin: 40vw auto 0;
	text-align: center;
}

.top_future_box li:nth-child(1) a {
	margin: 0 auto;
	width: 264px;
}

.top_future_box li:nth-child(2) a {
	margin: 0 auto;
	width: 270px;
}

.top_future_box li:nth-child(3) a {
	margin: 0 auto;
	width: 264px;
}

.top_future_box li:nth-child(1) {
	margin-bottom: 40px;
	background: url(../images/top/future_img1.png) no-repeat center top;
	background-size: 264px auto;
}

.top_future_box li:nth-child(2) {
	margin-bottom: 40px;
	background: url(../images/top/future_img2.png) no-repeat center 5px;
	background-size: 270px auto;
}

.top_future_box li:nth-child(3) {
	background: url(../images/top/future_img3.png) no-repeat center top;
	background-size: 264px auto;
}

.top_future_box li a {
	display: block;
}

.top_future_box li h3 {
	padding: 115px 0 120px 40px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
	text-align: left;
}

.top_future_box li:nth-child(2) h3 {
	padding: 115px 0 120px 30px;
}

.top_future_box li h4 {
	margin: 0 -30px 10px;
	font-size: 1.6rem;
	display: inline-block;
	padding: 0 0 0 15px;
	background: url(../images/common/arrow.png) no-repeat 0 center;
	background-size: 9px auto;
}

.top_future_box li p {
	margin: 0 10px;
	line-height: 1.6;
	font-size: 1.4rem;
}

.out_link_green {
	padding: 0 0 0 20px !important;
	background: url(../images/common/link3.png) no-repeat 0 center !important;
	background-size: 14px auto !important;
}

@media screen and (min-width: 768px) {

	.top_future {
		margin: 0 0 140px 0;
		background: url(../images/top/future_back_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.top_future h2 {
		margin: 75px 0 150px 0;
		padding: 150px 0 0 0;
		font-size: 4.4rem;
		background: url(../images/common/mark.png) no-repeat center top;
		background-size: 48px auto;
	}
	
	.top_future h2 span {
		margin: 20px 0 0 0;
		font-size: 1.8rem;
	}
	
	.top_future > p {
		padding: 0;
		font-size: 1.6rem;
		letter-spacing: 0.2em;
		line-height: 2.0;
	}
	
	.top_future_box {
		margin: 140px auto 0;
		width: 1100px;
		display: flex;
		justify-content: space-between;
	}
	
	.top_future_box li {
		width: 330px;		
	}
	
	.top_future_box li:nth-child(1) {
		margin-bottom: 0;
		transition: all 0.2s ease;
	}
	
	.top_future_box li:nth-child(2) {
		margin-bottom: 0;
		transition: all 0.2s ease;
	}
	
	.top_future_box li:nth-child(3) {
		transition: all 0.2s ease;
	}
	
	.top_future_box li h3 {
		padding: 105px 0 130px 45px;
		line-height: 1.8;
	}
	
	.top_future_box li:nth-child(2) h3 {
		padding: 105px 0 130px 30px;
	}
	
	.top_future_box li h4 {
		margin: 0 -30px 25px;
		transition: all 0.2s ease;
	}
	
	.top_future_box li p {
		margin: 0;
	}

	.top_future_box li:hover {
		opacity: 0.7;
		transition: all 0.2s ease;
	}

	.top_future_box li a:hover h4 {
		color: #1a954b;
		transition: all 0.2s ease;
	}

}

@media screen and (min-width: 768px) and (max-width: 1400px) {

	.top_future {
		background: url(../images/top/future_back_pc.png) no-repeat center top;
	}

}

@media screen and (min-width: 1401px) {

	.top_future {
		background: url(../images/top/future_back_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

}

.top_news {
	margin: 0 0 80px 0;
}

.top_news h2 {
	margin: 0 0 15px 10px;
	font-size: 1.8rem;
}

.top_news ul {
	background: url(../images/common/line_sp.png) repeat-x 0 top;
	background-size: 2px auto;
}

.top_news li {
	background: url(../images/common/line_sp.png) repeat-x 0 bottom;
	background-size: 2px auto;
}

.top_news li a {
	padding: 15px 25px 15px 10px;
	display: block;
	background: url(../images/common/arrow_right.png) no-repeat right 10px center;
	background-size: 8px auto;
}

.top_news .news_date {
	vertical-align: middle;
	display: inline-block;
	font-size: 1.2rem;
	width: 80px;
}

.top_news .news_title {
	width: calc(100% - 90px);
	display: inline-block;
	font-size: 1.4rem;
}

.top_news_link {
	margin: 20px 0 0 10px;
	font-size: 1.4rem;
}

.top_news_link a {
	padding: 0 0 0 15px;
	background: url(../images/common/arrow_right.png) no-repeat 0 center;
	background-size: 8px auto;	
}

.top_banner a {
	margin: 0 0 35px 0;
	display: block;
}

.top_banner a:last-child {
	margin: 0;
}

.top_banner h3 {
	margin: 0 0 15px 10px;
	padding: 0 0 0 15px;
	font-size: 1.9rem;
	background: url(../images/common/arrow_right.png) no-repeat 0 center;
	background-size: 8px auto;
}

@media screen and (min-width: 768px) {

	.top_2column {
		margin: 0 auto;
		width: 1100px;
		display: flex;
		justify-content: space-between;
	}
	
	.top_news {
		margin: 0 130px 0 0;
		width: 660px;
	}
	
	.top_news h2 {
		margin: 0 0 20px 10px;
		font-size: 2.0rem;
	}
	
	.top_news ul {
		background: url(../images/common/line_sp.png) repeat-x 0 top;
		background-size: 2px auto;
	}
	
	.top_news li {
		background: url(../images/common/line_sp.png) repeat-x 0 bottom;
		background-size: 2px auto;
	}
	
	.top_news li a {
		padding: 12px 15px;
		background: none;
		transition: all 0.2s ease;
	}
	
	.top_news li a:hover {
		background-color: #f6f6f6;
		transition: all 0.2s ease;
	}
	
	.top_news .news_date {
		width: 105px;
		font-size: 1.4rem;
	}
	
	.top_news .news_title {
		width: 515px;
	}

	.top_news_link {
		margin: 20px 0 0 20px;
	}

	.top_news_link a:hover {
		color: #f39d00;
		transition: all 0.2s ease;
	}
	
	.top_banner {
		width: 310px;
	}
	
	.top_banner a {
		margin: 0 0 40px 0;
	}
	
	.top_banner h3 {
		margin: 0 0 20px 0;
		transition: all 0.2s ease;
	}

	.top_banner a img {
		transition: all 0.2s ease;
	}
	.top_banner a:hover h3 {
		color: #f39d00;
		transition: all 0.2s ease;
	}
	
	.top_banner a:hover img {
		opacity: 0.7;
		transition: all 0.2s ease;
	}
	
}
/*
.top_slide {
	position: absolute;
	top: 155px;
	right: 10px;
	width: 200px;
	background: url(../images/top/top_main_box.png) no-repeat center top;
	background-size: 155px auto;
	z-index: 2;
}

.slick-list {
	margin: 0 auto !important;
	width: 155px;
	overflow: hidden;
}

.slick-slide {
	margin: 0 20px;
	width: 155px;
}

.top_slide a {
	margin: 115px 0 45px 0;
	width: 155px;
	display: inline-block;
	text-align: center;
}

.top_slide a img {
	margin: 0 auto;
	max-width: 80px;
	max-height: 160px;
	width: auto;
	height: auto;
	position: relative;
	right: -10px;
}

.top_slide p {
	font-size: 1.2rem;
	width: 155px;
	text-align: center;
}

.top_slide p span {
	display: block;
}

.slide_left {
	position: relative;
	top: -120px;
	width: 11px;
	float: left;
	cursor: pointer;
}

.slide_right {
	position: relative;
	top: -120px;
	width: 11px;
	float: right;
	cursor: pointer;
}

.slick-dots {
	margin: -60px 0 0 0;
	display: flex;
	justify-content: center;	
}

.slick-dots li {
	margin: 0 2px;
}

.slick-dots li button {
	padding: 0;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #8f8f8f;
	text-indent: -9999px;
	border: none;
}

.slick-dots li.slick-active button {
	background-color: #f39d00;
}

@media screen and (min-width: 768px) {

	.top_slide {
		top: 110px;
		right: 65px;
		width: 330px;
		background: url(../images/top/top_main_box.png) no-repeat center top;
		background-size: 260px auto;
	}
	
	.slick-list {
		width: 260px;
	}
	
	.slick-slide {
		margin: 0 20px;
		width: 260px;
	}
	
	.top_slide a {
		margin: 190px 0 60px 0;
		width: 260px;
	}
	
	.top_slide a img {
		max-width: 140px;
		max-height: 290px;
		right: -10px;
	}
	
	.top_slide p {
		font-size: 1.6rem;
		width: 260px;
	}
	
	.top_slide p span {
		padding: 0 0 0 10px;
		display: inline;
	}
	
	.slide_left {
		top: -170px;
		width: 14px;
	}
	
	.slide_right {
		top: -170px;
		width: 14px;
	}
	
	.slick-dots {
		margin: -65px 0 0 0;
	}
	
	.slick-dots li {
		margin: 0 3px;
	}
	
	.slick-dots li button {
		width: 5px;
		height: 5px;
		border-radius: 2px;
	}
	
}
*/
/* ---------------
	footer
--------------- */

#footer {
	position: relative;
	font-size: 1.4rem;
	z-index: 3;
	background-color: #fff;
}

.footer_bottom {
	padding: 40px 0;
	background-color: #f0f0f0;
	text-align: center;
}

.footer_logo {
	margin: 0 auto 30px;
	width: 150px;
}

.footer_addr {
	font-size: 1.2rem;
}

.footer_addr .tel {
	margin: 10px 0 0 0;
}

.copyright {
	margin: 25px 0 0 0;
	font-size: 1.0rem;
}

@media screen and (min-width: 768px) {

	#footer {
		border-top: 1px solid #f0f0f0;
	}
	
	#footer::before {
		margin: auto;
		position: absolute;
		content: '';
		left: -100px;
		right: 0;
		top: -1px;
		width: 100px;
		border-top: 1px solid #f39d00;
	}
	
	#footer::after {
		margin: auto;
		position: absolute;
		content: '';
		left: 0;
		right: -100px;
		top: -1px;
		width: 100px;
		border-top: 1px solid #1a954b;
	}
	
	.footer_inner {
		margin: 50px auto 0;
		width: 1100px;
	}
	
	.footer_navi_top {
		margin: 0 0 20px 0;
		display: flex;
	}
	
	.footer_navi_bottom {
		margin: 0 0 50px 0;
		display: flex;
	}
	
	.footer_bottom .footer_inner {
		margin-top: 0;
	}
	
	.footer_navi_column1 {
		width: 150px;
	}
	
	.footer_navi_column2,
	.footer_navi_column6 {
		width: 190px;
	}
	
	.footer_navi_column6 {
		margin: 0 0 0 150px;
	}
	
	.footer_navi_column3,
	.footer_navi_column7 {
		width: 230px;
	}
	
	.footer_navi_column4,
	.footer_navi_column8 {
		width: 300px;
	}
	
	.footer_navi_column5,
	.footer_navi_column9 {
		width: 220px;
	}
	
	.footer_navi_column h4 {
		margin: 0 0 10px 0;
		font-weight: bold;
	}
	
	.footer_navi_column li {
		margin: 0 0 2px 0;
	}
	
	.footer_bottom {
		padding: 60px 0;
		background-color: #f0f0f0;
		text-align: inherit;
	}
	
	.footer_bottom .footer_inner {
		display: flex;
		align-items: center;
	}
	
	.footer_logo {
		margin: 0 60px 0 0;
		width: 151px;
	}

	.footer_addr {
		font-size: 1.4rem;
	}
	
	.footer_addr .tel {
		margin: 15px 0 0 0;
		font-size: 1.2rem;
	}
	
	.copyright {
		margin: 25px 0 0 auto;
	}

	#footer a:hover {
		text-decoration: underline;
	}

}

/* -----------------------
　　　共通パーツ
------------------------ */

.entry h2.nm {
	margin: 0 0 30px 0;
	padding: 50px 0 15px 0;
	font-size: 2.4rem;
	line-height: 1.4;
	position: relative;
	clear: both;
}

.entry .column_clear h2.nm {
	padding: 40px 0 20px;
}

.entry h2.nm::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 6px;
	width: 100px;
	border-bottom: 1px solid #f39d00;
}
	
.entry h2.nm::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 200px;
	border-bottom: 1px solid #1a954b;
}

.entry h2.nm span {
	padding: 0 0 0 30px;
	font-size: 1.8rem;
	position: relative;
	bottom: 3px;
}

.entry h2.big {
	margin: 0 0 30px 0;
	padding: 40px 0 0 0;
	font-size: 2.4rem;
	line-height: 1.4;
	clear: both;
}

.entry h2.big + h2.nm {
	padding-top: 20px;
}

.entry h2.big br {
	display: none;
}

.entry h3.nm {
	margin: 30px 0 20px 0;
	padding: 3px 0 3px 10px;
	font-size: 2.0rem;
	line-height: 1.2;
	border-left: 2px solid #1a954b;
	clear: both;
}

.entry h4.grn_center {
	margin: 0px 0 30px 0;
	text-align: center;
	color: #1a954b;
	font-size: 2.4rem;
}

.entry h4.grn_center span {
	margin: 0 0 14px 0;
	padding: 0 0 7px 0;
	display: block;
	font-size: 1.6rem;
	position: relative;
}

.entry h4.grn_center span::after {
	margin: auto;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	width: 1em;
	border-bottom: 1px solid #1a954b;
}

.entry h4.nm {
	margin: 40px 0 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #f39d00;
}

.entry h4.h4_center {
	margin: 40px 0 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #f39d00;
	text-align: center;
}

.entry h5.nm {
	margin: 20px 0;
	font-size: 1.8rem;
	font-weight: bold;
}

.entry h5.h5_caution {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	display: inline-block;
	line-height: 1.4;
	color: #e02020;
	font-size: 1.8rem;
	position: relative;
	background: url(../images/common/caution.png) no-repeat 0 center;
}

.entry h5.gray {
	margin: 0 0 30px;
	font-size: 1.6rem;
}

.entry ul.nm {
	margin: 0 0 20px 0;
	clear: both;
}

.entry ul.nm li {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	font-size: 1.4rem;
	position: relative;
}

.entry ul.nm li::before {
	margin: auto;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	background-color: #f39d00;
}

.entry > p.nm,
.entry .page_inner p.nm,
.entry .acms-entry-unit-full p.nm {
	margin: 0 0 20px 0;
}

.entry p.caption {
	margin: 8px 0 0 0;
	font-size: 1.4rem;
	text-align: center;
}

.entry .a_center {
	text-align: center;
}

.entry .a_left {
	text-align: left;
}

.entry .a_right {
	text-align: right;
}

.entry p a {
	color: #1482c2;
	text-decoration: underline;
}

.entry p.nm em {
	font-weight: bold;
	color: #1a954b;
}

.entry p.p_min {
	font-size: 1.4rem;
	color: #676767;
}

.entry p.p_clear {
	padding: 1px 0;
	text-indent: -9999px;
}

.entry p.p_clear2 {
	padding: 10px 0;
	text-indent: -9999px;
}

.entry p.p_gray_box {
	margin: 30px 0;
	padding: 15px;
	font-size: 1.6rem;
	text-align: center;
	background-color: #f2f2f2;
}

.entry .box_gray {
	margin: 30px 0;
	padding: 20px;
	background-color: #f8f8f8;
	text-align: center;
}

.entry .box_gray li {
	margin: 0 0 15px 0;
	font-size: 1.8rem;
}

.entry .box_gray li:last-child {
	margin: 0;
}

.entry .line_box {
	margin: 40px 0;
	padding: 40px 0 0 0;
	background: url(../images/common/line_sp.png) repeat-x 0 0;
	background-size: 2px auto;
}

.entry ul.box_list {
	padding: 25px;
	border: 1px solid #ececec;
}

.entry ul.box_list li {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.8rem;
}

.entry ul.box_3column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.entry ul.box_3column li {
	margin: 0 0 15px 0;
	padding: 12px 10px;
	width: calc(50% - 7px);
	list-style-type: none;
	text-align: center;
	background-color: #f2f2f2;
	font-size: 1.4rem;
}

.entry ul.box_dot {
	margin: 40px 0;
	padding: 15px 15px 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	background: url(../images/common/line.png) repeat-x 0 0;
}

.entry ul.box_dot::after {
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: url(../images/common/line.png) repeat-x 0 0;
}

.entry ul.box_dot li {
	margin: 0 55px 15px 0;
}

.entry .columnImage {
	width: 100%;
	height: auto;
}

.entry table {
	background: url(../images/common/line_sp.png) repeat-x 0 bottom;
	background-size: 2px auto;
	width: 100%;
} 

.entry table th {
	padding: 20px 10px 5px;
	font-size: 1.4rem;
	background: url(../images/common/line_sp.png) repeat-x 0 0;
	background-size: 2px auto;
	white-space: inherit;
	word-break: break-all;
	vertical-align: top;
	text-align: left;
	display: block;
} 

.entry table td {
	padding: 0 10px 20px 10px;
	font-size: 1.4rem;
	position: relative;
	display: block;
	white-space: inherit;
	word-break: break-all;
} 

.entry table dl {
	display:table-row;
}

.entry table dt {
	padding: 0 10px 0 0;
	display:table-cell;
}

.entry table dd {
	display:table-cell;
}

.entry table td a[target=_blank] {
	padding: 0 15px 0 0;
	transition: inherit;
	background: url(../images/common/link2.png) no-repeat right center;
}

.entry table td a[href^='tel:'] {
	padding: 0;
	background: none;
}

.entry table.nm {
	margin: 30px 0;
	table-layout:fixed;
	background: none;
	width: 100%;
}

.entry table.nm th {
	padding: 10px 20px;
	background: #f2f2f2;
	text-align: center;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: table-cell;
}

.entry table.nm th:first-child {
	border-left: 1px solid #f2f2f2;
}

.entry table.nm th:last-child {
	border-right: 1px solid #f2f2f2;
}

.entry table.nm td {
	padding: 10px;
	background: none;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	vertical-align: middle;
	position: relative;
	display: table-cell;
}

.entry table.nm th + td {
	border-left: 1px solid #fff;
}

.entry table.nm tr:last-child th {
	border-bottom: 1px solid #f2f2f2;
}

.entry table.nm figure {
	display: inline-block;
}

.entry table.nm figure img {
	width: 100%;
}

.entry table.nm td div p {
	margin: 10px 0 0 0;
}

.entry .sample_table {
	margin: 0 0 40px 0;
	width: 100%;
}

.entry .sample_table th {
	padding-right: 0;
}

.entry .sample_table td span {
	margin: 0 10px 0 0;
	padding: 3px 6px;
	display: inline-block;
	background-color: #f2f2f2;
	font-size: 1.4rem;
}

.green_arrow_box {
	margin: 40px 0;
}

.green_arrow_box li {
	margin: 0 0 50px 0;
	padding: 25px 20px;
	background-color: #1a954b;
	color: #fff;
	position: relative;
	font-weight: bold;
	text-align: center;
}

.green_arrow_box li:last-child {
	margin: 0;
}

.green_arrow_box li::after {
	margin: auto;
	position: absolute;
	content: '';
	bottom: -32px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #1a954b;

}

.green_arrow_box li:last-child::after {
	display: none;
}

.link_box {
	position: relative;
}

.link_box::before {
	position: absolute;
	content: '';
	top: 0;
	width: 100%;
	height: 1px;
	background: url(../images/common/line.png) repeat-x 0 top;
}

.link_box::after {
	position: absolute;
	content: '';
	bottom: 0;
	width: 100%;
	height: 1px;
	background: url(../images/common/line.png) repeat-x 0 bottom;
}

.link_box {
	position: relative;
}

.link_box a {
	padding: 15px 0 15px 15px;
	display: block;
	background: url(../images/common/arrow_right.png) no-repeat 0 center;
	background-size: 8px auto;
}

@media screen and (min-width: 768px) {

	.entry h2.nm {
		margin: 0 0 60px 0;
		padding: 100px 0 35px 0;
		font-size: 2.8rem;
	}
	
	.entry .column_clear h2.nm {
		padding: 90px 0 35px;
	}
	
	.entry h2.big {
		margin: 0 0 60px 0;
		padding: 100px 0 0 0;
		font-size: 4.0rem;
		line-height: 1.7;
	}
	
	.entry h2.big + h2.nm {
		padding-top: 50px;
	}
	
	.entry h2.big br {
		display: block;
	}
	
	.entry h3.nm {
		margin: 60px 0 40px 0;
		padding: 3px 0 3px 15px;
		font-size: 2.2rem;
	}
	
	.entry h4.grn_center {
		margin: 0px 0 40px 0;
		font-size: 3.0rem;
	}
	
	.entry h4.nm {
		margin: 40px 0 20px;
		font-size: 2.0rem;
	}
	
	.entry h4.h4_center {
		margin: 40px 0 20px;
		font-size: 2.0rem;
	}
	
	.entry h5.nm {
		margin: 20px 0;
		font-size: 1.8rem;
	}
	
	.entry h5.gray {
		margin: 0 0 40px;
		font-size: 2.0rem;
	}

	.entry ul.nm {
		margin: 0 0 30px 0;
	}
	
	.entry ul.nm li {
		margin: 0 0 15px 0;
	}
	
	.entry > p.nm,
	.entry .page_inner p.nm,
	.entry .acms-entry-unit-full p.nm {
		margin: 0 0 30px 0;
	}
	
	.entry p a:hover {
		text-decoration: none;
	}

	.entry p.p_min {
		font-size: 1.4rem;
	}
	
	.entry p.p_clear {
		padding: 5px 0;
	}
	
	.entry p.p_clear2 {
		padding: 20px 0;
	}
	
	.entry p.p_gray_box {
		margin: 50px 0;
		padding: 25px 0;
		font-size: 1.8rem;
	}
	
	.entry .box_gray {
		margin: 60px 0;
		padding: 30px 0;
	}
	
	.entry .box_gray li {
		margin: 0 0 20px 0;
	}
	
	.entry .line_box {
		margin: 80px 0;
		padding: 80px 0 0 0;
		background: url(../images/common/line.png) repeat-x 0 0;
	}
	
	.entry ul.box_list {
		padding: 35px 40px 0;
	}
	
	.entry ul.box_list li {
		margin: 0 0 25px 0;
	}
	
	.entry ul.box_3column li {
		margin: 0 0 25px 0;
		padding: 15px;
		width: calc(33.33333% - 13.3333px);
		font-size: 1.6rem;
	}
	
	.entry ul.box_dot {
		margin: 40px 0;
		padding: 15px 15px 0;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		background: url(../images/common/line.png) repeat-x 0 0;
	}
	
	.entry ul.box_dot::after {
		position: absolute;
		content: '';
		height: 1px;
		width: 100%;
		left: 0;
		bottom: 0;
		background: url(../images/common/line.png) repeat-x 0 0;
	}
	
	.entry ul.box_dot li {
		margin: 0 55px 15px 0;
	}
	
	.entry .columnImage {
		width: inherit;
		height: auto;
	}

	.entry table th {
		padding: 15px 35px 15px 20px;
		font-size: 1.6rem;
		display: table-cell;
	} 
	
	.entry table td {
		padding: 15px 20px;
		font-size: 1.6rem;
		display: table-cell;
		background: url(../images/common/line_sp.png) repeat-x 0 0;
		background-size: 2px auto;
	} 

	.entry table td a[target=_blank]:hover {
		text-decoration: underline;
	}
	
	.entry table dt {
		padding: 0 20px 0 0;
	}
	
	.entry table.nm {
		margin: 50px 0;
		table-layout:inherit;
	}
	
	.entry table.nm th {
		padding: 10px 20px;
	}
	
	.entry table.nm td {
		padding: 15px 20px;
	}
	
	.entry table.nm td:first-child,
	.entry table.nm td:nth-child(2) {
		white-space: nowrap;
	}
	
	.entry table.nm figure {
		margin: 0 10px 0 0;
	}

	.entry table.nm figure img {
		width: inherit;
	}
	
	.entry table.nm td p {
		margin: 0;
		white-space: nowrap;
	}
	
	.entry table.nm td div {
		margin: 0;
		display: flex;
		align-items: center;
	}
	
	.entry .sample_table th {
		width: 320px;
	}
	
	.green_arrow_box {
		margin: 40px 0;
		display: flex;
		justify-content: space-between;
	}
	
	.green_arrow_box li {
		margin: 0;
		padding: 40px;
		width: calc(33.3333% - 46.6666px);
		text-align: left;
		font-weight: normal;
	}
	
	.green_arrow_box li::after {
		top: 0;
		bottom: 0;
		right: -40px;
		left: inherit;
		border-left: 10px solid #1a954b;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;	
	}
	
	.link_box {
		position: relative;
	}
	
	.link_box::before {
		position: absolute;
		content: '';
		top: 0;
		width: 100%;
		height: 1px;
		background: url(../images/common/line.png) repeat-x 0 top;
	}
	
	.link_box::after {
		position: absolute;
		content: '';
		bottom: 0;
		width: 100%;
		height: 1px;
		background: url(../images/common/line.png) repeat-x 0 bottom;
	}
	
	.link_box {
		position: relative;
	}
	
	.link_box a {
		padding: 15px 0 15px 15px;
		display: block;
		background: url(../images/common/arrow_right.png) no-repeat 0 center;
		background-size: 8px auto;
	}

	.link_box a:hover {
		color: #f39d00;
	}
	
	a.out_link_green {
		padding: 0 0 0 20px !important;
		background: url(../images/common/link3.png) no-repeat 0 center !important;
		background-size: 14px auto !important;
	}

}

/* -----------------
	下層共通
----------------- */

#main {
	padding: 80px 0 0 0;
	position: relative;
}

.cate_header {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
}

.cate_header h1 {
	margin: 0 0 0 10px;
	font-size: 2.8rem;
}

.page_header {
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	height: 407px;
	position: relative;
}

.page_header .page_inner {
	position: absolute;
	bottom: 15px;
	left: 10px;
}

.page_header .page_inner div {
	color: #1a954b;
	font-size: 1.4rem;
}

.page_header .page_inner h2 {
	padding: 8px 0 0 0;
/*	font-size: 2.6rem;*/
	font-size: 2.1rem;
	line-height: 1.3;
}

.page_header h1 {
	padding: 0 0 0 5px;
	font-size: 2.0rem;
	line-height: 1.3;
	position: relative;
	bottom: -2px;
	display: inline-block;
}

.page_header h2 {
	padding: 0 0 40px 10px;
	font-size: 2.4rem;
	line-height: 1.4;
}

.page_header p {
	margin: 10px 0 0 0;
	font-size: 1.4rem;
	display: none;
}

.page_header_min {
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #f7f7f7;
	height: 150px;
	display: flex;
	align-items: center;
}

.page_header_min div span {
	margin: 0 0 0 10px;
	font-size: 1.6rem;
	display: block;
	position: relative;
	bottom: 8px;
}

.page_header_min h1 {
	padding: 0 0 0 10px;
	font-size: 2.2rem;
	line-height: 1.2;
	display: inline-block;
}

.page_header2 {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;	
}

.page_header2 > h1 {
	margin: 0 0 0 10px;
	font-size: 2.2rem;
	line-height: 1.4;
}

.page_header2 div {
	margin: 0 0 0 10px;
	font-size: 1.6rem;
}

.page_header2 div h1 {
	padding: 5px 0 0 0;
	font-size: 2.2rem;
	line-height: 1.4;
}

.page_header3 {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
}

.page_header3 h1 {
	margin: 0 0 0 10px;
	font-size: 2.2rem;
	line-height: 1.4;
}

.page_header4 {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;	
}

.page_header4 div {
	margin: 0 0 0 10px;
	font-size: 1.6rem;
}

.page_header4 h1 {
	margin: 5px 0 0 0;
	font-size: 2.2rem;
	line-height: 1.4;
}

.sp_page_header_text {
	margin: 20px 10px 0;
	font-size: 1.4rem;
	display: block;
}

@media screen and (min-width: 768px) {

	.wrapper {
		position: relative;
	}

	#main {
		padding: 144px 0 0 0;
		transition: all 0.3s ease;	
	}
	
	.scroll #main {
		padding: 70px 0 0 0;
		transition: all 0.3s ease;	
	}

	.lg_1 #main {
		padding: 229px 0 0 0;
	}

	.wrapper::after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-color: rgba(0,0,0,0.4);
		transition: all 0.3s ease;	
		opacity: 0;
	}

	.wrapper.navi_open::after {
		transition: all 0.3s ease;	
		opacity: 1;
		z-index: 4;
	}

	#main h1 br {
		display: none;
	}

	.cate_header {
		height: 350px;
	}
	
	.cate_header h1 {
		margin: 0 auto;
		font-size: 4.0rem;
		width: 1100px;
	}

	.page_header {
		height: 600px;
	}
	
	.page_header .page_inner {
		position: inherit;
		bottom: inherit;
		left: inherit;
	}

	.page_header .page_inner div {
		padding: 90px 0 35px;
		font-size: 1.6rem;
	}
	
	.page_header h1 {
		padding: 0 0 0 8px;
		font-size: 2.2rem;
	}
	
	.page_header .page_inner h2 {
		padding: 0 0 40px 0;
		font-size: 3.8rem;
		line-height: 1.6;
	}
			
	.page_header p {
		margin: 0;
		display: block;
		width: 580px;
		font-size: 1.6rem;
	}
	
	.page_header_min {
		height: 200px;
	}
	
	.page_header_min div span {
		margin: 0;
		font-size: 1.8rem;
		display: inherit;
	}
	
	.page_header_min h1 {
		padding: 0 0 0 20px;
		font-size: 4.0rem;
	}

	.page_header2 {
		height: 200px;
	}
	
	.page_header2 > h1 {
		margin: 0 auto;
		width: 600px;
		font-size: 4.0rem;
	}
	
	.page_header2 div {
		margin: 0 auto;
		width: 650px;
		font-size: 2.0rem;
		display: flex;
		align-items: center;
	}
	
	.page_header2 div h1 {
		padding: 0 0 0 20px;
		font-size: 4.0rem;
		display: inline-block;
	}
	
	.page_header3 {
		height: 200px;
	}
	
	.page_header3 h1 {
		margin: 0 auto;
		width: 1100px;
		font-size: 4.0rem;
	}
	
	.page_header4 {
		height: 200px;
	}
	
	.page_header4 div {
		margin: 0 auto;
		font-size: 1.8rem;
		width: 1100px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.page_header4 h1 {
		margin: 0 auto 0 0;
		padding: 0 0 0 20px;
		font-size: 3.8rem;
	}

	.sp_page_header_text {
		display: none;
	}

}

@media screen and (min-width: 768px) and (max-width: 1120px) {

	.page_header2 > h1 {
		margin: 0 0 0 250px;
	}

	.page_header2 div {
		margin: 0 0 0 250px;
	}

}

.page_inner {
	margin: 0 10px;
	position: relative;
}

.local_navi {
	display: none;
}

@media screen and (min-width: 768px) {

	.page_inner {
		margin: 0 auto;
		width: 1100px;
	}
	
	.local_navi {
		padding: 10px 30px 0;
		position: absolute;
		top: -30px;
		right: 0;
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		z-index: 2;
	}
	
	.local_navi li {
		margin: 0 20px;
		font-size: 1.4rem;
		text-align: center;
	}
	
	.local_navi li.stay {
		background: url(../images/common/arrow_down.png) no-repeat center bottom;
		background-size: 14px auto;
	}
	
	.local_navi li.stay a {
		color: #f39d00;
	}
	
	.local_navi li a {
		padding: 10px 0 12px;
		display: block;
		transition: all 0.2s ease;
	}

	.local_navi li a:hover {
		color: #f39d00;
		transition: all 0.2s ease;
	}	
}

.index_list {
	margin: 50px 10px;
}

.index_list li {
	margin: 0 0 60px 0;
}

.index_list li a {
	display: block;
}

.index_list li h2 {
	margin: 15px 0 10px;
	font-size: 1.8rem;
}

@media screen and (min-width: 768px) {

	.index_list {
		margin: 100px auto 60px;
		width: 1100px;
	}
	
	.index_list ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.index_list li {
		margin: 0 100px 80px 0;
		width: calc(33.3333% - 66.6666px);
	}
	
	.index_list li:nth-child(3n) {
		margin-right: 0;
	}

	.index_list li a figure,
	.index_list li a h2 {
		transition: all 0.2s ease;
	}

	.index_list li a:hover figure {
		opacity: 0.7;
		transition: all 0.2s ease;
	}

	.index_list li a:hover h2 {
		opacity: 0.7;
		color: #f39d00;
		transition: all 0.2s ease;
	}
	
}

.side_navi_inner {
	background-color: #f2f2f2;
}

.side_navi h3 {
	font-size: 2.0rem;
	background-color: #757575;
}

.side_navi h3 a {
	padding: 25px 20px;
	color: #fff;
	display: block; 
}

.side_navi li {
	font-size: 1.6rem;
	font-weight: bold;
	background: #757575;
	border-top: 1px solid #b4b4b4;
}

.side_navi li:first-child {
	background-image: none;
}

.side_navi li:last-child {
	border-bottom: 1px solid #b4b4b4;
}

.side_navi li a {
	padding: 15px 20px;
	color: #fff;
	display: block;
}

.side_navi li.side_sub {
	font-size: 1.4rem;
	font-weight: normal;
	border-top: none;
	background: #757575 url(../images/common/line3.png) repeat-x 0 0;
	background-size: 5px auto;
}

.side_navi li.side_sub a {
	padding: 15px 40px;
	color: #f0f0f0;
}

.side_navi li.stay {
	background: #f2f2f2;
	border-top: 1px solid #b4b4b4;
}

.side_navi li.side_sub:last-child {
	border-bottom: none;
}

.side_navi2 li.stay {
	border-top: none;
}

.side_navi li.stay:first-child {
	border-top: none;
}

.side_navi li.stay > a {
	color: #333;
	background-color: #fff;
}

.side_products {
	margin: -1px 0 0 0;	
}

.side_products li {
	font-size: 1.4rem;
	font-weight: normal;
}

.side_navi .side_products_cate {
	padding: 8px 20px;
	color: #fff;
	font-size: 1.2rem;
	border-top: none;
	background: #525252 url(../images/common/line3.png) repeat-x 0 0;
	background-size: 5px auto;
}

.side_navi .side_products_cate + li {
	background-image: none;		
}

.left_entry .entry {
	margin: 0 10px;
}

@media screen and (min-width: 768px) {

	.side_navi {
		padding: 70px 0 0 0;
		width: 220px;
		height: 100%;
		background: url(../images/common/mark3.png) no-repeat center top;
		background-size: 20px auto;
		z-index: 2;
		position: absolute;
		top: 260px;
		left: 0;
		display: block;
	}
	
	.side_navi {
		background: url(../images/common/mark4.png) no-repeat center top;
	}
	
	.side_navi_inner {
		width: 220px;
		height: 100%;
	}
	
	.side_navi h3 {
		font-size: 1.8rem;
	}
	
	.side_navi h3 a {
		padding: 40px 20px;
	}
	
	.side_navi li.side_sub {
		background: #757575 url(../images/common/line2.png) repeat-x 0 0;
	}
	
	.side_navi .side_products_cate {
		background: #525252 url(../images/common/line2.png) repeat-x 0 0;
	}
	
	.left_entry .entry {
		width: 820px;
		margin: 0 auto;
	}

	.side_navi h3 a:hover,
	.side_navi li a:hover {
		color: #525252;
		background-color: #fff;
	}

}
	
@media screen and (min-width: 768px) and (max-width: 1334px) {

	.left_entry .entry {
/*		margin: 0 0 0 400px;*/
		margin: 0 0 0 250px;
	}

}

.contact_box {
	margin: 0 0 70px 0;
	padding: 30px 20px;
	text-align: center;
	border: 5px solid #f3f3f3;
	display: inline-block;
	width: 100%;
}

.contact_box h3 {
	margin: 0 0 15px 0;
	font-size: 2.0rem;
	line-height: 1.3;
	font-weight: bold;
}

.contact_box p {
	font-size: 1.4rem;
}

.contact_box .tel {
	margin: 15px 0 10px;
/*	font-size: 3.6rem;
*/	font-size: 3rem;
}

.contact_box .mail_btn {
	margin: 15px 0 0 0;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #f39d00;
	border: 2px solid #f39d00;
}

.contact_box .mail_btn a {
	padding: 15px 0;
	color: #fff;
	display: block;
}

@media screen and (min-width: 768px) {

	.contact_box {
		margin: 0 0 140px 0;
		padding: 50px 0;
	}
	
	.contact_box h3 {
		margin: 0 0 30px 0;
		font-size: 2.4rem;
	}
	
	.contact_box .tel {
		margin: 30px 0 10px;
		font-size: 5.0rem;
	}
	
	.contact_box .mail_btn {
		margin: 30px 0 0 0;
		font-size: 2.0rem;
		display: inline-block;
		transition: all 0.2s ease;
	}
	
	.contact_box .mail_btn a {
		padding: 15px 110px;
	}

	.contact_box .mail_btn:hover {
		transition: all 0.2s ease;
		background-color: #fff;
	}

	.contact_box .mail_btn a:hover {
		color: #f39d00;
	}
	
}

/* -----------------
	イズム
----------------- */

.development .page_header {
	background-image: url(../images/header/development_sp.jpg);
}

.technique .page_header {
	background-image: url(../images/header/technique_sp.jpg);
}

.safety .page_header {
	background-image: url(../images/header/safety_sp.jpg);
}

.hb .page_header_min {
	background-image: url(../images/header/hb_sp.jpg);
	background-size: cover;
}

.dev_img1 {
	margin: 40px 0;
	text-align: center;
}

.dev_img1 img {
	width: 100%;
	height: auto;
}

.dev_3column li {
	margin: 0 0 30px 0;
	padding: 20px;
	border: 2px solid #fcf7e1;
}

.dev_3column li h3 {
	margin: 0 0 20px 0;
	padding: 50px 0 0 0;
	font-size: 1.8rem;
	text-align: center;
	background: url(../images/common/mark2.png) no-repeat center top;
	background-size: 17px auto;
}

.dev_2box {
	margin: 20px 0;
}

.dev_2box a {
	display: flex;
}

.dev_2box figure {
	width: 50%;
	height: 150px;
}

.dev_2box figure img {
	width: auto;
	height: 150px;
}

.dev_2box p {
	padding: 0 0 0 30px;
	font-size: 1.6rem;
	background: #f2f2f2 url(../images/common/arrow_right.png) no-repeat 15px center;
	background-size: 8px auto;
	height: 150px;
	width: 50%;
	line-height: 1.4;
	display: flex;
	align-items: center;
}


.column2_w510 li {
	margin: 50px 0 0 0;
}

.column2_w510 li h3 {
	margin: 0 0 40px 0;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 2.0rem;
	position: relative;
}

.column2_w510 li h3::before {
	margin: auto;
	position: absolute;
	content: '';
	bottom: 0;
	left: -40px;
	right: 0;
	width: 40px;
	border-bottom: 1px solid #f39d00;
}

.column2_w510 li h3::after {
	margin: auto;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: -40px;
	width: 40px;
	border-bottom: 1px solid #1a954b;
}

.column2_w510 li figure {
	margin: 0 0 15px 0;
}

.column2_w510 li figure img {
	width: 100%;
	height: auto;
}

.back_gray_wide {
	margin: 70px 0 0 0;
	background-color: #f8f8f8;
}

.facility_list {
	padding: 50px 10px 30px;
}

.facility_list h2 {
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center;
	color: #1a954b;
	font-size: 2.4rem;
}

.facility_list h2::before,
.facility_list h2::after {
	display: none;
}

.facility_list dl {
	margin: 0 0 30px 0;
}

.facility_list dt {
	margin: 0 0 15px 0;
	font-weight: bold;
	font-size: 1.8rem;
}

.facility_list dd figure {
	margin: 0 0 15px 0;
}

.facility_list dd figure img {
	width: 100%;
	height: auto;
}

.facility_list dd p {
	font-size: 1.4rem;
}

.safety {
	margin: 0 0 60px 0;
}

.safety_title img {
	width: 160px;
}

.safety_img {
	margin: 20px 0 40px;
	text-align: center;
}

.safety_img img {
	width: 100%;
	height: auto;
}

.tech_3column li {
	margin: 0 0 60px 0;
}

.tech_3column li h3 {
	margin: 20px 0;
	font-size: 1.8rem;
	text-align: center;
}

.tech_3column li h3 span {
	font-size: 1.4rem;
}

.tech_3column li figure {
	text-align: center;
}

.tech_3column li figure img {
	width: 100%;
	height: auto;
}

.tech_3column li p {
	margin: 0 0 20px 0;
}

.hb {
	margin: 0 0 70px 0;
}

.hb_2box {
	margin: 30px 0;
}

.hb_2box a {
	display: flex;
}

.hb_2box figure {
	width: 50%;
	height: 120px;
	overflow: hidden;
	background: url(../images/ism/hb_img.jpg) no-repeat center center;
	background-size: cover;
}

.hb_2box figure img {
	display: none;
}

.hb_2box p {
	padding: 0 0 0 40px;
	width: 50%;
	height: 120px;
	display: flex;
	align-content: center;
	line-height: 1.5;
	font-size: 1.4rem;
	align-items: center;
	background: #f6f6f6 url(../images/common/logo_mark.png) no-repeat 15px center;
	background-size: 14px auto;
}

@media screen and (min-width: 768px) {

	.development .page_header {
		background-image: url(../images/header/development.jpg);
	}
	
	.technique .page_header {
		background-image: url(../images/header/technique.jpg);
	}
	
	.safety .page_header {
		background-image: url(../images/header/safety.jpg);
	}
	
	.safety .page_header .page_inner div {
		padding: 100px 0 40px;
	}

	.hb .page_header_min {
		background-image: url(../images/header/hb.jpg);
		background-size: inherit;
	}
	
	.dev_img1 {
		margin: 55px 0;
	}

	.dev_img1 img {
		width: 890px;
	}
	
	.dev_3column {
		display: flex;
		justify-content: space-between;
	}
	
	.dev_3column li {
		padding: 25px;
		width: calc(33.3333% - 16.6666px);
	}
	
	.dev_3column li h3 {
		margin: 0 0 25px 0;
		font-size: 2.0rem;
	}
	
	.dev_2box {
		margin: 0;
		transition: all 0.2s ease;
	}
	
	.dev_2box figure {
		width: 210px;
	}

	.dev_2box p {
		padding: 0 0 0 40px;
		width: 300px;
	}

	.dev_2box a:hover {
		opacity: 0.6;
		transition: all 0.2s ease;
	}
	
	.dev_2box a:hover p {
		color: #f39d00;
		background-color: #fff5e4;
		transition: all 0.2s ease;
	}
	
	.column2_w510 {
		display: flex;
		flex-wrap: wrap;
	}
	
	.column2_w510 {
		display: flex;
		justify-content: space-between;
	}
	
	.column2_w510 > * {
		width: calc(50% - 40px);
	}
	
	.column2_w510 li {
		margin: 70px 0 0 0;
		width: calc(50% - 40px);
	}
	
	.column2_w510 li h3 {
		padding: 0 0 20px 0;
	}
	
	.column2_w510 li figure {
		margin: 0 0 25px 0;
	}
	
	.back_gray_wide {
		margin: 130px 0 0 0;
	}
	
	.facility_list {
		margin: 0 auto;
		padding: 90px 0 60px 0;
		width: 1100px;
	}
	
	.facility_list h2 {
		margin: 0 0 70px 0;
		font-size: 3.2rem;
	}
	
	.facility_list div {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.facility_list dl {
		margin: 0 0 70px 0;
		width: calc(33.3333% - 66.6666px);
	}
	
	.facility_list dt {
		margin: 0 0 30px 0;
	}
	
	.facility_list dd figure {
		margin: 0 0 25px 0;
	}
	
	.safety {
		margin: 0 0 130px 0;
	}
	
	.safety_title img {
		width: inherit;
	}

	.safety_img {
		margin: 30px 0 70px;
		text-align: center;
	}
	
	.tech_3column {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;	
	}
	
	.tech_3column::after {
	    content: "";
	    display: block;
		width: calc(33.3333% - 66.6666px);
	}
	
	.tech_3column li {
		margin: 0 0 80px 0;
		width: calc(33.3333% - 66.6666px);
	}
	
	.tech_3column li h3 {
		margin: 20px 0 30px;
		font-size: 2.0rem;
	}
	
	.tech_3column li figure {
		min-height: 300px;
		width: 300px;
	}
	
	.tech_3column li p {
		margin: 0 0 30px 0;
	}
	
	.hb {
		margin: 0 0 130px 0;
	}
	
	.hb_2box {
		margin: 50px auto;
		width: 750px;
	}
	
	.hb_2box figure {
		background: none;
		transition: all 0.2s ease;
	}
	
	.hb_2box figure img {
		display: block;
	}

	.hb_2box p {
		padding: 0 0 0 80px;
		font-size: 1.8rem;
		background: #f6f6f6 url(../images/common/logo_mark.png) no-repeat 40px center;
		background-size: 16px auto;
		transition: all 0.2s ease;
	}

	.hb_2box a:hover figure {
		opacity: 0.7;
		transition: all 0.2s ease;
	}

	.hb_2box a:hover p {
		color: #f39d00;
		background-color: #fff5e4;
		transition: all 0.2s ease;
	}

}
	
/* -----------------
	製油事業
----------------- */

.oil .cate_header {
	background: #f8f6ed url(../images/header/oil_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.oil .page_header2 {
	background: #f8f6ed url(../images/header/food_oil_sp.jpg) no-repeat right center;
	background-size: cover;
}


.left_entry.defatted_meal {
	background: url(../images/oil/defatted_meal_header.png) no-repeat right 185px;
	background-size: 50vw auto;
}

.left_entry.food_oil {
	background: url(../images/oil/food_oil_header.jpg) no-repeat right 140px;
	background-size: 85vw auto;
}

.food_oil_header h2,
.defatted_meal_header h2 {
	padding: 40px 0 30px;
	font-size: 2.4rem;
	line-height: 1.4;
}

.food_oil_header p,
.defatted_meal_header p {
	margin: 0 0 30px 0;
	width: 50%;
}

@media screen and (min-width: 768px) {

	.oil .cate_header {
		background: #f8f6ed url(../images/header/oil.jpg) no-repeat right center;
	}
	
	.oil .page_header2 {
		background: #f8f6ed url(../images/header/food_oil.jpg) no-repeat right center;
	}
	
	.left_entry.defatted_meal {
		background: url(../images/oil/defatted_meal_header.png) no-repeat right -10px;
	}
	
	.left_entry.food_oil {
		background: url(../images/oil/food_oil_header.jpg) no-repeat right -30px;
	}
	
	.food_oil_header {
		margin: 50px 0 -50px 0;
		height: 650px;
		min-width: 960px;
	}
	
	.defatted_meal_header {
		margin: 50px 0 -30px 0;
		height: 605px;
		min-width: 870px;
	}
	
	.food_oil_header h2,
	.defatted_meal_header h2 {
		padding: 80px 0 60px 0;
		font-size: 4.4rem;
	}
	
	.food_oil_header p,
	.defatted_meal_header p {
		width: 450px;
	}

}
	
@media screen and (min-width: 768px) and (max-width: 1135px) {

	.left_entry.defatted_meal {
		background: none;
	}
	
	.defatted_meal_header {
		background: url(../images/oil/defatted_meal_header.png) no-repeat right -10px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1225px) {

	.left_entry.food_oil {
		background: none;
	}
	
	.food_oil_header {
		background: url(../images/oil/food_oil_header.jpg) no-repeat right -30px;
	}

}

.gray_box {
	margin: 50px -10px;
	padding: 60px 20px 30px;
	background-color: #f8f8f8;	
}

.gray_box h3 {
	margin: 0 0 40px 0;
    padding: 0 0 10px 0;
    text-align: center;
    color: #f39d00;
    font-size: 2.4rem;
    position: relative;
}

.gray_box h3::after {
	margin: auto;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	width: 100px;
	bottom: 0;
	border-bottom: 1px solid #f39d00;
}

.gray_box_column {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: url(../images/common/line_sp.png) repeat-x 0 bottom;
	background-size: 2px auto;
}

.gray_box_column:last-child {
	margin: 0;
	background: none;
}

.gray_box_column figure {
	margin: 0 0 20px 0;
}

.gray_box_column figure img {
	width: 100%;
}

.gray_box_column h4 {
	margin: 0 0 15px 0;
	font-weight: bold;
	font-size: 1.8rem;
}

.gray_box2 {
	margin: 50px -20px 70px;
	padding: 60px 20px 30px;
	background-color: #f8f8f8;	
}

.gray_box2 h3 {
	margin: 0 0 40px 0;
	padding: 0 0 10px 0;
	text-align: center;
	color: #f39d00;
	font-size: 2.4rem;
	position: relative;
}

.gray_box2 h3::after {
	margin: auto;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	width: 100px;
	bottom: 0;
	border-bottom: 1px solid #f39d00;
}

.gray_box2 h4 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.8rem;
}

.gray_box2 p {
	font-size: 1.5rem;
}

.gray_box2 div {
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	background: url(../images/common/line_sp.png) repeat-x 0 0;
	background-size: 2px auto;
}

.gray_box2 figure {
	margin: 0 0 15px;
}

.gray_box2 figure img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {

	.gray_box {
		margin: 100px 0;
		padding: 60px;
	}
	
	.gray_box h3 {
		margin: 0 0 60px 0;
		padding: 0 0 15px 0;
		font-size: 2.4rem;
	}
	
	.gray_box_column {
		display: flex;
		margin: 0 0 40px 0;
		padding: 0 0 40px 0;
		background: url(../images/common/line.png) repeat-x 0 bottom;
	}
	
	.gray_box_column:last-child {
		padding: 0;
	}
	
	.gray_box_column figure {
		margin: 0 40px 0 0;
		width: 240px;
	}
	
	.gray_box_column figure img {
		width: 240px;
		height: auto;
	}
	
	.gray_box_column h4 {
		margin: 0 0 20px 0;
	}
	
	.gray_box2 {
		margin: 100px 0 140px;
		padding: 60px;
	}
	
	.gray_box2 h3 {
		margin: 0 0 60px 0;
		padding: 0 0 15px 0;
	}
	
	.gray_box2 h4 {
		margin: 0 0 20px 0;
	}
	
	.gray_box2 div {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
		background: none;
	}
	
	.gray_box2 figure {
		margin: 40px 0 30px;
		width: 330px;
	}

}

/* -----------------
	アグリ事業
----------------- */

.agriculture .cate_header {
	background: #faf5f1 url(../images/header/agri_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.agriculture .page_header2 {
	background: #faf5f1 url(../images/header/agri_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.oem_img1 {
	padding: 60px 0 0 0;
	background: url(../images/common/logo_mark.png) no-repeat center 0;
	background-size: 15px auto;
	position: relative;
}

.oem_img1 dl {
	margin: -40px auto 20px;
	padding: 40px 0 0 0;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #f3f3f3;
}

.oem_img1 dl:nth-child(1) {
	margin-top: 0;
}

.oem_img1 dt {
	margin: 0 0 15px 0;
	padding: 30px 0 10px;
	font-size: 2.8rem;
	color: #1a954b;
	position: relative;
}

.oem_img1 dt::after {
	margin: auto;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	width: 18px;
	border-bottom: 1px solid #eca033;
}

.oem_img1 dd {
	line-height: 1.5;
}

.oem_img1 dl:nth-child(1) dt:before,
.oem_img1 dl:nth-child(2) dt:before,
.oem_img1 dl:nth-child(3) dt:before {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #eca033;
	font-size: 1.8rem;
}

.oem_img1 dl:nth-child(1) dt:before {
	content: '01';
}

.oem_img1 dl:nth-child(2) dt:before {
	content: '02';
}

.oem_img1 dl:nth-child(3) dt:before {
	content: '03';
}

.ureshino_box {
	margin: 0 10px 70px;
}

.ureshino_box figure {
	margin: 20px 0 0 0;
	text-align: center;
}

.ureshino_box a {
	padding: 25px;
	color: #4a4a4a;
	display: block;
	background-color: #f6f6f6;
}

.ureshino_box h2 {
	margin: 0 0 20px;
	padding: 15px 0 15px 30px;
	font-size: 2.2rem;
	color: #4a4a4a;
	background: url(../images/common/logo_mark.png) no-repeat 0 center;
	background-size: 16px auto;	
}

.ureshino_box p {
	font-size: 1.6rem;
	color: #4a4a4a;
}

@media screen and (min-width: 768px) {

	.agriculture .cate_header {
		background: #faf5f1 url(../images/header/agriculture.jpg) no-repeat right center;
	}
	
	.agriculture .page_header2 {
		background: #faf5f1 url(../images/header/agri.jpg) no-repeat right center;
	}

	.agriculture .index_list {
		margin-bottom: 0;
	}
	
	.oem_img1 {
		padding: 25px 0 0 0;
		background: url(../images/common/logo_mark.png) no-repeat center 0;
		height: 446px;
	}
	
	.oem_img1 dl {
		margin: 0;
		padding: 70px 0 0 0;
		width: 320px;
		height: 320px;
		position: absolute;
	}
	
	.oem_img1 dl:nth-child(2) {
		margin: 125px 0 0 0;
	}
	
	.oem_img1 dt {
		margin: 0 0 20px 0;
		font-size: 3.0rem;
	}
	
	.oem_img1 dl:nth-child(1) {
		margin: 0;
		left: 0;
	}
	
	.oem_img1 dl:nth-child(2) {
		margin: auto;
		top: 120px;
		left: 0;
		right: 0;
	}
	
	.oem_img1 dl:nth-child(3) {
		right: 0;
	}
	
	.oem_img1 dl:nth-child(1) dt:before,
	.oem_img1 dl:nth-child(2) dt:before,
	.oem_img1 dl:nth-child(3) dt:before {
		font-size: 1.6rem;
	}
	
	.ureshino_box {
		margin: 0 auto 140px;
		width: 1100px;
	}
	
	.ureshino_box div {
		order: 2;
	}
	
	.ureshino_box figure {
		margin: 0 60px 0 0;
		order: 1;
		text-align: inherit;
		transition: all 0.2s ease;
	}
	
	.ureshino_box a {
		padding: 20px 60px;
		display: flex;
		transition: all 0.2s ease;
	}
	
	.ureshino_box h2 {
		margin: 15px 0;
		padding: 15px 0 15px 35px;
		font-size: 2.4rem;
		transition: all 0.2s ease;
	}
	
	.ureshino_box p {
		font-size: 1.4rem;
	}

	.ureshino_box a:hover {
		background-color: #fff5e4;
		transition: all 0.2s ease;
	}
	
	.ureshino_box a:hover figure {
		opacity: 0.8;
		transition: all 0.2s ease;
	}
	
	.ureshino_box a:hover h2 {
		color: #f39d00;
		transition: all 0.2s ease;
	}
	
}

.entry .citrus_table {
	width: 100%;
	background: none;
}

.entry .citrus_table thead tr:first-child th {
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 1.2rem;
}

.entry .citrus_table thead tr:first-child th:first-child {
	border-left: 1px solid #dfdfdf;
	padding: 5px 0;
	width: 200px;
	font-size: 1.3rem;
}

.entry .citrus_table thead tr:first-child th:last-child {
	border-right: 1px solid #dfdfdf;
}

.entry .citrus_table thead tr:last-child th {
	padding: 8px 1px;
	font-size: 1.1rem;
	line-height: 1.1;
	background-color: #fff;
	background: #fff url(../images/common/vline.png) repeat-y right top;
}

.entry .citrus_table thead tr:last-child th:nth-child(3n) {
	background-image: none;
	border-right: 1px solid #dfdfdf;
}

.entry .citrus_table thead tr:last-child th span {
	display: flex;
	align-items: center;
}

.entry .citrus_table th {
	padding: 5px 0;
	font-size: 1.6rem;
	text-align: center;
	background-image: none;
	background-color: #f2f2f2;
	vertical-align: middle;
	word-break: inherit;
	display: table-cell;
}

.entry .citrus_table tbody th {
	padding: 8px 10px;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
	border: 1px solid #dfdfdf;
	background: #fff url(../images/common/vline.png) repeat-y right top;
}

.entry .citrus_table td {
	padding: 0;	
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background: url(../images/common/vline.png) repeat-y right top;
	position: relative;
	display: table-cell;
}

.entry .citrus_table td:nth-child(4),
.entry .citrus_table td:nth-child(7),
.entry .citrus_table td:nth-child(10),
.entry .citrus_table td:nth-child(13),
.entry .citrus_table td:nth-child(16),
.entry .citrus_table td:nth-child(19),
.entry .citrus_table td:nth-child(22),
.entry .citrus_table td:nth-child(25),
.entry .citrus_table td:nth-child(28),
.entry .citrus_table td:nth-child(31),
.entry .citrus_table td:nth-child(34),
.entry .citrus_table td:nth-child(37) {
	background-image: none;
	border-right: 1px solid #dfdfdf;
}

.entry .citrus_table td:nth-child(8) {
	border-left: 1px solid #dfdfdf;
}

.entry .citrus_table th em {
	line-height: 1.4;
	font-size: 1.3rem;
	font-weight: bold;
	white-space: nowrap;
}

.entry .citrus_table td.orange {
	background-color: #f9e4aa;
}

.entry .citrus_table td.yellow {
	background-color: #faff6c;
}

.entry .scroll_table {
	margin: 20px 0;
	padding: 30px 0 10px;
	overflow-x: scroll;
	background: url(../images/common/scroll.png) no-repeat 0 0;
	background-size: 232px auto;
}

.entry .scroll_table::-webkit-scrollbar {
	height: 6px;
}

.entry .scroll_table::-webkit-scrollbar-track {
	border-radius: 4px;
	background: #aaa;
}

.entry .scroll_table::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: #666;
}

@media screen and (min-width: 768px) {

	.entry .citrus_table thead tr:first-child th {
		font-size: 1.4rem;
	}

	.entry .citrus_table thead tr:first-child th:first-child {
		width: 200px;
		font-size: 1.6rem;
	}

	.entry .citrus_table thead tr:last-child th {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.entry .citrus_table tbody th {
		padding: 15px 15px;
		font-size: 1.4rem;
	}
	
	.entry .citrus_table th em {
		line-height: 1.8;
		font-size: 1.5rem;
	}
	
	.entry .scroll_table {
		padding: 0;
		overflow-x: inherit;
		background: none;
	}

}

/* -----------------
	機能性事業
----------------- */

.functional .cate_header {
	background: #f1f9fa url(../images/header/functional_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.functional .page_header2,
.lecithin .page_header2,
.ceramide .page_header2,
.collagen .page_header2 {
	background: #f1f9fa url(../images/header/functional_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.left_entry.lecithin {
	background: url(../images/functional/lecithin_header.jpg) no-repeat right 170px;
	background-size: 54vw auto;
}

.left_entry.ceramide {
	background: url(../images/functional/ceramide_header.jpg) no-repeat right 170px;
	background-size: 50vw auto;
}

.left_entry.collagen {
	background: url(../images/functional/collagen_header.jpg) no-repeat right 215px;
	background-size: 60vw auto;
}

.lecithin_header,
.ceramide_header,
.collagen_header {
	margin: 30px 0 0;
}

.lecithin_header h2,
.ceramide_header h2,
.collagen_header h2 {
	padding: 40px 0 30px 0;
	font-size: 2.8rem;
	line-height: 1.6;
}

.lecithin_header p,
.ceramide_header p,
.collagen_header p {
	margin: 0 0 30px 0;
	width: 50%;
}

.cosmetic_green_box {
	margin: 30px 0 20px;	
}

.cosmetic_green_box ul {
	margin: 0 0 15px 0;
	padding: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.cosmetic_green_box ul::after {
    margin: auto;
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #1a954b;
}

.cosmetic_green_box li {
	padding: 35px 10px;
	background-color: #1a954b;
	width: calc(50% - 7px);
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}

.cosmetic_green_box li span {
	display: block;
	font-weight: normal;
	font-size: 1.4rem;
}

.cosmetic_green_box p {
	text-align: center;
	color: #1a954b;
	font-size: 2.4rem;
}

.lecithin_img7 {
	margin: 0 0 20px 0;
	width: 100%;	
}

.lecithin_img8 {
	width: 100%;	
}


@media screen and (min-width: 768px) {

	.functional .cate_header {
		background: #f1f9fa url(../images/header/functional_cate.jpg) no-repeat right center;
	}
	
	.functional .page_header2,
	.lecithin .page_header2,
	.ceramide .page_header2,
	.collagen .page_header2 {
		background: #f1f9fa url(../images/header/functional.jpg) no-repeat right center;
	}
	
	.left_entry.lecithin {
		background: url(../images/functional/lecithin_header.jpg) no-repeat right 60px;
	}
	
	.left_entry.ceramide {
		background: url(../images/functional/ceramide_header.jpg) no-repeat right top;
	}
	
	.left_entry.collagen {
		background: url(../images/functional/collagen_header.jpg) no-repeat right top;
	}
	
	.lecithin_header,
	.ceramide_header,
	.collagen_header {
		margin: 50px 0 -60px 0;
		padding: 0 0 105px 0;
		min-width: 990px;
	}
	
	.lecithin_header h2,
	.ceramide_header h2,
	.collagen_header h2 {
		padding: 80px 0 60px 0;
		font-size: 4.4rem;
		line-height: 1.6;
	}
	
	.lecithin_header p,
	.ceramide_header p,
	.collagen_header p {
		margin: 0 0 30px 0;
		width: 450px;
	}
	
	.cosmetic_green_box {
		margin: 40px 0;	
	}
	
	.cosmetic_green_box li {
		padding: 35px 0;
		width: calc(50% - 30px);
		font-size: 2.0rem;
		font-weight: bold;
	}
	
	.cosmetic_green_box li span {
		font-size: 1.6rem;
	}
	
	.cosmetic_green_box p {
		font-size: 3.0rem;
	}

	.lecithin_img_box {
		display: flex;
	}
	
	.lecithin_img7 {
		margin: 0 40px 0 0;
		width: 260px;	
	}
	
	.lecithin_img8 {
		width: 440px;
	}
	
	.functional_table_img {
		width: 120px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1256px) {

	.left_entry.lecithin,
	.left_entry.ceramide,
	.left_entry.collagen {
		background: none;
	}
	
	.lecithin_header {
		background: url(../images/functional/lecithin_header.jpg) no-repeat right 60px;
	}

	.ceramide_header {
		background: url(../images/functional/ceramide_header.jpg) no-repeat right top;
	}

	.collagen_header {
		background: url(../images/functional/collagen_header.jpg) no-repeat right top;
	}

}

/* -----------------
	製品一覧
----------------- */

.foodoil .page_header2,
.meal .page_header2,
.products .page_header3 {
	background: #f6f5f3 url(../images/header/products_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.products_list {
	margin: 0 10px;
}

.products_list ul {
	padding: 1px 0 0 0;
	background: url(../images/common/line_sp.png) repeat-x 0 0;
	background-size: 2px auto;
}


.products_list li {
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
	background: url(../images/common/line_sp.png) repeat-x 0 bottom;
	background-size: 2px auto;	
}

.products_list li a {
	display: flex;
	justify-content: space-between;
}

.products_list li figure {
	margin: 0 10px 0 0;
	text-align: center;
	width: 100px;
}

.products_list li figure img {
	max-width: 100%;
	height: auto;
}

.products_list li a > div {
	width: calc(100% - 100px);
}

.products_list li h4 {
	margin-bottom: 5px;
	padding:  3px 0 5px 12px;
	font-size: 1.6rem;
	line-height: 1.2;
	background: url(../images/common/arrow_right.png) no-repeat 0 6px;
	background-size: 8px auto;
}

.products_list li p {
	font-size: 1.4rem;
}

.products_info {
	margin: 0 0 70px 0;
}

.products_info figure {
	margin: 0 0 30px 0;
	text-align: center;
}

.products_info figure img {
	width: 100%;
	height: auto;
}
	
.products_info table {
	margin: 10px 0 0 0;
	background: url(../images/common/line_sp.png) repeat-x 0 bottom;
	background-size: 2px auto;
}

@media screen and (min-width: 768px) {

	.foodoil .page_header2,
	.meal .page_header2,
	.products .page_header3 {
		background: #f6f5f3 url(../images/header/products.jpg) no-repeat right center;
	}
	
	.products_list {
		margin: 0 auto;
		width: 1100px;
	}
	
	.products_list ul {
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		background: none;
	}
	
	.products_list li {
		margin: 0 100px 70px 0;
		width: calc(33.3333% - 66.6666px);
	}
	
	.products_list li:nth-child(3n) {
		margin: 0 0 70px 0;
	}
	
	.products_list li a {
		display: block;
	}
	
	.products_list li figure {
		margin: 0 0 10px 0;
		width: inherit;
		transition: all 0.2s ease;
	}
	
	.products_list li a > div {
		width: inherit;
	}

	.products_list h3.nm {
		margin-top: 0;
	}

	.products_list li h4 {
		margin: 0;
		padding:  15px 0 15px 15px;
		font-size: 2.0rem;
		background: url(../images/common/arrow_right.png) no-repeat 0 center;
		background-size: 8px auto;
		transition: all 0.2s ease;
	}
	
	.products_list li p {
		padding: 20px 0 0 0;
		font-size: 1.4rem;
		background: url(../images/common/line_sp.png) repeat-x 0 0;
		background-size: 2px auto;
	}
	
	.products_list li a:hover figure {
		opacity: 0.7;
		transition: all 0.2s ease;
	}

	.products_list li a:hover h4 {
		color: #f39d00;
	}

	.products_info {
		margin: 50px 0 140px 0;
		display: flex;
	}
	
	.products_info figure {
		margin: 0 60px 0 0;
		width: 300px;
		text-align: center;
	}
	
	.products_info table {
		margin: 0;
		width: 460px;
	}

	.products_info th {
		padding: 15px 20px;
		text-align: left;
		font-size: 1.6rem;
		font-weight: normal;
	}
	
	.products_info td {
		padding: 15px 20px;
		font-size: 1.6rem;
	}
	
	.products_list .contact_box {
		margin: 60px 0 140px 0;
	}

}

/* -----------------
	会社情報
----------------- */

.company .cate_header {
	background: #edf8fb url(../images/header/company_cate_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.company .page_header4 {
	background: #edf8fb url(../images/header/company_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.company .page_inner {
	padding: 50px 0 70px;
}

.company .page_inner .entry {
	display: inline-block;
}

.company .entry h3:first-child,
.company .entry div:first-child h3 {
	margin-top: 0;
}

.company .entry div:first-child h2 {
	padding-top: 0;
}

.entry .history_table {
	display: inline-block;
	background: url(../images/common/line_sp.png) repeat-x 0 top;
	background-size: 2px auto;
}

.entry .history_table th {
	padding: 20px 10px 0 35px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	white-space: nowrap;
	position: relative;
	background: none;
	display: block;
}

.entry .history_table th::after {
	margin: auto;
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 20px;
	border-top: 1px solid #dcdcdc;	
}

.entry .history_table th span {
	display: block;
	font-weight: normal;
	font-size: 1.4rem;
}

.entry .history_table td {
	padding: 5px 10px 20px 35px;
	font-size: 1.4rem;
	background: url(../images/common/line_sp.png) repeat-x 0 bottom;
	background-size: 2px auto;
	position: relative;
	display: block;
}

.map_btn {
	margin: 10px 0 5px;
	font-size: 1.2rem;
	display: flex;
}

.entry table td .map_btn a {
	padding: 5px 45px 5px 40px;
	display: block;
	color: #fff;
	background: #f39d00 url(../images/common/link.png) no-repeat right 30px center;
	
}

@media screen and (min-width: 768px) {

	.company .cate_header {
		background: #edf8fb url(../images/header/company_cate.jpg) no-repeat right center;
	}
	
	.company .page_header4 {
		background: #edf8fb url(../images/header/company.jpg) no-repeat right center;
	}
	
	.company .page_inner {
		padding: 0 0 140px 0;
	}
	
	.company .page_inner .entry {
		padding: 100px 0 0 0;
	}
	
	.entry .history_table {
		background: none;
	}

	.entry .history_table th {
		padding: 25px 25px 25px 35px;
		font-size: 1.8rem;
		display: table-cell;
	}
	
	.entry .history_table th::before {
		position: absolute;
		content: '';
		top: 0;
		left: 10px;
		height: 100%;
		border-left: 1px solid #dcdcdc;	
	}
	
	.entry .history_table td {
		padding: 25px;
		font-size: 1.6rem;
		display: table-cell;
	}
	
	.entry .history_table tr:first-child td::before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: url(../images/common/line_sp.png) repeat-x 0 bottom;
		background-size: 2px auto;
	}
	
	.map_btn {
		margin: 0;
		position: absolute;
		top: 20px;
		right: 20px;
		display: inline-block;
	}

	.entry table td .map_btn a {
		padding: 4px 24px 4px 9px;
		border: 1px solid #f39d00;
		background: #f39d00 url(../images/common/link.png) no-repeat right 10px center;		
		transition: all 0.2s ease;
	}
	
	.entry table td .map_btn a:hover {
		padding: 4px 24px 4px 9px;
		border: 1px solid #f39d00;
		color: #f39d00;
		text-decoration: none;
		background: #fff url(../images/common/link2.png) no-repeat right 10px center;		
		transition: all 0.2s ease;
	}
	
	.company .entry table th {
		white-space: nowrap;
	}
	
}

/* -----------------
	付帯事業
----------------- */

.incidental .page_header3 {
	background: #edf8fb url(../images/header/incidental_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

.incidental .top_future_box {
	margin: 0 auto 70px;
}

@media screen and (min-width: 768px) {

	.incidental .page_header3 {
		background: #edf8fb url(../images/header/incidental.jpg) no-repeat right center;
	}
	
	.incidental .top_future_box {
		margin: 0 auto 140px;
	}

}

/* -----------------
	お知らせ
----------------- */

.news .page_header3 {
	background: #edf8fb url(../images/header/news_sp.jpg) no-repeat center center;
	background-size: cover;
}

.news_index {
	margin: 0;
	padding: 60px 0 70px;
}

.news_index > ul {
	background: url(../images/common/line_sp.png) repeat-x top;
	background-size: 2px auto;
}

.news_index > ul > li {
	background: url(../images/common/line_sp.png) repeat-x bottom;
	background-size: 2px auto;
}

.news_index > ul > li a {
    padding: 15px 25px 15px 10px;
    display: block;
    background: url(../images/common/arrow_right.png) no-repeat right 10px center;
    background-size: 8px auto;
}

.news_index .news_date {
	vertical-align: middle;
    display: inline-block;
    font-size: 1.2rem;
    width: 80px;
}

.news_index .news_title {
    width: calc(100% - 90px);
    display: inline-block;
    font-size: 1.4rem;
}

.index_pager {
	margin: 30px 0 0 0;
}

.index_pager ul {
	display: flex;
}

.index_pager li {
	margin: 0 10px;
}

.entry_body2 .page_inner {
	padding: 60px 0;	
}

@media screen and (min-width: 768px) {

	.news .page_header3 {
		background: #edf8fb url(../images/header/news.jpg) no-repeat right center;
	}
	
	.news_index {
		margin: 0 auto;
		padding: 100px 0 140px;
	}
	
	.news_index > ul {
		background: url(../images/common/line_sp.png) repeat-x top;
		background-size: 2px auto;
	}
	
	.news_index > ul > li {
		background: url(../images/common/line_sp.png) repeat-x bottom;
		background-size: 2px auto;
	}
	
	.news_index > ul > li a {
		padding: 15px;
		display: flex;
		background: none;
		transition: all 0.2s ease;
	}

	.news_index > ul > li a:hover {
		background-color: #f6f6f6;
		transition: all 0.2s ease;
	}
	
	.news_index .news_date {
		font-size: 1.4rem;
		width: 105px;
	}
	
	.news_index .news_title {
		font-size: 1.4rem;
		width: calc(100% - 105px);	
	}
	
	.index_pager {
		margin: 40px 0 0 0;
	}
	
	.index_pager li {
		margin: 0 10px;
	}

	.entry_body2 .page_inner {
		padding: 100px 0 140px;	
	}

}

/* -----------------
	お問い合わせ
----------------- */

.contact_page {
	margin: 70px 10px;
}

.contact_page .contact_box {
	margin: 0 0 20px 0;
}

.contact_box li {
	margin: 0 2.5px 10px;
	padding: 2px 10px;
	background: #f39d00;
	color: #fff;
	display: inline-block;
	font-size: 1.4rem;
}

.contact_box .fax {
	margin: 15px 0;
	font-size: 1.8rem;
}

@media screen and (min-width: 768px) {

	.contact_page {
		margin: 100px auto;
		width: 820px;
	}
	
	.contact_page .contact_box {
		margin: 0 0 40px 0;
	}
	
	.contact_box ul {
		display: flex;
		justify-content: center;
	}
	
	.contact_box li {
		margin: 0 10px;
		padding: 2px 20px;
		display: block;
	}
	
}

/* -----------------
	その他のページ
----------------- */

.privacypolicy .page_header3,
.contact .page_header3,
.sitemap .page_header3,
.policy .page_header3 {
	background: #edf8fb url(../images/header/sitemap_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

@media screen and (min-width: 768px) {

	.privacypolicy .page_header3,
	.contact .page_header3,
	.sitemap .page_header3,
	.policy .page_header3 {
		background: #edf8fb url(../images/header/sitemap.jpg) no-repeat right center;
	}
	
}

/* -----------------
	ラジオCM
----------------- */

ul.radioCm {
	margin: auto;
}

ul.radioCm li{
	float: left;
	margin: 30px 30px;
}


/* -----------------
	カラム
----------------- */

.colum_clear {
	clear: both;
}

.column2_left1,
.column2_right1,
.column2_left2,
.column2_right2,
.column2_left3,
.column2_right3,
.column2_left4,
.column2_right4,
.column2_left5,
.column2_right5,
.column2_left6,
.column2_right6,
.column2_left7,
.column2_right7,
.column2_left8,
.column2_right8,
.column3_left1,
.column3_center1,
.column3_right1,
.column3_left2,
.column3_center2,
.column2_right2 {
	margin: 0 0 30px 0;
}

.column1_gray {
	margin: 30px 0 10px;
	padding: 30px 30px 0;
	display: inline-block;
	background-color: #f8f8f8;
	width: 100%;
	text-align: center;
}

.column1_gray p {
	text-align: left;
}

.column1_bd_gray {
	margin: 40px 0;
	padding: 20px;
	width: 100%;
	border: 1px solid #ececec;
}

.entry [class*="column-image-"],
.entry [class*="column-file-"],
.entry [class*="column-map-"],
.entry [class*="column-youtube-"],
.entry [class*="column-media-"] {
	margin-bottom: 30px;
 }

@media screen and (min-width: 768px) {

	.colum_clear {
		clear: both;
	}
	
	.column2_left1 {
		margin: 0 50px 30px 0;
		float: left;
		width: 650px;
	}
	
	.column2_right1 {
		margin: 0 0 30px 0;
		float: right;
		width: 400px;
	}
	
	.column2_left2 {
		margin: 0 50px 30px 0;
		float: left;
		width: 400px;
	}
	
	.column2_right2 {
		margin: 0 0 30px 0;
		float: right;
		width: 650px;
	}
	
	.column2_left3 {
		margin: 0 50px 30px 0;
		float: left;
		width: 510px;
	}
	
	.column2_right3 {
		margin: 0 0 30px 0;
		float: right;
		width: 510px;
	}
	
	.column2_left4 {
		margin: 0 0 30px 0;
		float: left;
	}
	
	.column2_right4 {
		margin: 0 0 30px 0;
		float: right;
	}
	
	.column2_left5 {
		margin: 0 60px 30px 0;
		float: left;
		width: 460px;
	}
	
	.column2_right5 {
		margin: 0 0 30px 0;
		float: right;
		width: 300px;
	}
	
	.column2_left6 {
		margin: 0 80px 30px 0;
		float: left;
		width: 300px;
	}
	
	.column2_right6 {
		margin: 0 0 30px 0;
		float: right;
		width: 720px;
	}
	
	.column2_left7 {
		margin: 0 50px 30px 0;
		float: left;
		width: 320px;
	}
	
	.column2_right7 {
		margin: 0 0 30px 0;
		float: right;
		width: 450px;
	}
	
	.column2_left8 {
		margin: 0 20px 30px 0;
		float: left;
		width: 400px;
	}
	
	.column2_right8 {
		margin: 0 0 30px 0;
		float: right;
		width: 400px;
	}

	.column3_left1,
	.column3_center1 {
		margin: 0 25px 30px 0;
		float: left;
		width: 250px;
	}

	.column3_right1 {
		margin: 0 0 30px 0;
		float: left;
		width: 250px;
	}
	
	.column3_left2,
	.column3_center2 {
		margin: 0 40px 30px 0;
		float: left;
		width: 340px;
	}

	.column3_right2 {
		margin: 0 0 30px 0;
		float: left;
		width: 340px;
	}
	
	.column1_gray {
		margin: 30px 0 10px;
		padding: 30px 30px 0;
		display: inline-block;
		background-color: #f8f8f8;
		width: 100%;
		text-align: center;
	}
	
	.column1_gray p {
		text-align: left;
	}
	
	.column1_bd_gray {
		padding: 40px;
	}

	.entry [class*="column-image-"],
	.entry [class*="column-file-"],
	.entry [class*="column-map-"],
	.entry [class*="column-youtube-"],
	.entry [class*="column-media-"] {
		margin-bottom: 30px;
	 }
	 
	 .column-image-left {
		 margin-right: 30px;
	 }

	 .column-image-right {
		 margin-left: 30px;
	 }

}

/* -----------------------
　　　404
----------------------- */

#wrapper_404 {
	margin: 10px;
	width: auto;
    background-color: #fff;
    background-image: none;
}

#box_404 {
	padding: 20px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
}

.inner_left404 {
    margin-right: 0;
    margin-bottom: 20px;
	text-align: center;
}

.inner_left404 img {
	width: 200px;
}

.inner_right404 {
    font-size: 1.4rem;
}

.inner_right404 h1 {
    font-size: 2.0rem;
    margin-bottom: 20px;
	text-align: center;
}

.inner_right404 p {
    margin-bottom: 10px;
}

.inner_right404 p a {
	text-decoration: underline;
	color: #222;
}

#copyright_404 {
    display: block;
    margin-top: 10px;
}


@media screen and (min-width: 768px) {

	#notfound {
	    padding-top: 50px;
	}
	
	#wrapper_404 {
		margin: 0 auto;
		width: 980px;
	}
	
	#box_404 {
		padding: 40px 5px 20px 40px;
		overflow: hidden;
	}
	
	.inner_left404 {
	    margin-right: 50px;
	    margin-bottom: 0;
	    float: left;
	    text-align: left;
	}
	
	.inner_left404 img {
		margin: 0 auto;
		width: 175px;
		text-align: center;
	}
	
	.inner_right404 {
	    float: left;
	    text-align: left;
	    font-size: 16px;
	}
	
	.inner_right404 h1 {
	    font-size: 24px;
	    margin-bottom: 20px;
	    text-align: left;
	}
	
}

#adminBox .acms-admin-btn-admin {
	padding: 5px;
	font-size: 1.2rem;
}

#adminBox {
    margin-bottom: 0 !important;
    height: 120px;
    position: fixed;
    width: 100%;
    z-index: 5;
}

.acms-admin-btn-action-group th,
.acms-admin-btn-action-group td {
	padding-right: 10px !important;
	background-image: none !important;
	font-size: 1.4rem !important;
	white-space: nowrap !important;
}

@media screen and (min-width: 768px) {

	#adminBox .acms-admin-btn-admin {
		padding: 10px;
		font-size: 1.2rem;
	}

	#adminBox {
	    height: 85px;
	}

}


/*追記　contact*/
.sds{
    text-align: center;
}

h4.sdsTit{
    color:#f39d00;
    padding: 40px 0 15px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}

.sds a{
    transition: all 0.2s ease;
    text-decoration: none;
    color: #626262;
    padding-top: 2px;
    padding-right: 40px;
}


.sds a:hover {
    color: #f39d00;
    transition: all 0.2s ease;
}

@media screen and (min-width: 768px){	
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 768px){	
  .pc { display:none; }
  .sp { display:block; }
}


/*SDGs*/
main.sdgs .page_header4 {
	background: #edf8fb url(../images/header/sdgs_sp.jpg) no-repeat 0 center;
	background-size: cover;
}

@media screen and (min-width: 768px) {
    
    main.sdgs .page_header4 {
        background: #edf8fb url(../images/header/sdgs.jpg) no-repeat right center;
    }
}

/* -----------------------
　　　お問い合わせフォーム
----------------------- */

.contact_form_entry {
	margin: 0 0 50px;
}

.contact_form_entry h2 {
	margin: 0 0 15px;
	font-size: 1.6rem;
	line-height: 1.4;
}

.contact_form_entry p {
	font-size: 1.4rem;
}

.contact_form_column dl {
	margin: 0 0 25px;
}

.contact_form_column dt {
	margin: 0 0 15px;
	font-size: 1.6rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.contact_form_column .required {
	margin: 0 0 0 10px;
	display: inline-block;
	padding: 4px 10px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	background: #f39d00;
}

@media screen and (min-width: 768px) {

	.contact_form_page.page_inner {
		width: min(95%,820px);
	}

	.contact_form_entry {
		text-align: center;
	}
	
	.contact_form_column dl {
		margin: 0 0 40px;
	}
	
	.contact_form_column dt {
		margin: 0 0 20px;
	}
	
	.contact_form_column .required {
		margin: 0 0 0 15px;
		padding: 4px 15px;
		font-size: 1.4rem;
	}

}

.contact_form_column dd label {
	width: 100%;
}

.contact_form_column dd input {
	padding: 15px 10px;
	font-size: 1.6rem;
	border: none;
	background: #f0f0f0;	
}

.contact_form_column dd input::placeholder {
	color: #5d5d5d;
}

.contact_form_column dd input.full,
.contact_form_column dd input.half,
.contact_form_column dd input.small {
	width: 100%;
}

.contact_form_column dd textarea {
	width: 100%;
	height: 180px;
	padding: 15px 10px;
	font-size: 1.6rem;
	line-height: 1.4;
	border: none;
	background: #f0f0f0;	
}

.contact_form_column dd select {
	padding: 15px 10px;
	font-size: 1.6rem;
	border: none;
	background: #f0f0f0;
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
}

.contact_form_column dd .select_form {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.contact_form_column dd .select_form::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	width: 11px;
	height: 11px;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	transform: rotate(45deg);
}

@media screen and (min-width: 768px) {

	.contact_form_column dd label {
		width: 100%;
	}
	
	.contact_form_column dd input {
		padding: 20px 15px;
	}
	
	.contact_form_column dd input.full {
		width: 100%;
	}
	
	.contact_form_column dd input.half {
		width: 50%;
	}
	
	.contact_form_column dd input.small {
		width: 255px;
	}
	
	.contact_form_column dd textarea {
		padding: 20px 15px;
		height: 150px;
	}
	
	.contact_form_column dd select {
		padding: 20px 15px;
		width: 330px;
	}
	
	.contact_form_column dd .select_form::after {
		margin-top: -5px;
	}

}

.contact_form_polocy {
	margin: 30px 0 35px;
	padding: 20px;
	border: 4px solid #f0f0f0;
	text-align: left;
}

.contact_form_polocy h3 {
	margin: 0 0 15px;
	font-size: 1.6rem;
	font-weight: bold;
}

.contact_form_polocy p {
	margin: 0 0 25px;
	padding: 0 0 20px;
	font-size: 1.4rem;
	background: url(../images/common/line_dot.png) repeat-x 0 bottom / 2px auto;
}
.contact_form_polocy p a {
	color: #f39d00;
}

.contact_form_polocy p.form_attention {
	margin: 15px 0 0;
	padding: 0 0 0 1em;
	background: none;
	text-indent: -1em;
}

@media screen and (min-width: 768px) {

	.contact_form_polocy {
		margin: 50px 0 65px;
		padding: 25px;
		text-align: center;
	}
	
	.contact_form_polocy h3 {
		text-align: left;
	}

	.contact_form_polocy p {
		font-size: 1.6rem;
		text-align: left;
	}
	
	.contact_form_polocy p.form_attention {
		text-align: center;
	}

}

.contact_form_polocy .doui_check {
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding-left: 30px;
	font-size: 1.4rem;
}

.contact_form_polocy .checkbox {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: 1px solid #333333;
	border-radius: 5px;
}

.contact_form_polocy .doui_check input {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;	
}

.contact_form_polocy .doui_check input[type="checkbox"]:checked + .checkbox {
	border-color: #f39d00;
	background: #f39d00;
}

.contact_form_polocy .doui_check input[type="checkbox"]:checked + .checkbox::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	width: 8px;
	height: 16px;
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	transform: rotate(43deg);
}

.form_attention {
	margin: 10px 0 0;
	text-indent: -1em;
	padding-left: 1em;
	color: #bf3030;
	font-weight: bold;
}

@media screen and (min-width: 768px) {

	.contact_form_polocy .doui_check {
		padding-left: 55px;
		font-size: 1.6rem;
	}
	
	.contact_form_polocy .checkbox {
		left: 30px;
	}
	
	.form_attention {
		margin: 10px 0 0;
		color: #bf3030;
		font-weight: bold;
	}

}

.btn_back,
.btn_send,
.btn_confirm {
	padding: 10px 0;
	border: none;
	width: 100%;
	background: #f39d00;
	font-size: 2.0rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.1em;
}

.btn_back {
	margin: 50px 0 0;
	padding: 10px 0;
	font-size: 1.8rem;
}

.btn_send {
	margin: 30px 0 0;
	padding: 10px 0;
}

.contact_form_confirm dd {
	background: #f0f0f0;
	padding: 15px 10px;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {

	.form_btn_box {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.btn_back,
	.btn_send,
	.btn_confirm {
		padding: 10px 15px;
		width: 300px;
		font-size: 2.2rem;
	}
	
	.btn_back {
		margin: 0 30px;
		padding: 12px 50px;
		width: auto;
		font-size: 1.8rem;
	}
	
	.btn_send {
		margin: 0 30px;
		padding: 10px 50px;
		width: auto;
		
	}
	
	.btn_confirm:hover {
		opacity: 0.7;
	}
	
	.contact_form_confirm dd {
		padding: 20px 15px;
	}

}