@charset 'UTF-8';
/*
Theme Name: group_planperfect
Theme URI:
Description: テーマの説明
Version: 1.0
Author:
Author URI:
*/
/****************************************
		SCSS Setting
*****************************************/
/****************************************
		General Setting
*****************************************/
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

body {
	font-family: 'ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','ヒラギノ角ゴ Pro W3','HiraKakuPro-W3','Hiragino Kaku Gothic ProN','Noto Sans JP', '游ゴシック' , 'Yu Gothic' , Helvetica ,  sans-serif;
	font-size: 15px;
	line-height: 1.6;
	word-break: break-strict;
	color: #000;

	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
}

.f_futura {
	/*
	Light font-weight: 300;
	Book font-weight: 400;
	*/
	font-family: futura-pt, sans-serif;
}

.f_maven {
	/*
	regular font-weight: 400;
	bold font-weight: 700;
	*/
	font-family: 'Maven Pro', sans-serif;
}

.f_bodoni {
	/*
	regular font-weight: 400;
	*/
	font-family: bodoni-urw, serif;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #000;
}

a img {
	-webkit-transition: all 200ms 0s ease;
	        transition: all 200ms 0s ease;
}

a img:hover {
	     opacity: .9;

	filter: alpha(opacity=90);
	-moz-opacity: .9;
}

.thumbimg:hover {
	     opacity: .9;

	filter: alpha(opacity=90);
	-moz-opacity: .9;
}

.clear {
	line-height: 0;
	clear: both;
}

.clearfix {
	display: block;
	zoom: 1;
}

.clearfix:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}

body {
	_display: inline;
	_zoom: 1;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

iframe {
	max-width: 100%;
}

.minc {
	font-family: 'Times New Roman', 游明朝体, 'Yu Mincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', HGS明朝B, 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

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

	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
}

.target_line {
	margin-top: -100px;
	padding-top: 100px;
}

iframe {
	max-width: 100%;
}

.anim {
	-webkit-transition: all 200ms 0s ease;
	        transition: all 200ms 0s ease;
}

.anim:hover {
	     opacity: .9;

	filter: alpha(opacity=90);
	-moz-opacity: .9;
}

section {
	display: block;
}

/****************************************
		Base Setting
*****************************************/
.wrap {
	position: relative;
	z-index: 4;
	max-width: 1200px;
	margin: 0 auto;
}

.boxs .box {
	float: left;
}

.sec {
	padding: 90px 0;
}

.tit_em {
	line-height: 1;
	position: relative;
	z-index: 5;
	padding: 30px 0 13px;
	color: #5d5d5d;
}

.tit_em h2 {
	font-size: 87%;
	font-weight: 600;
	position: relative;
	z-index: 6;
	padding-bottom: 15px;
}

.tit_em span {
	font-size: 320%;
	font-weight: 400;
	display: block;
	letter-spacing: 2px;
}

.tit_em .bg_em {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	height: 1px;
	-webkit-transition: all 700ms .8s cubic-bezier(.215, .61, .355, 1);
	        transition: all 700ms .8s cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: left;
	        transform-origin: left;
	background-color: #6e7475;
}

.tit_em .bg_em.is-anime {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.btn_more {
	text-align: center;
}

.btn {
	position: relative;
	display: inline-block;
	width: 350px;
	padding: 23px 0;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	text-align: center;
	color: #fff;
	color: #fff;
	background: #5d5d5d;
}

.btn p {
	font-weight: 600;
	line-height: 1;
	position: relative;
	z-index: 3;
}

.btn .ico {
	position: absolute;
	z-index: 3;
	top: 48%;
	right: 25px;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
}

.btn .ico.ico_down {
	display: block;
	width: 17px;
	height: 15px;
	background-image: url(./img/common/ico_down_04.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.btn:before {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	     opacity: 0;
	background: #979c9a;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

.btn.btn_m {
	font-size: 94%;
}

.btn.btn_l {
	font-size: 160%;
	width: 1080px;
	padding: 50px 0;
}

.btn.btn_l p span {
	font-size: 94%;
	font-weight: 300;
	display: block;
	padding-bottom: 14px;
}

.btn:hover {
	color: #fff;
}

.btn:hover:before {
	     opacity: 1;

	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
}

.header_inner {
	position: relative;
	height: 100px;
	background: #fff;
}

.header_logo {
	font-size: 90%;
	position: absolute;
	top: 50%;
	left: 4%;
	display: inline-block;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
}

.header_logo h1 {
	position: relative;
	color: #6e7475;
}

.header_logo h1 img {
	vertical-align: middle;
}

.header_logo h1 br {
	display: none;
}

.header_logo h1 strong {
	font-size: 80%;
	font-weight: 600;
	line-height: 1.4;
	position: absolute;
	top: 50%;
	left: 259px;
	display: block;
	width: auto;
	padding-top: 3px;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
	white-space: nowrap;
}

.header_btn {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
}

.header_btn a {
	color: #fff;
}

.header_btn ul li {
	position: relative;
	float: left;
	height: 100px;
	text-align: center;
}

.header_btn ul li .inner {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
}

.header_btn ul li.btn_tel {
	width: 208px;
	background: #777;
}

.header_btn ul li.btn_tel img {
	position: relative;
	top: -5px;
	width: 25px;
	margin-right: -5px;
}

.header_btn ul li.btn_tel span {
	font-size: 148%;
	font-weight: 400;
}

.header_btn ul li.btn_tel p {
	font-size: 67%;
	line-height: 1.2;
}

.header_btn ul li.btn_mail {
	width: 124px;
	margin: 0 2px;
}

.header_btn ul li.btn_mail img {
	width: 27px;
}

.header_btn ul li.btn_mail a {
	display: block;
	height: 100px;
	background: #979c9a;
}

.header_btn ul li.btn_mail a:before {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	     opacity: 0;
	background: #979c9a;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

.header_btn ul li.btn_mail a:hover {
	color: #fff;
}

.header_btn ul li.btn_mail a:hover:before {
	     opacity: 1;

	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.header_btn ul li.btn_mail span {
	font-size: 74%;
	display: block;
	margin-top: 6px;
}

.header_btn ul li.btn_menu {
	width: 100px;
	cursor: pointer;
}

.header_btn ul li.btn_menu img {
	width: 26px;
	vertical-align: middle;
}

.gnav_bg {
	position: fixed;
	z-index: 1500;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	-webkit-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: top center;
	        transform-origin: top center;
	     opacity: .4;
	background: #979c9a;

	filter: alpha(opacity=40);
	-moz-opacity: .4;
}

.gnav_bg.on {
	-webkit-transform: scaleY(1);
	        transform: scaleY(1);
}

.gnav_bg.onb {
	-webkit-transform-origin: bottom center;
	        transform-origin: bottom center;
}

.gnav_outer {
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	width: 414px;
	height: 100%;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	-webkit-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: top center;
	        transform-origin: top center;
	background: #fff;
}

.gnav_outer.on {
	-webkit-transform: scaleY(1);
	        transform: scaleY(1);
}

.gnav_outer.onb {
	-webkit-transform-origin: bottom center;
	        transform-origin: bottom center;
}

.gnav_inner {
	position: relative;
	z-index: 2001;
	padding: 122px 87px 0 0;
	-webkit-transition: all 300ms 0s ease;
	        transition: all 300ms 0s ease;
	     opacity: 0;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

.gnav_inner.on {
	z-index: 2001;
	     opacity: 1;

	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.gnav_close {
	position: absolute;
	z-index: 2100;
	top: 0;
	right: 0;
	width: 100px;
	padding: 36px 0;
	cursor: pointer;
	text-align: center;
}

.gnav_close img {
	width: 27px;
}

.gnav {
	text-align: right;
}

.gnav ul li {
	margin-bottom: 29px;
}

.gnav a {
	font-size: 80%;
	font-weight: 600;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	color: #5d5d5d;
}

.gnav a:hover {
	color: #000;
}

.fnav_outer {
	padding: 71px 0 55px;
	background: radial-gradient(100% 100% at 0% 0%, #b0b5b8 .01%, #979ea0 100%);
}

.fnav_outer .boxs .box:nth-child(1) {
	width: 28%;
}

.fnav_outer .boxs .box:nth-child(2) {
	width: 72%;
}

.fnav_outer .box_img {
	padding-left: 15px;
}

.fnav {
	position: relative;
}

.fnav a {
	font-size: 94%;
	font-weight: 600;
	line-height: 1.2;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	color: #fff;
}

.fnav a span {
	font-size: 112%;
	font-weight: 400;
	letter-spacing: 1px;
}

.fnav a small {
	font-size: 87%;
	position: relative;
	padding-left: 30px;
}

.fnav a small:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 1px;
	content: '';
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
	background: #fff;
}

.fnav a:hover {
	color: #5d5d5d;
}

.fnav ul {
	float: left;
	width: 280px;
}

.fnav ul li {
	margin-bottom: 20px;
}

.fnav ul li.min {
	margin-bottom: 10px;
}

.fnav ul:nth-child(5) {
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
}

.fnav ul:nth-child(5) li {
	margin-bottom: 12px;
}

.fnav ul:nth-child(5) li a {
	position: relative;
	display: block;
	padding: 9px 0 9px 13px;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	background: #fff;
}

.fnav ul:nth-child(5) li a span {
	font-size: 94%;
	font-weight: 600;
	letter-spacing: 1px;
	color: #979ea0;
}

.fnav ul:nth-child(5) li a:after {
	position: absolute;
	top: 50%;
	right: 7px;
	width: 10px;
	height: 10px;
	content: '';
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
	background-image: url(./img/common/ico_flink_01@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fnav ul:nth-child(5) li a:hover {
	background: #5d5d5d;
}

.fnav ul:nth-child(5) li a:hover span {
	color: #fff;
}

.fnav ul:nth-child(5) li a:hover:after {
	background-image: url(./img/common/ico_flink_02@2x.png);
}

.footer_info {
	padding: 42px 0;
}

.footer_info .boxs .box:nth-child(1) {
	width: 60%;
}

.footer_info .boxs .box:nth-child(2) {
	width: 40%;
}

.footer_info .box_clm h3 {
	font-size: 94%;
}

.footer_info .box_clm p {
	font-size: 94%;
	margin-top: 12px;
}

.footer_info .box_copy {
	position: relative;
	top: 0;
	right: 0;
	text-align: right;
}

.footer_info .box_copy p img {
	position: relative;
	top: 0;
width: 20%;
    margin-bottom: 15px;
}

.footer_info .box_copy p span {
display: block;
	font-size: 94%;
	padding-left: 20px;
}

.footer_sns {
	padding-top: 48px;
}

.footer_sns ul {
	padding-left: 20px;
}

.footer_sns ul li {
	display: block;
	float: left;
	width: 30px;
	margin-right: 18px;
}

.footer_sns ul li a {
	position: relative;
}

.footer_sns ul li a i {
	display: block;
	height: 29px;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.footer_sns ul li.sns_fb a i {
	background-image: url(./img/common/ico_fb.png);
}

.footer_sns ul li.sns_fb a:hover i {
	background-image: url(./img/common/ico_fb_on.png);
}

.footer_sns ul li.sns_yb a i {
	background-image: url(./img/common/ico_yb.png);
}

.footer_sns ul li.sns_yb a:hover i {
	background-image: url(./img/common/ico_yb_on.png);
}

.footer_sns ul li.sns_tw a i {
	background-image: url(./img/common/logo-white.png);
}

.footer_sns ul li.sns_tw a:hover i {
	background-image: url(./img/common/logo-white_op.png);
}

.footer_sns ul li.sns_ins a i {
	background-image: url(./img/common/ico_ins.png);
}

.footer_sns ul li.sns_ins a:hover i {
	background-image: url(./img/common/ico_ins_on.png);
}

.footer_sns ul li.sns_line a i {
	background-image: url(./img/common/ico_line.png);
}

.footer_sns ul li.sns_line a:hover i {
	background-image: url(./img/common/ico_line_on.png);
}

.footer_sns ul li.sns_nt a i {
	background-image: url(./img/common/ico_nt.png);
}

.footer_sns ul li.sns_nt a:hover i {
	background-image: url(./img/common/ico_nt_on.png);
}

.btn_scroll {
	display: block;
	vertical-align: top;
}

.btn_scroll:hover .btn_scroll_line {
	-webkit-animation: btnScrollLine .6s ease;
	        animation: btnScrollLine .6s ease;
}

.btn_scroll:hover .btn_scroll_circle:before {
	-webkit-transform: scale(.8);
	        transform: scale(.8);
}

.btn_scroll:hover .btn_scroll_label {
	letter-spacing: 3px;
}

.btn_scroll.btn_scroll_vertical {
	position: absolute;
	z-index: 7;
	right: 6.3%;
	height: 45px;
	padding: 10px;
	-webkit-transform: translateY(-50%) translateX(0%);
	-webkit-transform: rotate(90deg);
	        transform: translateY(-50%) translateX(0%);
	        transform: rotate(90deg);
	-webkit-transform-origin: bottom right;
	        transform-origin: bottom right;
}

.btn_scroll.btn_scroll_top {
	top: inherit;
	bottom: 6%;
}

.btn_scroll.btn_scroll_top .btn_scroll_inner {
	color: #fff;
}

.btn_scroll.btn_scroll_top .btn_scroll_circle:before {
	border-color: #fff;
}

.btn_scroll.btn_scroll_top .btn_scroll_circle:after {
	background-color: #fff;
}

.btn_scroll.btn_scroll_top .btn_scroll_label {
	font-weight: 400;
	position: relative;
	top: -3px;
	width: 105px;
	padding-right: 52px;
	padding-left: 0;
}

.btn_scroll.btn_scroll_top .btn_scroll_line {
	left: -48px;
	background-color: #fff;
}

.btn_scroll.btn_scroll_top:hover .btn_scroll_line {
	-webkit-animation: btnScrollLineUp .6s ease;
	        animation: btnScrollLineUp .6s ease;
}

.btn_scroll_inner {
	line-height: 20px;
	display: inline-block;
	color: #979c9a;
}

.btn_scroll_circle {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: top;
	white-space: nowrap;
}

.btn_scroll_line {
	position: absolute;
	top: 59%;
	left: -6px;
	display: inline-block;
	width: 60px;
	height: 1px;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
	background-color: #979c9a;
}

.btn_scroll_label {
	font-size: 12px;
	font-weight: 600;
	line-height: 26px;
	display: inline-block;
	padding-left: 0;
	-webkit-transition: letter-spacing .4s ease;
	        transition: letter-spacing .4s ease;
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	letter-spacing: 1px;

	will-change: letter-spacing;
}

@-webkit-keyframes btnScrollLine {
	0% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
	50% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
	51% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
	100% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
}

@keyframes btnScrollLine {
	0% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
	50% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
	51% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
	100% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
}

@-webkit-keyframes btnScrollLineUp {
	0% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
	50% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
	51% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
	100% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
}

@keyframes btnScrollLineUp {
	0% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
	50% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: right center;
		        transform-origin: right center;
	}
	51% {
		-webkit-transform: scaleX(0) translateY(-50%);
		        transform: scaleX(0) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
	100% {
		-webkit-transform: scaleX(1) translateY(-50%);
		        transform: scaleX(1) translateY(-50%);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}
}

.sec_foot_scroll {
	position: relative;
	height: 0;
}

.sec_foot_scroll .btn_scroll {
	bottom: -20px;
}

.sec_foot_scroll .btn_scroll .btn_scroll_label {
	width: 70px;
}

.sec_head_scroll {
	position: relative;
	height: 191px;
}

.sec_head_scroll .btn_scroll {
	top: 36px;
	right: inherit;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-50%) rotate(-90deg);
	        transform: translateY(0%) translateX(-50%) rotate(-90deg);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
}

.sec_head_scroll .btn_scroll .btn_scroll_inner {
	width: 110px;
}

.sec_head_scroll .btn_scroll .btn_scroll_line {
	width: 100px;
}

.sec_foot_down {
	padding: 55px 0 59px;
	text-align: center;
	background-image: url(./img/common/bg_foot_down_v2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.foot_down_outer {
	max-width: 1000px;
	margin: 0 auto;
}

.foot_down_tit {
	padding-bottom: 20px;
	color: #5d5d5d;
}

.foot_down_tit h2 {
	font-size: 87%;
	font-weight: 600;
}

.foot_down_tit span {
	font-size: 254%;
	line-height: 1;
	display: block;
}

.foot_down_contact ul li {
	display: inline-block;
	padding: 0 10px;
}

.foot_down_contact ul li a {
	text-decoration: none;
}

.foot_down_contact ul li a span, .foot_down_contact ul li p span {
	font-size: 160%;
	font-weight: 600;
	color: #5d5d5d;
}

.foot_down_contact ul li a img, .foot_down_contact ul li p img {
	position: relative;
	top: -3px;
	margin-right: 2px;
	vertical-align: middle;
}

.foot_down_clms {
	padding: 20px 0 40px;
}

.foot_down_clms p {
	font-size: 87%;
	line-height: 1.8;
	color: #5d5d5d;
}

/****************************************
		Top Setting
*****************************************/
.body_top .header {
	top: -100px;
}

.body_top .header.isfixed {
	top: 0;
}

.sec_top_topslide {
	margin-bottom: 90px;
}

.sec_top_topslide .wrap {
	height: 100vh;
	min-height: 500px;
	max-height: 1000px;
}

.top_slide_line {
	position: absolute;
	z-index: 2;
	background-color: #979ea0;
}

.top_slide_line.line_01 {
	top: 43px;
	left: 250px;
	width: 2px;
	height: 2px;
	-webkit-transition: 1s cubic-bezier(.215, .61, .355, 1);
	        transition: 1s cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
}

.top_slide_line.line_01_base {
	top: 43px;
	left: 250px;
	width: 2px;
	height: 2px;
	background: transparent;
}

.top_slide_line.line_02 {
	top: 286px;
	left: 10px;
	width: 2px;
	height: 100px;
	-webkit-transition: .5s cubic-bezier(.215, .61, .355, 1);
	        transition: .5s cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: bottom right;
	        transform-origin: bottom right;
}

.top_slide_line.line_02.inview {
	-webkit-transform: scaleY(1);
	        transform: scaleY(1);
}

.top_slide_tit {
	position: absolute;
	z-index: 5;
	top: 60%;
	left: 0;
	width: 50%;
	-webkit-transition: all 800ms 0s ease;
	        transition: all 800ms 0s ease;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
}

.top_slide_tit h2 {
	font-size: 227%;
	font-size: 94px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 4px;
	color: #979ea0;
}

.top_slide_tit .inn {
	position: relative;
}

.top_slide_clms {
	position: absolute;
	z-index: 3;
	top: 73%;
	right: 0;
	width: 400px;
	-webkit-transition: all 800ms 0s ease;
	        transition: all 800ms 0s ease;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
	opacity: 0;
}

.top_slide_clms.on {
	top: 70%;
	     opacity: 1;

	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.top_slide_clm {
	color: #979ea0;
}

.top_slide_clm h3 {
	font-size: 134%;
	font-weight: 600;
	padding-bottom: 25px;
}

.top_slide_clm p {
	font-size: 87%;
	line-height: 3;
}

.view_scroll {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 50%;
	display: inline-block;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	-webkit-transform: translateY(0%) translateX(-50%);
	        transform: translateY(0%) translateX(-50%);
	text-align: center;
	opacity: 0;
}

.view_scroll span {
	display: block;
	width: 1px;
	height: 60px;
	margin: 10px auto 0;
	background: #979ea0;
}

.view_scroll p {
	font-size: 80%;
	font-weight: 400;
	line-height: 1;
	color: #979ea0;
}

.view_scroll.on {
	opacity: 1;
}

.top_outer {
	max-width: 1000px;
	margin: 0 auto;
}

.sec_top_divisions {
	padding: 110px 0 0;
}

.sec_top_divisions .tit_em {
	margin-bottom: 100px;
}

.sec_top_divisions .tit_em .bg_em {
	width: calc(181px + (100vw - 1000px) / 2);
}

.top_divisions .boxs .box {
	display: block;
	width: 50.1%;
}

.top_divisions .boxs .box:nth-child(2n) {
	width: 49.9%;
}

.top_divisions .boxs .box.box_01 .box_bg {
	background-image: url(./img/top/top_divisions_img_01.jpg);
}

.top_divisions .boxs .box.box_01 .box_cl {
	background: radial-gradient(100% 100% at 0% 0%, #024700 .01%, #245f00 100%);
}

.top_divisions .boxs .box.box_01 .box_cv {
	background: #235f01;
}

.top_divisions .boxs .box.box_02 .box_bg {
	background-image: url(./img/top/top_divisions_img_02.jpg);
}

.top_divisions .boxs .box.box_02 .box_cl {
	background: radial-gradient(100% 100% at 0% 0%, #ffc66f 0%, #ffb491 100%, #ffb491 100%);
}

.top_divisions .boxs .box.box_02 .box_cv {
	background: #ffc672;
}

.top_divisions .boxs .box.box_03 .box_bg {
	background-image: url(./img/top/top_divisions_img_03.jpg);
}

.top_divisions .boxs .box.box_03 .box_cl {
	background: radial-gradient(100% 100% at 0% 0%, #027ec4 0%, #006197 100%);
}

.top_divisions .boxs .box.box_03 .box_cv {
	background: #037ec2;
}

.top_divisions .boxs .box.box_04 .box_bg {
	background-image: url(./img/top/top_divisions_img_04.jpg);
}

.top_divisions .boxs .box.box_04 .box_cl {
	background: radial-gradient(100% 100% at 0% 0%, #a82222 .01%, #831b1a 100%);
}

.top_divisions .boxs .box.box_04 .box_cv {
	background: #a72322;
}

.top_divisions .boxs .box:hover .box_bg {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}

.top_divisions .boxs .box:hover .box_cv {
	opacity: .5;
}

.top_divisions .box_img, .top_divisions .box_cl {
	position: relative;
	z-index: 1;
	float: left;
	height: 438px;
}

.top_divisions .box_img {
	overflow: hidden;
	width: 38.8%;
}

.top_divisions .box_cl {
	width: 61.2%;
}

.top_divisions .box_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.top_divisions .box_cv {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	opacity: 0;
}

.top_divisions .box_clms {
	position: absolute;
	top: 80px;
	left: 44px;
	width: 76.4%;
}

.top_divisions .box_tit {
	position: relative;
	padding-bottom: 20px;
}

.top_divisions .box_tit img {
	position: absolute;
	top: 3px;
	left: 0;
}

.top_divisions .box_tit h3 {
	line-height: 1;
	padding-left: 52px;
	color: #fff;
}

.top_divisions .box_tit h3 span {
	font-size: 87%;
}

.top_divisions .box_tit h3 strong {
	font-size: 160%;
	font-weight: 600;
	display: block;
	margin-top: 7px;
}

.top_divisions .box_clm p {
	font-size: 87%;
	line-height: 1.8;
	color: #fff;
}

.top_divisions .box_ex {
	position: absolute;
	z-index: 5;
	right: 40px;
	bottom: 40px;
	width: 16px;
	height: 16px;
	background-image: url(./img/common/ico_exlinkw.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.bg_all {
	position: relative;
}

#svg-bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sec_top_about {
	padding: 170px 0 0;
}

.sec_top_about .tit_em {
	margin-bottom: 90px;
}

.sec_top_about .tit_em .bg_em {
	width: calc(180px + (100vw - 1000px) / 2);
}

.top_about .boxs .box:nth-child(1) {
	width: 39.6%;
	margin-right: -10%;
}

.top_about .boxs .box:nth-child(2) {
	width: 57.2%;
}

.top_about .box_img ul li {
	line-height: 1;
	display: block;
	float: left;
	width: 47.5%;
}

.top_about .box_img ul li:nth-child(1) {
	margin-right: 5%;
}

.top_about .box_img ul li strong {
	font-size: 87%;
	font-weight: 600;
	display: block;
	padding: 11px 0 3px;
}

.top_about .box_img ul li span {
	font-size: 80%;
	font-weight: 800;
}

.top_about .box_tit {
	padding-bottom: 20px;
}

.top_about .box_tit h3 {
	font-size: 134%;
}

.top_about .box_tit h3 span {
	font-size: 94%;
}

.top_about .box_tit h3 span i {
	font-style: normal;
	color: #979c9a;
}

.top_about .box_clm {
	padding-bottom: 20px;
}

.top_about .box_clm p {
	font-size: 87%;
	line-height: 2.2;
}

.top_about .box_eclm p {
	font-size: 87%;
	font-weight: 400;
	font-style: italic;
	line-height: 2.2;
	padding-bottom: 20px;
}

.sec_top_company {
	padding: 99px 0 0;
}

.sec_top_company .tit_em {
	margin-bottom: 90px;
}

.sec_top_company .tit_em .bg_em {
	width: calc(340px + (100vw - 1000px) / 2);
}

.top_company table {
	width: 100%;
}

.top_company table tr th, .top_company table tr td {
	font-size: 87%;
	padding-bottom: 30px;
	text-align: left;
}

.top_company table tr th {
	font-weight: 600;
	width: 10%;
	color: #6e7475;
}

.top_company table tr td {
	width: 90%;
}

.top_company table tr td ol {
	margin-top: 10px;
	padding-left: 30px;
}

.top_company table tr td ol li {
	line-height: 1.8;
	margin-bottom: 10px;
	list-style-type: decimal;
}

.top_company table tr td ol li:last-child {
	margin-bottom: 0;
}

.sec_top_recruit {
	padding: 131px 0 0;
}

.sec_top_recruit .tit_em {
	margin-bottom: 103px;
}

.sec_top_recruit .tit_em .bg_em {
	width: calc(140px + (100vw - 1000px) / 2);
}

.top_recruit_btn {
	position: relative;
	display: block;
	width: 667px;
	height: 207px;
	margin: 0 auto;
}

.top_recruit_btn .box_img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 207px;
}

.top_recruit_btn .box_bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	background-image: url(./img/top/top_recruit_bg_01_v2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.top_recruit_btn .box_cv {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(239, 239, 239, .3);
}

.top_recruit_btn .box_clms {
	position: absolute;
	z-index: 3;
	top: 50%;
	right: 57px;
	width: 53%;
	-webkit-transform: translateY(-50%) translateX(0%);
	        transform: translateY(-50%) translateX(0%);
}

.top_recruit_btn .box_tit {
	padding-bottom: 10px;
}

.top_recruit_btn .box_tit h3 {
	font-size: 134%;
	font-weight: 600;
	color: #5d5d5d;
}

.top_recruit_btn .box_clm {
	padding-bottom: 14px;
}

.top_recruit_btn .box_clm p {
	font-size: 87%;
	color: #5d5d5d;
}

.top_recruit_btn .box_tag {
	text-align: right;
}

.top_recruit_btn .box_tag span {
	font-size: 87%;
	font-weight: 600;
	display: inline-block;
	padding: 5px;
	color: #5d5d5d;
	background-color: #f9f9f9;
}

.top_recruit_btn .box_tag span i {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 7px;
	background-image: url(./img/common/ico_exlink.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.top_recruit_btn:hover .box_bg {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}

.sec_top_partner {
	/* padding: 121px 0 148px; */
	padding: 121px 0 0;
}

.sec_top_partner .tit_em {
	margin-bottom: 103px;
}

.sec_top_partner .tit_em .bg_em {
	width: calc(394px + (100vw - 1000px) / 2);
}

.top_partner_link {
	max-width: 746px;
	margin: 0 auto;
}

.top_partner_link .boxs .box {
	width: 240px;
	margin-right: 13px;
	margin-bottom: 13px;
}

.top_partner_link .boxs .box:nth-child(3n) {
	margin-right: 0;
}

.top_partner_link .box_img {
	overflow: hidden;
}

.top_partner_cau p {
	font-size: 87%;
}

/****************************************
		Mobile Setting
*****************************************/
@media (max-width: 1316px) {
	.footer_info .box_copy {
		right: 0;
	}
}

@media (max-width: 1299px) {
	.header_logo {
		left: 4%;
	}
	.wrap {
		max-width: inherit;
		padding: 0 3%;
	}
	.top_slide_tit {
		left: 10%;
	}
}

@media (max-width: 1259px) {
	.header_logo h1 br {
		display: block;
	}
}

@media (max-width: 1180px) {
	.btn.btn_l {
		width: 90%;
	}
	.top_divisions .box_clms {
		left: 7%;
		width: 86.4%;
	}
	.sec_top_divisions .tit_em .bg_em {
		width: calc(181px + (6%) / 2);
	}
	.sec_top_about .tit_em .bg_em {
		width: calc(180px + (6%) / 2);
	}
	.sec_top_company .tit_em .bg_em {
		width: calc(340px + (6%) / 2);
	}
	.sec_top_recruit .tit_em .bg_em {
		width: calc(140px + (6%) / 2);
	}
	.sec_top_partner .tit_em .bg_em {
		width: calc(394px + (6%) / 2);
	}
}

@media (max-width: 1143px) {
	.fnav ul {
		width: 210px;
	}
}

@media (max-width: 1073px) {
	.fnav ul:nth-child(1) {
		width: 180px;
		margin-right: 30px;
	}
}

.tab_only {
	display: none;
}

@media (max-width: 980px) {
	.tab_only {
		display: block;
	}
	body {
		font-size: 70%;
	}
	.main {
		overflow: hidden;
	}
	.header_btn ul li.btn_tel span {
		font-size: 200%;
	}
	.header_btn ul li.btn_mail span {
		font-size: 100%;
	}
	.fnav_outer .boxs .box:nth-child(1) {
		width: 30%;
	}
	.fnav_outer .boxs .box:nth-child(2) {
		width: 70%;
		padding-left: 3%;
	}
	.fnav ul {
		width: 180px;
	}
	.fnav ul:nth-child(1) {
		width: 130px;
		margin-right: 14px;
	}
	.btn_scroll.btn_scroll_vertical {
		right: 8%;
	}
	.top_slide_clms {
		width: 350px;
	}
}

@media (max-width: 886px) {
	.header_logo h1 strong {
		display: none;
	}
	.fnav ul:nth-child(5) {
		width: 150px;
	}
	.top_slide_clms {
		width: 310px;
	}
}

@media (max-width: 786px) {
	.fnav_outer .boxs .box:nth-child(1) {
		width: 30%;
	}
	.fnav_outer .boxs .box:nth-child(2) {
		width: 70%;
	}
}

.sp_only, .sp_ionly {
	display: none;
}

@media (max-width: 767px) {
	.pc_only {
		display: none;
	}
	.pc_ionly {
		display: none;
	}
	.sp_only {
		display: block;
	}
	.sp_ionly {
		display: inline-block;
	}
	/****************************************
			Base Setting
	*****************************************/
	body {
		font-size: 100%;
	}
	.wrap {
		padding: 0 4%;
	}
	.sec {
		padding: 50px 0;
	}
	.bg_dg {
		height: 230px;
	}
	.list_blog .box_img:hover img {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	.list_blog .box_img:hover .box_cover {
		     opacity: 1;

		filter: alpha(opacity=100);
		-moz-opacity: 1;
	}
	.list_blog .box {
		float: none;
		width: 90%;
		margin-right: auto;
		margin-bottom: 50px;
		margin-left: auto;
	}
	.list_blog .box:nth-child(4n) {
		margin-right: auto;
	}
	.list_blog .box_cover {
		display: none;
	}
	.list_blog .box_tag span {
		font-size: 87%;
		padding: 16px 23px;
	}
	.list_blog .box_info {
		padding: 5px 0;
	}
	.list_blog .box_info span {
		font-size: 67%;
	}
	.list_blog .box_tit h3 {
		font-size: 107%;
	}
	.list_blog .box_readm {
		padding-top: 6px;
	}
	.btn {
		width: 206px;
		height: 40px;
		padding: 15px 0;
	}
	.btn p {
		font-size: 74%;
	}
	.btn .ico {
		right: 16px;
	}
	.btn .ico.ico_down {
		width: 11px;
		height: 10px;
	}
	.btn.btn_m {
		font-size: 80%;
	}
	.btn.btn_t {
		width: 300px;
	}
	.btn.btn_l {
		font-size: 120%;
		width: 100%;
		padding: 40px 0;
	}
	.tit_em {
		padding: 30px 4% 20px;
		color: #5d5d5d;
	}
	.tit_em h2 {
		font-size: 87%;
		padding-bottom: 10px;
	}
	.tit_em span {
		font-size: 174%;
		display: block;
		letter-spacing: 2px;
	}
	.header {
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transition: all 500ms 0s ease;
		        transition: all 500ms 0s ease;
	}
	.header_inner {
		height: 60px;
	}
	.header_logo {
		left: 4%;
		display: inline-block;
		width: 184px;
	}
	.header_logo h1 span {
		font-size: 67%;
	}
	.header_logo h1 strong {
		font-size: 127%;
		margin-top: 4px;
		letter-spacing: .68px;
	}
	.header_btn ul li {
		height: 60px;
	}
	.header_btn ul li.btn_tel {
		position: relative;
		width: 43px;
	}
	.header_btn ul li.btn_tel span {
		font-size: 80%;
		font-weight: 300;
		line-height: .6;
	}
	.header_btn ul li.btn_tel a {
		position: absolute;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.header_btn ul li.btn_mail {
		width: 43px;
	}
	.header_btn ul li.btn_mail a {
		height: 60px;
	}
	.header_btn ul li.btn_mail span {
		font-size: 67%;
	}
	.header_btn ul li.btn_mail img {
		width: 23px;
	}
	.header_btn ul li.btn_menu {
		width: 60px;
		cursor: pointer;
	}
	.header_btn ul li.btn_menu img {
		width: 24px;
	}
	.gnav_outer {
		width: 80%;
	}
	.gnav_inner {
		padding: 80px 10% 0 0;
	}
	.gnav_close {
		width: 60px;
		padding: 16px 0;
	}
	.gnav_close img {
		width: 24px;
	}
	.gnav ul li {
		margin-bottom: 25px;
	}
	.gnav a {
		font-size: 80%;
	}
	.sec_goto_contact {
		padding: 0 0 70px;
	}
	.fnav_outer {
		padding: 55px 0 45px;
	}
	.fnav_outer .boxs .box {
		float: none;
	}
	.fnav_outer .boxs .box:nth-child(1) {
		width: 100%;
	}
	.fnav_outer .boxs .box:nth-child(2) {
		width: 100%;
		padding: 0 2%;
	}
	.fnav_outer .box_img {
		padding: 0 0 33px 15px;
	}
	.fnav_outer .box_img img {
		width: 230px;
	}
	.fnav a {
		font-size: 80%;
	}
	.fnav a span {
		font-size: 112%;
	}
	.fnav ul:nth-child(1) {
		width: 53%;
		margin-right: 0;
	}
	.fnav ul:nth-child(2) {
		width: 47%;
	}
	.fnav ul:nth-child(5) {
		position: relative;
		top: inherit;
		right: inherit;
		width: 100%;
		width: 190px;
		margin-top: 12px;
	}
	.fnav ul li {
		margin-bottom: 17px;
	}
	.fnav .footer_sns {
		padding: 42px 0 0;
	}
	.fnav .footer_sns ul {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.fnav .footer_sns ul li {
		margin-right: 14px;
	}
	.footer_info {
		padding: 26px 0;
	}
	.footer_info .boxs .box {
		float: none;
	}
	.footer_info .boxs .box:nth-child(1) {
		width: 100%;
	}
	.footer_info .boxs .box:nth-child(2) {
		width: 100%;
	}
	.footer_info .box_clm h3 {
		font-size: 80%;
	}
	.footer_info .box_clm p {
		font-size: 80%;
		margin-top: 6px;
	}
	.footer_info .box_copy {
		top: 0;
		padding-top: 20px;
		text-align: left;
	}
	.footer_info .box_copy p img {
		display: block;
	}
	.footer_info .box_copy p span {
		font-size: 80%;
		padding-left: 0;
	}
	.btn_scroll.btn_scroll_vertical {
		right: 67px;
		padding: 5px;
	}
	.btn_scroll_line {
		left: 9px;
		width: 41px;
	}
	.sec_foot_scroll .btn_scroll_label {
		font-size: 10px;
	}
	.sec_foot_scroll .btn_scroll {
		bottom: -25px;
	}
	.sec_head_scroll {
		height: 146px;
	}
	.sec_head_scroll .btn_scroll .btn_scroll_circle:before {
		border-color: #025a00;
	}
	.sec_head_scroll .btn_scroll .btn_scroll_circle:after {
		background-color: #025a00;
	}
	.sec_head_scroll .btn_scroll .btn_scroll_line {
		background-color: #025a00;
	}
	.sec_foot_down {
		padding: 40px 0;
		background-image: url(./img/common/sp_bg_foot_down_v2.jpg);
	}
	.foot_down_tit {
		padding-bottom: 17px;
	}
	.foot_down_tit h2 {
		font-size: 87%;
	}
	.foot_down_tit span {
		font-size: 174%;
	}
	.foot_down_contact ul li {
		padding: 0 7px;
	}
	.foot_down_contact ul li a span, .foot_down_contact ul li p span {
		font-size: 107%;
	}
	.foot_down_contact ul li p span a {
		color: #5d5d5d;
	}
	.foot_down_contact ul li a img, .foot_down_contact ul li p img {
		top: -1px;
	}
	.foot_down_contact ul:nth-child(1) li:nth-child(1) img {
		width: 18px;
	}
	.foot_down_contact ul:nth-child(1) li:nth-child(2) img {
		width: 20px;
	}
	.foot_down_contact ul:nth-child(2) li:nth-child(1) img {
		width: 21px;
	}
	.foot_down_clms {
		padding: 18px 0 25px;
	}
	.foot_down_clms p {
		font-size: 74%;
		line-height: 1.8;
	}
	/****************************************
			Top Setting
	*****************************************/
	.sec_top_topslide {
		margin-bottom: 20px;
	}
	.sec_top_topslide .wrap {
		padding: 0;
	}
	.top_slide_line.line_01 {
		top: 27px;
		left: 142px;
		width: 1px;
		height: 1px;
	}
	.top_slide_line.line_01_base {
		top: 27px;
		left: 142px;
		width: 1px;
		height: 1px;
	}
	.top_slide_line.line_02 {
		top: 183px;
		left: 3px;
		width: 1px;
	}
	.top_slide_tit {
		top: 38%;
		left: 8%;
		width: 80%;
	}
	.top_slide_tit h2 {
		font-size: 48px;
		line-height: 1.2;
	}
	.top_slide_clms {
		right: inherit;
		left: 14%;
		width: 84%;
	}
	.top_slide_clm h3 {
		font-size: 107%;
		padding-bottom: 15px;
	}
	.top_slide_clm p {
		font-size: 67%;
		line-height: 2.4;
	}
	.view_scroll span {
		height: 40px;
	}
	.view_scroll p {
		font-size: 67%;
	}
	.top_outer {
		padding: 0 4%;
	}
	.sec_top_divisions {
		padding: 75px 0 0;
	}
	.sec_top_divisions .tit_em {
		margin-bottom: 40px;
	}
	.sec_top_divisions .tit_em .bg_em {
		width: calc(142px + (8%) / 2);
	}
	.top_divisions .boxs {
		position: relative;
		height: 912px;
	}
	.top_divisions .boxs .box {
		position: absolute;
		width: 100%;
	}
	.top_divisions .boxs .box:nth-child(2n) {
		width: 100%;
	}
	.top_divisions .boxs .box.box_01 {
		top: calc(228px * 3);
	}
	.top_divisions .boxs .box.box_02 {
		top: 0;
	}
	.top_divisions .boxs .box.box_03 {
		top: calc(228px * 2);
	}
	.top_divisions .boxs .box.box_04 {
		top: calc(228px * 1);
	}
	.top_divisions .boxs .box.box_01 .box_tit img {
		width: 34px;
	}
	.top_divisions .boxs .box.box_02 .box_tit img {
		width: 26px;
	}
	.top_divisions .boxs .box.box_03 .box_tit img {
		width: 33px;
	}
	.top_divisions .boxs .box.box_04 .box_tit img {
		width: 35px;
	}
	.top_divisions .box_img, .top_divisions .box_cl {
		height: 228px;
	}
	.top_divisions .box_img {
		width: 30.4%;
	}
	.top_divisions .box_cl {
		width: 69.6%;
	}
	.top_divisions .box_clms {
		top: 43px;
		left: 10%;
		width: 84%;
	}
	.top_divisions .box_tit {
		padding-bottom: 15px;
	}
	.top_divisions .box_tit h3 {
		padding-left: 45px;
	}
	.top_divisions .box_tit h3 span {
		font-size: 67%;
	}
	.top_divisions .box_tit h3 strong {
		font-size: 110%;
		margin-top: 7px;
	}
	.top_divisions .box_clm p {
		font-size: 67%;
	}
	.top_divisions .box_ex {
		right: 21px;
		bottom: 21px;
	}
	.bg_all {
		position: relative;
	}
	#svg-bg {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.sec_top_about {
		padding: 45px 0 0;
	}
	.sec_top_about .tit_em {
		margin-bottom: 40px;
	}
	.sec_top_about .tit_em .bg_em {
		width: calc(142px + (8%) / 2);
	}
	.top_about .boxs .box:nth-child(1) {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.top_about .boxs .box:nth-child(2) {
		width: 100%;
	}
	.top_about .box_img ul li strong {
		font-size: 87%;
		padding: 14px 0 3px;
	}
	.top_about .box_img ul li span {
		font-size: 80%;
	}
	.top_about .box_tit {
		padding-bottom: 20px;
		white-space: nowrap;
	}
	.top_about .box_tit h3 {
		font-size: 107%;
	}
	.top_about .box_clm p {
		text-align: justify;
	}
	.sec_top_company {
		padding: 29px 0 0;
	}
	.sec_top_company .tit_em {
		margin-bottom: 36px;
	}
	.sec_top_company .tit_em .bg_em {
		width: calc(235px + (8%) / 2);
	}
	.top_company table {
		display: block;
	}
	.top_company table tr {
		display: block;
	}
	.top_company table tr th, .top_company table tr td {
		display: block;
		padding-bottom: 0;
	}
	.top_company table tr th {
		width: 100%;
		padding-bottom: 5px;
	}
	.top_company table tr td {
		width: 100%;
		padding-bottom: 20px;
	}
	.top_company table tr td ol {
		margin-top: 10px;
		padding-left: 10px;
	}
	.top_company table tr td ol li {
		margin-bottom: 10px;
	}
	.sec_top_recruit {
		padding: 72px 0 0;
	}
	.sec_top_recruit .tit_em {
		margin-bottom: 85px;
	}
	.sec_top_recruit .tit_em .bg_em {
		width: calc(115px + (8%) / 2);
	}
	.top_recruit_btn {
		width: 100%;
		height: 190px;
	}
	.top_recruit_btn .box_img {
		position: relative;
		z-index: 1;
		overflow: hidden;
		height: 190px;
	}
	.top_recruit_btn .box_bg {
		background-image: url(./img/top/sp_top_recruit_bg_01_v2.jpg);
	}
	.top_recruit_btn .box_clms {
		position: absolute;
		z-index: 3;
		top: 50%;
		right: inherit;
		left: 50%;
		width: 90%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		        transform: translateY(-50%) translateX(-50%);
	}
	.top_recruit_btn .box_tit {
		padding-bottom: 10px;
	}
	.top_recruit_btn .box_tit h3 {
		font-size: 100%;
	}
	.top_recruit_btn .box_clm {
		padding-bottom: 5px;
	}
	.top_recruit_btn .box_tag span {
		padding: 3px 5px;
	}
	.sec_top_partner {
		padding: 71px 0 0px;
	}
	.sec_top_partner .tit_em {
		margin-bottom: 67px;
	}
	.sec_top_partner .tit_em .bg_em {
		width: calc(268px + (8%) / 2);
	}
	.top_partner_link {
		max-width: 746px;
		margin: 0 auto;
	}
	.top_partner_link .boxs .box {
		width: 47%;
		margin-right: 6%;
		margin-bottom: 20px;
	}
	.top_partner_link .boxs .box:nth-child(3n) {
		margin-right: 6%;
	}
	.top_partner_link .boxs .box:nth-child(2n) {
		margin-right: 0;
	}
	.top_partner_link .box_img {
		overflow: hidden;
	}
	.top_partner_cau p {
		font-size: 87%;
	}
	.target_line_contact {
		margin-top: -60px;
		padding-top: 60px;
	}
}
/*# sourceMappingURL=style.css.map */

/* 追加css */
/* 共通 */
.clearfix {
	display: block;
	zoom: 1;
}

.clearfix:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}
/* 沿革 */
.sec_top_history {
  padding-bottom: 0;
}

.sec_top_history .wrap{
  max-width: 1000px;
  margin: 0 auto;
}

.top_history {
	margin-top: 46px;
}

.top_history table {
	width: 100%;
  margin: 0 auto;
}


.top_history table tr th, .top_history table tr td {
	font-size: 107%;
	padding: 24px 0 24px 8px;
	text-align: left;
	border-top: 1px solid #6e7475;
	box-sizing:border-box;
}

.top_history table tr th {
	font-weight: 400;
	width: 14%;
	text-align: left;
	color: #5d5d5d;
}

.top_history table tr td {
	width: 86%;
	padding-left: 20px;
  color: #5d5d5d;
}

.top_history table tr:nth-of-type(1) th, .top_history table tr:nth-of-type(1) td {
  border: none;
}

/* アクセス */

.sec_top_access {
  padding-bottom: 148px;
}

.sec_top_partner .add_title_css {
  margin-bottom: 53px;
}

.top_access_head {
  width: 88%;
  margin: 0 auto 10px;
}
.top_access_map iframe {
  height: 375px;
}
.top_access_body {
  width: 90%;
  margin: 0 auto;
}
.top_access_link {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 30px;
  color: #6e7475;
}
.top_access_link p {
  font-size: 80%;
}
.top_access_info h3 {
  font-size: 100%;
}
.top_access_info p {
  font-size: 80%;
  margin-top: 12px;
}
.top_access_item {
  margin-top: 0;
}
.top_access_item .boxs .box {
  float: left;
  margin-top: 20px;
  padding-right: 0;
}
.top_access_item dl dt {
  font-size: 80%;
}
.top_access_item dl dd {
  font-size: 80%;
}

.top_access_head {
	margin-bottom: 30px;
}

.top_access_map iframe {
	width: 100%;
}

.top_access_link {
	padding: 10px 0 40px;
}

.top_access_link p {
	font-size: 94%;
}

.top_access_link p a {
	-webkit-transition: all 500ms 0s ease;
	        transition: all 500ms 0s ease;
	text-decoration: underline;
}

.top_access_link p a:hover {
	color: #025a00;
}

.top_access_info h3 {
	line-height: 1.2;
}

.top_access_info h3 span {
	font-size: 146%;
	font-weight: 400;
}

.top_access_info p {
	font-size: 94%;
	margin-top: 12px;
}

.top_access_item {
	margin-top: 40px;
}

.top_access_item .boxs .box {
	padding-right: 60px;
}

.top_access_item dl dt {
	font-size: 134%;
	font-weight: 600;
}

.top_access_item dl dd {
	font-size: 94%;
	line-height: 1.8;
	padding-top: 10px;
}

.top_access_item .boxs .box {
  padding-right: 60px;
}

.top_access_body {
  color: #5d5d5d;
}

/* CEOプロフィール */
.clearfix .ceo_text {
  width: 50%;
  margin-top: 15px;
  font-size: 12px;
  line-height: 23px;

}

/* お問い合わせ */
.add_contact_field {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.add_contact_field li {
	margin: 0 10px;
}

#top_pr_box{
	display: flex;
	padding: 0 4%;
	justify-content: left;
gap:0 90px;
	max-width: 1300px;
	flex-wrap: wrap;
	margin: 0 auto;
}

.top_pr_a {
    width: 19%;
	display: inline-block;
	position: relative;
	z-index: 10;
	margin-bottom: 30px;
}

.top_pr_new::after {
	content: "NEW";
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -5px;
    z-index: 100;
    color: #fff;
    padding: 13px 8px;
    font-size: 12px;
    background-color: #979ea0;
}

.dummy_top_pr_a {
	width: 19%;
}

.press_title {
	font-size: 12px;
    margin-top: 16px;
}

.footer_flex{
display: flex;
    align-items: end;}


@media (max-width: 767px) {
  /* 沿革 */
  .top_history {
    margin-top: 20px;
  }
  .top_history table {
    width: 100%;
  }
  .top_history table tr th, .top_history table tr td {
    font-size: 94%;
    display: block;
  }
  .top_history table tr th {
    width: 100%;
    padding: 16px 0 0;
    text-align: left;
  }
  .top_history table tr td {
    line-height: 1.4;
    width: 100%;
    padding: 5px 0 16px;
    padding-left: 0;
    border: none;
  }
  .top_history table tr td strong {
    font-weight: 400;
    padding-top: 16px;
    color: #5d5d5d;
  }
  /* アクセス */
  .top_access_head {
  	margin-bottom: 30px;
  }

  .top_access_map iframe {
  	width: 100%;
  }

  .top_access_link {
  	padding: 10px 0 40px;
    color: #5d5d5d;
  }

  .top_access_link p {
  	font-size: 94%;
  }

  .top_access_link p a {
  	-webkit-transition: all 500ms 0s ease;
  	        transition: all 500ms 0s ease;
  	text-decoration: underline;
  }

  .top_access_link p a:hover {
  	color: #025a00;
  }

  .top_access_info h3 {
  	line-height: 1.2;
  }

  .top_access_info h3 span {
  	font-size: 146%;
  	font-weight: 400;
  }

  .top_access_info p {
  	font-size: 94%;
  	margin-top: 12px;
  }

  .top_access_item {
  	margin-top: 40px;
  }

  .top_access_item .boxs .box {
  	padding-right: 60px;
  }

  .top_access_item dl dt {
  	font-size: 134%;
  	font-weight: 600;
  }

  .top_access_item dl dd {
  	font-size: 94%;
  	line-height: 1.8;
  	padding-top: 10px;
  }

  .top_access_head {
		width: 88%;
		margin: 0 auto 10px;
	}
	.top_access_map iframe {
		height: 375px;
	}
	.top_access_body {
		width: 90%;
		margin: 0 auto;
	}
	.top_access_link {
		width: 88%;
		margin: 0 auto;
		padding: 10px 0 30px;
	}
	.top_access_link p {
		font-size: 80%;
	}
	.top_access_info h3 {
		font-size: 100%;
	}
	.top_access_info p {
		font-size: 80%;
		margin-top: 12px;
	}
	.top_access_item {
		margin-top: 0;
	}
	.top_access_item .boxs .box {
		float: none;
		margin-top: 20px;
		padding-right: 0;
	}
	.top_access_item dl dt {
		font-size: 80%;
	}
	.top_access_item dl dd {
		font-size: 80%;
	}

  /* CEOプロフィール */
  .clearfix .ceo_text {
    width: 100%;
  }

	/* お問い合わせ */
	.add_contact_field {
		display: block;
	}

	.add_contact_field li {
		margin: 10px 0 0;
	}
#top_pr_box {
gap: 0 15px;
}

    .top_pr_a {
        width: 70%;
        margin: 0 auto;
    }
}

.history_age {
margin-right:20px;
}
.pp_service_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sec_top_press .tit_em .bg_em {
	width: calc(270px + (100vw - 1000px) / 2);
}

.sec_top_history .tit_em .bg_em {
	width: calc(145px + (100vw - 1000px) / 2);
}

.sec_top_access .tit_em .bg_em {
	width: calc(140px + (100vw - 1000px) / 2);
}

@media (max-width: 1180px) {
	.top_pr_a {
		width: 32%;
	}

	.sec_top_press .tit_em .bg_em {
		width: calc(220px + (6%) / 2);
	}
	
	.sec_top_history .tit_em .bg_em {
		width: calc(120px + (6%) / 2);
	}
	
	.sec_top_access .tit_em .bg_em {
		width: calc(120px + (6%) / 2);
	}
}

@media (max-width: 720px) {
	.top_pr_a {
		width: 48%;
	} 

	.sec_top_press .tit_em .bg_em {
		width: calc(195px + (8%) / 2);
	}
	
	.sec_top_history .tit_em .bg_em {
		width: calc(115px + (8%) / 2);
	}
	
	.sec_top_access .tit_em .bg_em {
		width: calc(110px + (8%) / 2);
	}
}

.pp_service_item {
  width: 32%;
  text-align: center;
}

.pp_service_item img {
  background: #fff;
  display: block;
  padding: 50px 25px;
  color: #303030;
  font-size: 18px;
  transition: 0.3s;
box-shadow: 1px 1px 10px #ccc;
}
.pp_service_item img:hover {
  opacity: 0.7;
}

/* スマホ以外の時 */
.bottom-sticky-nav {
display: none;
}
/* スマホの時 */
@media (max-width: 720px) {
.bottom-sticky-nav {
height: 65px;
position: fixed;
display: block;
background: #ffffff;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.bottom-sticky-nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-evenly;
}
.bottom-sticky-nav ul li {
flex: 1;
}
.bottom-sticky-nav ul li a {
display: flex;
flex-direction: column;
align-items: center;
padding: 18px;
height: 65px;
color: #979c9a;
}
.bottom-sticky-nav ul li a:hover,
.bottom-sticky-nav ul li a:focus {
text-decoration: none;
}
.bottom-sticky-nav ul li a i {
font-size: 18px;
}
.bottom-sticky-nav ul li a span {
font-size: 12px;
line-height: 1.7;
}
footer {
margin-bottom: 50px;
}
.pp_service_item {
    width: 100%;
  }
  .pp_service_item a{
    padding: 50px;
  }
.footer_flex {
display: block;
}
}

/* 沿革 テーブル 折りたたみ UI CSS */
.history-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
  }
  .history-table th,
  .history-table td {
    padding: 0.6em 1em;
    /* border-bottom: 1px solid #eee; */
    text-align: left;
    vertical-align: top;
  }
  .history-more-btn-wrap {
    text-align: center;
    margin: 1.5em 0 0 0;
  }
  .history-show-more-btn {
    background: none;
    border: none;
    color: #303030;
    font-size: 1em;
    cursor: pointer;
    font-family: inherit;
    padding: 0.5em 1.5em;
    border-radius: 4px;
    transition: background 0.2s;
    outline: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    user-select: none;
  }
  .history-show-more-btn[aria-expanded="true"] .history-chevron {
    transform: rotate(180deg);
  }
  .history-show-more-btn .history-chevron {
    transition: transform 0.25s;
    display: inline-block;
  }
  .history-collapsible-content {
    border-top: 1px solid #6e7475;
  }
  @media (max-width: 600px) {
    .history-table th,
    .history-table td {
      padding: 0.6em 0.5em;
    }
  }