@charset "UTF-8";

@media (min-width: 769px) {

.tb, .sp { display: none !important; }

.pc { display: block !important; }
}

@media (max-width: 768px) {

.sp, .pc { display: none !important; }

.tb { display: block !important; }
}

@media (max-width: 480px) {

.pc, .tb { display: none !important; }

.sp { display: block !important; }
}

/* ========================================================================
  layout
======================================================================== */
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
	font-size: 16px;
}

p {
	font-size: 0.875em;
	color: #222331;
	text-align: left;
}
@media (max-width: 768px) {

body { font-size: 14px; }
}

@media (max-width: 480px) {

body { font-size: 12px; }
p {
	font-size:1em;
}

}


a { font-size: 0.875em; }

.wrap {
	width: 100%;
	margin: 0 auto;
}

main {
	width: 100%;
	position: relative;
}

main:before {
	display: table;
	content: " ";
}

main:after {
	display: table;
	content: " ";
	clear: both;
}

.container {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 768px) {
	.container { padding: 0 1%; }
}

@media (max-width: 480px) {
	.container { padding: 0 3%; }
}

.clear { clear: both; }

/**=======================================================================
TAB FRAME
=========================================================================*/
.tabform {
	margin: 0 auto;
	position: relative;
}

.tabform .content { background: transparent; }

.tabform .content > div { display: none; }

.tabform input {
	display: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.tabform div.label {
	width: 100%;
	display: inline-block;
	background-color: #ffdc37;
	padding: 0 5px;
	border-bottom: 3px solid #f8760d;
	margin-bottom: 10px;
}

.tabform div.label label {
	width: 50%;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 0 -5px;
}

.tabform div.label label:last-child { float: right; }

.tabform div.label label:last-child div { background-color: #43a3f0; }

.tabform div.label label div {
	background-color: #f8760d;
	width: 100%;
	display: block;
	padding: 4.85% 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.tabform div.label label:hover { cursor: pointer; }

.tabform input#tab1:checked ~ .content #content1,
.tabform input#tab2:checked ~ .content #content2,
.tabform input#tab3:checked ~ .content #content3,
.tabform input#tab4:checked ~ .content #content4 { display: block; }

.tabform input#tab2:checked ~ div.label, .tabform input#tab4:checked ~ div.label { border-bottom: 3px solid #43a3f0; }

/*=========================================================================
  header
=========================================================================*/
header {
	z-index: 2;
	position: relative;
	background-color: #ff8700;
	overflow: hidden;
}

header .prefix {
	background-color: #1f54ad;
	font-size: 0.75em;
	line-height: 1;
}

header .prefix .text {
	max-width: 1050px;
	margin: 0 auto;
	width: 100%;
	padding: 0.92% 0;
	color: #fff;
}

header .inner {
	max-width: 1050px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

header .inner ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

@media (max-width: 768px) {

header .inner ul { padding: 2%; }
}

header .inner ul li { margin-left: 0.85714%; }

header .inner ul li:nth-child(2), header .inner ul li:nth-child(3) {
	display:none;
}

header .inner ul li:nth-child(4) { width: 29.5%; }

header .inner ul li.logo {
	flex: 1;
	margin-left: 0;
	justify-items: flex-start;
	-ms-justify-items: flex-start;
	-moz-justify-items: flex-start;
	-webkit-justify-items: flex-start;
}

@media (max-width: 768px) {

header .inner ul li {
	width: 17.25% !important;
	padding: 0% 0.5%;
	margin: 0 auto;
}

header .inner ul li.logo {
	flex: auto;
	margin: 0 2% 0 0;
}
}

/*=========================================================================
  nav
=========================================================================*/
.navmenu__toggle {
	display: none;
	cursor: pointer;
	background-color: #fff;
	border: 0;
    height: 73%;
    padding: 2% 1.6% 2%;
	/*width: 16%;*/
	position: absolute;
	top: 13%;
	right: 0;
}

.navmenu__toggle:hover { background-color: #fff; }

.navmenu__toggle.close { background-color: #fff; }

.navmenu__toggle .navmenu__toggle__bar {
	display: block;
	width: 48.28%;
	height: 8.5%;
	background-color: #222331;
	transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
	margin: 0 auto;
}

.navmenu__toggle .navmenu__toggle__bar + .navmenu__toggle__bar { margin-top: 9%; }

.navmenu__toggle .navmenu__toggle__bar + .navmenu__toggle__text {
	font-size: 0.9375em;
	color: #222331;
	line-height: 1.842;
	text-align: center;
	letter-spacing: 0;
	font-weight: bold;
	display: block;
}

.navmenu__toggle.close {
	position: relative;
	width: 100%;
}

.navmenu {
	position: relative;
	background-color: #fff;
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
}

@media (max-width: 768px) {

.navmenu__toggle { display: inline-block; }

.navmenu { background-color: rgba(0,0,0,0.80); }
}

.navmenu ul.navmenu__nav {
	width: 94.85714%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: initial;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.navmenu ul.navmenu__nav > li {
	display: block;
	float: left;
	font-weight: bold;
	width: 16%;
}
.navmenu ul.navmenu__nav > li:nth-child(7),
.navmenu ul.navmenu__nav > li:nth-child(8) {
	display:none;
}

@media (max-width: 768px) {
	.navmenu ul.navmenu__nav > li {
		width: 100%;
		border-bottom: 1px #ccc solid;
	}
	.navmenu ul.navmenu__nav > li:nth-child(7),
	.navmenu ul.navmenu__nav > li:nth-child(8) {
			display:block;
	}

}
.navmenu li, .navmenu a {
	font-size: 0.9375em;
	color: #222331;
	line-height: 1;
}

.navmenu ul.navmenu__nav > li { position: relative; }

.navmenu ul.navmenu__nav > li:hover {
	background-color: rgba(0, 0, 0, 0.3);
	cursor: auto;
}

.navmenu ul.navmenu__nav > li:hover ul {
	max-height: 100vh;
	display: block;
}

.navmenu ul.navmenu__nav > li > span,
.navmenu ul.navmenu__nav > li > a {
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 12.665%;
	font-size: 1em;
}

.navmenu ul.navmenu__nav > li:after {
	content: "";
	border-top: 9px solid #ff8700;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	display: block;
	width: 0%;
	margin: 0 auto;
	margin-top: 6%;
	padding-bottom: 12.667%;
}

@media (max-width: 768px) {

.navmenu ul.navmenu__nav > li:after { content: normal; }
}

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

.navmenu ul { padding: 0; }

.navmenu ul li, .navmenu ul a { font-size: 1.1875em; }

.navmenu ul.navmenu__nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	transform: translate(0, -100%);
	transform-origin: 0% 0%;
	transition: all 0.5s;
	transition-timing-function: cubic-bezier(0, 1, 0);
	z-index: 0;
}

.navmenu ul.navmenu__nav.openmenu {
	z-index: 1;
	transform: translate(0%, 0);
}

.navmenu ul.navmenu__nav > li > span, .navmenu ul.navmenu__nav > li > a {
	padding: 4.04% 0 3.643% 0;
	padding-left: 3.2%;
	color: #fff;
	background-color: rgba(0,0,0,0.80);
	box-shadow: inset 0px 0px 0.98px 0.02px rgba(29, 29, 29, 0.004);
	text-align: left;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	display: block;
	width: 100%;
	position: relative;
	font-size: 1.1em;
}

.navmenu ul.navmenu__nav > li:hover ul { position: relative; }
}

.navmenu__nav__child {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	margin: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
	min-width: 100%;
	max-height: 0;
}
.navmenu__nav__child.open{
		display:block;
}
.navmenu__nav__child > li {
	width: 100%;
	position: relative;
	padding: 15px 0 15px 10px;
	background-color: rgba(0,0,0,0.80);
	color: #fff;
}

.navmenu__nav__child > li:before {
	content: "≫";
	width: 10px;
	height: 10px;
	display:inline;
	position:absolute;
	top:38%;
}

.navmenu__nav__child > li:last-child { border: 0; }

.navmenu__nav__child > li a{
	text-align: left !important;
	padding: 1em 1em 1em 1.2em;
	width: 100%;
	font-size: 0.85em;
	color: #fff;
	display:block;
}

@media screen and (max-width: 768px) {
	.navmenu__nav__child.open{
		display:block;
	}
	.navmenu__nav__child > li{
		padding: 0 0 0 10px;
	}
	
	.navmenu__nav__child > li a{
		padding: 15px 0 15px 20px;
	}
}
@media screen and (max-width: 480px) {
	.navmenu__nav__child > li:before {
		top:33%;
	}
}
.navmenu__nav__child > li a:hover {
	background: transparent;
	opacity: 1 !important;
	border-color: initial;
}

/*==========================================================================
  footer
==========================================================================*/
footer {
	position: relative;
	background: #ff8700;
	clear: both;
}

footer .footer_f {
	max-width: 1050px;
	width: 100%;
	margin: 0 auto;
	padding: 3.5% 1%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
}

footer .footer_f .logo_footer { width: 30.85714%; }

footer .footer_f .logo_footer p {
	font-size: 0.8125em;
	color: #fff;
	line-height: 1.4;
	padding-top: 5.3%;
	display: block;
	width: 100%;
}

footer .footer_f nav {
	width: 69.14286%;
	margin: 0 auto;
}

footer .footer_f nav > ul {
	float: left;
	width: 100%;
}

footer .footer_f nav > ul li {
	word-break: keep-all;
	width: 31%;
	float: left;
	display: block;
}

footer .footer_f nav > ul li.prif { width: 23%; }

footer .footer_f nav > ul li.prif > ul.sub li:first-child a { margin-top: 3%; }

footer .footer_f nav > ul li:nth-child(3) { width: 21%; }

footer .footer_f nav > ul li span, footer .footer_f nav > ul li a {
	margin-bottom: 5.5%;
	color:#fff;
	line-height: 1.067;
}

footer .footer_f nav > ul li span:before {
    content: "";
    background-image: url(../../images/common/footer_arrow.png);
    display: inline-block;
    margin-right: 7px;
    position: relative;
    width: 12px;
    height: 8px;
    top: -2px;
}
footer .footer_f nav > ul li a:before {
	content: "";
	background-image: url(../../images/common/footer_arrow.png);
	display: inline-block;
	margin-right: 7px;
	position: relative;
	width: 12px;
	height: 8px;
	top: -1px;
}

footer .footer_f nav .sub{
	width:100%;
	min-height:190px;
}
@media (max-width: 768px) {
	footer .footer_f nav .sub{
		min-height:130px;
	}
	footer .footer_f nav > ul { margin: 0 0 5% 0; }
	
	footer .footer_f nav > ul li,
	footer .footer_f nav > ul li.prif,
	footer .footer_f nav > ul li:nth-child(3){
		width: 33.3%;
	}
	
	footer .footer_f .logo_footer img { width: 50%; }
}

@media (max-width: 480px) {
	footer .footer_f nav .sub{
		min-height:115px;
	}
	footer .footer_f nav .sub.interview_area{
		min-height:150px !important;
	}
	footer .footer_f nav > ul li,
	footer .footer_f nav > ul li.prif,
	footer .footer_f nav > ul li:nth-child(3) { width: 50%; }
	footer .footer_f nav .sub li{
		float:none;
	}
}

footer .footer_f nav ul.sub > li{
	width:100%;
	word-break: keep-all;
}
footer .footer_f nav ul.sub > li > a{
	margin-bottom:6.7%;
	font-size: 0.75em;
}
footer .footer_f nav ul.sub > li > a:before{
	content:"・";
	background-image:none;
	margin-right:0;
	margin-left:16px;
	top:0;
}
footer .footer_f nav::after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

@media (max-width: 768px) {

footer .footer_f {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 6.5% 3% 3.5%;
}

footer .footer_f .logo_footer {
	order: 2;
	width: 100%;
	text-align: center;
}

footer .footer_f nav {
	order: 1;
	width: 100%;
}
}
@media (max-width: 768px) {
	footer .footer_f {
		padding: 6.5% 3% 3.5% 7%;
	}
}
footer p.pagetop {
	position: absolute;
	top: -45px;
	right: 0;
	z-index: 9999;
}

footer p.copyright {
	background: #1f54ad;
	text-align: center;
	padding: 1.51% 0;
	color: #fff;
}

@media (max-width: 768px) {

footer p.copyright {
	background: #1f54ad;
	text-align: center;
	padding: 5% 0;
	color: #fff;
}
}

footer a {
	font-size: 81.25%;
	font-family: '小塚ゴシック Pro R', 'Kozuka Gothic Pro Light', sans-serif;
}

footer a:link, footer a:visited, footer a:focus, footer a:active {
	display: block;
	color: #ffffff;
}

/*------nav-------*/
/******Breakcrum
=============================================*/
#breadcrumbs {
	list-style: none;
	overflow: hidden;
	text-align: left;
	font-size: 87.5%;
	margin: 2% 0 4.6% 0;
	color: #010101;
	line-height: 1;
}

#breadcrumbs li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 1em;
}

#breadcrumbs li a {
	color: #0960cc;
	text-decoration: underline;
}

#breadcrumbs .separator {
	background-image: url(../../img/common/breakcrum-arrow.png);
	width: 6px;
	height: 9px;
	display: inline-block;
}

.rTable{
	display:table;
	margin:0 auto;
	width:90%;
	border-bottom:1px solid #cccccc;
}

.rTable .rTableRow { display: table-row; }

.rTable .rTableRow .rTableCell {
	display: table-cell;
	padding: 15px 10px;
	border-top: 1px solid #cccccc;
	width: 75%;
}

.rTable .rTableRow .rTableHead {
	display: table-cell;
	padding: 15px 10px;
	border-top: 1px solid #cccccc;
	width: 75%;
	color: #084f2d;
	width: 25%;
	font-size: 87.5%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: bold;
}

/*

/*==========================================================================
  main
==========================================================================*/
/*==========================================================================
  cv
==========================================================================*/
.cv { background-image: url(../../images/common/cv_bg.png); }

.cv .content a {
	display: block;
}
.cv .content {
	max-width: 1050px;
	padding: 2% 0 2%;
	margin: 0 auto;
	display: table;
	border-collapse: separate;/* セルの間隔を空ける */
	border-spacing: 30px 0;/* 左右 上下で記述 */
}

.cv .content > p {
	display: table-cell;
	vertical-align: middle;
}
.cv .content .btn_cv_pc {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.cv .content .btn_cv_sp { display: none; }

@media (max-width: 768px) {

	.cv a { pointer-events: all; }
	.cv .content > p {
		display: block;
	}
	.cv .content .btn_cv_pc {
		display: none;
	}
	.cv .content .btn_cv_sp {
		display: block;
	}
}

@media (max-width: 768px) {
	.cv .content {
		padding: 3% 0;
		flex-direction: column;
		-ms-flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	.cv .content h2, .cv .content p {
		width: 100%;
		text-align: center;
	}
	
	.cv .content > p { margin: 0 0 5% 0; }
}
@media (max-width: 480px) {
	.cv .content {
		padding: 7% 0;
	}
}
main section {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-bottom: 4.8%;
}

main .sliderset { margin-bottom: 0; }

main section.cv, main section.entryaccess { margin-bottom: 0; }

main .content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
}
main a {
	position: relative;
	width: 100%;
}
main a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

/*アニメーション解除*/
main .slick-slider a::after,
main .news_list li a::after,
main .content_list li a::after,
.cv .content a::after{ display: none; }

main a:hover::after {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
main .page_head {
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 1300px 418px;
	background-position: center center;
}
main .page_head .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top:8em;
    padding-bottom:6em;
}
main .career_plan .page_head .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top:8em;
    padding-bottom:10em;
}
main .reform .page_head .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top:7.76em;
    padding-bottom:6em;
}
main .entrance .page_head .content,
main .company .page_head .content,
main .message .page_head .content,
main .news .page_head .content{
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top:9em;
    padding-bottom:10em;
}
main .agreement .page_head .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top:9em;
    padding-bottom:9em;
}
@media (max-width:480px) {
	main .agreement .page_head .content {
		padding-top:4em;
		padding-bottom:4em;
	}
	main .entrance .page_head .content,
	main .company .page_head .content,
	main .message .page_head .content,
	main .news .page_head .content{
		padding-top:4em;
		padding-bottom:4em;
}
}

main .page_head .page_ttl {
	text-align: center;
	width: 30.47619%;
}

@media (max-width: 768px) {
	main .page_head .page_ttl { width: auto; }
}

main .page_head .page_ttl_detail {
	text-align: center;
	border: 0.25em solid #fff;
	padding: 1.25em;
	width: 44.66667%;
	margin-top: 1.375em;
}
.talk_name{
	margin:1.5% 0 0 0;
}

@media (max-width: 768px) {

	main .page_head .page_ttl_detail { width: 80%; }
}
@media (max-width:480px) {
main .career_plan .page_head .content {
	padding-top: 4em;
	padding-bottom: 5em;
}
main .reform .page_head .content {
	padding-top: 4em;
	padding-bottom: 5em;
}
main .page_head .content {
	padding-top:4em;
    padding-bottom:4em;
}
}
main .ttl {
	border-bottom: 0.3125em solid #000000;
	position: relative;
	width: 100%;
	flex: 1;
	flex-basis: 100%;
	padding-bottom: 0.5em;
	text-align: left;
}

main .ttl:after {
	content: "";
	border-bottom: 0.3125em solid #ff8300;
	position: absolute;
	width: 50%;
	bottom: -0.3125em;
	left: 0;
	height: 0;
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform: rotate(180deg) translate(50% 50%);
	-ms-transform: rotate(180deg) translate(50% 50%);
	-moz-transform: rotate(180deg) translate(50% 50%);
	-webkit-transform: rotate(180deg) translate(50% 50%);
}

main .ttl:before {
	content: "";
	border-right: 0.375em solid transparent;
	border-top: 0.3125em solid #ff8300;
	position: absolute;
	bottom: -0.3125em;
	left: 50%;
}
@media (max-width: 480px) {
	main .ttl:before  {
		left: 29%;
	}
	.talk_name{
		margin:1.5% 10% 0;
	}

}

main .entryaccess .content {
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-items: space-between;
	-ms-justify-items: space-between;
	-moz-justify-items: space-between;
	-webkit-justify-items: space-between;
	width: 100%;
	padding: 1.3em 2.4% 1em;
	margin: 0 0 2% 0;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

main .entryaccess .content li {
	margin-right: 2.73219%;
	page-break-before: always;
}

main .entryaccess .content li:first-child { width: 14.63415%; }

main .entryaccess .content li:nth-child(2) {
	width: 26.5%;
	margin: 0.5% 2.7% 0 0;
}

main .entryaccess .content li:nth-child(3) { width: 24.87805%; }

main .entryaccess .content li:last-child {
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	background-color: #1f54ad;
	flex: 1;
	width: 35.90476%;
	margin-right: 0;
}

main .entryaccess .content li:last-child a {
	display: block;
	padding: 14px 0;
	width: 100%;
	text-align: center;
}

@media (max-width: 768px) {

main .entryaccess .content {
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
}

main .entryaccess .content li {
	margin: 1.3661% !important;
	width: 100% !important;
}

main .entryaccess .content li:nth-child(1), main .entryaccess .content li:nth-child(2) {
	page-break-before: initial;
	width: 40% !important;
}

main .entryaccess .content li:last-child { flex: auto; }
}

main .news-item .content {
	border: 1.5625em solid #1f54ad;
	padding: 2em 2em 2em 0;
	display: table;
	width: 100%;
}

main .news-item .content .ttl_item {
	display: table-cell;
	vertical-align: middle;
}

main .news-item .content .news_list li { margin: 0 0 10px 0; }

@media (max-width: 768px) {

main .news-item .content { padding: 2em; }

main .news-item .content .ttl_item {
	/*width: 100%;*/
	display: block;
	vertical-align: middle;
	margin: 0 0 5% 0;
}
}

@media (max-width: 480px) {

main .news-item .content { padding: 1.2em; }
main .news-item .content .news_list li a{
	font-size:1em;
}

}

main .news-item .content .text {
	background-color: #eff3f9;
	display: table-cell;
	width: 82%;
	padding: 2% 2.4% 1%;
	text-align: left;
	vertical-align: middle;
}

@media (max-width: 768px) {

main .news-item .content .text {
	width: 100%;
	display: block;
	padding: 2% 2.4%;
}
}

@media (max-width: 768px) {

main .news-item .content .text ul li {
	padding: 0.625em;
	margin: 10px;
	font-size: 1.25em;
}
}

@media (max-width: 480px) {

main .news-item .content .text ul li {
	padding: 0.625em;
	margin: 0;
	font-size: 1.25em;
}
}

main .news-item .content .text ul li a {
	line-height: 1.714;
	width: 100%;
	border-bottom: 1px solid #222331;
}

main .news-item .content .text ul li a:hover {
	border-color: transparent;
	text-decoration: none;
}

main .news-item .content .text ul li > span:first-child { margin-right: 22px; }

@media (max-width: 768px) {

main .news-item .content .text ul li > span:first-child {
	margin-right: 0;
	display: block;
}
}

main .main_content a { display: block; }

main .main_content .content {
	margin-right: -0.78571%;
	margin-left: -0.78571%;
}

@media (max-width: 768px) {

main .main_content .content {
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}
}

main .main_content .content .clu {
	width: 33.3%;
	padding-right: 0.78571%;
	padding-left: 0.78571%;
}

main .main_content .content .row {
	background-color: #ff8700;
	padding-bottom: 1.25em;
	min-height: 128px;
}

@media (max-width: 768px) {

main .main_content .content .clu { width: 32.5%; }
}

@media (max-width: 480px) {

main .main_content .content .clu {
	width: 100%;
	margin: 0 0 2% 0;
}

main .main_content .content .row img { width: 100%; }
}

main .main_content .content .row ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 0 15%;
	margin-top: -6%;
}

main .main_content .content .row ul li {
	text-align: left;
	position: relative;
}

main .main_content .content .row ul li:before {
	content: "";
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 5px solid #fff;
	position: absolute;
	left: -6%;
	top: 37%;
	transform: translateY(-36%);
}

main .main_content .content .row ul li a {
	width: initial;
	display: inline-block;
	font-size: 0.875em;
	color: white;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	line-height: 1.1;
	margin-bottom: 8px;
	text-align: left;
}

main .main_content .content .row ul li a:hover { border-color: transparent; }

main .main_content .content_2 {
	margin: -0.85714%;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
}

@media (max-width: 480px) {
main .main_content .content .row ul li a {
	font-size: 1em;
	margin-bottom:14px;
}
main .main_content .content_2 {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
}

main .main_content .content .row ul li { font-size: 1.4em; }
}

main .main_content .content_2 .clu {
	width: 50%;
	padding: 0.85714%;
}

@media (max-width: 480px) {
main .main_content .content_2 .clu { width: 100%; }
}

main .main_content .content_2 .clu a {
	border: 7px solid #ff8700;
	display: block;
	width: 100%;
	padding: 2em 0 2em 6%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

@media (max-width: 480px) {
	main .main_content .content_2 .clu a { padding: 1.5em 1em; }
}

main .main_content .content_2 .clu h2 {
	display: block;
	width: 67.29143%;
	float: left;
	text-align: left;
}

main .main_content .content_2 .clu p {
	display: block;
	float: right;
	position: absolute;
	right: -0.7em;
	width: 32.70857%;
}

@media (max-width: 480px) {
main .main_content .content_2 .clu h2 { width: 60%; }

main .main_content .content_2 .clu p {
	right: 0.625em;
	width: 32.70857%;
}
}

main .recruit {
	background-color: #a5d8f0;
	background-image: url(../../images/home/recruit_img.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size:cover;
	padding:2% 0;
}

@media (max-width: 768px) {

main .recruit {
	background-size: contain;
	background-position: 20% 0;
}
}

@media (max-width: 480px) {

main .recruit {
	background-size: cover;
	background-position: 20% 0;
}
}

main .recruit .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	text-align: left;
	padding:0 2%;
}

main .recruit .content .text{
	padding:0;
	width:51%;
}
main .recruit .content .text ul{
	display:table;
}
main .recruit .content .text ul li{
	display:table-cell;
	padding:0 5% 0 0;
}
@media (max-width: 768px) {

main .recruit .content .text {
	display: block;
	padding: 2%;
}
}

@media (max-width: 480px) {
	main .recruit .content .text ul li{
		display:block;
		padding:0 0 5% 0;
	}
}

main .recruit .content h3 {
	text-align: left;
}

main .recruit .content h2 {
	margin-top: 0.8125em;
	text-align: left;
}

main .recruit .content p { margin-top: 1.125em; }

.img_staff_sp{
	display:none;
}
@media (max-width: 480px) {
	main .recruit .content h2 {
		margin: 0.8125em 0 1em;
		text-align: left;
	}
	main .recruit .content p { display: none; }
	.img_staff_sp{
		display:block;
		margin:0 0 5% 0;
	}
}

main .recruit .content a {
	margin-top: 1.125em;
	text-align: right;
	display: block;
	width: 100%;
}

main .messager {
	border: 0.4375em solid #ff8700;
}
main .message02 {
	border-top: 1.8em solid #ff8700;
	border-bottom: 1.8em solid #ff8700;
	border-left: 2.4em solid #ff8700;
	border-right: 2.4em solid #ff8700;
}
main .messager ul,
main .message02 ul{
	padding: 1.8125em 3.14286%;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
}

@media (max-width: 480px) {
	main .recruit .content a {
		margin-top:0;
	}
	main .message02 {
		border:1em solid #ff8700;
	}
	main .messager ul,
	main .message02 ul{
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
}

main .messager ul li:first-child,
main .message02 ul li:first-child{
	width: 50.72165%;
}

main .messager ul li:last-child,
main .message02 ul li:last-child{
	width: 49.38144%;
}

@media (max-width: 480px) {
	main .messager ul li,
	main .message02 ul li{
		width: 100% !important;
	}
	
	main .messager ul li:first-child,
	main .message02 ul li:first-child{
		order: 2;
	}
}

main .about-item .content { margin: -1.15625em; }

@media (max-width: 480px) {
	main .about-item .content { margin: 1.15625em; }
}

main .about-item .content > div { padding: 1.15625em; }

main .about-item .content .ttl_item { width: 36.57143%; }

main .about-item .content .text {
	width: 63.42857%;
	text-align: left;
}
@media (max-width: 480px) {
	main .about-item .content .ttl_item { width: 100% !important; }
	
	main .about-item .content .text { width: 100% !important; }
}

main .about-item .content .text p { line-height: 1.714; }

main .about-item .content .text h2 { margin-bottom: 1.9375em; }

.interview .page_head.hakoki {
	background-image: url(../../images/staff/hakoki/page_bg.png);
}
.interview .page_head.talk01 {
	background-image: url(../../images/staff/talk01/page_bg_talk01.png);
}
.interview .page_head.talk02 {
	background-image: url(../../images/staff/talk02/page_bg_talk02.png);
}
@media (max-width: 480px) {
	.interview .page_head.hakoki,
	.interview .page_head.talk01,
	.interview .page_head.talk02 {
		background-image: none;
		background-color:#333;
	}
}

.interview .page_head .content {
	padding-top: 9.5em;
	padding-bottom: 2.5em;
}
.interview .page_head.hakoki .content {
	padding-top: 10.1em;
	padding-bottom: 5.5em;
}

main .page_head.talk01 .page_ttl_detail,
main .page_head.talk02 .page_ttl_detail {
}
@media (max-width: 480px) {
	.interview .page_head .content,
	.interview .page_head.hakoki .content {
		padding-top: 3.1em;
		padding-bottom: 3.5em;
	}
	main .page_head.talk01 .page_ttl_detail,
	main .page_head.talk02 .page_ttl_detail {
		margin-bottom:5%;
	}
}

.interview .messager,
.interview .message02{
	background-color: #ff8700;
}

.interview .messager ul li:first-child,
.interview .message02 ul li:first-child{
	width: 50.10309%;
}

.interview .messager ul li:last-child,
.interview .message02 ul li:last-child {
	width: 50%;
}
@media (max-width: 480px) {
	.interview .messager ul li:last-child,
	.interview .message02 ul li:last-child{
		margin:0 0 5% 0;
	}
}
main .faq .content {
	text-align: left;
	padding: 0 3.80952%;
}

main .faq .content ul li {
	display: inline-block;
	width: 100%;
	position: relative;
}
@media (max-width: 480px) {

main .faq .content .staff_message li li img{
	text-align:center;
}
}
main .faq .content ul li:before {
	content: "";
	background-image: url(../../images/staff/q_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 5.97938%;
	height: 3.75em;
	position: absolute;
	left: 0;
	top: 0;
}

main .faq .content ul li h2 {
	padding-top: 2%;
}

main .faq .content ul li h2 span {
	width: 93.2381%;
	display: block;
	margin-left: 7.42857%;
	padding-top: 0.4375em;
}
main .faq .content ul li h2:before {
	content: "";
    border-right: 0.375em solid transparent;
    border-top: 0.3125em solid #ff8300;
    position: absolute;
    bottom: -0.3125em;
    left:29%;
}
main .faq .content ul li h2:after { width:29%; }

main .faq .content ul li p {
	line-height: 1.714;
	padding-top: 1.3125em;
	padding-bottom: 1.9375em;
	display: flex;
}

main .faq .content ul li p span:first-child{
	margin-right: 2.25em;
}
main .faq .content ul li .photo span:first-child{
	margin-right: 2.25em;
	width:100%;
}
main .faq .content ul li p span:last-child{
	width:72%;
}
@media (max-width: 480px) {
	main .faq .content ul li h2 {
		padding:0 0 3% 0;
	}
	main .faq .content ul li h2 span {
		width:90%;
		display:block;
		margin-left:7.42857%;
		padding-top:0;
	}
	main .faq .content ul li p {
		display: block;
	}
	main .faq .content ul li p span:first-child{
		margin:0 0 3% 0;
		width:100%;
	}
	main .faq .content ul .staff_message p span:first-child{
		display:inline-block;
		text-align:center;
	}
	main .faq .content ul li p span:last-child{
		width:100%;
		display:block;
		margin:5% 0 0 0;
	}
}

.interview_2 .page_head {
	background-image: url(../../images/staff/hakoki/page_bg.png);
	padding: 0.8% 0;
}

.career_plan .container {
	max-width: 970px;
}
@media (max-width: 768px) {
	.career_plan .container {
		width: auto;
		margin:0 4%;
	}
}
.career_plan .page_head {
	background-image: url(../../images/kowa/career_plan/page_bg.png);
}
@media (max-width: 480px) {
	.career_plan .page_head {
		background-image: none;
		background-color:#333;
	}
}

.career_plan h2 { text-align: left; }

.career_plan h2:after { width: 29%; }
main .career_plan .ttl:before {
    content: "";
    border-right: 0.375em solid transparent;
    border-top: 0.3125em solid #ff8300;
    position: absolute;
    bottom: -0.3125em;
    left: 29%;
}
main .step .item {
	padding-top: 0.8125em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	text-align: left;/*margin: -0.5em;*/
}

main .step .item .col {
	width: 25%;
	padding: 0;
}
@media (max-width: 768px) {
	main .step .item .col {
		width: 24%;
		margin:0 1% 0 0;
	}
}
main .step .item .col .img {
	margin-bottom: 0.9375em;
}

main .step .item .col h3 { margin-bottom: 0.75em; }

main .step .item .col p {
	line-height:1.7;
	min-height:calc(0.9em * 9);
	margin:0 2% 3% 0;
}

@media (max-width: 768px) {
	main .step .item .col p {
		min-height: calc(1em * 10);
	}
}

main .step .item .col .label { margin-bottom: 0; }

@media (max-width: 480px) {
	main .step .item .col {
		width: 100%;
		padding: 0.5em;
	}
	main .step .item .col .img {
		text-align:center;
	}
	main .step .item .col .step_list01{
		margin:-20% 0 0.9375em 0;
	}
	main .step .item .col .step_list02{
		margin:-10% 0 0.9375em 0;
	}
	main .step .item .col .step_list03{
		margin:-10% 0 0.9375em 0;
	}
	main .step .item .col p {
		min-height:calc(0.3em * 9);
	}
	main .step .item .col .label img{
		width:100%;
	}
}

main .associate .content {
	padding-top: 1.25em;
	text-align: left;
	margin: -2.01031%;
}

@media (max-width: 480px) {

main .associate .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
}
}

@media (max-width: 480px) {

main .associate .content > div { width: 100% !important; }

main .associate .content h2 { text-align: center; }
}

main .associate .content > div { padding: 2.01031%; }

main .associate .content .img {
	text-align: center;
	width: 23.91753%;
}

main .associate .content .text { width: 76.08247%; }

main .associate .content .text h2 {
	margin-top: 0.9375em;
	margin-bottom: 2.375em;
}
@media (max-width: 768px) {
	main .associate .content .text h2 {
		margin-bottom:1em;
	}
}
main .associate .content .text h3 {
	border:8px solid #ff8700;
	padding:3% 40% 3% 5%;
}
@media (max-width: 480px) {
	main .associate .content .text h2 {
		margin-top: 0.9375em;
		margin-bottom: 1em;
	}
	main .associate .content .text h3 {
		border:6px solid #ff8700;
		padding:5%;
	}
}

main .associate .content .text p {
	line-height: 1.714;
	margin-bottom: 1.875em;
}

main .qualification .content { margin: -1.70103%; }

main .qualification .content > div { padding: 1.70103%; }

main .qualification .content .img { width: 50.72165%; }

main .qualification .content .text { width: 49.27835%; }

main .qualification .content .text > p { margin-bottom: 2.5em; }

main .qualification .content .label {
	border: 0.4375em solid #ff8700;
	padding: 1.125em 1.75em;
}

main .qualification .content .label h4 { margin-bottom: 1.25em; }

main .qualification .content .label p {
	margin-bottom: 0;
	line-height: 1.714;
}

main.work .page_head {
	background-image: url(../../images/gasstation/page_bg.png);
	padding: 0.8% 0;
}

main .list_work .content { margin: -0.5em; }

@media (max-width: 768px) {
	main .list_work .content {
		margin:0 6%;
	}
}
main .list_work .content .item {
	width: 33.33333%;
	padding: 0.5em;
	max-width: 339px;
}

main .list_work .content .item .text {
	border: 0.4375em solid #ff8700;
	padding: 1.8125em;
}
main .list_work .content .item .text.magonote {
	border: none;
	padding: 1.8125em;
}
main .list_work .content .item .text h3 {
	padding: 1em 0;
	text-align:left;
}
main .list_work .content .item .text .ttl_magonote { padding: 0 0 1em; }

main .list_work .content .item .text p {
	line-height: 1.429;
	text-align: left;
}
main .list_work .content .item .text .logo {
	margin:15% 0 0 0;
}

@media (max-width: 768px) {
	main .list_work .content .item { width: 50%; }
	
	main .list_work .content .item .text p { font-size: 1.25em; }
}

@media (max-width: 480px) {
	main .list_work .content .item {
		width: 100%;
		margin: 0 auto;
	}
	main .list_work .content .item .text.magonote {
		padding: 1.8125em 0;
	}
	main .list_work .content .item .text .logo{
		margin: 10% 0 0 0;
	}
}

.gas .page_head {
	background-image: url(../../images/gasstation/page_bg.png);
	padding: 0.8% 0;
}

.lpgas .page_head {
	background-image: url(../../images/lpgas/page_bg.png);
	padding: 0.8% 0;
}

.reform .page_head {
	background-image: url(../../images/reform/page_bg.png);
	/*padding: 0.8% 0;*/
}

.fuel_delivery .page_head {
	background-image: url(../../images/fuel_delivery/page_bg.png);
	padding: 0.8% 0;
}
#resource .container {max-width: 970px; }
@media (max-width: 768px) {
	#resource .container{
		margin:0 4%;
		width:auto;
	}
}
#resource .page_head {
	background-image: url(../../images/kowa/resources/page_bg.png);
	margin-bottom: 3.5%;
}
@media (max-width: 480px) {
	.gas .page_head {
		background-image: none;
		background-color:#333;
	}
	.lpgas .page_head {
		background-image: none;
		background-color:#333;
	}
	
	.reform .page_head {
		background-image: none;
		background-color:#333;
	}
	
	.fuel_delivery .page_head {
		background-image: none;
		background-color:#333;
	}
	#resource .page_head {
		background-image: none;
		background-color:#333;
	}
}

#resource .challenges h2 {
	text-align: left;
	margin-bottom: 1.4375em;
}

#resource .challenges h2 span {
	display: block;
	width: 100%;
	padding-bottom: 6px;
}

#resource .challenges h2 span:first-child { width: 22.5%; }

#resource .challenges p {
	line-height: 1.714;
	text-align: left;
}

#resource .challenges p strong {
	color: #ff8700;
	font-size: 18px;
}

#resource .resource_c h2 { margin-bottom: 1.875em; }

#resource .resource_c .list_work_1 .content {
	position: relative;
	margin: -0.625em;
}

#resource .resource_c .list_work_1 .content:before {
	content: "";
	background-image: url(../../images/kowa/resources/resources_txt_bg.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 38.14433%;
	height: 57.21649%;
	z-index: 2;
	background-color: #ff8700;
	position: absolute;
	border-radius: 50%;
	max-width: 370px;
	max-height: 370px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#resource .resource_c .list_work_1 .content .item {
	width: 50%;
	padding: 0.625em;
}

#resource .resource_c .list_work_2 { margin-top: 2.5em; }

#resource .resource_c .list_work_2 .content { margin: -0.5em; }

#resource .resource_c .list_work_2 .content .item {
	width: 50%;
	padding: 0.5em;
}

#resource .resource_c .list_work_2 .content .item .text {
	border: 0.4375em solid #ff8700;
	padding: 1.875em 1.6875em;
}

#resource .resource_c .list_work_2 .content .item .text h3 {
	text-align: left;
	margin-bottom: 1em;
}

#resource .resource_c .list_work_2 .content .item .text p {
	line-height: 1.429;
	text-align: left;
	margin-top: 1.25em;
}

@media (max-width: 768px) {

#resource .resource_c .list_work_2 .content .item { width: 50%; }
}

@media (max-width: 480px) {

#resource .resource_c .list_work_2 .content .item { width: 100%; }

#resource .resource_c .list_work_2 .content .item p { min-height: initial !important; }
}

#activity main .container { max-width: 970px; }

#activity main .page_head {
	background-image: url(../../images/kowa/activity/page_bg.png);
}
@media (max-width: 480px) {
	#activity main .page_head {
		background-image: none;
		background-color:#333;
	}
}

#activity main .list_work .content { margin: -0.625em; }
@media (max-width: 768px) {
	#activity main .list_work .content {
		margin:0 2%;
	}
}
#activity main .list_work .content .item {
	width: 50%;
	margin: 0 auto;
	padding: 0.625em;
	max-width: 475px;
	margin-bottom: 1.875em;
}

@media (max-width: 480px) {

#activity main .list_work .content .item { width: 100%; }

#activity main .list_work .content .item p { min-height: initial !important; }
}

#activity main .list_work .content .item .ttl { margin-bottom: 1.3125em; }

#activity main .list_work .content .item .img {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-bottom: 1.3125em;
	margin: -0.34375em;
}

#activity main .list_work .content .item .img > div {
	width: 50%;
	padding: 0.34375em;
}

#activity main .list_work .content .item .img :first-child { width: 100%; }

#activity main .list_work .content .item .text {
	border: 0.4375em solid #ff8700;
	padding: 2.0625em;
}

#activity main .list_work .content .item p {
	line-height: 1.714;
	text-align: left;
}

main.hope .page_head { background-image: url(../../images/contact/hope/page_bg.png); }

main.hope .container { max-width: 970px; }

main.hope h2 { margin-bottom: 1.625em; }

main.hope h2:after { width: 28%; }

main.hope .hope_1 p {
	line-height: 1.714;
	text-align: left;
}

main.hope .hope_text { text-align: left; }

main.hope .hope_text .img { width: 45.97938%; }

@media (max-width: 480px) {

main.hope .hope_text .img { width: 100%; }
}

main.hope .hope_text .text {
	width: 54.02062%;
	padding-left: 5.15464%;
	padding-top: 0.625em;
}

main.hope .hope_text .text p {
	text-align: left;
	line-height: 1.714;
}

main.hope .hope_text .text p span {
	margin-top: 2.5em;
	display: block;
	width: 100%;
}

@media (max-width: 480px) {

main.hope .hope_text .text {
	width: 100%;
	padding-left: 0;
}
}

main.hope .cv.hope_cv { margin-top: 1.5625em; }

main.hope .cv.hope_cv .content h2 {
	width: 59.58763%;
	margin-bottom: 0;
}

main.hope .cv.hope_cv .content p { width: 40.41237%; }

@media (max-width: 768px) {

main.hope .cv.hope_cv .content h2,
main.hope .cv.hope_cv .content p {
	width: 100%;
	position: relative;
}

main.hope .cv.hope_cv .content p { left: -10%; }
}

main.hope .hope_img h2 { margin-top: 2.5em; }

main .please_contact h2 {
	background-color: #ff8700;
	padding-top: 1.75em;
	padding-bottom: 1.375em;
}
main .please_contact .list_work_2{
	margin:2% 0 0 0;
}

main .please_contact .list_work_2 .content { margin: -0.71875em; }

main .please_contact .list_work_2 .content .item {
	width: 50%;
	padding: 0.71875em;
}

main .please_contact .list_work_2 .content .item .img { margin-bottom: 0.625em; }

main .please_contact .list_work_2 .content .item .map {
	display: block;
	width: 100%;
	height: 19em;
	max-height: 300px;
}

main .please_contact .list_work_2 .content .item .map iframe {
	display: block;
	width: 100%;
	height: 100%;
}

main .please_contact .list_work_2 .content .item .text {
	border: 0.4375em solid #ff8700;
	padding: 1.875em 1.6875em;
	min-height: 494px;
}
@media (max-width:480px) {
	main .please_contact .list_work_2 .content .item .text {
		min-height: auto;
	}
}
main .please_contact .list_work_2 .content .item .text h3 {
	text-align: left;
	margin-bottom: 1em;
	position: relative;
}

main .please_contact .list_work_2 .content .item .text p {
	line-height: 1.429;
	text-align: left;
	margin-top: 1.4375em;
	margin-bottom: 0.5em;
}

main .please_contact .list_work_2 .content .item .btn { width: 100%; }

main .please_contact .list_work_2 .content .item .btn a {
	display: block;
	width: 100%;
}
main .company .container { max-width: 970px; }

@media (max-width: 768px) {
	main .please_contact .list_work_2 .content .item { width: 50%; }
	main .company .container {
		width:auto;
		margin:0 4%;
	}
}


main .company .page_head,
main .entrance .page_head,
main .message .page_head{
	background-image: url(../../images/about/page_bg.png);
}
@media (max-width: 480px) {
	main .please_contact .list_work_2 .content .item { width: 100%; }
	
	main .please_contact .list_work_2 .content .item p { min-height: initial !important; }
	main .company .page_head,
	main .entrance .page_head,
	main .message .page_head{
		background-image: none;
		background-color:#333;
	}
}


main .company h2 {
	background-color: transparent;
	/*margin-bottom: 1.875em;*/
}

main .company .list_work_2 .content { margin: -0.71875em; }

main .company .list_work_2 .content .item:first-child .text .sttl {
	padding-left: 0;
	min-height: 30px;
}

main .company .list_work_2 .content .item:last-child .text h3:before,
main .company .list_work_2 .content .item:first-child .text h3:before { display: none; }

main .entrance .company_info .rTable{
	border-collapse: collapse;
}
@media (max-width: 480px) {
	main .entrance .company_info .rTable{
		width:100%;
	}
}

main .entrance .company_info .rTable .rTableHead,
main .entrance .company_info .rTable .rTableRow .rTableCell{
	border-top: none;
	border-bottom: 0.3125em solid #000000;
	text-align: left;
	padding: 1.75em 0 0.625em 2.37113%;
	color: #222331;
	display: table-cell;
	padding: 3% 2% 1% 3%;
}
main .entrance .company_info .rTable .rTableHead br{
	display:none;
}
main .entrance .company_info .rTable .rTableHead{
	padding-left: 1.54639%;
	font-weight: normal;
	width: 29.48454%;
	border-color: transparent;
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
}
main .entrance .company_info .rTable .rTableRow .rTableCell{
	line-height:1.6;
}
main .entrance .company_info .rTable .rTableRow .rTableCell span{
	font-size:1.4em;
}
main .entrance .company_info .rTable .rTableHead span.space_sp{
		display:none;
	}
main .entrance .content{
	margin:0 4%;
}

@media (max-width: 480px) {
	main .entrance .company_info .rTable .rTableHead{
		margin-bottom: 0.65625em;
		line-height:1.4;
	}
	main .entrance .company_info .rTable .rTableHead span{
		display:none;
	}
	main .entrance .company_info .rTable .rTableHead span.space_sp{
		display:inline-block;
	}
	main .entrance .company_info .rTable .rTableHead br{
		display:block;
	}
	main .entrance .company_info .rTable .rTableRow .rTableCell{
		padding:4% 0;
	}
}

main .entrance .company_info .rTable .rTableHead:after{
	width:100%;
}

main .entrance .company_info .rTable .rTableHead:before{
	left:100%;
}

.career_plan .company .container {
	padding:0 2.40625em;
}

.entrance .process p {
	flex: 1;
	-ms-flex: 1;
	-moz-flex: 1;
	-webkit-flex: 1;
	flex-basis: 100%;
	-ms-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-webkit-flex-basis: 100%;
	text-align: left;
	margin: 1.875em 0;
}

.entrance .process .list_work {
	margin: -1.25em -1.875em;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex: 1;
	-ms-flex: 1;
	-moz-flex: 1;
	-webkit-flex: 1;
	flex-basis: 100%;
	-ms-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-webkit-flex-basis: 100%;
}

.entrance .process .list_work .item {
	width: 50%;
	padding: 1.25em 1.875em;
	position: relative;
}

.entrance .process .list_work .item:after{
	content: "";
	background-image: url(../../images/recruit/careers/process_icon.png);
	width: 11.34021%;
	height: 24.06639%;
	position: absolute;
	top: 46.5%;
	transform: translateY(-50%) rotate(-90deg);
	background-repeat: no-repeat;
	background-size: contain;
}

.entrance .process .list_work .item:nth-child(2):after,
.entrance .process .list_work .item:nth-child(3):after{
	top: calc(100% - 1.45em);
	left: 50%;
	transform: translateX(-50%) translateY(0%) rotate(0deg);
}

.entrance .process .list_work .item:nth-child(4):after{
	transform: rotate(90deg);
	transform-origin: center center;
	right: calc(82% + 11.34021%);
	top: 42.5%;
}

.entrance .process .list_work .item:nth-child(6):after{
	background:none;
}

main .company .company_info .rTableHead,
main .company .company_info .rTableCell {
	line-height: 1.667;
	font-size: 1.1em;
}

main .company .company_info .rTable { border-collapse: collapse; }
@media (max-width: 480px) {
	main .company .company_info .rTable{
		width:100%;
	}
}


main .company .company_info .rTable .rTableHead {
	border-top: none;
	text-align: left;
	padding: 1.75em 0 0.625em 2.37113%;
	line-height: 1;
	color: #222331;
	display: table-cell;
	padding: 15px 10px;
	width: 25%;
}

main .company .company_info .rTable .rTableRow .rTableCell {
	border-top:none;
	border-bottom:0.3125em solid #000000;
	text-align:left;
	padding:1.75em 0 0.625em 2.37113%;
	line-height:1.4;
	color:#222331;
	display:table-cell;
	padding:3% 2% 2% 5%;
}

main .company .company_info .ttl:before {
	content: "";
	border-right: 0.375em solid transparent;
	border-top: 0.3125em solid #ff8300;
	position: absolute;
	bottom: -0.3125em;
	left:100%;
}

main .company .company_info .ttl:after {
	content: "";
	border-bottom: 0.3125em solid #ff8300;
	position: absolute;
	width: 100%;
	bottom: -0.3125em;
	left: 0;
	height: 0;
}

.mid-career dl{
	display:table;
	margin:3% 0 0;
	width:83%;
}
.mid-career dl dt{
	display:table-cell;
	vertical-align:top;
	padding:0;
	text-align:left;
}
@media (max-width: 768px) {
	.mid-career dl{
		width:100%;
	}
	.mid-career dl dt{
		padding:0 5% 0 0;
	}
}

.mid-career dl dd{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

@media (max-width: 768px) {

	.career_plan .process .list_work .item:nth-child(4):after { right: calc(80% + 11.34021%); }
}

.career_plan .process .list_work .item:nth-child(6):after { display: none; }

@media (max-width: 480px) {
	.mid-career dl{
		width:100%;
	}
	.mid-career dl dt{
		width:55%;
		padding:0 2% 0 0;
	}
	.career_plan .process .list_work .item { width: 100%; }
	
	.career_plan .process .list_work .item:after {
		top: calc(100% - 1.45em) !important;
		left: 50% !important;
		transform: translateX(-50%) translateY(0%) rotate(0deg) !important;
		width: 11.34021%;
		height: 24.06639%;
	}
}

.vision .container { max-width: 970px; }

.vision .page_head {
	background-image: url(../../images/kowa/vision/page_bg.png);
	padding:1% 0 2%;
}
@media (max-width: 768px) {
	.vision .container {
		padding:0 4%;
	}
}
@media (max-width: 480px) {
	.vision .page_head {
		background-image: none;
		background-color:#333;
	}
}

.vision .sologan .container { max-width: 1050px; }

.vision .founding .content {
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.vision .founding h2 { margin-bottom: 0.6875em; }

.vision .founding .item { width: 60.51546%; }

.vision .founding .img { width: 39.48454%; }

.vision .founding p {
	padding: 0px 5% 0 0;
	line-height: 1.714;
}

.vision .item p:first-letter,
.vision .text p:first-letter{
	font-size:2em;
	font-weight:bold;
}


@media (max-width: 480px) {

.vision .founding .item, .vision .founding .img {
	width: 100% !important;
	margin:5% 0 0 0;
}
}

.vision .philosophy .content {
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-left: -1.42857%;
	margin-right: -1.42857%;
}

.vision .philosophy .content > * {
	padding-left: 1.42857%;
	padding-right: 1.42857%;
}

.vision .philosophy h2 { margin-bottom: 0.6875em; }

.vision .philosophy .item {
	overflow: hidden;
	width: 62.8866%;
}

.vision .philosophy .item h3 {
	text-align: left;
	margin-bottom: 0.6875em;
	margin-top: 1.8125em;
}

.vision .philosophy .item h3:first-child { margin-top: 0; }

.vision .philosophy .item p { background-color: #1f54ad; }

.vision .philosophy .img {
	width: 30.82474%;
	flex: 1;
	position: relative;
	text-align: left;
}
@media (max-width: 768px) {
	.vision .philosophy .img {
		padding-top: 4.5em;
		flex:0.75;
	}
}
.vision .philosophy .img:after {
	content: "";
	background-image: url(../../images/kowa/vision/management_philosophy_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -18.39465%;
	width: 70.56856%;
	top: 0;
	height: 100%;
	max-width: 211px;
	max-height: 98px;
}

@media (max-width: 480px) {

.vision .philosophy .item, .vision .philosophy .img {
	width: 100% !important;
}

.vision .philosophy .img {
	padding-top: 8em;
	margin:0 auto;
}

.vision .philosophy .img:after {
	right: initial;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	top: 1em;
}
}

.vision .what_philo .content { margin: -0.78125em -0.52381%; }

.vision .what_philo .content > * { padding: 0.78125em 0.52381%; }

.vision .what_philo .text {
	flex: 1;
	flex-basis: 100%;
	-ms-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-webkit-flex-basis: 100%;
}

.vision .what_philo .text p { line-height: 1.714; }

.vision .what_philo .img { width:33.3%; }
@media (max-width: 480px) {
	.vision .what_philo .img { width:100%; }
}

.vision .vision h2 { margin-bottom: 1.4375em; }

.vision .vision h3 {
	margin-bottom: 1.125em;
	text-align: left;
}

.vision .vision .content { margin: -0.78125em -0.52381%; }

.vision .vision .content > * { padding: 0.78125em 0.52381%; }

.vision .vision .text {
	flex: 1;
	flex-basis: 100%;
	-ms-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-webkit-flex-basis: 100%;
}

.vision .vision .text p { line-height: 1.714; }

.vision .vision .img { width: 33.3%; }
@media (max-width: 480px) {
	.vision .vision .img { width:100%; }
}
.vision .guidelines h2 { margin-bottom: 0.625em; }

.vision .guidelines .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	width: 100%;
	border: 0.4375em solid #ff8700;
	padding: 1.6875em 2%;
	margin-top: 1.25em;
}

.vision .guidelines .item > * {
	padding-left: 1.54639%;
	padding-right: 1.54639%;
}

.vision .guidelines .item .text {
	width: 60.61856%;
	padding-left: 0;
}

.vision .guidelines .item .text h3 {
	text-align: left;
	margin-bottom: 1.1875em;
}

.vision .guidelines .item .text p { line-height: 1.429; }

.vision .guidelines .item .img {
	width: 39.38144%;
	padding-right: 0;
}

@media (max-width: 480px) {

.vision .guidelines .text, .vision .guidelines .img { width: 100% !important; }

.vision .guidelines .text p, .vision .guidelines .img p { margin-bottom: 1.25em; }
}

/*お取引きをご希望の方*/
.agreement .page_head{
	background-image:url(../../images/agreement/page_bg.png) ;
}

.wish .container,
.refueling .container,
.support .container{
	width: 100%;
	max-width:970px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.wish .container,
	.refueling .container,
	.support .container{
		width:auto;
		max-width:970px;
		margin: 0 4%;
	}
}
.wish .container h2,
.refueling .container h2{
	margin:0 0 2% 0;
}
.inner_img img{
	float:left;
	margin:0 2% 0 0;
}
.inner_img.txt_over img{
	margin:0 2% 3% 0;
}

.inner_img .logo_shop{
	margin:4% 0 0 0;
}
.wish .container p,
.refueling .container p{
	margin:0 0 3% 0;
	font-size:1em;
    color: #222331;
    text-align: left;
	line-height:1.4;
}
.refueling h3{
	margin:0 0 2% 0;
}
.station_list li{
	float:left;
	width:48%;
	margin:0 2% 2% 0;
	padding:2% 3%;
	border:7px solid #ff8700;
}
.station_list li:nth-child(2n){
	margin:0 0 2% 0;
}
@media (max-width: 768px) {
	.station_list li{
		margin:0 4% 2% 0;
		min-height:660px;
	}
}

@media (max-width: 480px) {
	.agreement .page_head{
		background-image: none;
		background-color:#333;
	}
	.inner_img img{
		margin:0 0 4% 0;
	}
	.station_list li{
		float:none;
		width:100%;
		margin:0 0 2% 0;
		padding:2% 3%;
		border:7px solid #ff8700;
	}
	.station_list li:nth-child(2n){
		margin:0 0 2% 0;
	}
}
.station_list h4{
	margin:0 0 2% 0;
}
.station_img{
	margin:0 0 5% 0;
}
.refueling .map{
	margin:0 0 3% 0;
	display: block;
	width: 100%;
	height:300px;
}
.refueling .map iframe{
	width: 100%;
	height: 100%;
}
.station_address{
	margin:0 0 3% 0;
}
.support dt{
	margin:0 0 3% 0;
}
.refueling .container .cv_area{
	background-image: url(../../images/common/cv_bg.png);
	width:100%;
}
.refueling .container .cv_area dl{
	display:table;
	padding:2% 10%;
}
.refueling .container .cv_area dl dt{
	display:table-cell;
	vertical-align:middle;
	width:39%;
}
.refueling .container .cv_area dl dd{
	display:table-cell;
	vertical-align:middle;
}
.refueling .container .cv_area .cv_area_pc{
}
.refueling .container .cv_area .cv_area_sp{
	display:none;
}
@media (max-width: 480px) {
	.refueling .container .cv_area dl{
		padding:3% 2%;
	}
	.refueling .container .cv_area .cv_area_pc{
		display:none;
	}
	.refueling .container .cv_area .cv_area_sp{
		display:block;
	}
}
/*法人向けお問い合わせ*/
.contact_bussiness .page_head {
	background-image: url(../../images/contact_bussiness/page_bg.png);
	margin:0;
}
.contact_bussiness .page_head .content{
	padding-top: 9em;
	padding-bottom: 9em;
}
.contact_bussiness .tel_area{
	background-color:#ff8700;
	padding:2% 0;
	margin:0 0 5% 0;
}
@media (max-width: 480px) {
	.contact_bussiness .tel_area{
		padding:5%;
	}
	.contact_bussiness .page_head{
		background-image: none;
		background-color:#333;
	}
	.contact_bussiness .page_head .content{
		padding-top: 4em;
		padding-bottom: 4em;
	}
}
.contact_bussiness .tel_area dl dt{
	text-align:center;
	margin:0 0 2% 0;
}
.contact_bussiness .tel_area dl dd{
	text-align:center;
}
.contact_bussiness .inquiry_head{
	margin:0 0 1% 0;
}
.contact_bussiness #inquiry .ttl{
	margin-bottom:1.6em;
}
.contact_bussiness #inquiry .inquiry_txt{
	font-size:1em;
	color: #222331;
	margin:0 0 3% 0;
}
.contact_bussiness #inquiry{
	max-width:1050px;
	margin:0 auto;
	padding:0 5%;
}

@media (max-width: 480px) {
	.contact_bussiness #inquiry{
		margin:0 3%;
	}
}
.contact_bussiness .inquiry_box{
	border:5px solid #ff8700;
	padding:4% 14%;
	margin:0 0 2% 0;
}
@media (max-width: 768px) {
	.contact_bussiness .inquiry_box {
		padding: 4% 10%;
	}
}
.contact_bussiness .inquiry_box table{
	margin:0 0 3% 0;
}
.contact_bussiness #inquiry-form th{
	font-size:2.1em;
	line-height:2;
	text-align:left;
	width:30%;
	font-weight:bold;
}
.contact_bussiness #inquiry-form td{
	padding: 1em 0;
}
.contact_bussiness input.text{
	font-size:1.9em;
	border:#001F3F solid 2px;
	padding:0.2em 0.4em;
	border-radius:18px;
	width:90%;
}
.contact_bussiness #inquiry-form select{
	border:#001F3F solid 2px;
	padding:1em;
}
.contact_bussiness #inquiry-form textarea.text{
	font-size:1.9em;
	border:#001F3F solid 2px;
	padding:0.2em 0.4em;
	border-radius:18px;
	width:90%;
}
@media (max-width: 480px) {
	.contact_bussiness .inquiry_box{
		padding:4% 4%;
	}
	.contact_bussiness #inquiry-form th{
		width:35%;
		font-size:1.6em;
	}
	.contact_bussiness input.text{
		width:100%;
	}
	.contact_bussiness #inquiry-form textarea.text{
		width:100%;
	}
}

.contact_bussiness .submit-btn{
	text-align:center;
}
.contact_bussiness .submit-btn input{
	text-align:center;
	padding:3% 25%;
	margin:0 auto;
	width:100%;
	background-color:#1f54ad;
}
@media (max-width: 480px) {
	.contact_bussiness .submit-btn input{
		padding: 6% 14%;
	}
}
.contact_bussiness .inquiry_note{
	font-size:1em;
	margin:0 0 5% 0;
	line-height:1.6;
}

/*採用に関するお問い合わせ*/

#inquiry-url{
	display:none;
}
.contact_recruit .page_head {
	background-image: url(../../images/about/page_bg.png);
	margin:0;
}
.contact_recruit .page_head .content{
	padding-top: 9em;
	padding-bottom: 9em;
}
.contact_recruit .tel_area{
	background-color:#ff8700;
	padding:2% 0;
}
@media (max-width: 768px) {
	.contact_recruit .tel_area{
		padding:4% 6%;
	}
}
.contact_recruit .tel_area dl dt{
	text-align:center;
	margin:0 0 2% 0;
}
.contact_recruit .tel_area dl dd{
	text-align:center;
}
@media (max-width: 480px) {
	.contact_recruit .tel_area{
		padding:5%;
	}
	.contact_recruit .page_head{
		background-image: none;
		background-color:#333;
	}
	.contact_recruit .page_head .content{
		padding-top: 4em;
		padding-bottom: 4em;
	}
}
.contact_recruit .recruit_entry{
	background-color:#e6effd;
}
.contact_recruit .recruit_entry .content{
	max-width:1050px;
	margin:0 auto 3%;
	padding:1.6em 2.4%;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-items: space-between;
	-ms-justify-items: space-between;
	-moz-justify-items: space-between;
	-webkit-justify-items: space-between;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.contact_recruit .recruit_entry .content li {
	margin-right: 2.73219%;
	page-break-before: always;
}
.contact_recruit .recruit_entry .content li:first-child { width: 14.63415%; }
.contact_recruit .recruit_entry .content li:nth-child(2) {
	width: 26.5%;
	margin: 0.5% 2.7% 0 0;
}
.contact_recruit .recruit_entry .content li:nth-child(3) { width: 24.87805%; }

.contact_recruit .recruit_entry .content li:last-child {
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	background-color: #1f54ad;
	flex: 1;
	width: 35.90476%;
	margin-right: 0;
}
.contact_recruit .recruit_entry .content li:last-child a {
	display: block;
	padding: 14px 0;
	width: 100%;
	text-align: center;
}
.contact_recruit .inquiry_head{
	margin:0 0 1% 0;
}
@media (max-width: 480px) {
	.contact_recruit .recruit_entry .content li:first-child {
		width:40%;
		margin:0 5% 5% 0;
	}
	.contact_recruit .recruit_entry .content li:nth-child(2) {
		width: 50%;
		margin:0;
	}
	.contact_recruit .inquiry_head {
		margin:0 0 5% 0;
	}
	.contact_recruit .recruit_entry .content li:last-child {
		display:block;
		width: 100%;
		flex:auto;
	}
}
.contact_recruit #inquiry .ttl{
	margin-bottom:1.6em;
}
.contact_recruit #inquiry .inquiry_txt{
	font-size:1em;
	color: #222331;
	margin:0 0 3% 0;
}
.contact_recruit #inquiry{
	max-width:1050px;
	margin:0 auto;
}
@media (max-width: 768px) {
	.contact_recruit #inquiry{
		margin:0 3%;
	}
}
@media (max-width: 480px) {
	.contact_recruit #inquiry{
		margin:0 3%;
	}
}
.contact_recruit .inquiry_box{
	border:5px solid #ff8700;
	padding:4% 16%;
	margin:0 0 2% 0;
}
.contact_recruit .inquiry_box table{
	margin:0 0 3% 0;
}
.contact_recruit #inquiry-form th{
	font-size:2.1em;
	line-height:2;
	text-align:left;
	width:28%;
	font-weight:bold;
}
.contact_recruit #inquiry-form td{
	padding: 1em 0;
}
.contact_recruit #inquiry-form input.text{
	font-size:1.9em;
	border:#001F3F solid 2px;
	padding:0.2em 0.4em;
	border-radius:18px;
	width:90%;
}
.contact_recruit .submit-top-btn{
	width:100%;
	text-align:center;
}
.contact_recruit .submit-top-btn input{
	text-align:center;
	padding:2% 5%;
	background-color:#1f54ad;
}
.contact_recruit .submit-btn{
	display:table;
	width:100%;
}
/*.contact_recruit .submit-btn input[type="button"]{
	text-align:center;
	padding:1% 0;
	margin:0 35px 0 0;
	width:100%;
	background-color:#1f54ad;
	color: #fff;
	font-size:1.4em;
	font-weight:bold;
	border:none;
}*/
.contact_recruit .submit-btn input{
	text-align:center;
	padding:2% 0;
	margin:0 35px 0 0;
	width:20%;
	background-color:#1f54ad;
	display:table-cell;
	color: #fff;
	font-size:1.4em;
	font-weight:bold;
	border:none;
}
.contact_recruit .submit-btn input:last-child{
	width:50%;
}
@media (max-width: 480px) {
	.contact_recruit #inquiry-form input.text{
		width:100%;
	}
	.contact_recruit .submit-btn input{
		padding: 2% 14%;
		text-align:center;
		padding:2% 0;
		margin:0;
		width:20%;
		background-color:#1f54ad;
		display:table-cell;
		color: #fff;
		font-size:1.4em;
		font-weight:bold;
		border:none;
	}
	.contact_recruit .submit-top-btn input{
		width:100%;
		padding:3% 15%;
	}
}

.contact_recruit .inquiry_note{
	font-size:1em;
	margin:0 0 5% 0;
	line-height:1.6;
}
.contact_recruit__error,
.contact_recruit__confirm{
	max-width:1050px;
	margin:0 auto 3%;
	padding:5% 0 0;
}
.page-heading{
	font-weight:bold;
	margin:0 0 3% 0;
	font-size:1.2em;
}

.contact_recruit__error .ttl,
.contact_recruit__confirm .ttl{
	margin:0 0 2%;
}
.contact_recruit__error p,
.contact_recruit__confirm .contact_recruit__txt{
	margin:0 0 3%;
	font-size:1.2em;
	font-weight:bold;
}
.form-error-list li,
.form-confirm-list li{
	margin:0 0 20px;
}
@media (max-width: 480px) {
	.contact_recruit .inquiry_box{
		padding:4% 4%;
	}
	.contact_recruit #inquiry-form th{
		width:35%;
		font-size: 1.6em;
	}
	.contact_recruit input.text{
		width:100%;
	}
	.contact_recruit #inquiry-form textarea.text{
		width:100%;
	}
	.contact_recruit__error,
	.contact_recruit__confirm{
		padding:5% 5% 0;
	}
	.contact_recruit__error .ttl,
	.contact_recruit__confirm .ttl{
		margin:0 0 5%;
	}
	.form-error-list li,
	.form-confirm-list li{
		font-size:1.4em;
	}
	.contact_recruit__error p,
	.contact_recruit__confirm .contact_recruit__txt{
		margin:0 0 6%;
	}
	.btn-return{
		text-align:center;
		margin:0 auto;
	}
}

.form-confirm-list__label{
	width:110px;
	display:table-cell;
	font-weight:bold;
}
.form-confirm-list__value{
	display:table-cell;
}
.form-output-wrap .form-action {
	text-align: center;
}
.form-output-wrap table{
	margin:0 auto 30px;
}
.form-output-wrap table th{
	text-align:left;
	padding:5px 0;
	width:25%;
}
.form-output-wrap .form-action .btn--submit {
	background-color: #ff831e;
	padding: 1em 1em;
	max-width: 100%;
	width: 12em;
}
.btn {
	background: #1f54ad;
	border: 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 1.25;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s linear 0s, color .2s linear 0s, transform .2s linear 0s;
}
.btn a{
	color: #fff;
}
.btn a:hover{
	text-decoration:none;
}
.btn a::after{
	content:none;
}
@media (max-width: 480px) {
	.form-output-wrap table{
		font-size:1.4em;
	}
	.form-output-wrap table td{
		padding:0 0 10px 0;
	}
	.btn {
		font-size:1.2em;
		padding: .5em 2em;
		text-align:center;
	}
}
/*サイトマップ*/
.sitemap .page_head {
	background-color:#333;
}
main .sitemap .page_head .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top: 3em;
	padding-bottom: 3.5em;
}

.sitemap_list{
	text-align:left;
	margin:0 0 0 10%;
}
@media (max-width: 768px) {
	.sitemap_list{
		margin:0 0 0 5%;
	}
}
.sitemap_list .prefatory{
	float:left;
	width:33%;
	min-height: 200px;
	text-align:left;
	line-height:2;
}
.sitemap_list .prefatory > span{
	font-size:1.4em;
	font-weight:bold;
}
.sitemap_list .prefatory > span:before {
	content: "";
	background-image: url(../../images/sitemap/sitemap_arrow.png);
	display: inline-block;
	margin-right: 7px;
	position: relative;
	width: 12px;
	height: 8px;
	top: -3px;
}
.sitemap_list .prefatory li{
	text-align:left;
	font-size:1.2em;
	line-height:1.6;
}
.sitemap_list .prefatory li a{
	text-decoration:underline;
}
.sitemap_list .prefatory li:before {
    content: "・";
    background-image: none;
    margin-right: 0;
    margin-left: 16px;
    top: 0;
}
.sitemap_list .prefatory.arrow li:before {
	content: "";
}
.sitemap_list .prefatory.arrow .sub li a:before {
	content: "";
	background-image: url(../../images/sitemap/sitemap_arrow.png);
	display: inline-block;
	margin-right: 7px;
	position: relative;
	width: 12px;
	height: 8px;
	top: -1px;
}
@media (max-width: 768px) {
	main .sitemap .page_head .page_ttl_detail {
		width:50%;
	}
}
@media (max-width: 480px) {
	.sitemap_list{
		margin:0;
		padding:0 0 0 5%;
	}
	.sitemap_list .prefatory{
		float:none;
		width:100%;
		min-height:auto;
		font-size:1.4em;
		margin:0 0 8% 0;
	}
}

/*プライバシーポリシー*/
.privacy .page_head {
	background-color:#333;
}
main .privacy .page_head .content {
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top: 3em;
	padding-bottom: 3.5em;
}
.privacy .container {
	max-width: 970px;
}
@media (max-width: 768px) {
	.privacy .container {
		padding:0 5%;
	}
}
.privacy .container .formulate_txt{
	font-size:1em;
	margin:0 0 4% 0;
    color: #222331;
    text-align: left;
	line-height:1.4;
}
.privacy .signature{
	text-align:right;
	font-size:1em;
}
.privacy .formulate h2{
	margin-bottom: 0.6875em;
}
.privacy .formulate .container dl{
	text-align:left;
	margin:0 0 5% 0;
}
.privacy .formulate .container dl dt{
	font-weight:bold;
	margin:0 0 1% 0;
}
.privacy .formulate .container dl dd{
	margin:0 0 2% 0;
    color: #222331;
    text-align: left;
	line-height:1.4;
}

/*NEWS*/
.news .page_head {
	background-image: url(../../images/about/page_bg.png);
	margin:0 0 60px 0;
}

.news .page_head .page_ttl{
	text-align: center;
    border: 0.25em solid #fff;
    padding: 1.25em;
    width: 44.66667%;
    margin-top: 1.375em;
}
.news_box{
	max-width:1024px;
	margin:0 auto;
	padding:0 0 5% 0;
	overflow:hidden;
}
.news_box__sub{
	float:left;
	width:25%;
}
main .news_box__sub a::after{
	content:none;
}
.news_box__sub h3{
	background-color:#1f54ad;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:5% 0;
	margin:0 0 3% 0;
}
.news_entry,
.news_category,
.news_calender{
	padding:0 0 10px;	
}
.news_entry li,
.news_category li,
.news_calender li{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
.news_entry li dt{
	font-size:0.88em;
}
.news_box__main{
	float:right;
	width:70%;
}
main .news_box__main a::after{
	content:none;
}
.news_box__list{
	margin:0 0 5% 0;
}
.news_box__list > li{
	float:left;
	width:31%;
    margin:0 3% 0 0;
}
.news_box__list > li:nth-child(3n){
	margin:0;
}
.news_box__list > li > h2 span{
	display:block;
	margin:0 0 3px 0;
}
.news_box__list > li a{
	font-size:1em;
}
.news_box__list > li img{
	margin:0 0 12px 0;
}
@media (max-width: 768px) {
	.news_box{
		padding:0 5% 5%;
	}
}
@media (max-width: 480px) {
	.news .page_head {
		background-image: none;
		background-color:#333;
		margin:0 0 30px 0;
	}
	.news_box__sub{
		float:none;
		width:100%;
	}
	.news_box__sub h3{
		font-size:1.4em;
	}
	.news_box__main{
		float:none;
		width:100%;
		padding: 0 0 14% 0;
	}
	.news_entry li,
	.news_category li,
	.news_calender li{
		font-size:1.4em;		
	}
	.news_box__list > li{
		float:left;
		width:48%;
		margin:0 4% 0 0;
	}
	.news_box__list > li:nth-child(2n){
		margin:0;
	}
	.news_box__list > li:nth-child(3n){
		margin:0 3% 0 0;
	}
	.news_box__list > li > h2{
		margin:0 0 20px 0;
	}
}
.news_box__main .page_ttl{
    padding: 1em 0;
    border-top: 3px solid #1f54ad;
    border-bottom: 3px solid #1f54ad;
	font-size: 170%;
	margin:0 0 30px 0;
}
.news_box__main .page_ttl span {
	font-size:60%;
	padding:0 3% 0 0;
	font-weight:bold;
}
.category_name{
	background:#000;
	color:#fff;
	display:inline-block;
	margin:0 0 10px 0;
	padding:3px 10px;
	text-align:center;
}
.news_box__txt{
	padding:0 0 30px 0;
}
.news_box__txt dt{
	margin:0 0 20px 0;
}
.news_box__txt dd{
	margin:0 0 30px 0;
}
.news_box__txt p{
	font-size:1em;
	color: #222331;
	text-align:left;
}
.news_top{
	clear:both;
	text-align:center;
    margin: 0 auto;
    width: 100%;
	font-size:1.2em;
	font-weight:bold;
}
.news_top a{
	color:#fff;
    padding: 3% 25%;
    background-color: #1f54ad;
}
.pagenation{
	text-align:center;
	clear:both;
}
.pagenation .page-numbers{
    background-color:#ccc;
    color:#1f54ad;
    padding:4px 10px;
}
.pagenation .current{
    color:#eeeeee;
    background-color:#1f54ad;
}
.pagenation .next,.prev{
    color:#1f54ad;
    background-color:#ccc;
}
main .pagenation a::after{
	content:none;
}
