@charset "utf-8";

/***********************************************************************************************************************
* 基本構造
***********************************************************************************************************************/
html{
	line-height: 1.7em;
}
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html *:not(br):not(span):not(strong):not(em):not(i){
	font-size: 1.6rem;
	line-height: 1.7em;
}
main {
	display: block;
	overflow:hidden;
}
.wrap-s{
	max-width: 900px;
	margin:0 auto;
}
.wrap{
	max-width: 1000px;
	margin:0 auto;
}

.wrap-l{
	max-width: 1320px;
	margin:0 auto;
	padding: 0 20px;
}

.wrap-l2{
	max-width: 1280px;
	margin:0 auto;
	padding: 0 20px;
}

.wrap-ll{
	max-width: 1440px;
	margin:0 auto;
	padding: 0;
}



/*画像切り替えなど*/
.sp{ display: none !important; }
.pc{ display:block !important; }

img{
	max-width: 100%;
}

/*画像幅100%*/
img.wide{
	width: auto;
	width: 100%;
}

/*背景画像デフォルト設定*/
.bgset{
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}

.bgset.fix{
	background-attachment: fixed;
}

.bg-blge{
	background-color:#023c7a;
}

.bg-pink {
	background-color: #fff2f6;
}
.other-section .bg-pink{
	margin-top: 50px;
}

.bg-pl{
	padding: 0 !important;
	background-color: #ecf2ff;
}

.bg-circle{
	background-image: url(../img/circle.png);
	background-position: -15% 0;
	background-size:35% auto; 
	-webkit-background-size:35% auto; 
	background-repeat: no-repeat;
}
.clr-blue{
	color:#002e73;
}
/*テーブルA*/
/*テーブルB*/
/*テーブルC*/

/*見出しA*/
.headline-a{
	font-size: 3rem;
}

.headline-b{
	font-size: 2.2rem;
	font-weight: normal;
}


/*見出しB*/
/*見出しC*/

/*ボタンA*/
.btn-a{
border:1px solid #a0a0a0;
display: inline-block;
padding: 0 20px;
}
/*ボタンB*/
/*ボタンC*/


.hv-shadow {
	display: block;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-property: box-shadow transform;
    -webkit-transition-property: box-shadow transform;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

.hv-shadow:hover{
	transform: translate(0, -15px);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
        transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.uline{
	color:#0068b7;
	text-decoration: underline;
}


.mark>span{
	display: inline-block;
	width: 35px;
	height: 30px;
	background:url(../img/logo_mark.svg) center center no-repeat;
	background-size: 30px auto;
}



/*ヘッダー*/

header{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 120px;
	z-index: 100;
}


header .logo {
    position: absolute;
    right: 3%;
    top: 40px;
}

body>header .menu-button-wrap{
	display:block;
	position: fixed;
	z-index:101;
	width: 70px;
	height: 70px;
	top:20px;
	left: 2.4%;
	background:#fff;
}

body>header.change .menu-button-wrap{
	background:#023c7a;
}




	body>header #menu-button{
		position: relative;
		display:block;
		width: 100%;
	}
	body>header #menu-button::after{
		content:"MENU";
		font-family: 'Century Gothic',sans-serif !important;
		position: absolute;
		display: block;
		width: 100%;
		height: 14px;
		bottom:5px;
		left:0;
		color:#023c7a;
		font-size: 12px;
		text-align: center;
		margin-left: 0px;
	}
	body>header.change #menu-button::after{
		content:"MENU";
		font-family: 'Century Gothic',sans-serif !important;
		position: absolute;
		display: block;
		width: 100%;
		height: 14px;
		bottom:5px;
		left:0;
		color:#fff;
		font-size: 12px;
		text-align: center;
		margin-left: 0px;
	}

/*	body>header {
		height: 70px;
	}

*/


	body>header #menu-button {
	    position: absolute;
	    display: block;
	    right: 0px;
	    top: 0;
	    width: 70px;
	    height: 55px;
	    cursor: pointer;
	    z-index: 10009;
	}



		body>header #menu-button>div{
			width: 30px;
			height: 2px;
			background: #023c7a;
			position: absolute;
			-webkit-transition: all .5s;
			   -moz-transition: all .5s;
			    -ms-transition: all .5s;
			     -o-transition: all .5s;
			        transition: all .5s;
		}

		body>header.change #menu-button>div{
			background: #fff;
		}

		body>header #menu-button>div:nth-child(1){
			top: 35%;
			left:20px;
			-webkit-transform: translate(0%,0%);
			   -moz-transform: translate(0%,0%);
			    -ms-transform: translate(0%,0%);
			     -o-transform: translate(0%,0%);
			        transform: translate(0%,0%);
		}

		body>header #menu-button.active {
		    top: 0px;
		}

		body>header #menu-button.active>div{
		}

			body>header #menu-button.active>div:nth-child(1) {
				top: 50%;
				-webkit-transform: translate(0,-50%) rotate(45deg);
				   -moz-transform: translate(0,-50%) rotate(45deg);
				    -ms-transform: translate(0,-50%) rotate(45deg);
				     -o-transform: translate(0,-50%) rotate(45deg);
				        transform: translate(0,-50%) rotate(45deg);
			}
		body>header #menu-button>div:nth-child(2){
			top: 50%;
			left:20px;
		}
			body>header #menu-button.active>div:nth-child(2) {
				opacity: 0;
			}
		body>header #menu-button>div:nth-child(3){
			top: 65%;
			left:20px;
			-webkit-transform: translate(0%,0%);
			   -moz-transform: translate(0%,0%);
			    -ms-transform: translate(0%,0%);
			     -o-transform: translate(0%,0%);
			        transform: translate(0%,0%);
		}
			body>header #menu-button.active>div:nth-child(3) {
				top: 50%;
				-webkit-transform: translate(0,-50%) rotate(-45deg);
				   -moz-transform: translate(0,-50%) rotate(-45deg);
				    -ms-transform: translate(0,-50%) rotate(-45deg);
				     -o-transform: translate(0,-50%) rotate(-45deg);
				        transform: translate(0,-50%) rotate(-45deg);
			}



	body>header nav {
	    position: fixed;
		top:0;
	    left:0;
	    margin:0 auto;
	    width: 100%;
	    display: none;
	    opacity:0;
		-webkit-overflow-scrolling: touch;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	    text-align: left;
	    overflow: auto;
		height: 100vh;
	}

	body>header nav.block {
		display: block;

	}

	body>header nav .menu-wrap {
	    max-width: 1180px;
	    margin: 177px auto 50px;
	    display: -ms-flex;
	    display: -webkit-flex;
	    display: flex;
	    width: 100%;
	    padding: 0 50px;
	}

	body>header nav.block.active {
		opacity: 1;
		-webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}


	header>nav .menu {
		width: 366px;
	    display:block;
	    text-align: left;
	    padding-top: 0;
	    padding-right: 0;
	    margin-bottom: 20px;
	}


	body>header nav .menu>li{
		display: block;
		width: 100%;
		margin: 10px 0 20px;
	}

		body>header nav a{
			-webkit-transition:all 0.4s ease;
			-moz-transition:all 0.4s ease;
			-ms-transition:all 0.4s ease;
			-o-transition:all 0.4s ease;
			transition:all 0.4s ease;
			overflow:hidden;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

/*		body>header nav a:hover{
			opacity: 0.6;
		}*/

		body>header nav .menu>li>a{
			font-size: 	3rem;
			padding: 0.5em 0.3em;
			line-height: 1.2em;
		}
		body>header nav .menu>li .ch-nav{
			margin-top: 10px;
			border-left: 1px solid #797979;
			margin-left: 10px;
		}
		
		body>header nav .menu>li .mgn{
			margin-bottom: 10px;
		}

		body>header nav .menu>li .rabel{
			display: inline-block;
			background: #ddd;
			padding:0 0.4em;
			width: 100%;
			max-width: 316px;
			color:#fff;
		}
			body>header nav .menu>li .rabel.rc{
				background: #023c7a;
			}
			body>header nav .menu>li .rabel.cr{
				background: #077932;
			}
			body>header nav .menu>li .rabel.pt{
				background: #eb6100;
			}


	body>header nav .menu>li .ch-nav>li>span,
	body>header nav .menu>li .ch-nav>li>a,
	body>header nav .menu>li .ch-ch-nav>li>a {
	    font-size: 2.6rem;
	    padding: 2px 0;
	    padding-left: 9px;
	    margin-left: 20px;
	}

	header.block::before {
	    display: block;
	}
	header.active::before {
	    opacity: 1;
	    -webkit-transition: opacity 1s ease;
	    -moz-transition: opacity 1s ease;
	    -ms-transition: opacity 1s ease;
	    -o-transition: opacity 1s ease;
	    transition: opacity 1s ease;
	}

header::before {
    content: "";
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    display: none;
    opacity: 0;
    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    -ms-transition: right .3s ease;
    -o-transition: right .3s ease;
}

header>nav .ex-menu {
    position: static;
    display: block;
    width: 100%;
    border-top:1px solid #797979;
    padding: 1em 0px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}


header>nav .ex-menu>li{
	padding: 15px 0;
	display: inline-block;
	margin-right: 60px;
}
header>nav .ex-menu>li>a{
	padding-right: 20px;
	position: relative;
}


/*フッター*/
footer {
	position: relative;
	z-index: 1;
	padding:64px 0px 0;
	background:#023c7a;
}
footer .ft-clm-wrap{
	max-width: 1300px;
	margin:0 auto 50px;
	padding:0 20px;
}
footer .ft-clm>.box:nth-child(1){
	width: 330px;
}


footer address{
	color:#fff;
	padding: 20px 0;
	font-size: 1.6rem;
}
footer .ex-nav>li{
}
footer .ex-nav>li>a{
	position: relative;
	font-size: 1.4rem;
	color:#fff;
	padding-right: 1.3em;
}

footer .ex-nav>li>a.lg{
	font-size: 1.6rem;
	font-weight: bold;
}

footer .menu>li{
	position: relative;
	text-align: left;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
	margin-right: 2em;
	margin-bottom: 5px;
}

footer .menu>li>a{
	color:#fff;
	font-size: 1.35rem;
}
footer .ft-clm .title{
	display: block;
	margin-top:20px;
	width: 100%;
	color:#f3b056;
	font-size: 1.35rem;
}

footer .ch-nav{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

footer .ch-nav{
}

footer .ch-nav>li{
	position: relative;
	line-height: 1em;
}

footer .ch-nav>li::after{
	content:"";
	position: absolute;
	display: block;
	width: 1px;
	height: 0.8em;
	top:5px;
	right: -1em;
	background: #fff;
}

footer .ch-nav>li:last-child::after{
	display: none;
}

footer .menu>li .ch-nav>li:first-child::before{
	content:"";
	position: absolute;
	display: block;
	width: 1px;
	height:0.8em;
	top:5px;
	left: 1em;
	background: #fff;
}

footer .ch-nav>li>a{
	display: block;
	color:#fff;
	font-size: 1.35rem;
	padding-left: 2em;
	padding-right: 0.3em;
}
footer .rec-nav-wrap{}

footer .rec-nav{
	position: relative;
	white-space: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
footer  .rec-nav.ch-nav>li{
	margin-bottom: 5px;
}

footer  .rec-nav.ch-nav>li::after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 0.8em;
    top: 5px;
    right: -1em;
    background: #fff;
}

footer .rec-nav.ch-nav>li.last::after {
	display: none;
}


/*footer .rec-nav::after{
	content:"";
	position: absolute;
	display: block;
	width: 1px;
	height:0.8em;
	top:5px;
	left: -1em;
	background: #fff;
}*/
footer .rec-nav:nth-child(1)::after{
	display: none;
}
footer .rec-nav.ch-nav>li{
	white-space: nowrap;
}

footer .rec-nav.ch-nav>li>a{
	white-space: nowrap;
	display: block;
	color:#fff;
	font-size: 1.35rem;
	padding-left: 0em;
	padding-right: 2em;
}

footer .rec-nav.ch-nav>li::after {
    right: 0.7em;
}

footer #pagetop{
	position: fixed;
	right:0;
	bottom: 0;
	height: 60px;
	-webkit-transition:opacity 0.4s ease-out;
	-o-transition:opacity 0.4s ease-out;
	transition:opacity 0.4s ease-out;
	opacity: 0;
	cursor: pointer;
	z-index: 10000;
}

footer #pagetop.open{
	opacity: 1;
}

footer #pagetop>span{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	background:#023c7a;
}
footer #pagetop>span::after{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	left:50%;
	margin-top: -3px;
	margin-left: -7px;
	width: 12px;
	height: 12px;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

footer .copyright{
	border-top: 1px solid #fff;
	color:#fff;
	font-size: 1.4rem;
	text-align: center;
	padding: 20px 10px;
}

/*****************************************************************************
 トップページ
******************************************************************************/
/*メインスライダー*/
.main-slider .swiper-slide{
	height: 100vh;
}

.main-slider .swiper-slide .text-slide{
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.main-slider .swiper-slide .text-slide.left{
	left: 5.9%;
}
.main-slider .swiper-slide .text-slide.right{
	right: 5.9%;
	margin-top: 12%;
}
.main-slider .swiper-slide .text-slide.right.last{
	margin-top: 5%;
}

.main-slider .swiper-slide .text-slide.right.last{
	margin-top: 5%;
}

/*トップニュース*/
.news-tbl article{
	display: table;
	width: 100%;
}
.news-tbl article>time,
.news-tbl article>p{
	display: table-cell;
	vertical-align: top;
}

.news-tbl article>p {
    padding-right: 121px;
}

.news-tbl article>time{
	padding: 0  0.5em 0 0;
	line-height: 1.5em;
}

.top-news{
	position: relative;
	max-width: 1280px;
	padding:35px 15px;
	margin:0 auto;
	z-index: 1;
}

.top-news .btn-a{
	position: absolute;
	right:20px;
	top:25px;
	z-index: 3;
}

.top-main .clm-box>.box{
	position: relative;
}

.top-main .clm-box>.box .ly-circle,
.top-main .clm-box>.box .ly-text {
    position: absolute;
    top: 50%;
    right: auto;
    left:41%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.top-main .clm-box>.box .ly-text .headline{
	margin-left: 40px;
}

.top-main .clm-box.revs>.box .ly-text .headline {
    margin-left: 60px;
}
.top-main .top-people .clm-box>.box .ly-text .headline {
    margin-left: 50px;
}

.top-main .clm-box>.box .ly-circle {
    left: 17%;
    right: auto;
}

	.top-main .clm-box.revs>.box .ly-circle {
	    right: 17%;
	    left: auto;
	}

.top-main .clm-box.revs>.box .ly-text {
    right: 27%;
    left:auto;
}

.top-people{
	margin-top: 110px;
}


/*テンプレ*/
.grid-clm-box-link{
	display: block;
}
.grid-clm-box a{
	display: block;
}

.grid-clm-box a.hover:hover,
.grid-clm-box.revs a.hover:hover{
	opacity: 0.7 !important;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-webkit-transition-delay: 0 !important;
	transition-delay: 0 !important;
}

.grid-clm-box{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
}
.grid-clm-box .box{
	height: 500px;
	text-align: center;
	position: relative;
}
.grid-clm-box .box .hf-inner{
	position: relative;
	height: 246px;
}
.grid-clm-box .box .hf-inner:nth-child(1){
	margin-bottom: 8px;
}

.grid-clm-box .box .inner-text{
	position: absolute;
	display: inline-block;
	top: 50%;
	right: 20%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	max-width: 260px;
	text-align: left;
	color:#fff;
	padding: 0 20px;
}
.grid-clm-box .lg-img-block .inner.bgset{
	background-position: 100% center !important;
}

.grid-clm-box .box .inner-text p{
	margin: 30px 0;
}
.inner-text .btn-area{
	text-align: right;
	padding-right: 10px;
}

.inner-text .btn-area .btn-arw{
	position: relative;
	width: 33px;
	height: 16px;
	display: inline-block;
}
.inner-text .btn-area .btn-arw::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 2px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inner-text .btn-area .btn-arw::after {
	content:"";
	position: absolute;
	display: block;
	width: 33px;
	height: 1px;
	top:50%;
	left:0;
	background:#fff;
}


.grid-clm-box2{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
}

.grid-clm-box2 a.hover:hover{
    opacity: 0.6;
    -webkit-transition: opacity: 0.3s ease;
    transition: opacity: 0.3s ease;
}

.grid-clm-box2>.box{
	height: 600px;
	position: relative;
}


.grid-clm-box2>.box .hf-inner{
	position: relative;
	height: 296px
}
.grid-clm-box2>.box .hf-inner .inner.bgset{
background-position: center 20%;
}


.grid-clm-box2>.box .hf-inner:nth-child(1){
	margin-bottom: 8px;
}


.grid-clm-box2>.box:nth-child(1){
	width: 74.5%;
	margin-right: 0.5%;
}
.grid-clm-box2>.box:nth-child(2){
	width: 25%;
}

.grid-clm-box2>.box .inner-text{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 2;
	max-width: 451px;

}
.grid-clm-box2>.box .inner-text .frame{
	background:#fff;
	padding:50px 60px 30px;
}

.grid-clm-box2>.box .inner-text p {
    margin-bottom: 30px;
    padding-top: 20px;
}

.grid-clm-box2>.box .inner-text .btn-area .btn-arw::after{
	background:#000;
}
.grid-clm-box2>.box .inner-text .btn-area .btn-arw::before{
	border-color: #000;
}

.grid-clm-box>.box:nth-child(1) {
    width: 48.2%;
    margin-right: 0.5%;
}

.grid-clm-box.revs>.box:nth-child(1) {
    width: 48.2%;
    margin-right: 0;
    margin-left: 0.5%;
}

.grid-clm-box>.box:nth-child(2){ width:25.3%; }
.grid-clm-box>.box:nth-child(3){ width: 26% }

.clm-box.two>.box{
	padding-top: 40.2%;
	position: relative;
}
.clm-box-four{
	margin-top: 7px;
}
.clm-box-four>.box{
	width: 24.7%;
	margin-right: 0.4%;
}
.clm-box-four>.box:nth-child(4n){
	margin-right:0;
}
.btm-nav>.box{
	position: relative;
	width: 33%;
	margin-right:0.3%;
}

.btm-nav>.box a{
	position: relative;
	display: block;
	margin-bottom: 7px;
}

.btm-nav>.box:nth-child(3n){
	margin-right:0;
}

.btm-nav>.box .title{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	bottom:20px;
	left:0;
	text-align: center;
}

.btm-nav>.box .title img{
	max-width: 410px;
	width: 90%;
}
.top-greeting{
	margin-bottom: 110px;
}

.top-recruit{
	margin-top: 110px;
}

.top-recruit .box .bgset{
	background-position:0 center !important;
}


/*アニメーション*/
.first-fade{
	opacity: 0;
}
.first-fade.active{
	opacity: 1;
	-webkit-transition: opacity 1.2s ease 0.5s;
	transition: opacity 1.2s ease 0.5s;
}


.first-fade .catch img,
.first-fade .ly-center .box,
.section .clm-box .img-block,
.section .clm-box .text-block,
.section .clm-box .text-block .headline,
.section .clm-box .text-block p,
.grid-clm-box2 .lg-img-block,
.grid-clm-box2 .sm-img-block1,
.grid-clm-box2 .sm-img-block2,
.grid-clm-box2 .frame,
.grid-clm-box .box01,
.grid-clm-box .box02,
.grid-clm-box .box03{
	-webkit-transition-property:opacity ,transform;
	transition-property:opacity ,transform;
	-webkit-transition-duration : 1s;
	transition-duration : 1s;
	-webkit-transform: translate( -50% , 0 );
	transform:translate( -50%, 0 );
	transition-timing-function: cubic-bezier(0.155, 0.910, 0.695, 0.950);
	-webkit-transition-timing-function: cubic-bezier(0.155, 0.910, 0.695, 0.950);
	opacity: 0;
}


.first-fade .catch img,
.first-fade .ly-center .box{
	-webkit-transform: translate( 0 , 20% );
	transform:translate( 0, 20% );
	transition-timing-function: cubic-bezier(0.155, 0.910, 0.695, 0.950);
	-webkit-transition-timing-function: cubic-bezier(0.155, 0.910, 0.695, 0.950);
	opacity: 0;
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.first-fade.active .catch img,
.first-fade.active .ly-center .box{
	-webkit-transform: translate( 0 ,0 );
	transform:translate( 0, 0 );
	opacity: 1;
}

.section .clm-box.revs .img-block{
	-webkit-transform: translate( 50% , 0 );
	transform:translate( 50%, 0 );
}

.section.animated .clm-box .img-block{
	-webkit-transform: translate(0, 0);
	transform:translate(0, 0);
	opacity: 1;
}
	.section .clm-box.revs .text-block {
	    -webkit-transform: rotateY(80deg) translate(-80%, -10%);
		transform:rotateY(80deg) translate(-80%, -10%);
			-webkit-transition-duration : 0.5s;
	transition-duration : 0.5s;
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.section .clm-box .text-block {
	    -webkit-transform: rotateY(80deg) translate(80%, -10%);
		transform:rotateY(80deg) translate(80%, 10%);
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

		.section.animated .clm-box .text-block,
		.section.animated .clm-box.revs .text-block {
		    -webkit-transform: translate(0, 0);
			transform:translate(0, 0);
			opacity: 1;
		}

			.section .clm-box .text-block .headline,
			.section .clm-box .text-block p{
				-webkit-transition-delay: 0.8s;
				transition-delay: 0.8s;
				opacity: 0;
			}

				.section.animated .clm-box .text-block .headline,
				.section.animated .clm-box .text-block p{
					opacity: 1;
					-webkit-transition-duration : 1.8s;
					transition-duration : 1.8s;
					transition-timing-function: ease-out;
					-webkit-transition-timing-function: ease-out;
				}


/*viva */
.grid-clm-box2 .lg-img-block{
	-webkit-transform: translate( -100% , 0 );
	transform:translate( -100%, 0 );
}

.grid-clm-box2.animated .lg-img-block{
	-webkit-transform: translate( 0 , 0 );
	transform:translate( 0, 0 );
	opacity: 1;
}
		.grid-clm-box2 .sm-img-block1{
			-webkit-transform: translate( 50% , -10% );
			transform:translate( 50%, -10% );
			-webkit-transition-delay: 0.3s;
			transition-delay: 0.3s;
		}

		.grid-clm-box2.animated .sm-img-block1{
			-webkit-transform: translate( 0 , 0 );
			transform:translate( 0, 0 );
			opacity: 1;
		}

			.grid-clm-box2 .sm-img-block2{
				-webkit-transform: translate( 50% , 10% );
				transform:translate( 50%, 10% );
				-webkit-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.grid-clm-box2.animated .sm-img-block2{
				-webkit-transform: translate( 0 , 0 );
				transform:translate( 0, 0 );
				opacity: 1;
			}
			.grid-clm-box2 .frame{
				-webkit-transform: translate( 0 , 0 );
				transform:translate( 0, 0 );
			}

			.grid-clm-box2.animated .frame{
				opacity: 1;
				-webkit-transition-delay:1s;
				transition-delay:1s;
			}


.grid-clm-box .box01,
.grid-clm-box .box02,
.grid-clm-box .box03{
	-webkit-transform: translate( -50% ,0 );
	transform:translate( -50%,0 );
}

.grid-clm-box.revs .box01,
.grid-clm-box.revs .box02,
.grid-clm-box.revs .box03{
	-webkit-transform: translate( 50% ,0 );
	transform:translate( 50%,0 );
}


.grid-clm-box .box03{
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: rotateY(90deg);
	transform:rotateY(90deg);
}

.grid-clm-box.revs .box03{
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: rotateY(-90deg);
	transform:rotateY(-90deg);
}

.grid-clm-box.animated .box01,
.grid-clm-box.animated .box02,
.grid-clm-box.revs.animated .box01,
.grid-clm-box.revs.animated .box02{
	-webkit-transform: translate( 0 ,0 );
	transform:translate( 0 ,0 );
	opacity: 1;
}
.grid-clm-box.animated .box02{
	-webkit-transition-delay:0.3s;
	transition-delay:0.3s;
}

.grid-clm-box.animated .box03,
.grid-clm-box.revs.animated .box03{
	-webkit-transform: rotateY(0deg);
	transform:rotateY(0deg);
	opacity: 1;
	-webkit-transition-delay:0.6s;
	transition-delay:0.6s;
}

.grid-clm-box .box03 .inner-text{
	opacity: 0;
	-webkit-transition: opacity 1s ease 1s;
	transition: opacity 1s ease 1s;
}

.grid-clm-box.animated .box03 .inner-text{
	opacity: 1;
}

#new-list p a.hover{
	vertical-align: bottom;
}


/*****************************************************************************
 セカンドページ
******************************************************************************/
.main-visual{
	position: relative;
	height: 100vh;
}

.main-visual.pt02{
	height: auto;
}


.main-visual .catch{
	position: absolute;
	top: 50%;
	left: 15%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.main-visual .catch.right{
	left: auto;
	right: 15%;
}

.main-visual .ly-center{
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	color:#fff;
}
.main-visual .ly-center .center-title{
	font-size: 3rem;
}
.main-visual .ly-center p{
	font-size: 4.8rem;
}



.main-visual .page-title{
	position: absolute;
	left:0;
	bottom:0;
	background:#fff;
	width: 300px;
	padding: 1em 0;
	color:#313131;
	text-align: center;
	font-size: 3rem;
}

.main-contents{
	padding: 65px 0;
}
.main-contents .para{
	line-height: 2em;
	text-align: justify;
}


/*****************************
ごあいさつ
*****************************/
.greetings .headline-a{
	text-align: center;
	font-weight: normal;
}

.greetings .section{
	padding: 20px 0;
}

.greetings .section .para{
	padding: 30px 0;
}


.name-block{
	margin:20px 0;
	text-align: center;
}

.name-block .post {
    font-size: 1.6rem;
    line-height: 1.5em;
}

.name-block .name{
	font-size: 4rem;
}

.name-block .roma {
    font-size: 1.8rem;
    line-height: 1em;
}
.profile-block{
	padding: 20px;
}
.profile-block .drw-head {
	position: relative;
	padding: 0.3em 0;
	font-style: italic;
	text-align: center;
	font-size: 2.4rem;
	color:#486f79;
	border-top: 1px solid #486f79;
	border-bottom: 1px solid #486f79;
	cursor: pointer;
}

.profile-block .drw-head::after{
	content:"";
	position: absolute;
	display: block;
	width:18px ;
	height: 2px;
	top:50%;
	margin-top: -1px;
	right:12px;
	background:#486f79;
}
.profile-block .drw-head.open::before{
	content:"";
	position: absolute;
	display: block;
	width:18px ;
	height: 2px;
	top:50%;
	margin-top: -1px;
	right:12px;
	background:#486f79;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.profile-block .drw-body{
	padding:20px 0;
}
.profile-block .drw-body .para{}
.profile-block .drw-body .picture{
	padding: 20px 0 0;
}

.greetings  .inter-picture.mgn{
	margin: 50px 0 30px;
}
.greetings  .picture-block {}
.greetings  .lg-picture-block1 {
	position: relative;
	margin:20px 0 50px;
}

.greetings  .lg-picture-block1 .box:nth-child(1){
	width: 37.1%;
	margin-right: 0.4%;
}
.greetings  .lg-picture-block1 .box:nth-child(1)>div{
}
.greetings  .lg-picture-block1 .box:nth-child(2){
	width: 62.5%;
}
.greetings  .lg-picture-block1 .ch-box{
	height: 49.5%;
	position: relative;
	-webkit-transition-delay: 0.8s ;
	transition-delay: 0.8s ;
}
.greetings  .lg-picture-block1 .ch-box:nth-child(1){
	margin-bottom: 1%;
}

.greetings  .lg-picture-block1 .ch-box .inner{
}


.greetings  .lg-picture-block2{
	margin: 40px 0 50px;
}
.greetings  .lg-picture-block1 .box01,
.greetings  .lg-picture-block1 .box02,
.greetings  .lg-picture-block2 .box01,
.greetings  .lg-picture-block2 .box02{
	-webkit-transition-property:opacity ,transform;
	transition-property:opacity ,transform;
	-webkit-transition-duration : 1s;
	transition-duration : 1s;
	-webkit-transform: translate( 0 , 100px );
	transform:translate( 0, 100px );
	transition-timing-function: cubic-bezier(0.155, 0.910, 0.695, 0.950);
	-webkit-transition-timing-function: cubic-bezier(0.155, 0.910, 0.695, 0.950);
	opacity: 0;
}

.greetings  .lg-picture-block1.animated .box02,
.greetings  .lg-picture-block2.animated .box01{
	-webkit-transform: translate( 0 , 0 );
	transform:translate( 0, 0 );
	opacity: 1;
}

.greetings  .lg-picture-block1.animated .box01,
.greetings  .lg-picture-block2.animated .box02{
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
	-webkit-transform: translate( 0 , 0 );
	transform:translate( 0, 0 );
	opacity: 1;
}


.greetings  .lg-picture-block2 .box:nth-child(1){
	width: 69.4%;
}
.greetings  .lg-picture-block2 .box:nth-child(2){
	margin-left: 0.4%;
	width: 30.2%;

}
.greetings  .lg-picture-block2 .ch-box{
	height: 49.5%;
	position: relative;
	-webkit-transition-delay: 0.8s ;
	transition-delay: 0.8s ;
}
.greetings  .lg-picture-block2 .ch-box:nth-child(1){
	margin-bottom: 1.2%;
}


.greetings  .lg-picture-block2 {}

.greetings .picture-block{
	margin-top: 30px;
}

.greetings .picture-block>.box {
	width: 49.75%;
	margin-right:0.5%;
	margin-bottom:0.4%;
}
	.greetings .picture-block>.box02 {
		margin-right:0;
	}
		.greetings .picture-block>.box03 {
			width: 100%;
			margin-right:0;
		}

.movie {
	overflow: hidden;
	margin:30px auto;
	max-width: 946px;
}

.floor .movie,
.movie2 {
	overflow: hidden;
	margin:0 auto 20px;
	max-width: 1000px;
}


.movie .if-wrap,
.movie2 .if-wrap{
	position: relative;
	padding-top: 56.25%;
}

.movie .if-wrap .abs,
.movie2 .if-wrap .abs{
	width: 102%;
	left:-1%;
	top:-1%;
}

/*Viva nagahama*/

.greetings .inter-picture2,
.greetings .picture-block2{
	max-width: 1100px;
	margin:20px auto;
	text-align: right;
}
  .picture-block2.mgn{
  	margin-top: 50px !important;
  }
.greetings .inter-picture2{
	margin-top: 30px;
}
.greetings .picture-block2 .box{
	width:47.5%;
	margin-right: 5%;
}
.greetings .picture-block2 .box figcaption{

}

.greetings .picture-block2 .box:nth-child(2){
	margin-right: 0;
}

.greetings .picture-block2 figcaption{
	padding: 0.3em 0;
}
.inter-movie {
	position: relative;
	padding-top: 30.5%;
	text-align: center;
	margin:30px 0;
}


.inter-movie .movie-title{
	position: absolute;
	pointer-events: none;
	width: 100%;
	top: 50%;
	left: 0;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color:#fff;
	text-align: center;
	font-size: 3.6rem;
}
.inter-movie .movie-title::after{
	content:"";
	pointer-events: none;
	position: absolute;
	display: block;
	margin-top:-40px;
	top:0;
	left:50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 72px 0 72px 128px;
	border-color: transparent transparent transparent rgba(255,255,255,0.1);
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
    width: 100%;
    max-width: inherit;
}

.greetings .img-text-block {
	margin: 50px 0;
}

.greetings .img-text-block .headline-b{
	text-align: center;
}

.greetings .img-text-block .box{
	padding: 10px;
}
.greetings .img-text-block figure.box{
	padding: 0 20px
}

/*****************************
SDGs
*****************************/
.sdgs-ol{
	margin-bottom: 60px;
}

.sdgs .headline-c{
	text-align: center;
	font-size: 4.2rem;
	color: #002E73;
	line-height: 1;
}

.sdgs .headline-c span{
	display: block;
	font-size: 1.8rem;
	margin-top: 8px;
}

.sdgs .headline-d{
	font-size: 2.4rem;
	text-align: center;
	font-weight: normal;
	margin-top: 24px;
}

.sdgs-msg{
	display: flex;
	margin-bottom: 60px;
}

.sdgs-msg-ph{
	width: calc((100% - 5%)/2);
	margin-right: 5%;
}

.sdgs-msg-txt{
	width: 50%;
}

.sdgs-msg-txt p{
	line-height: 2;
	margin-bottom: 40px;
}

.sdgs-msg-prf{
	text-align: end;
}

.sdgs-msg-prf span{
	font-size: 2.1rem;
}

@media screen and (max-width: 768px){
	.sdgs-msg{
		display: block;
	}
	.sdgs-msg-ph{
		width: 100%;
		margin-right: 0;
		padding: 0 40px;
		margin-bottom: 40px;
	}
	
	.sdgs-msg-txt{
		width: 100%;
	}
}

@media screen and (max-width: 540px){
	.sdgs-msg-ph{
		padding: 0;
	}
}

.sdgs-msn{
	background-color: #F5F5F5;
	padding: 70px 0 80px;
	margin-bottom: 80px;
}

.sdgs-msn h3{
	font-size: 2.1rem;
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px;
}

.img-box-a{
	max-width: 1020px;
	margin: 0 auto 60px;
}

.img-box-a img{
	width: 100%;
}

.sdgs-msn h4{
	font-size: 1.8rem;
	margin-bottom: 50px;
	text-align: center;
}

.msn-box{
	background-color: #fff;
	position: relative;
	border-left: 16px solid #002E73;
	display: flex;
	padding: 40px 40px 30px;
	margin-bottom: 20px;
}

.msn01{border-left: 16px solid #002E73;}
.msn02{border-left: 16px solid #31A761;}
.msn03{border-left: 16px solid #D3A027;}

.msn-box-l,
.msn-box-r{
	width: calc((100% - 5.6%)/2);
}

.msn-box-l{
	margin-right: 5.6%;
}

.msn-box-l figure{
	margin-bottom: 30px;
}

.msn-box h4{
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 30px;
}

.msn01-b{color: #002E73;}
.msn02-g{color: #31A761;}
.msn03-y{color: #D3A027;}

.msn-box-l figure{
	margin-bottom: 30px;
}

.msn-list{
	display: flex;
	background-color: #a0a0a0;
	padding: 18px;
	width: 100%;
	margin-bottom: 8px;
}

.msn-list dt{
	font-weight: bold;
	width: 160px;
	margin-right: 30px;
}

.msnl01-b{background-color: #F2F5FA;}
.msnl02-g{background-color: #F0FDF6;}
.msnl03-y{background-color: #FFFAED;}

.msn-list span{
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}

@media screen and (max-width: 980px){
	.msn-box-l figure{
		text-align: left;
	}
	.msn-box-l figure img{
		max-height: 90px;
	}
}
@media screen and (max-width: 768px){
	.msn-box{
		display: block;
		border-top: 16px solid #002E73;
		border-left: none;
	}

	.sdgs-msn h3{
		text-align: left;
		font-size: 1.8rem;
	}

	.msn01{border-left: none; border-top: 16px solid #002E73;}
	.msn02{border-left: none; border-top: 16px solid #31A761;}
	.msn03{border-left: none; border-top: 16px solid #D3A027;}

	.msn-box-l,
	.msn-box-r{
	width: 100%;
	}

	.msn-box-l{
		margin-right:0;
		margin-bottom: 40px;
	}
	.msn-list{
		display: block;
	}
	.msn-list dt{
		margin-bottom: 20px;
	}
	.msn-list dt,
	.msn-list dt{
		width: 100%;
	}
}

.flow-wrap h4{
	font-size: 2.4rem;
	margin-bottom: 50px;
	text-align: center;
}

.sdgs-flow .flow-wrap{
	max-width: 1000px;
	margin: 0 auto 80px;
}

/*****************************
当社の事業 
*****************************/
.about .wrap-ll{
	padding-top: 30px;
	padding-bottom: 60px;
}



.article-img-block1{
	padding: 40px 0 0;
}
.article-img-block1>div.box{
	padding-right: 1%;
}
.article-img-block1>.box{
	padding-left: 5%;
	padding-bottom: 40px;

}
.article-img-block1>.box p{
	margin : 1.5em 0;
	line-height: 2em;
}

/*azai*/
.asai.greetings  .section{}
/*azai floor */

.floor .article-img-block1>figure.box,
.other-section .article-img-block1>figure.box{
	padding-left: 0;
}
.floor .article-img-block1>div.box,
.other-section .article-img-block1>div.box{
	padding-left: 1%;
	padding-right: 8%;
}
.floor .article-img-block1.revs>div.box,
.other-section .article-img-block1.revs>div.box{
	padding-left: 8%;
	padding-right: 1%;
}

.floor .section02 .article-img-block1.revs>div.box,
.other-section .section02 .article-img-block1.revs>div.box{
	padding-left: 6%;
	padding-right: 1%;
}



.floor .article-img-block1>.box p ,
.other-section .article-img-block1>.box p {
    margin:  0;
    line-height: 2em;
}

.floor .article-img-block1>.box  .name-block p,
.other-section .article-img-block1>.box  .name-block p{
    line-height: 1.5em;
}
.floor .article-img-block1>.box  .name,
.other-section .article-img-block1>.box  .name{
	line-height: 1.2em;
}

.floor .headline-a,
.other-section .headline-a {
    line-height: 1.2em;
	line-height: 180%;
}
.floor .headline-a.mgn,
.other-section .headline-a.mgn{
	margin: 20px 0 10px;
}
.floor .headline-a.mgn2,
.other-section .headline-a.mgn2{
	margin-right: -0.5em;
}


.floor .intro .headline-a ,
.other-section .intro .headline-a {
    padding-top: 14%;
    white-space: nowrap;
}
.floor .headline-a>span,
.other-section .headline-a>span{
	font-size: 1.8rem;

}


.floor .mark,
.other-section .mark{
	 padding-top:40px;
}

.local-nav2{
	width: 100%;
	padding: 83px 0 40px;
	background: #fff;
}
	.local-nav2 .ln-list>li{
		width: 23%;
		margin-right: 2.7%;
	}
	.local-nav2 .ln-list>li:last-child{
		margin-right: 0;

	}
		.local-nav2 .ln-list>li>a{
			display: block;
			padding:0.6em 1em;
			text-align: center;
			font-size: 1.9rem;
			color:#023c7a;
			border:1px solid #023c7a;
		}

.floor .picture-block2{
	padding-bottom: 50px;
}

.floor .inter-figure{
	margin-top: -20px;
}

/*****************************
採用
*****************************/
/*採用トップ*/
.recruit .top-figure{
	position: relative;
	padding: 40px 50px 0;
	margin-bottom: 70px;
}
.recruit .top-figure figcaption{
	position: absolute;
	right:0;
	bottom:0;
	display: inline-block;
	background: #fff;
	padding: 0.6em 1.5em;
	font-size: 	2rem;
}

.recruit .btm-nav2{
	margin: 40px 0 0;
}

.recruit .btm-nav2>.box{
	width:49.6%;
	margin-right: 0.8%;
}

.recruit .btm-nav2>.box:nth-child(2n){
	margin-right: 0;
}

.recruit .btm-nav2>.box a{
	position: relative;
	display: block;
	margin-bottom: 7px;
}


.recruit .btm-nav2>.box .title{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	bottom:20px;
	left:0;
	text-align: center;
	padding: 0 4%;
}

.recruit .btm-nav>.box .title img{
	max-width: 410px;
	width: 90%;
}

/*メッセージ*/

.other-section{
    margin-top: 80px;
    padding-top: 30px;
}
.message .main-contents {
    padding: 0px 0;
}

.message .local-nav2 {
    width: 100%;
    padding: 83px 0 50px;
    background: #fff;
}


.other-section .wrap-ll {
    padding-top: 30px;
    padding-bottom: 0;
}

/*募集要項*/
.headline-border{
	position: relative;
	letter-spacing: 0.3em;
	padding: 0.5em ;
	margin: 40px 0;
}
	.headline-border>span{
		position: absolute;
		display: inline-block;
		left:0;
		top:-15px;
		font-size: 2rem;
		font-weight: normal;
		background: #fff;
		padding-right: 20px;
	}
		.career .headline-border{ border-top:1px solid #077932; }
		.fresh .headline-border{ border-top:1px solid #023c7a; }
		.part .headline-border{ border-top:1px solid #eb4800; }
		.career .headline-border>span{ color: #077932; }
		.fresh .headline-border>span{ color: #023c7a; }
		.part .headline-border>span{ color: #eb4800; }

.recruitment .local-nav{
	width: 100%;
	padding: 50px 0;
}
	.recruitment .local-nav>li{
		width: 23%;
		margin-right: 2.7%;
	}
	.recruitment .local-nav>li:last-child{
		margin-right: 0;

	}
		.recruitment .local-nav>li>a{
			display: block;
			padding:0.6em 1em;
			text-align: center;
			font-size: 1.9rem;
		}
			.recruitment .career .local-nav>li>a{ color: #077932; border:1px solid #077932;}
			.recruitment .fresh .local-nav>li>a{ color: #023c7a; border:1px solid #023c7a;}
			.recruitment .part .local-nav>li>a{ color: #eb4800; border:1px solid #eb4800;}

.tbl-a{width: 100%;}
.tbl-a>tbody>{}
.tbl-a>tbody>tr{}
	.tbl-a>tbody>tr>th{
		text-align: left;
		white-space: nowrap;
		font-size: 1.8rem; font-weight: normal; 
		padding: 0.5em 1em;
	}
	.tbl-a>tbody>tr>td{ 
		font-size: 1.8rem;
		padding: 0.5em 1em;
	}
		.career .tbl-a>tbody>tr>td{ border:1px solid #077932; }
		.fresh .tbl-a>tbody>tr>td{ border:1px solid #023c7a; }
		.part .tbl-a>tbody>tr>td{ border:1px solid #eb4800; }
		.career .tbl-a>tbody>tr>th{ color: #077932; border:1px solid #077932; }
		.fresh .tbl-a>tbody>tr>th{ color: #023c7a; border:1px solid #023c7a; }
		.part .tbl-a>tbody>tr>th{ color: #eb4800; border:1px solid #eb4800; }

.entry-btn-area{
	text-align: center;
	padding: 43px 0;
}
	.entry-btn-area .entry-btn{ 
		color:#fff;
		display: inline-block;
		max-width: 320px;
		width: 100%;
		text-align: center;
		padding:0.6em 1em;
		font-size: 2rem;
	}
		.career .entry-btn-area .entry-btn{ background: #077932; }
		.fresh .entry-btn-area .entry-btn{ background: #023c7a; }
		.part .entry-btn-area .entry-btn{ background: #eb4800; }

table.tbl-a a{
	text-decoration: underline;
	color: blue;
	font-size: 1em;
}

/******************************************************************
* 中途採用エントリー
******************************************************************/
#entry{
	max-width: 960px;
	margin: 0 auto;
}
#entry .main-title,
.thanks .main-title{
	margin-bottom: 65px;
	text-align: center;
}
.headline-std{
	position: relative;
	padding: 0.3em 1em;
	font-size: 1.8rem;
	line-height: 1.666em;
	background: #077932;
	color:#fff;
}
.headline-std-fresh{
	position: relative;
	padding: 0.3em 1em;
	font-size: 1.8rem;
	line-height: 1.666em;
	background: #023c7a;
	color:#fff;
}

.headline-std_part{
	position: relative;
	padding: 0.3em 1em;
	font-size: 1.8rem;
	line-height: 1.666em;
	background: #eb4800;
	color:#fff;
}

#entry .tbl-b{
	width: 100%;
}
#entry.confirm .tbl-b{
	margin-bottom: 55px;
}
	#entry .tbl-b tbody tr{
		border-bottom:1px solid #959595;
	}
	#entry .tbl-b tbody tr th{
		width: 220px;
		vertical-align: top;
		font-size: 1.5rem;
		text-align: left;
		padding: 1.7em 1em 1.5em 1.5em;
	}
	#entry .tbl-b tbody tr td{
		text-align: center;
		padding: 1.3em 1.5em;
		font-size: 1.5rem;
		text-align: left;
	}
#entry .caption{
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.4em;
}

#entry .caption.red{
	color:#df0024;
}

#entry .caption.mgn{
	margin-bottom: 20px;
}
#entry .after-line{
	color:#959595;
}

#entry .kome{
	color:#df0024;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
}
#entry .label-cover.mgn1{
	padding-top: 4px;
}

#entry .label-cover>span,
#entry .label-cover>input{
	vertical-align: middle;
}

#entry .input-a{
	font-size: 1.4rem;
	max-width: 285px;
	width: 100%;
	height: 40px;
	display: inline-block;
	border:1px solid #7d7d7d;
}

#entry .input-b{
	font-size: 1.4rem;
	width: 68px;
	height: 40px;
	display: inline-block;
	border:1px solid #7d7d7d;
}
#entry .input-c{
	font-size: 1.4rem;
	width: 52px;
	height: 40px;
	display: inline-block;
	border:1px solid #7d7d7d;
}
#entry .input-d{
	font-size: 1.4rem;
	width: 140px;
	height: 40px;
	display: inline-block;
	border:1px solid #7d7d7d;
}

#entry .input-e{
	font-size: 1.4rem;
	display: inline-block;
	max-width: 420px;
	width: 100%;
	height: 40px;
	border:1px solid #7d7d7d;
}

#entry .label{
	margin-right:1.5em;
}
#entry .label input[type="radio" i]{
	display: inline-block;
	margin:8px 10px 0 0;
	vertical-align: top;
}
#entry .exp,
#entry .inter-exp{
	display: block;
	padding: 10px 0;
	font-size: 1.5rem;
}

#entry .under-exp{
	font-size: 1.5rem;
	display: block;
	line-height: 1.2em;
	color:#959595;
}

#entry .select2{
	max-width: 430px;
	width: 100%;
}
#entry .inter-line{
	display: inline-block;
	padding: 0 5px;
}
#entry textarea{
	max-width: 670px;
	width: 100%;
	height: 160px;
	border:1px solid #7d7d7d;
}
#entry .check-label{
	position: relative;
	/*padding-top: 5px;*/
	font-size: 1.5rem;
	padding-left: 20px;
}
	#entry .check-label .check{
		position: absolute;
		left:0;
		top:2px;
	}
#entry .check-area{
	padding: 45px 0;
	text-align: center;
	font-size: 1.5rem;
}
	#entry .check-line{
		padding-bottom: 2px;
		vertical-align: top;
	}
	#entry .check-line a{
		color: #0068b7;
		font-size: 1.4rem;
	}
	#entry .check-line a:hover{
		text-decoration: underline;
		text-decoration: none;
	}
#entry .submit-area{
	text-align: center;
}
#entry .submit-area.flex{
	padding-top: 70px;
}
	#entry .submit-area .btn-submit{
		display: inline-block;
		width: 220px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		font-size: 1.4rem;
		background: #077932;
		border:none;
		-webkit-appearance: none;
		appearance: none;
	}
	#entry .submit-area .btn-submit-fresh{
		display: inline-block;
		width: 220px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		font-size: 1.4rem;
		background: #023c7a;
		border:none;
		-webkit-appearance: none;
		appearance: none;
	}
	#entry .submit-area .btn-submit-part{
		display: inline-block;
		width: 220px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		font-size: 1.4rem;
		background: #eb4800;
		border:none;
		-webkit-appearance: none;
		appearance: none;
	}
	#entry .submit-area .btn-submit.edit{
		background: #898989;
	}
#entry .submit-area form{
	margin:0 30px;
}

/*個人情報保護方針*/
#entry .headline {
	padding: 55px 0 25px;
	font-size: 1.8rem;
	line-height: 1em;
	text-align: center;
}
#entry .scr-box {
	border: 1px solid #e5e5e5;
	max-width: 770px;
	margin: 0 auto;
	padding: 1.5em;
	height: 210px;
	overflow: auto;
	font-size: 1.4rem;
}
	#entry .scr-box .title{
		position: relative;
		font-weight: normal;
		margin-bottom: 0.5em;
	}
	#entry .scr-box .inner>p{
		margin-bottom: 2em;
	}
	#entry .policy>li{
		margin-bottom: 2em;
	}
	#entry .policy>li ul li{
		padding-left: 1em;
		text-indent: -1em;
	}
	#entry .policy>li ul.two li{
		padding-left: 2em;
		text-indent: -2em;
	}

/*thanks*/
.thanks{
	padding: 60px 0 0px;
}
.thanks p>strong{
	line-height: 1.4em;
	font-size: 2rem;
}

.thanks .headline-std{
	margin-bottom: 30px;
}
.thanks-msg{
	font-size: 1.8rem;
	line-height: 1.6em;
	padding-top: 0.8em;
	min-height: 150px;
}

/*error*/
.errBox h3{
	padding: 1em 0;
}
	.errBox ul li{
		color: #e00723;
		padding-left: 1em;
		text-indent: -1em;
	}
	.errBox ul li span{
		font-weight: bold;
	}


/*************************************
 新着一覧
**************************************/
#new-list{
	display: block;
	padding-bottom: 30px;
}
#new-list>article{
	display: block;
	position: relative;
	border-bottom:1px solid #dcdcdc;
	padding: 10px 0;
}

#new-list>article>time{
	font-size: 1.6rem;
	color:#626262;
}

#new-list>article>p{
	display: block;
	width: 100%;
}

#new-list>article>p>a{
	font-size: 1.6rem;
	line-height: 1.5em;
}

#new-list>article>.icon-new {
    position: absolute;
    left: 95px;
    top: 9px;
    color: #ff0000;
    font-size: 1.6rem;
}


/***********************************************************************************************************************
* 横サイズ1400px以下
***********************************************************************************************************************/
@media screen and (max-width: 1400px){
/*****************************************************************************
 トップページ
******************************************************************************/

.clm-box.two>.box,
.clm-box.two.revs>.box {
    padding-top: 0;
    height: 540px;
}


.grid-clm-box2>.box .inner-text .frame {
    padding: 34px 28px 30px;
}

.grid-clm-box .box .inner-text {
    right: 0;
    max-width: inherit;
    padding: 0 20px;
}


.grid-clm-box>.box:nth-child(1),
.grid-clm-box.revs>.box:nth-child(1) {
    width: 41.2%;
}

.grid-clm-box>.box:nth-child(2){ width:32.3%; }
.grid-clm-box>.box:nth-child(3){ width: 26% }

.top-recruit .box .bgset {
    background-position: 80% center !important;
}


/*****************************************************************************
 セカンドページ
******************************************************************************/
.main-visual .catch{
	left: 10%;
}

/*****************************
ごあいさつ
*****************************/

.inter-movie {
    position: relative;
    padding-top: 0;
    text-align: center;
    margin: 30px 0;
    height: 421px;
}

/*****************************
新着一覧	
*****************************/



.main-slider .swiper-slide .text-slide {
    width: 35%;
}

.grid-clm-box2>.box .inner-text {
    width: 41%;
}


.grid-clm-box2>.box .inner-text .frame {
    padding: 34px 28px 30px;
}

/*****************************************************************************
 セカンドページ
******************************************************************************/
/*****************************
ごあいさつ
*****************************/
/*****************************
当社の事業 
*****************************/
.floor .intro .headline-a {
    font-size: 2.4vw;
}

.name-block .name {
    font-size: 3rem;
}

}