@charset "UTF-8";

/* CSS Document */
/*----------------------------------------------------------

トップページcss

----------------------------------------------------------*/
/* フェードイン */
/* フェードイン(初期値) */
.js-fadeUp {
	opacity: 0; /* 最初は非表示 */
	transform: translateY(30px); /* 下に30pxの位置から */
	transition: opacity .2s, transform .5s; /* 透過率と縦方向の移動を0.8秒 */
  }
  /* フェードイン(スクロールした後) */
  .js-fadeUp.is-inview {
	opacity: 1; /* 表示領域に入ったら表示 */
	transform: translateY(0); /* 30px上に移動する */
	transition-delay: .4s; /* フェード開始を0.5秒遅らせる */
  }

html {
	overflow-x: auto;
}
body {
	line-height: 1;
	margin: 0;
	padding: 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo","Helvetica Neue", "Helvetica",  sans-serif;
	font-size: 16px;
	color: #333;
	position: relative;
	min-width: 1280px;
	letter-spacing: 0.02em;
}
h1,h2,h3,h4,h5,h6,h7,h8,h9,p {
	display: block;
	line-height: 1.2;
	border: none;
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	float: none;
	background-color: inherit;
	border-radius: 0;
	color: #333;
}
a {
	color: #000;
	text-decoration: none;
}
img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
ul,dl {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pc {
	display: block;
}
.header_nav li.sp,
.sp {
	display: none;
}
.wrap_s {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
	margin-bottom: 150px;
	width: 1000px;
}
/*----------------------------------------------------------
ボタンスタイル
----------------------------------------------------------*/

.btn {
	position: relative;
	display: block;
	width: 300px;
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	font-weight: 600;
	margin: 0 0 0 20px;
	color: #0069AA;
	height: 60px;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);
	
}
.btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	border-bottom: 60px solid transparent;
	border-left: 10px solid #fff;
	z-index: 100;
	transform: rotate(180deg);
	width: 0;
	height: 0;
}
.btn::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	border-bottom: 60px solid transparent;
	border-left: 10px solid #fff;
	z-index: 100;
	transform: rotate(0);
	width: 0;
	height: 0;
}
.btn span {
	display: block;
	position: relative;
	padding: 22px;
}
.btn span::before {
	content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background-image: url(common/img/icon_arrow_b.png);
	background-repeat: no-repeat;
	background-size: contain;
    width: 10px;
    height: 18px;
	pointer-events: none;
}
.btn.yakkan{
    width: auto;
    margin: 4.15rem auto 0;
}
.btn.yakkan span{
    letter-spacing: 0.2rem;
}
.page.recruit .sec01 .btn span::before,
#recruit .btn span::before {
	background-image: url(common/img/icon_arrow_o.png);
}
.page.recruit .sec01 .box .none {
    background-color: #fff;
    color: #ff3a00;
    font-size: 1.2rem;
    padding: 0.8rem;
    max-width: 510px;
    text-align: center;
    text-shadow: none;
}

@media screen and (max-width:736px){
	body,h1,h2,h3,h4,h5,h6,h7,h8,h9,p {
		font-size: 14px;
	}
	.wrap_s {
		padding-left: 1em;
		padding-right: 1em;
		max-width: 100%;
		width: 100%;
	}
.btn {
    width: 85%;
}
}
/*----------------------------------------------------------
header
----------------------------------------------------------*/
header {
	border-top: solid 5px #0069AA;
	background-color: rgba(255,255,255,1);
	min-width: 1280px;
}
.header_wrap {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 105px;
	width: 100%;
}
.site_title img {
	width: 100%;
	height: auto;
}
.header_box_top {
	width: 416px;
	max-width: inherit;
	min-height: auto;
	line-height: 1;
	margin: 0 0 0 45px;
	padding: 0;
}
.header_box_top a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo {
	display: block;
	width: 56px;
	float: left;
}
.site_title {
	width: 351px;
    margin: 0;
    padding: 0;
    float: none;
}
.site_title h1,.site_title h2 {
	line-height: 0;
	width: 100%;
}
.site_title h2 {
	margin-bottom: 5px;
}
.site_title h1 img,.site_title h2 img {
	vertical-align: bottom;
}
.header_box_bottom {
    padding: 0;
    width: auto;
    background-color: inherit;
}
.header_box_bottom h9 {
	margin-right: 180px;
	text-align: right;
	color: #0069AA;
	font-size: 12px;
	margin-top: 14px;
}
.header_box_bottom h8 {
	margin-right: 180px;
	text-align: right;
	color: #0069AA;
	font-size: 22px;
	font-weight: 600;
}
.header_box_bottom h8 a {
	color: #0069AA!important;
}
.header_nav {
	margin-right: 140px;
}
.header_nav li {
	position: relative;
	padding: 10px 20px;
}
.header_nav li::before {
	content: "";
	position: absolute;
	top: 30%;
	left: 0;
	border-left: 1px solid #EF9B82;
	transform: rotate(15deg);
	width: 16px;
	height: 16px;
}
.header_nav li:first-child::before {
	content: none;
}
.header_nav li a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: inherit;
    line-height: 1;
	text-align: center;
	border-left: none;
	font-weight: 600;
}
.header_nav li.contact {
    position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	display: block;
}
.header_nav li.contact a {
	position: relative;
	top: 0;
	right: 0;
    color: #fff;
	width: 120px;
	height: 110px;
	background-color: #0069AA;
	padding: 65px 10px 0 0;
}
.header_nav li.contact::before {
	content: "";
	position: absolute;
	top: 0;
	left: -20px;
	border-bottom: 110px solid transparent;
	border-left: 20px solid #0069AA;
	z-index: 100;
	transform: rotate(180deg);
	width: 0;
	height: 0;
}
.header_nav li.contact::after {
	content: "";
    position: absolute;
    top: 28px;
    left: 30%;
	background-image: url(common/img/icon_mail_w.png);
	background-repeat: no-repeat;
	background-size: contain;
    width: 37px;
    height: 30px;
	pointer-events: none;
}
.tel {
	border: solid 1px #0069AA;
	border-radius: 5px;
	font-size: 14px;
	padding: 2px 15px;
	vertical-align: middle;
	margin-right: 10px;
}
#nav_toggle {
	display: none;
}
/* メインナビ */
@media only screen and (max-width: 736px) {
header {
	position: fixed;
    z-index: 999;
}
	.header_nav {
		width: 100%;
		padding-left: 1em;
		padding-right: 1em;
	}
	nav {
		display: none;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 105, 170, .8);
		left: 0;
		padding-bottom: 50px;
		z-index: 3;
		opacity: .9;
		margin-top: 65px;
	}
	.header_nav li {
		display: block;
		width: 100%;
		padding: 0;
	}
	.header_nav li a {
		color: #fff;
		font-size: 16px;
		padding: 24px 0;
	}
	.header_nav li.contact {
		position: relative;
	}
	.header_nav li.contact a {
		width: 100%;
		background-color: inherit;
		height: auto;
		padding: 24px 0;
	}
	.header_nav li::before,
	.header_nav li.contact::after {
		content: none;
	}
	.header_nav li.sp {
		display: block;
	}
.header_nav li.contact::before {
	display: none;
}
	/*開閉ボタン*/
	#nav_toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 72px;
		height: 65px;
		background-color: #0069AA;
	}
	#nav_toggle span {
		display: block;
		height: 3px;
		background: #fff;
		position: absolute;
		width: 50%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		border-radius: 3px;
	}
	.open #nav_toggle span {
		background-color: #fff;	
	}
	#nav_toggle span:nth-child(1){
		top: 15px;
	}
	#nav_toggle span:nth-child(2){
		top: 25px;
	}
	#nav_toggle span:nth-child(3){
		top: 35px;
	}
	#nav_toggle p {
		position: absolute;
		color: #fff;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		bottom: 5px;
		font-size: 12px;
	}
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
		top: 25px;
    	left: 20px;
	   -webkit-transform: rotate(150deg);
		-moz-transform: rotate(150deg);
		transform: rotate(150deg);
	}
	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 25px;
    	left: 20px;
		-webkit-transform: rotate(-150deg);
		-moz-transform: rotate(-150deg);
		transform: rotate(-150deg);
	}
}
/*
main {
	min-height: 1280px;
}
*/
@media screen and (max-width:736px){
	body,header {
		min-width: 100%;
	}
	.header_wrap {
		max-width: 100%;
		min-height: 65px;
		padding-left: 1em;
	}
	.header_box_top {
		width: 240px;
		margin: 0;
	}
	.header_box_bottom {
		display: block;
		top: 0;
		left: 0;
	}
	.logo {
		width: 33px;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.site_title {
		width: 200px;
	}
}
/*----------------------------------------------------------
メインビジュアル
----------------------------------------------------------*/
#trigger01 {
	position: relative;
}
#trigger01::before {
	content: '';
	position: absolute;
	width: 600px;
	height: 155px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	right: 50px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(common/img/slider_txt.svg);
	z-index: 2;
}
.home .mainvisual {
    position: relative;
	z-index: 1;
}
.home .mainvisual::before,
.home .mainvisual::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
	z-index: 100;
    border-bottom: 200px solid #fff;  /* 好みで高さ色を変えてください */ 
}
.home .mainvisual::before {
    left: 0;
    border-right: 640px solid transparent;
}
.home .mainvisual::after {
    right: 0;
    border-left: 640px solid transparent;
}
@media screen and (min-width:1280px){
	.home .mainvisual::before,
	.home .mainvisual::after {
		border-bottom: 20vw solid #fff;  /* 好みで高さ色を変えてください */ 
	}
	.home .mainvisual::before {
		border-right: 52vw solid transparent;
	}
	.home .mainvisual::after {
		border-left: 52vw solid transparent;
	}
}
@media only screen and (max-width: 736px) {
	#trigger01::before {
		width: 300px;
		height: 77px;
		bottom: 0;
		top: auto;
	}
	.home .mainvisual::before,
	.home .mainvisual::after {
		border-bottom: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
	}
	.home .mainvisual::before {
		border-right: 50vw solid transparent;
	}
	.home .mainvisual::after {
		border-left: 50vw solid transparent;
	}
	.home .slick-slide img {
		width: 200vw;
		max-width: 200vw;
		position: relative;
		left: -20%;
	}
}
article {
	position: relative;
}
article#mission {
	background-repeat: no-repeat;
	background-position: left;
	background-size: 27%;
	background-image: url(common/img/mission_01.jpg);
}
article#mission::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 27%;
	background-image: url(common/img/mission_02.jpg);
}
article#about {
	background-repeat: no-repeat;
	background-position: left;
	background-size: 65%;
	background-image: url(common/img/about_back.png);
}
article#business {
	background-repeat: no-repeat;
	background-position: right;
	background-size: 65%;
	background-image: url(common/img/business_back.png);
}
article#link {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(common/img/link.png);
}
article#news {
	background-color:#e4f1f9;
}
article#news a[target="_blank"] {
    padding-right: 15px;
    background: transparent url("common/img/blank.gif") no-repeat center right;
}

#recruit .para_wrap {
	position: relative;
	overflow: hidden;
}
#recruit .para_wrap::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 100px solid #fff;  /* 好みで高さ色を変えてください */ 
    border-left: 1280px solid transparent;
	z-index: 1;
}
#recruit .para_wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; 
    border-top: 100px solid #fff;  /* 好みで高さ色を変えてください */ 
    border-right: 1280px solid transparent;
}
article h2 {
    position: absolute;
	top: -40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#mission h2 {
	width: 697px;
}
#about h2 {
	left: auto;
	right: 0;
	transform: none;
	width: 714px;
}
#business h2 {
	left: 0;
	transform: none;
	width: 676px;
}
#recruit h2 {
	top: 0;
	left: 0;
	transform: none;
	width: 588px;
	z-index: 1;
}
#voice h2 {
	top: -80px;
	z-index: 3;
	left: auto;
	right: 0;
	transform: none;
	width: 433px;
	background: none;
}
#mission h3 {
	width: 474px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
#mission p {
	color: #004DA0;
	text-align: center;
	line-height: 2;
}
.sec_title {
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 40px;
}
.home .sec_title {
	font-size: 50px;
}
.sec_title span {
	vertical-align: 4px;
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	font-family: serif;
}
.sec_title span::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 15px;
	border-left: 2px solid #EF9B82;
	transform: rotate(15deg);
	width: 18px;
	height: 30px;
}
#mission {
	margin-top: 120px;
}
#mission .wrap_s {
	padding-top: 20px;
}
#about .wrap_s {
	padding-top: 160px;
	min-height: 660px;
}
.page .wrap_s p,
#about .wrap_s p,
#business .wrap_s p,
#recruit p,
#voice .box p {
	color: #fff;
	line-height: 2;
	margin-bottom: 1.5em;
	font-weight: normal;
}
#about .box {
	width: 380px;
	float: left;
}
#about .imgbox {
	position: absolute;
	bottom: 0;
	right: -100px;
	width: 640px;
	padding-bottom: 540px;
	background-image: url(common/img/about_01.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#business .wrap_s {
	padding-top: 160px;
	min-height: 660px;
}
#business h2 {
	float: left;
}
#business .box {
	width: 380px;
	float: right;
}
#business .imgbox {
	position: absolute;
	bottom: 0;
	left: -100px;
	width: 640px;
	padding-bottom: 540px;
	background-image: url(common/img/business_01.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#recruit .wrap_s {
	display: flex;
	background-color: rgba(240, 97, 54, .9);
	padding: 50px 100px 50px 50px;
	justify-content: space-between;
	align-items: center;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	bottom: -100px;
	z-index: 1;
	margin-bottom: 0;
}
#recruit .wrap_s .box {
	width: 60%;
}
#recruit .sec_title span::before {
	border-color: #fff;
}
.page.recruit .sec01 .btn,
#recruit .btn {
	color: #F06136
}
#voice {
	margin-top: 200px;
	height: 540px;
}

#voice .wrap_s {
	height: 540px;
}
#voice .wrap_s img {
	position: absolute;
	left: -325px;
	bottom: 0;
	width: auto;
	height: 540px;
	z-index: 2;
}
.voice #voice .wrap_s img {
	left: -275px;
}
#voice .box_in {
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #0069AA;
	z-index: 1;
	padding: 85px 0 85px 60%;
}

#voice .box {
	width: 380px;
	float: left;
}
.voice #voice .box {
	width: 486px;
	float: left;
}
#link .wrap_s {
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 85px 0;
}
#link ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#link li {
	background-color: #fff;
	width: 32%;
	margin-bottom: 20px;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
#link li a {
	display: block;
	padding: 40px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
}

/*新着情報
-----------------------------*/

#news .wrap_s {
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 85px 0;
	width: 800px;
	margin: 0 auto
}
.news .wrap_s p{
	color: #333;
}
#news .sec_title{
    color: #2c67a5;
}
#news .btn{
	margin: 3em auto 0;
}
.news--list__wrap,.news--detail__wrap{
    width: 800px;
    margin:0 auto;
    padding-bottom:100px;
	    padding-top: 90px;
}
.news--list a{
    color: #0085D5;
}
.news--dl{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    /*border-bottom: 1px solid #D5D5D5;*/
    margin: 0;
    padding: 0;
    width: 100%;
}
.news--dl dt{
    border-bottom: 1px solid #D5D5D5;
    width: 15%;
    margin: 0;
    padding: 20px 20px 20px 0;
}
.news--dl dd{
    border-bottom: 1px solid #D5D5D5;
    width: 85%;
    margin: 0;
    padding: 20px 0;
}


@media screen and (min-width:1280px){
	#recruit .para_wrap::before {
		border-bottom: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
		border-left: 105vw solid transparent;
	}
	#recruit .para_wrap::after {
		border-top: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
		border-right: 105vw solid transparent;
	}
}
@media only screen and (max-width: 736px) {
	.sec_title {
		font-size: 25px;
	}
.home .sec_title {
	font-size: 40px;
}
	.sec_title span {
		font-size: 12px;
	}
	article#mission {
		background-position: bottom left;
		background-size: 50%;
		padding-bottom: 100px;
		margin-top: 20px;
	}
	article#mission::before {
		background-position: bottom right;
		background-size: 50%;
	}
	article h2 {
		top: 0;
	}
/*トップページのコンテンツ----------------------------------------------------------------------------*/
	#mission .wrap_s {
		padding-top: 0;
	}
	#mission h2,
	#recruit h2,
	#mission h3 {
		width: 100%;
		position: relative;
	}
	#about h2,
	#business h2,
	#voice h2 {
		display: none;
	}
	article#about,
	article#business {
		background-size: cover;
	}
	article#about {
		margin-top: 100px;
	}
	#mission {
		margin-top: 0;
	}
	#mission h2,
	#recruit h2 {
		padding-left: 1em;
		padding-right: 1em;
		top: 40px;
	}
	#recruit h2 {
		top: 50px;
	}
	#mission h3 {
		width: 85%;
	}
	#about .wrap_s,
	#business .wrap_s,
	#recruit .wrap_s,
	#voice .wrap_s {
		position: relative;
		width: 100%;
		min-height: inherit;
		display: block;
	}
	#about .imgbox,
	#business .imgbox {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		top: 0;
		bottom: auto;
	}
	#voice .box_in {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		padding: 0;
		top: 0;
		bottom: auto;
	}
	#about .box,
	#business .box,
	#recruit .wrap_s .box,
	#voice .box {
		float: none;
		width: 100%;
	}
	#about .wrap_s {
		padding-top: 100px;
		margin-bottom: 0;
	}
	#business .wrap_s {
		padding-top: 100px;
		margin-bottom: 50px;
	}
	#about .imgbox,
	#business .imgbox {
		height: 350px;
		padding-bottom: 100px;
		margin-top: 50px;
	}
	#recruit .para_wrap::before {
		border-bottom: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
		border-left: 100vw solid transparent;
	}
	#recruit .para_wrap::after {
		border-top: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
		border-right: 100vw solid transparent;
	}
	#recruit .wrap_s,
	#voice .box_in,
	#link .wrap_s,news .wrap_s {
		padding: 50px 1em 100px 1em;
	}
	#recruit .wrap_s {
		height: auto;
		margin-bottom: 50px;
		bottom: 0;
		top: -50px;
	}
	#voice {
		margin-top: 0;
		height: auto;
	}
	#voice .wrap_s {
		background: none;
		padding: 0;
		height: auto;
		margin-bottom: 0;
		top: 0;
	}
	#voice .wrap_s img {
		position: relative;
		left: 0;
		bottom: auto;
		top: 0;
		width: 100%;
		height: auto;
		    transform: scale(1.3);
	}
	#link .wrap_s {
		bottom: 0;
	}
	#link li {
		width: 100%;
	}
.voice #voice .wrap_s img {
     left: 0px; 
}
 .voice #voice .box_in {
    padding: 100px 1em 270px 1em;
}
	.voice #voice .box{
		width: 100%;
	}
/*新着情報一覧（スマホ）*/
#news .wrap_s {
    padding: 85px 20px;
}
    .news--dl{
        display: block;
    }
    .news--dl dt{
        border-bottom: none;
        width: 100%;
        margin: 0;
        padding: 15px 0 9px 0;
    }
    .news--dl dd{
        border-top: 0px ;
        width: 100%;
        margin: 0;
        padding: 0 0 10px 0;
    }
.news--list__wrap,.news--detail__wrap{
    padding-bottom:50px;
	padding-top: 40px;
}

}
/*----------------------------------------------------------
　footer
----------------------------------------------------------*/
footer {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	 border-top: 1px solid #ddd;
	    letter-spacing: 0em;
}
.footer_box_middle {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(common/img/footer.jpg);
}
@media screen and (max-width:1280px){
	footer {
		justify-content: space-between;
	}
}
.footer_box_top {
	position: relative;
	width: 460px;
	background-color: #fff;
	padding: 40px 50px 50px 100px;
}
.address_text {
	margin-bottom: 20px;
}
.address_tel {
	margin: 0;
}
.footer_box_top::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100px;
	border-bottom: 320px solid transparent;
    border-right: 100px solid #fff;
    z-index: 1;
    transform: rotate(180deg);
    width: 0;
    height: 0;
}
.footer_box_top .sec_title {
	color: #000;
	margin-bottom: 20px;
	line-height: 1;
	text-align: center;
}
.footer_box_top .sec_title img {
	display: block;
	margin-bottom: 10px;
}
.footer_box_top .sec_title .logo {
	float: none;
	margin: 0 auto 10px;
}
footer .sec_title span {
	font-size: 10px;
}
footer .sec_title span::before {
	content: none;
}
.footer_box_top address {
	text-align: left;
	max-width: 310px;
	margin: 0 auto;
}
.footer_box_top address p {
	font-size: 14px;
	font-weight: 600;
}
.footer_box_top address p a {
	text-decoration: underline;
}
.footer_box_top address p.address_text a {
	text-decoration: none;
}
.footer_box_middle {
	width: 65%;
	background-color: inherit;
	min-height: inherit;
	line-height: inherit;
	padding: 0;
	text-align: left;
	border: none;
}
.wrap_m {
	margin: 0;
	padding: 0;
	width: auto;
}
.footer_box_middle {
	padding: 80px 50px 75px;
}
.footer_box_middle ul {
	float: right;
	width: 650px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.footer_box_middle ul li {
	background-color: rgba(255,255,255,.8);
	width: 310px;
	margin-bottom: 20px;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .2);
}
@media screen and (min-width:1280px){
	.footer_box_middle ul {
		float: none;
		margin: 0 auto;
	}
}
@media screen and (max-width:1280px){
	.footer_box_middle ul {
		width: 85%;
	}
	.footer_box_middle ul li {
		width: 48%;
	}
}
.footer_box_middle ul li a {
	display: block;
	padding: 20px;
	min-height: 100px;
}
.footer_box_middle ul li.address_tel a h9 {
	font-size: 14px;
	font-weight: 600;
	color: #0069AA;
	margin-bottom: 10px;
	-webkit-text-size-adjust: 100%;
}
.footer_box_middle ul li.address_tel a h8 {
	font-size: 23px;
	font-weight: 600;
	color: #0069AA;
}
.footer_box_middle ul li.address_mail a {
	display: flex;
	justify-content: flex-end;
	height: 100%;
	align-items: center;
	color: #0069AA;
	position: relative;
	padding: 20px;
	text-align: right;
}
.footer_box_middle ul li.address_mail a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 15px;
    background-image: url(common/img/icon_mail_b.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 37px;
    height: 30px;
    pointer-events: none;
}
.footer_box_middle ul li.address_mail a .mail {
	font-size: 20px;
	font-weight: 600;
	color: #0069AA;
}
.footer_box_bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: solid 1px rgba(255,255,255,.2);
	max-width: inherit;
	min-height: 45px;
	line-height: inherit;
}
.copyright {
	display: block;
	width: 60%;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	padding: 15px;
	text-align: center;
	float: right;
}
@media only screen and (max-width: 736px) {
	footer {
		display: block;
		background: none;
	}
	.footer_box_top .sec_title .logo {
		width: 60px;
	}
	.footer_box_top,
	.footer_box_middle {
		width: 100%;
		padding: 0;
	}
	.footer_box_top {
		padding: 50px 1em 40px;
	}
	.footer_box_middle ul {
		float: none;
		width: 100%;
		display: block;
	}
	.footer_box_bottom {
		position: relative;
		width: 100%;
	}
	.footer_box_top address p {
		text-align: center;
	}
	.footer_box_middle .wrap_m {
		padding: 50px 30px;
	}
	.footer_box_bottom .wrap_m {
		padding: 0;
	}
	.footer_box_middle ul {
		width: 100%;
	}
	.footer_box_middle ul li {
		width: 100%;
	}
	.footer_box_bottom {
		min-height: inherit;
	}
	.copyright {
		width: 100%;
		float: none;
	}
	.footer_box_middle ul li a {
		text-align: center;
	}
	.footer_box_middle ul li.address_mail a .mail {
		order: 2;
		text-align: left;
	}
	.footer_box_middle ul li.address_mail a {
		justify-content: center;
	}
	.footer_box_middle ul li.address_mail a::after {
		margin-right: 1em;
		    position: static;
		    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	}
.footer_box_top::after {
	display: none;
}
}

/* モーダルウィンドウ */
.modal-window {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 1000px;
	height: 80vh;
	background-color: #fff;
	z-index: 11;
	padding: 30px;
	overflow: hidden;
	    width: 90%;
}
/* 閉じるボタン */
.button-close {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 50px;
	right: 50px;
	background-image: url(./common/img/icon_close.png);
	background-size: contain;
	background-color: transparent;
	z-index: 11;
}
/* オーバーレイ */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 10;
}
.modal-window .inner {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 20px;
}
.modal-window .inner>img {
	margin-bottom: 2em;
}
@media screen and (min-width:1281px){
	.modal-window {
height: 90vh;
	}
}
@media screen and (max-width:1280px){
	.modal-window {
/*		    height: auto;*/
	}
}
@media screen and (max-width: 736px) {
	.modal-window {
		width: 90%;
		    height: auto;
		padding: 1em;
		height: 80vh;
    margin-top: 1em;
	}
	.modal-window .inner {
		overflow: auto;
		padding: 1em;
	}
}
#page_top {
	background-color: rgba(0, 105, 170, .8);
    position: fixed;
    width: 57px;
    height: 57px;
    bottom: 50px;
    right: 50px;
    z-index: 10000;
	border-radius: 50%;
	background-image: url(common/img/icon_arrow_w.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
#page_top:hover {
	cursor: pointer;
}
@media screen and (max-width:736px){
	#page_top {
    	bottom: 25px;
		right: 25px;
	}
}



#page_header {
	background-repeat: no-repeat;
	background-size: cover;
}
.about #page_header {
	background-image: url(common/img/about.jpg);
}
.business #page_header {
	background-image: url(common/img/business.jpg);
}
.recruit #page_header {
	background-image: url(common/img/recruit.jpg);
}
.voice #page_header {
	background-image: url(common/img/voice.jpg);
}
.access #page_header {
	background-image: url(common/img/access.jpg);
}
.contact #page_header {
	background-image: url(common/img/contact.jpg);
}
.privacy #page_header {
	background-image: url(common/img/privacy.jpg);
}
.news #page_header {
	background-image: url(common/img/privacy.jpg);
}
#page_header .wrap_s {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0;
	min-height: 160px;
}
#page_header .wrap_s li {
	width: 100%;
}
#page_header .wrap_s h3 {
	margin-bottom: 0;
}
h4 {
	font-size: 40px;
	font-weight: 600;
	color: #0069AA;
	text-align: center;
	margin-bottom: 30px;
}
h4 span {
	display: block;
	font-size: 16px;
	color: #4C96C3;
	margin-top: 0.5em;
}
.page.business .sec01 {
	background-repeat: no-repeat;
	background-image: url(common/img/business_a01.png);
	background-size: contain;
	background-position: right;
	padding-top: 130px;
	padding-bottom: 100px;
	margin-bottom: 100px;
}
.page.business .sec01 h3 {
	width: 50%;
	margin-bottom: 50px;
}
.page.business .sec01 .wrap_s {
	margin-bottom: 0;
}
.page.business .sec01 .wrap_s p {
	color: #333;
	line-height: 2;
	font-size: 18px;
	font-weight: 600;
	width: 55%;
	margin-bottom: 0;
}
.page.business .sec02 ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.page.business .sec02 ul li {
	width: 24%;
	margin-bottom: 30px;
}
.page.business .sec02 ul li span {
	display: block;
	text-align: center;
	margin-top: 15px;
	font-size: 18px;
	font-weight: 600;
}
.page.business .sec03 {
	background-color: #F2F9FF;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page.business .sec03::before {
    content: "";
    position: absolute;
    top: 100px;
    right: 0;
    background-image: url(./common/img/business_cbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    height: 360px;
}
.page.business .sec04 {
	background-color: #D4E1ED;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page.business .sec04::before {
    content: "";
    position: absolute;
    bottom: 50px;
    left: -10px;
    background-image: url(./common/img/business_dbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    height: 100px;
}
.page.business .sec03.xp {
	background-color: #AAC3DB;
}
.page.business .sec03.xp::before {
    content: "";
    position: absolute;
    top: 100px;
    right: 0;
    background-image: url(./common/img/business_ebg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 320px;
    height: 360px;
}
.page.business .sec04.xp {
	background-color: #98B7D3;
}
.page.business .sec04.xp::before {
    content: "";
    position: absolute;
    bottom: 100px;
    left: 0;
    background-image: url(./common/img/business_fbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 680px;
    height: 280px;
}
.page.business .sec05 {
	background-color: #F3F5F9;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page.business .sec03 .wrap_s {
	padding-bottom: 470px;
	margin-bottom: 0;
}
.page.business .sec03 .wrap_s p,
.page.business .sec04 .wrap_s p {
	color: #000;
	line-height: 1.8;
}
.page.business .sec03 .wrap_s ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page.business .sec03 .wrap_s ul li {
	width: 49%;
}
.page.business .sec03 .right {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 48%;
}
.page.business .sec03 .left {
	position: absolute;
	bottom: 0;
	left: -140px;
	width: 620px;
}
h5 {
	font-size: 30px;
	font-weight: 600;
	border-bottom: solid 1px #FF8560;
	margin-bottom: 10px;
    padding-bottom: 0.6em;
	
}
h5 span {
	font-size: 56px;
	font-weight: 600;
	color: #0069AA;
	vertical-align: -3px;
	padding-right: 10px;
}
.page.business .sec04 .wrap_s {
	padding-bottom: 320px;
	margin-bottom: 0;
}
.page.business .sec04 .right {
	position: absolute;
	top: 0;
	right: -140px;
	width: 620px;
}
.page.business .sec04 .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
}
.page.business .sec05 .wrap_s {
	margin-bottom: 0;
}
h6 {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	color: #0069AA;
	margin-bottom: 20px;
}
h6 span {
	position: relative;
}
h6 span::before {
	content: "";
	position: absolute;
	width: 38px;
	height: 1px;
	background-color: #C3C3C3;
	left: -60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}
h6 span::after {
	content: "";
	position: absolute;
	width: 38px;
	height: 1px;
	background-color: #C3C3C3;
	right: -60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}
.page.business .sec05 p {
    text-align: center;
	margin-bottom: 60px;
}
.page.business .sec05 p img {
	padding-right: 10px;
    max-width: 37px;
	height: auto;
}
.page.business button {
	position: absolute;
    background-image: url(./common/img/icon_kuwashiku.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
	border: none;
	background-color: inherit;
	padding: 0;
}
.page.business button.js-close {
	top: 2%;
	right: 5%;
	width: 24px;
	height: 24px;
    background-image: url(./common/img/icon_close.png);
	background-color: transparent;
}
.page.business button.a01 {top: 302px; left: 20px;}
.page.business button.a02 {top: 270px; left: 177px;}
.page.business button.a03 {top: 324px; left: 270px;}
.page.business button.a04 {top: 221px; left: 289px;}
.page.business button.a05 {top: 82px; left: 391px;}
.page.business button.a06 {top: 105px; left: 641px;}
.page.business button.a07 {top: 111px; left: 771px;}
.page.business button.a08 {top: 217px; left: 900px;}
.page.business button.a09 {top: 556px; left: 470px;}
.page.business button.a10 {top: 556px; left: 566px;}
.page.business button.a11 {top: 556px; left: 728px;}
.inner video {
	width: 100%;
	margin-bottom: 25px;
}
.inner ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.inner ul li {
	width: 49%;
}
.page.business .inner p {
	color: #000;
	text-align: left;
}
@media screen and (max-width:736px){
h4 {
	font-size: 30px;
	font-weight: 600;
	color: #0069AA;
	text-align: center;
	margin-bottom: 30px;
}
#page_header .wrap_s {
margin-top: 70px;
}
	.page.business .sec01 {
		padding-top: 50px;
		padding-bottom: 150px;
		background-position: bottom;
		background-color:rgba(255,255,255,0.5);
		background-size: cover;
		background-blend-mode:lighten;

	}
	.page.business .sec01 h3,
	.page.business .sec01 .wrap_s p {
		width: 100%;
	}
	.page.business .sec02 ul li {
		width: 49%;
	}
	.page.business .sec02 .wrap_s {
		margin-bottom: 50px;
	}
	.page.business .sec03 .left,
	.page.business .sec03 .right,
	.page.business .sec04 .left,
	.page.business .sec04 .right {
		position: relative;
		width: 100%;
		left: 0;
	}
	.page.business .sec03 .right {
		margin-bottom: 5px;
	}
	.page.business .sec03 .wrap_s,
	.page.business .sec04 .wrap_s {
		padding-bottom: 0;
	}
	.page.business .sec03::before,
	.page.business .sec03.xp::before {
		width: 30%;
		height: 30%;
	}
	.page.business .sec04::before {
		width: 50%;
		height: 10%;
		left: 0;
		bottom: 5%;
	}
	.page.business .sec04.xp::before {
		width: 100%;
		height: 25%;
		left: 0;
		bottom: 5%;
	}
	.page.business button {
		width: 8%;
		height: 8%;
	}
	.page.business button.a01 {top: 43%; left: 6%;}
	.page.business button.a02 {top: 36%; left: 20%;}
	.page.business button.a05 {top: 30%; left: 30%;}
	.page.business button.a04 {top: 14%; left: 40%;}
	.page.business button.a06 {top: 14%; left: 63%;}
	.page.business button.a07 {top: 16%; left: 75%;}
	.page.business button.a08 {top: 30%; left: 87%;}
	.page.business button.a03 {top: 48%; left: 29%;}
	.page.business button.a09 {top: 76%; left: 47.5%;}
	.page.business button.a10 {top: 76%; left: 56%;}
	.page.business button.a11 {top: 76%; left: 71%;}
}
.page.voice p {
	color: #000;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.8;
}
.page.voice .sec01 {
	padding: 80px 0 70px;
	background-color: #F3EFE7;
}
.page.voice .wrap_s {
	margin-bottom: 0;
}
.page.voice .wrap_s ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page.voice .wrap_s ul li {
	width: 47%;
}
.page.voice .wrap_s ul li a {
	margin-top: 20px;
}
.page.voice .sec02 {
	padding: 90px 0 100px;
}
.page.voice .sec02 .wrap_s {
	height: 450px;
	margin-bottom: 0;
}
.page.voice .sec02 img.xp {
	position: absolute;
	top: 0;
	right: 50px;
	width: auto;
	height: 450px;
}
.page.voice .sec02 .box {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	left: 40px;
	z-index: 2;
	width: 345px;
}
.page.voice .sec02 .box a {
	margin-top: 30px;
}
.page.voice .sec03 {
	margin-bottom: 70px;
}
.page.voice .sec04,
.page.voice .sec05,
.page.voice .sec06 {
	margin-bottom: 100px;
}
.page.voice .sec07 {
	margin-bottom: 80px;
}
.page.voice .sec08,
.page.voice .sec09 {
	margin-bottom: 50px;
}
.page.voice .sec09.xp {
	margin-bottom: 150px;
}
.page.voice .sec03::before {
	content: "";
	position: absolute;
    top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 12%;
    background-image: url(./common/img/voice_c01_01.png);
    background-repeat: no-repeat;
    background-size: contain;
	z-index: 1;
}
.page.voice .sec03::after {
	content: "";
	position: absolute;
    bottom: -6px;
	left: 0;
	width: 100%;
	padding-bottom: 14%;
    background-image: url(./common/img/voice_c01_02.png);
    background-repeat: no-repeat;
    background-size: contain;
	z-index: 1;
}
.page.voice .sec03.xp::before,
.page.voice .sec03.xp::after {
    transform: scale(-1, 1);
}
.page.voice .sec03 .txt {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	left: 40px;
	z-index: 2;
	width: 580px;
}
.page.voice .sec03.xp .txt {
	right: 40px;
	left: auto;
}
.page.voice .sec03 .txt.xp {
	position: absolute;
    top: auto;
	bottom: 0;
	left: 40px;
	z-index: 2;
	width: 360px;
}
.page.voice .sec03.xp .txt.xp {
	right: 40px;
	left: auto;
}
.page.voice .sec03 .txt.xxp {
	position: absolute;
    top: 12%;
	bottom: auto;
	left: auto;
	right: 4%;
	z-index: 2;
	width: 165px;
}
.page.voice .sec03.xp .txt.xxp {
	left: 4%;
	right: auto;
}
.page.voice .sec04 .wrap_s,
.page.voice .sec05 .wrap_s {
	padding-bottom: 690px;
}
.page.voice .sec04 .imgbox {
	position: absolute;
	bottom: 0;
	left: -100px;
	width: 690px;
	padding-bottom: 0px;
	background-image: url(common/img/voice_dbg.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.page.voice .sec04 {
    background-repeat: no-repeat;
    background-position: left;
    background-size: 65%;
    background-image: url(common/img/voice_dbg.png);
}
.page.voice .sec04 .box {
    position: absolute;
	width: 530px;
	top: 140px;
	left: -60px;
}
.page.voice .sec04 h3,
.page.voice .sec05 h3 {
	font-size: 40px;
    color: #0069AA;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.8;
	font-weight: bold;
}
.page.voice .sec04 img.xp {
    position: absolute;
	display: block;
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 60%;
}
.page.voice .sec05 {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 65%;
    background-image: url(common/img/voice_ebg.png);
}
.page.voice .sec05 .box {
    position: absolute;
	width: 530px;
	top: 140px;
	right: -60px;
}
.page.voice .sec05 img.xp {
    position: absolute;
	display: block;
    top: 50%;
    left: -10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 60%;
}
.page.voice .sec06 .wrap_s {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
    background-color: #F3F5F9;
}
.page.voice .sec06 .wrap_s img.xp {
	width: 375px;
}
.page.voice .sec06 .wrap_s h3 {
	color: #0069AA;
	font-size: 32px;
	font-weight: 600;
}
.page.voice .sec06 .wrap_s .box {
	position: relative;
	padding: 50px;
}
.page.voice .sec06 .wrap_s .box::before {
	content: "";
	position: absolute;
	bottom: -5px;
	right: 0;
	border-style: solid;
	border-width: 0 0 108px 108px;
	border-color: transparent transparent #ffffff transparent;
}
.page.voice .sec06 p:nth-child(3) {
	margin-bottom: 0;
}
.page.voice .sec07 {
	height: 500px;
	background-position: right;
	background-image: url(common/img/voice_k01.png);
	background-repeat: no-repeat;
	background-size: 80%;
}
.page.voice .sec07 .wrap_s {
	height: 500px;
}
.page.voice .sec07 img {
    position: absolute;
	display: block;
    top: 50%;
    left: -10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 460px;
}
.page.voice .sec08 .wrap_s,
.page.voice .sec09 .wrap_s {
	padding-bottom: 320px;
}
.page.voice .sec08 .wrap_s .right {
	position: absolute;
	bottom: 0;
	right: -20px;
	width: 55%;
}
.page.voice .sec08 .wrap_s .left {
	position: absolute;
	bottom: auto;
	top: 0;
	left: 60px;
	width: 410px;
}
.page.voice .sec09 .wrap_s .left {
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 55%;
}
.page.voice .sec09 .wrap_s .right {
	position: absolute;
	bottom: auto;
	top: 0;
	right: 60px;
	width: 410px;
}
.page.voice .sec08 .wrap_s h4,
.page.voice .sec09 .wrap_s h4{
	color: #FF5E5A;
	font-size: 1.7em;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	padding-bottom: 0.5em
}
.page.voice .sec10 {
	height: 430px;
}
.page.voice .sec10 img.xp {
	height: 100%;
	width: auto;
}
.page.voice .sec10 .box_in {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    background-image: url(common/img/voice_mbg.png);
}
.page.voice .sec10 .box_in .box {
	padding-top: 80px;
/*	padding-left: 25%;*/
/*	width: calc( 465px + 25% );*/
}
.page.voice .sec10 .box_in .box a {
	margin-top: 30px;
}
.page.voice h4 {
	position: relative;
	margin-top: 55px;
	border-bottom: solid 1px #FF5E5A;
}
.page.voice h4::before {
	content: "";
	position: absolute;
    bottom: 60px;
	left: 0;
	width: 100px;
	height: 35px;
    background-image: url(./common/img/voice_l01_1.png);
    background-repeat: no-repeat;
    background-size: contain;
	z-index: 1;
}
.page.voice .sec09 h4::before {
    background-image: url(./common/img/voice_l02_1.png);
}
.page.voice .sec08.xp h4::before {
    background-image: url(./common/img/voice_l03_1.png);
}
.page.voice .sec09.xp h4::before {
    background-image: url(./common/img/voice_l04_1.png);
}
@media screen and (min-width:1281px){
	.page.voice .sec03::after{
		    bottom: -9px;
	}
	
/*社員の声ページ　職場の良さを教えてください！ 職場の⼥性のみなさんに、釜⽯グレーンセンターで働く魅⼒を聞きました。のメインビジュアル*/
	.page.voice .sec07 {
		background-position: top right;
		height: 700px;
		margin-bottom: 170px;
	}
	.page.voice .sec07 .wrap_s {
		height: 700px;
	}
	.page.voice .sec07 img {
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		width: 460px;
	}
	.page.voice .sec10 img.xp {
		width: 55%;
		object-fit: cover;
		object-position: left 10%;
	}
	
/*社員の声ページ　コンテンツ部分*/

	.page.voice .sec08,.page.voice .sec09 {
    margin-bottom: 70px;
	}
	.page.voice .sec08 .wrap_s,.page.voice .sec09 .wrap_s{
		max-width: 1400px;
		width: 100%;
		padding-bottom: 410px;
	}
	.page.voice .sec08 .wrap_s h4, .page.voice .sec09 .wrap_s h4{
		font-size: 2.2em;
	}
	.page.voice .sec09 .wrap_s .right{
		width: 560px;
	}
	.page.voice .sec08 .wrap_s .right {
		position: absolute;
		bottom: 0;
		right: 0px;
		width: 50%;
	}
	.page.voice .sec08 .wrap_s .left {
		width: 560px;
	}
.page.voice .sec09 .wrap_s .left {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 50%;
}
	.page.voice h4::before {
		bottom: 70px;
	}
	.voice #voice {
		margin-top: 100px;
		height: 540px;
	}
}

/*会社案内ページ*/

.page.about .sec01 {
	background-color: #E5F3FC;
	background-image: url(common/img/about_a02_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
    padding: 9em 0 4em;
}
.page.about .sec01 .wrap_s {
	margin-bottom: 0;
	max-width: 1500px;
/*    margin-bottom: 150px;*/
     width: 100%;
	 align-items: center;
	 display: flex;
	 justify-content: space-evenly;
}
.page.about .sec01 .wrap_s .box {
    /* position: absolute; */
	width: 615px;
	margin-left: 0px;
	padding-top: 50px;
    /* top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); */
}
.page.about .sec01 .wrap_s .box img.xp {
	width: 580px;
	margin-bottom: 35px;
}
.page.about .sec01 .wrap_s .box p {
	color: #000;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
}
.page.about .sec01 .wrap_s .box span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.page.about .sec01 .wrap_s .box span img {
	display: inline-block;
	width: 97px;
	margin-right: 10px;
}
.page.about .sec01 .wrap_s .box span img.xp {
	width: 111px;
	margin-bottom: 0;
}
.page.about .sec01 .wrap_s .box_img{
	max-width: 300px;
}
.page.about .sec02 {
	padding-bottom: 20%;
	background-repeat: no-repeat;
	background-size:100%, cover;
	background-image:url(./common/img/about_a02_bg_2.png), url(./common/img/about_b01.png);
	padding-top: 170px;
	background-position:top, bottom;
}
.page.about .sec02 img {
	margin-top: 90px;
	margin-left: -100px;
	width: 465px;
}
.page.about .sec03 {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 60%;
    background-image: url(common/img/about_c02.png);
	height: 560px;
	margin-top: -200px;
	margin-bottom: 70px;
}
.page.about .sec04 {
    background-repeat: no-repeat;
    background-position: left;
    background-size: 60%;
    background-image: url(common/img/about_d01.png);
	height: 560px;
	margin-bottom: 100px;
}
.page.about .sec04 .wrap_s,
.page.about .sec03 .wrap_s {
	height: 560px;
}
.page.about .sec03 .box {
	position: absolute;
    top: 50%;
    left: -140px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 455px;
}
.page.about .sec04 .box {
	position: absolute;
    top: 50%;
    right: -140px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 455px;
}
.page.about .sec03 h3,
.page.about .sec04 h3 {
    width: 380px;
	border-bottom: solid 1px #0069AA;
	padding-bottom: 20px;
}
.page.about .sec04 p,
.page.about .sec03 p {
	font-weight: 600;
    color: #333;
}
.page.about .sec05 .wrap_s {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
/*	padding-top: 100px;*/
}
.page.about .sec06 .wrap_s {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 1;
	padding-top: 100px;
}
.page.about .sec07 a {
	color: #2370BF;
}
.page.about a[target="_blank"],.page.news a[target="_blank"] {
    padding-right: 15px;
    background: transparent url("common/img/blank.gif") no-repeat center right;
}
.page.about .sec07 span{
margin: 0.15rem;
}
@media screen and (min-width:1281px){
.page.about .sec01 .wrap_s .box {
    width: 55%;
    margin-left: 0px;
}
.page.about .sec02 {
		background:linear-gradient( to top, #fff, rgba(255,255,255,0.00) ),url(./common/img/about_a02_bg_2.png),url(./common/img/about_b01.png);
    background-position: bottom,top, center top 50%;
	    background-size: cover,100%,cover;
		background-repeat: no-repeat;
		padding-top: 260px;
}
.page.about .sec05,.page.about .sec06 {
    max-height: 740px;
}	
	.page.about .sec06 .wrap_s,
	.page.about .sec05 .wrap_s {
		top: 20%;
		padding-top: 50px;
	}
.page.about .sec07 {
    padding-top: 100px;
    background-color: #fff;
}
}
.page.about .sec05 .wrap_s .box,
.page.about .sec06 .wrap_s .box {
	width: 440px;
}
.page.about .sec05 .wrap_s .box p {
	color: #333;
	font-weight: bold;
}
.page.about .sec06 .wrap_s .box p {
	color: #0069AA;
	font-weight: bold;
}
.page.about .sec05 .wrap_s .box img {
	margin-bottom: 50px;
}
.page.about .sec05 .wrap_s img.xp {
	width: 500px;
	margin-right: -100px;
}
.page.about .sec05 h4,
.page.about .sec06 h4 {
	text-align: left;
}
.page.about .sec06 .wrap_s .box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.page.about .sec06 .wrap_s img.xp {
	width: 560px;
	margin-left: -100px;
}
.page.about .sec07 {
	padding-top: 100px;
}
.page.about table {
	width: 100%;
}
.page.about table th {
	width: 20%;
	background-color: #F3F5F9;
	padding: 24px;
	border-bottom:  solid 1px #CECECE;
	text-align: left;
	vertical-align: top;
}
.page.about table td {
	background-color:#FAFAFA;
	padding: 20px;
	border-bottom:  solid 1px #CECECE;
	line-height: 1.5;
}
.page.about .sec08 {
	padding-top: 90px;
	padding-bottom: 140px;
	background-color: #F3F5F9;
}
.page.about .sec08.xp {
	background-color: #fff;
}
.page.about .sec08 .wrap_s {
	margin-bottom: 0;
}
.page.about .sec09{
	padding-top: 90px;
/*	padding-bottom: 140px;*/
}
.page.about .sec08 .box img {
	display: block;
	margin: 0 auto;
/*	max-width: 322px;*/
    max-width: 1000px;
    padding: 50px;
	background-color: #fff;
}
.page.about .sec09 .box img {
	display: block;
	margin: 0 auto;
/*	max-width: 322px;*/
	max-width:900px;
	padding: 70px 50px;
	background-color: #fff;
}
.page.about .sec08 p ,.page.about .sec09 p {
	color: #000;
	text-align: center;
}
.page.about .sec09 .box ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page.about .sec09 .box ul li {
	width: 32%;
}
.page.about .sec09 .box ul li img {
	padding: 0;
}
@media screen and (max-width:736px){
	.page.about .sec01 .wrap_s .box span {
		margin-bottom: 2em;
	}
	.page.about .sec01 .wrap_s{
		flex-wrap: wrap;
	}
	.page.about .sec08 .box img {
	padding:1.5em 1em;
}
.page.about .sec09 .box ul {
	flex-wrap: wrap;
}
.page.about .sec09 .box ul li {
	width: 100%;
	margin-bottom: 1em;
}
.page.about .sec08 p {
    color: #000;
}
.page.about .sec09 p {
    text-align: left;
}
.page.about .sec02 img{
    max-width: 420px;
}
}
/*----------------------------------------------------------
採用情報
----------------------------------------------------------*/
.page.recruit .sec01 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(common/img/recruit_a01.png);
	height: 570px;
}
.page.recruit .sec01 .box {
    width: 540px;
	padding-top: 170px;
}
.page.recruit .sec01 .box p {
    text-shadow: 1px 2px 3px #808080;
}
.page.recruit .sec01 img {
    position: absolute;
	top: 60px;
	right: -25px;
	width: 510px;
}
.page.recruit .sec02,
.page.recruit .sec03 {
	padding-top: 90px;
}
.page.recruit .sec03 {
	padding-bottom: 100px;
}
.page.recruit .sec02 p {
	color: #000;
	text-align: center;
}
.page.recruit .sec03 ul,
.page.recruit .sec02 ul,
.page.access ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.page.recruit .sec02 ul li {
	width: 49%;
}
.page.recruit .sec03 {
	background-color: #F3F5F9;
}
.page.recruit .sec03 .wrap_s {
	margin-bottom: 0;
}
.page.recruit .sec03 ul {
	margin-bottom: 0;
}
.page.recruit .sec03 ul li {
	width: 32%;
}
.page.recruit .sec03 ul li span {
	display: block;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	margin-top: 15px;
}
#voice.sec04 {
	margin-top: 0;
}
#voice.sec04 .box_in {
padding-top: 170px;
    padding-bottom: 181px;
}
#voice.sec04 .box_in img {
	padding-bottom: 50px;
}
.page.recruit .sec05 {
	background-color: #F3F5F9;
	padding-top: 90px;
	padding-bottom: 100px;
}
.page.recruit .sec05 .box {
	background-color: #fff;
	max-width: 635px;
	margin: 0 auto;
	padding: 45px 75px;
	text-align: center;
}
.page.recruit .sec05 .box h5 {
	color: #0069AA;
	border: none;
	margin-bottom: 30px;
}
.page.recruit .sec05 .box p {
	color: #0069AA;
	font-size: 20px;
	line-height: 1.5;
}
.page.access .sec01 {
	padding-top: 90px;
}
.page.access .sec01 h7 {
	font-size: 20px;
	font-weight: 600;
	color: #005FA2;
}
.page.access .sec01 p {
	color: #333;
}
.page.access .sec01 ul {
	margin-top: 50px;
}
.page.access .sec01 li {
	position: relative;
	padding-left: 100px;
}
.page.access .sec01 li::before {
	content: "";
	position: absolute;
    top: 0;
	left: 0;
	width: 53px;
	height: 77px;
    background-image: url(./common/img/access_a01.png);
    background-repeat: no-repeat;
    background-size: contain;
	z-index: 1;
}
.page.access .sec01 li:nth-child(2)::before {
    top: 0;
	left: 0;
	width: 53px;
	height: 77px;
    background-image: url(./common/img/access_a02.png);
}
@media screen and (max-width:736px){
.page.recruit .sec03 ul, .page.recruit .sec02 ul, .page.access ul {
    flex-wrap: wrap;
}
.page.recruit .sec03 ul li {
    width: 100%;
	margin-bottom: 2em;
}
.page.recruit .sec05 .box {
    padding: 2em;
}
.page.recruit .sec05 .box h5 {
       font-size: 20px;
	margin-bottom: 0.5em;
}
.page.recruit .sec05 .box p {
    font-size: 1.5em;
}
.page.voice .sec06 .wrap_s .box::before {
	display: none;
}
}
/*----------------------------------------------------------
プライバシーポリシー
----------------------------------------------------------*/
.page.privacy .sec01 {
	padding-top: 130px;
}
.page.privacy .sec01 h3.sec_title {
	color: #333;
	font-size: 25px;
	font-weight: 600;
	border-bottom:  solid 1px #0069AA;
	padding-bottom: 15px;
}
.page.privacy .sec01 p {
	color: #000;
	font-weight: normal;
}

.page.privacy .sec01 a {
	color: #0069AA;
	text-decoration: underline;
}
.page.privacy .sec01 .wrap_s {
	margin-bottom: 100px;
}
.page.privacy a[target="_blank"] {
    padding-right: 15px;
    background: transparent url("common/img/blank.gif") no-repeat center right;
}

/*----------------------------------------------------------
お問い合わせフォーム
----------------------------------------------------------*/
.page.contact .sec01 .wrap_s {
	max-width: 918px;
}
.page.contact .sec01 {
	padding-top: 90px;
}
.page.contact .sec01 p {
	color: #000;
	font-weight: normal;
	text-align: center;
}
.page.contact .sec01 .box {
	background-color: #F3F5F9;
	padding: 50px 65px;
	margin-bottom: 50px;
}
.page.contact .sec01 .box p {
	margin-bottom: 0;
	text-align: left;
}
.page.contact .sec01 h5 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	border: none;
}
.page.contact .sec01 table {
	width: 100%;
}
.page.contact .sec01 table th,.page.contact .sec01 table td {
	padding: 30px;
	border-bottom:  solid 1px #D8D8D8;
	text-align: left;
}
.page.contact .sec01 table th {
	width: 32%;
}
.page.contact .sec01 table td {
	width: 70%;
}
.page.contact .sec01 table th span {
	background-color: #F06136;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
	margin-right: 10px;
}
input[type="text"],input[type="tel"] {
	background-color: #EAEAEA;
	border: none;
	width: 100%;
/*	height: 30px;*/
	padding: 0.8em;
	}
textarea{
	width: 100%;
	padding: 0.8em;
}
.submit .submit_btn{
	margin: 50px auto 0;
	background:url(common/img/icon_arrow_b.png), #C3E0EF;
	background-repeat: no-repeat;
background-size: contain;
	background-size: 10px 18px;
	background-position: right 10px center;
}
.submit .btn {
    margin: 1em auto 20px;
}
.submit .submit_btn::before,.submit .submit_btn::after {
    border-left: 10px solid #C3E0EF;
}


/*----------------------------------------------------------
社員の声
----------------------------------------------------------*/
.voice .sec01 .btn span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-image: url(common/img/icon_arrow_b_r.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 10px;
    pointer-events: none;
}
.voice .sec02 .btn {
    color: #693936;
}
.voice .sec02 .btn span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-image: url(common/img/icon_arrow_brw.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 10px;
    pointer-events: none;
}
.business .sec03.xp .right li span {
	text-align: center;
	padding: 10px 0;
	display: block;
}
@media screen and (max-width:736px){
	#page_header {
		background-position: right;
		background-size: cover;
	}
	.page.about .sec01 .wrap_s .box {
		position: relative;
		width: 100%;
		margin-left: 0;	
		top: 0;
		    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	}
	.page.about .sec03,
	.page.about .sec03 .wrap_s,
	.page.about .sec03 .box,
	.page.about .sec05 .wrap_s .box,
	.page.about .sec06 .wrap_s .box {
		position: relative;
		width: 100%;
		margin: 0;
		top: 0;
		left: 0;
		transform: none;
	}
	.page.about .sec06 .wrap_s,
	.page.about .sec05 .wrap_s {
		display: block;
	}
	.page.about .sec04,
	.page.about .sec04 .wrap_s,
	.page.about .sec04 .box {
		position: relative;
		width: 100%;
		margin: 0;
		top: 0;
		right: 0;
		transform: none;
	}
	.page.about .sec03 {
		background-position: bottom right;
    	padding: 40px 0 10px;
    	background-size: 128%;
		background-color:rgba(255,255,255,0.6);
		background-blend-mode:lighten;
		background-position: center right 30%;
	}
	.page.about .sec04 {
		background-position: bottom left;
		padding:40px 0 30px;
		background-size: cover;
		background-color:rgba(255,255,255,0.8);
		background-blend-mode:lighten;
		margin-bottom: 50px;
	}
	.page.about .sec03 h3, .page.about .sec04 h3 {
		width: 100%;
	}
	.page.about .sec03, .page.about .sec04,
	.page.about .sec04 .wrap_s, .page.about .sec03 .wrap_s {
		height: auto;
	}
	.page.about .sec02 img,
	.page.about .sec03 {
		width: 100%;
		margin: 0;
	}
.page.about .sec02 {
    background-size: 157%;
	background-position: top center, right 0 bottom -31%;
    background-color: #D5F2FB;
	}
	.page.about .sec06 .wrap_s,
	.page.about .sec05 .wrap_s {
		position: relative;
		left: 0;
		transform: none;
		margin: 0;
	}
	.page.about .sec06 .wrap_s img.xp {
		width: 100%;
		margin: 0;
	}
	.page.about .sec02,
	.page.about .sec03 {
		margin-bottom: 50px;
	}
	.palabox {
		position: absolute;
		top: 50px;
		left: 0;
	}
	.palabox img{
	object-fit: cover;
    width: 500px;
    height: 900px;
	}	
	
	.page.recruit .sec01 {
		height: auto;
	}
	.page.recruit .sec01 .wrap_s {
		margin-bottom: 0;
	}
	.page.recruit .sec01 .box {
		width: 100%;
		padding-top: 50px;
	}
	.page.recruit .sec01 img {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
	}
	.page.recruit .sec02 ul {
		display: block;
	}
	.page.recruit .sec02 ul li {
		width: 100%;
	}
	.voice #voice{
		margin-top: 150px;
	}
	.page.voice .sec10 {
		height: auto;
	}
	.page.voice .sec10 img.xp {
		height: auto;
		width: 100%;
		margin-left: 0;
	}
	.page.voice .sec10 .box_in {
		position: relative;
		width: 100%;
		background-image: none;
		background-color: #0069AA;
		padding: 50px 1em;
	}
	.page.voice .sec10 .box_in .box {
		width: 100%;
		padding: 0;
	}
	.page.recruit .sec05 {
		padding: 1em;
	}
	.page.voice .wrap_s ul {
		display: block;
	}
	.page.voice .wrap_s ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	.page.voice .sec02 img.xp {
		position: relative;
		width: 100%;
		height: auto;
		right: 0;
		margin-bottom: 20px;
	}
	.page.voice .sec02 .wrap_s {
		width: 100%;
		height: auto;
	}
	.page.voice .sec02 .box {
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
	}
	.page.voice .sec03 {
		margin-top: 100px;
	}
	.page.voice .sec03 .txt {
		 top: -20px;
		left: 1em;
		width: 90%;
	}
	.page.voice .sec03 .txt.xp {
		bottom: -80px;
		width: 70%;
		left: 1em;
	}
	.page.voice .sec03.xp .txt.xp {
		right: auto;
		left: 1em;
	}
	.page.voice .sec03.xp .txt{
		right: auto;
		left: 1em;
	}
	.page.voice .sec03 .txt.xxp {
    width: 130px;
    top: 87px;
	}
	.page.voice .sec04,.page.voice .sec05 {
		background-size: cover;
		padding-top: 50px;
	}
	.page.voice .sec04 .wrap_s, .page.voice .sec05 .wrap_s {
		width: 100%;
		padding-bottom: 0;
	}
	.page.voice .sec04 img.xp,
	.page.voice .sec04 .box,
	.page.voice .sec05 img.xp,
	.page.voice .sec05 .box {
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		right: auto;
		transform: none;
	}
	.page.voice .sec04 h3, .page.voice .sec05 h3 {
		width: 100%;
	    font-size: 35px;
   		line-height: 1.5;
	}
	.page.voice .sec06 .wrap_s {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.page.voice .sec06 .wrap_s img.xp {
		width: 100%;
	}
	.page.voice .sec06 .wrap_s .box {
		padding-left: 1em;
		padding-right: 1em;
	}
	.page.voice .sec07 {
		height: auto;
		background-size: 130%;
		padding-top: 160px;
		background-position: top right;
	}
	.page.voice .sec07 .wrap_s {
		height: auto;
	}
	.page.voice .sec07 img {
		position: relative;
		transform: none;
		top: 0;
		left: 0;
		width: 100%;
	}
	.page.voice .sec08 .wrap_s, .page.voice .sec09 .wrap_s {
		width: 100%;
		padding-bottom: 0;
	}
	.page.voice .sec08 .wrap_s .left,
	.page.voice .sec08 .wrap_s .right,
	.page.voice .sec09 .wrap_s .left,
	.page.voice .sec09 .wrap_s .right {
		position: relative;
		width: 100%;
		left: 0;
	}
	.page.voice .sec09.xp {
		margin-bottom: 50px;
	}
	.page.voice .sec04, .page.voice .sec05 {
		margin-bottom: 50px;
	}
	.page.voice .sec06.xp {
		margin-bottom: 200px;
	}
	.page.voice .sec06 .wrap_s .box {
		padding-bottom: 5em;
	}
	.page.access .sec01 iframe {
		width: 100%;
	}
	.page.access .sec01 ul {
		display: block;
	}
	.page.access .sec01 .wrap_s,.page.access .sec02 .wrap_s {
		margin-bottom: 50px;
	}
	.page.contact .sec01 .box {
		padding-left: 1em;
		padding-right: 1em;
	}
	.page.contact .sec01 table th,.page.contact .sec01 table td {
		width: 100%;
		display: block;
	}
.page.contact .sec01 table td {
		padding-top: 0.5em;
	}
	.page.contact .sec01 table th {
		border: none;
		padding-bottom: 0.5em;
	}
	.page.privacy .sec01 {
		padding-top: 50px;
	}
	.page.privacy .sec01 .wrap_s {
		margin-bottom: 50px;
	}
	#voice.sec04 .box_in {
		padding-top: 90px;
		padding-bottom: 50px;
	}
	.page.recruit .sec02 ul li:first-child {
		margin-bottom: 15px;
	}
}
/*----------------------------------------------------------
印刷用css
----------------------------------------------------------*/
@media print{
@page {
    size: A4 portrait;
    margin: 0mm;
}

html {
	padding: 10mm;
	box-sizing: border-box;
}
body{
	width: 210mm !important;
	height: 297mm;
	min-width: 100%;
	width: 100%;
	font-size: 80%;

	}
header {
    min-width: 1110px;
}
#page_top{
	display: none !important;
}
/*	フェードイン*/
.js-fadeUp {
    opacity: 1 !important;
    transform: translateY(0px) !important;
    transition: opacity .2s, transform .5s;
}
/*	会社案内*/
.page.about .sec06 .wrap_s img.xp {
    width: 50%;
    margin-left: 10px;
}
.page.about .sec02 img {
    margin-left: 0px;
    width: 40%;
}
.page.about .sec03 .box {
    top: 30%;
    left: 20px;
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
}
	.page.about .sec04 .box {
    top: 30%;
    right: -50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/*	社員の声*/
.page.voice .sec07 img {
    left: 0%;
	top: 15%;
    transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
}
.page.voice .sec04 .box {
    left: 0px;
}
.page.voice .sec05 .box {
    right: 0px;
}
.voice #voice .wrap_s img {
    left: -445px;
}
#voice .box_in {
    padding: 85px 0 85px 50%;
}
}