@charset "utf-8";

/***********************************************************************************
*width 862px以下
***********************************************************************************/

/*メディアクエリ*/
@media only screen and (max-width: 862px){

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


.spbg{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	display: block !important;
	-webkit-background-size: cover;
	background-size: cover;
}

/*オープニングアニメ*/
.ani-frame .ly-fr {
    width: 70%;
}
.ani-frame .ly-fr img {
    width: 100%;
    height: auto;
}


/*oping anime*/


.slAni1{
	width: 100%;
	position: absolute;
	bottom:30px;
	left:0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%,0);
}
.slAni2{
	width: 100%;
	position: absolute;
	bottom:10px;
	left:0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%,0);
}
.slAni3{
	width: 100%;
	position: absolute;
	bottom:10px;
	left:0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%,0);
}

.ani-frame{
	height: 87vh;
	background:#ffee7b url(../img/h_mv_bg_sp.jpg) center 100% no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100 auto;
}
#imgAni1.first,
#imgAni2.first,
#imgAni3.first{
	width: 84px;
	height: 100px;
	background: url(../img/ani1.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#imgAni1.next,
#imgAni2.next,
#imgAni3.next{
	width: 84px;
	height: 100px;
	background: url(../img/ani2.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}




img{
	max-width: 100%;
}

.c-btn1 {
    width: 280px;
/*    font-size: 1.2rem;*/
    margin-bottom: 20px;
}

.c-headline-l{
    font-size: 1.6rem;
}
.c-headine-l {
    font-size: 2rem;
}

.c-headline-ll {
    font-size: 2.2rem;
}

/*table*/
.c-tbl1,
.c-tbl1>tbody,
.c-tbl1>tbody>tr,
.c-tbl1>tbody>tr>th,
.c-tbl1>tbody>tr>td{
	display: block;
	padding: 0;
	vertical-align: top;
	width:100%;
	font-weight: normal;
	text-align: left;
}
.c-tbl1>tbody>tr>th{
	padding:1em;
}
.c-tbl1>tbody>tr>td{
	padding:1em 1em 2em;
}

.btm-link-area {
	padding: 0 0 20px;
}
.btm-link-area .imgbtn{
	padding-top: 14.5%;
	max-width: 525px;
	background: url(../img/btn_entry_open_2021_sp.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.btm-link-area .imgbtn2{
	padding-top: 14.5%;
	max-width: 525px;
	background: url(../img/btn_entry_open_2022_sp.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}



/*header*/
/*header.block::before {
    display: block;
}

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

body>header #menu-button{
	display: block;
	position: fixed;
	top: 10px;
	right: 18px;
	width: 45px;
	height: 40px;
	cursor: pointer;
	z-index: 10009;
}
	body>header #menu-button>div{
		width: 32px;
		height: 2px;
		background: #23223f;
		position: absolute;
		-webkit-transition: all .5s;
		   -moz-transition: all .5s;
		    -ms-transition: all .5s;
		     -o-transition: all .5s;
		        transition: all .5s;
	}
	body>header #menu-button>div:nth-child(1){
		top: 25%;
		left: 10px;
		-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{
		background: #fff;
	}
		body>header #menu-button.active>div:nth-child(1) {
			top: 50%;
			-webkit-transform: translate(-5%,-50%) rotate(45deg);
			   -moz-transform: translate(-5%,-50%) rotate(45deg);
			    -ms-transform: translate(-5%,-50%) rotate(45deg);
			     -o-transform: translate(-5%,-50%) rotate(45deg);
			        transform: translate(-5%,-50%) rotate(45deg);
		}
	body>header #menu-button>div:nth-child(2){
		top: 50%;
		left: 10px;
	}
		body>header #menu-button.active>div:nth-child(2) {
			opacity: 0;
		}
	body>header #menu-button>div:nth-child(3){
		top: 75%;
		left: 10px;
		-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(-5%,-50%) rotate(-45deg);
			   -moz-transform: translate(-5%,-50%) rotate(-45deg);
			    -ms-transform: translate(-5%,-50%) rotate(-45deg);
			     -o-transform: translate(-5%,-50%) rotate(-45deg);
			        transform: translate(-5%,-50%) rotate(-45deg);
		}

header.block::before{
	display: block;
}
header.active::before{
	opacity: 1;
}

header .h-wrap .h-logo {
    position: absolute;
    top: 0;
    left: 0px;
    padding: 10px 15px;
    width: 140px;
    background: #fff;
}

header .h-wrap .h-logo img{
	width: 100%;
}


header .sp-head{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 10000;
}


*/
/*	header nav{
		padding: 0;
		display: none;
		position: fixed;
		background: #23223f;
		right: 0;
		top: 0px;
		width: 272px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		opacity: 0;
		padding-left:3px;
		z-index: 10002;
		-webkit-transition:all 0.6s ease ;
		-o-transition:all 0.6s ease ;
		transition:all 0.6s ease ;
	}
		header nav.active{
			-webkit-transition:all 0.6s ease ;
			-o-transition:all 0.6s ease ;
			transition:all 0.6s ease ;
			opacity: 1;
		}
		header nav.ready{
			display: block;
		}



header nav a{ color:#fff;}
header nav .menu>li>a {
    padding: 0;
}
	header nav>.menu{
		padding: 30px;
		color: #fff;
	}
		header nav>.menu>li{
			display: block;
			padding:0 0 2.5em ;
		}


		header nav>.menu>li>a{
			color:#fff;
			display: inline-block;
			font-size: 1.5rem;
		}


		header nav .menu>li>a.active {
		    display: inline-block;
		}

		header nav .menu>li>a.active::after {
		    bottom: -5px;
		    width: 100%;
		    height: 2px;
		}

			header  nav>.menu>li>ul{
				width: 100%;
				height: auto !important;
				position: static;
				opacity: 1;
				padding: 1em 0.5em 0.5em;
				display: block !important;
				margin-bottom: -10px;
			}
				header nav>.menu>li>ul>li{
					font-size: 1.4rem;
					padding: 0.2em .7em;
					display: block;
				}

			header .menu>li>ul>li>a {
			    font-size: 1.4rem;
			    padding: 0.4em 0em;
			}
			
			header .menu>li>ul::before {
				display: none;
			}*/


	/*フッター*/
	footer .f-wrap {
	    padding: 35px 0 30px;
	}
	footer .f-wrap .f-tbl,
	footer .f-wrap .f-tbl>div{
	    display: block;
	}

	footer .f-wrap .f-tbl>div:nth-child(1) {
	    display: block;
	    width: 200px;
	    margin:0 auto;
	}

	footer .ch-tbl {
	    display: none;
	}

	footer .f-logo {
	    width: 113px;
	}

	footer .f-logo .figcap {
	    margin: 1em 0 0;
	}

	footer #pagetop {
		width: 45px;
		height: 45px;
    	right: 20px;
	}

	footer #pagetop.active {
		bottom: 50px;
	}


	/*news*/
	.sct-news .news-tbl>div:nth-child(1) {
	    width: 92px;
	    padding-right: 1.5em;
	}

	.sct-news .news-tbl>div>a>time{
		width: 93px;
	}

	.sct-news .news-tbl>div>a>time,
	.sct-news .news-tbl>div>a>p {
	    line-height: 1.2em;
	}

	/*ラインナップ*/

	.sct-line-up  .ly-title{
		display: none;
	}

	.sct-line-up .tbl-box,
	.sct-line-up .tbl-box>section {
		display: block;
	    width: 100%;
	}
	.sct-line-up .tbl-box>section img{
		vertical-align: middle;
	}

	/*ワークスタイルセクション*/

	.sct-ws {
	    position: relative;
	    text-align: center;
	    padding: 30px 0 20px;
	}

	.sct-ws .coming{
		display: none;/*工事終了*/
		position: absolute;
		top:75px;
		left:2%;
		width: 13%;
	}

	.sct-ws .coming>img{
		width: 100%;
	}
	.sct-ws a{
		display: block !important;
	}
	.sct-ws  img{
		max-width: 100%;
	}
	.sct-ws .figure {
	    max-width: 90%;
	    margin: 20px auto;
	}
	.sct-ws .btn-area{
		text-align: center;
		margin:30px 0;
	}

.sct-ws .btn-area .btn-a {
    display: block;
    max-width: 187px;
    font-size: 1.4rem;
    height: 40px;
    line-height: 40px;
}


	.sct-ws .sct-headline{
		width: 60%;
		margin:0 auto;
	}

.sct-ws .ws-link {
    flex-wrap: wrap;
    -webkit-flex: wrap;
    overflow: hidden;
    margin: 25px 0 0;
    padding: 0 10px;
}

	.sct-ws .ws-link>li{
		padding:0;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.sct-ws .ws-link>li:nth-child(2n){
		margin-right: 0;
	}

	.sct-ws .ws-link>li span {
	    font-size: 1.4rem
	}

	.sct-line-up .sct-ts .ly-title{
		position: absolute;
		bottom:inherit;
		width: 100%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.sct-line-up .sct-ts .ts-link {
	    display: block;
	}
	.sct-line-up .sct-ts .ts-link>a{
	    width: 100%;
	    margin: 0 0 20px;
	    padding: 15px;
	}


	.sct-ws .inner{
		max-width: 1200px;
		margin:0 auto;
		padding: 65px 20px;
	}

		 .sct-ws .inner img{
			width: 100%;
		}

	.sct-line-up .sct-ts .ts-link-wrap {
	    padding: 30px 20px 20px;
	}

	.sct-line-up .sct-ts .pfl {
	    font-size: 1.2rem;
	}

	.sct-line-up .sct-ts .title>em {
	    font-size: 2.3rem;
	}

	.sct-line-up .sct-ts .title>span {
	    font-size: 1.8rem;
	    display: block;
	    line-height: 1.1em;
	    padding-left: 0;
	}

	.sct-line-up .sct-ts .title.mov {
	    background: url(../img/h_ts2_icon.png) 77px 5px no-repeat;
	    background-size: 50px auto;
	}







	.sct-ws .inner {
	    padding: 0px 10px;
	}

	.sct-ws .coming{
		display: none;
	}

	/*ガイドライン*/
	.sct-gi .grid-box>div {
	    width: 100%;
	}

	.sct-gi .hline-wrap .hline-img {
	    width: 47.4%;
	}




	/***************************************************
	second pages
	****************************************************/
/*メインビジュアル*/

#about .second .main-visual {
    background: url(../img/about_mainvisual01.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#education .second .main-visual{
	background: url(../img/education_mainvisual01.jpg) center center no-repeat;
	 -webkit-background-size: cover;
    background-size: cover;
}

#equirements .second .main-visual{
	background: url(../img/img_requirements_01.jpg) center center no-repeat;
	 -webkit-background-size: cover;
    background-size: cover;
}

#question .second .main-visual {
    background: url(../img/question_mainvisual01.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#brand .second .main-visual{
	background: url(../img/img_brand_01.jpg) center center no-repeat;
	 -webkit-background-size: cover;
    background-size: cover;
}

#workstyle .second .main-visual{
	background: url(../img/img_workstyle_01.jpg) center center no-repeat;
	 -webkit-background-size: cover;
    background-size: cover;
}

.second .interview2 .main-visual {
    background: url(../img/interview_mainvisual012.jpg) 80% center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

 @media screen and (max-width: 767px) and (orientation:portrait){
	.second .interview2 .main-visual {
	    background: url(../img/interview_mainvisual012.sp.jpg) 80% top no-repeat;
	    -webkit-background-size: cover;
	    background-size: cover;
	}
}

.second .workstyle.chart .main-visual{
	background: #c1c1c1 url(../img/ws_mv.png) center 60% no-repeat;
	    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.second .talk .main-visual{
	background: url(../img/talk_mv_sp.jpg) center center no-repeat;
	 -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.second .talk.vol2 .main-visual{
	background: url(../img/talk_mv02_sp.jpg) center center no-repeat;
	 -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.second .talk.vol3 .main-visual{
	background: url(../img/talk_mv03_sp.jpg) center center no-repeat;
	 -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.second .talk.vol4 .main-visual{
	background: url(../img/talk_mv04_sp.jpg) center center no-repeat;
	 -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.second .talk.vol5 .main-visual{
	background: url(../../talk_session/img/vol5/talk_mv_sp.webp) center center no-repeat;
	 -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.second .talk .main-visual::after {
    padding-top: 46.67%;
}

	.second .main-visual::after {
	    padding-top: 390px;
	}

	#about .second .main-visual::after,
	#education .second .main-visual::after,
	#equirements .second .main-visual::after,
	#question .second .main-visual::after,
	#brand .second .main-visual::after, 
	#workstyle .second .main-visual::after
	 {
	    padding-top: 350px;
	}

#person1 .second .main-visual .c-wrap .ly-title {
    top:68%;
}
#person3 .second .main-visual .c-wrap .ly-title {
    top:68%;
}
#person4 .second .main-visual .c-wrap .ly-title {
    top:68%;
}


@media screen and (max-width: 767px) and (orientation: portrait) {
	.second .interview2 .main-visual::after {
	    padding-top: 535px!important;
	}
}
		.second .main-visual .c-wrap .ly-chara {
		    width: 100px;
		}

		.second .main-visual .c-wrap .ly-title {
		    width: 70%;
		    text-align: center;
		}
		
@media only screen and (min-width: 768px) and (max-width: 862px){

		.second .main-visual .c-wrap .ly-title img {
		    width: 70%;
		}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
		.second .interview2 .main-visual .c-wrap .ly-title {
top: 75%;
     left: 50%;
    		    width: 90%;
		    text-align: center;
		}
}


.second  .main-visual .ly-icon {
    width: 80px;
}

/* ヘッダーbox2 */

#about .second .main-visual .ly-box,
#education .second .main-visual .ly-box,
#equirements .second .main-visual .ly-box,
#question .second .main-visual .ly-box,
#brand .second .main-visual .ly-box,
#workstyle .second .main-visual .ly-box{ 
    width: 72vw;
    height: 180px;
    padding: 0;
}

#about .second .main-visual .c-wrap .ly-title,
#education .second .main-visual .c-wrap .ly-title,
#equirements .second .main-visual .c-wrap .ly-title,
#question .second .main-visual .c-wrap .ly-title,
#brand .second .main-visual .c-wrap .ly-title,
#workstyle .second .main-visual .c-wrap .ly-title {
    width: 65vw;
	font-size:0.7rem;
	line-height:1.5;
}


/*大成温調早わかり*/

.about .sct-contents {
    padding: 30px 20px;
}
	.about .sct-contents .chk-block {
	    margin-bottom: 30px;
	}

	.about .sct-contents .chk-block .chk-frame {
	    max-width: 90%;
	}
		.about .sct-contents .chk-block .chk-frame .chk-head {
		    padding: 22px 15px 15px;
		}
			.about .sct-contents .chk-block .chk-frame .chk-head img {
				height: 47px;
			}


	.about .sct-contents .chk-block .inner {
	    padding: 40px 25px 30px;
	}
		.about .sct-contents .chk-block .inner p {
		    padding: 30px 20px 20px;
		}

	/*採用情報*/

	.message .bg{
		background: #1c1c1c url(../img/me_bg_sp.jpg) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

	.message .title img {
	    width: 90%;
	    height: auto;
	}

	.message .txt-box>div{
		margin: 15px 0;
		padding: 1em 1em 1em 1em;
	}


	/*よくある質問*/

	.faq .faq-inner{
		position: relative;
		max-width: 1240px;
		margin:0 auto;
		padding: 40px 50px 80px;
		background: url(../img/qu_bg_r_sp.png) 100% 0 repeat-y;
		-webkit-background-size: 50px auto;
		background-size: 50px auto;
	}

	.faq .faq-inner::after{
		content:"";
		position: absolute;
		display: block;
		width: 100px;
		height: 100%;
		top:0;
		left:0;
		background: url(../img/qu_bg_l_sp.png) 0 0 repeat-y;
		-webkit-background-size: 50px auto;
		background-size: 50px auto;
	}
	.faq .btm-box .chara{
		position: absolute;
		width: 100px;
		top: -25px;
		left: -40px;
	}
/*workstyle*/
	.second .workstyle .sct-contents {
	    padding: 40px 20px;
	}
	.workstyle.chart .ch-wrap .c-fig{
		position: relative;
		padding-top: 97%;
		background: url(../img/ws_img01_sp.jpg) 0 0 no-repeat;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
		.workstyle.chart .ch-wrap .c-fig img{
			display: none;
		}
		.workstyle .ch-wrap .text-box p {
		    padding: 0 0px;
		}

		.workstyle .ch-wrap {
		    max-width: 1070px;
		    margin: 0 auto;
		    padding: 40px 25px 30px;
		    background: #fff;
		}
/*voice*/
	.voice .grid-two,
	.voice .grid-two>div,
	.voice .grid-two>div.img,
	.voice .contents-b .grid-two>div{
		display: block;
		width: 100%;
		padding: 0;
	}
	.voice .grid-two>div.img{
		margin-bottom: 20px;
	}
	
	/*20180312追記*/
	.voice .comment {
	    padding: 20px 20px;
	    margin-bottom: 10px;
	}
		.voice .comment h3,
		.voice .comment p{
			font-size: 	1.6rem;
		}
		.voice .comment .auth {
		    margin-top: 5px;
		    font-size: 1.2rem;
		}
			.voice .comment .auth>span{
				display: block;
			}

	.voice .contents-a.ly9 {
	    padding: 52px 0 156px;
	    margin-bottom: -197px;
	}

	.voice .contents-a.ly1 {
    	padding: 215px 0 230px;
	}

	.voice .contents-a .grid-two{
		padding: 40px 0 60px;
	}
	.voice .contents-b .grid-two{
		padding: 60px 0 60px;
	}

	.voice .grid-two dd {
	    margin-bottom: 25px;
	}

	.voice .contents-a.ly9 .grid-two {
	    padding: 40px 0 30px;
	}

	.education .text-block{
		padding: 30px 30px;
		background: #ffd568 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		line-height: 1.7em;
	}
		.education .text-block p{
			font-size: 1.4rem;
		}

		.education .text-block em {
		    font-size: 1.8rem;
		}

	.education .btn-area>li {
	    margin: 0px;
	    display: inline-block;
	}

		.education .btn-area>li:nth-child(1) {
			padding-right: 10px;
		}
		.education .btn-area>li:nth-child(2) {
			padding-left: 10px;
		}

	.education .btn-area {
	    text-align: center;
	    padding: 25px 0px;
	}

	.education .chart-block {
	    padding: 15px 20px 40px;
	}

	.education .one-box {
	    max-width: 760px;
	    margin: 0 auto;
	    padding: 0;
	}

	.education .cell, .education .flow-list>li {
	    font-size: 1.0em !important;
	}

	#education table td {
		font-size:0.9rem !important;
	    }

	.education .two-tbl.first,
	.education .two-tbl.flow,
	.education .two-tbl.other,
	.education .two-tbl.first>div,
	.education .two-tbl.flow>div,
	.education .two-tbl.other>div,
	.education .two-tbl.flow>div:nth-child(1),
	.education .two-tbl.flow>div:nth-child(2),
	.education .two-tbl.other>div:nth-child(1),
	.education .two-tbl.other>div:nth-child(2){
		display: block;
		width: 100%;
		padding:0;
	}

	.education .pcoff{
		position: relative;
		display: inline-block;
		padding: 30px 10px 5px;
		max-width: 293px;
		width: 100%;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.education .pcoff.gr{
		border:1px dashed #009944;
		color:#009944;
		text-decoration: underline;
	}
	.education .pcoff.lgr{
		border:1px dashed #009944;
		color:#00736d;
		text-decoration: underline;
	}
	.education .pcoff::after{
		content:"";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		top:8px;
		left:50%;
		margin-left: -45px;
		border-style: solid;
		border-width: 20px 45px 0 45px;
		border-color: #f39800 transparent transparent transparent;
	}
	.education .pcoff.gr::after{
		border-color: #009944 transparent transparent transparent;
	}
	.education .pcoff.lgr::after{
		border-color: #00736d transparent transparent transparent;
	}

	.education .two-tbl>div .arw {
	    display: none;
	}


	/*requirements*/
	.requirements .sct-req .c-mid-wrap {
	    background: #fff;
	    max-width: 500px;
	    padding: 20px 20px;
	}
	.requirements .mg-t30{
		margin-top: 15px !important;
	}
	.requirements .sct-req {
	    padding-bottom: 40px;
	}
		.requirements .sct-req .c-headline-ll {
		    padding: 10px;
		}

	/*給与リスト*/
	.requirements .income-list>li{
		padding-left: 0;
		text-align: right;
		margin-top: 5px;
		margin-bottom: 15px;
	}
		.requirements .income-list>li>span {
		    position: static;
		    display: block;
		    text-align: left;
		}

	/*トークセッション
	----------------------*/
	.contents-c .pickup{
		margin-top: 0px;
	}

	.second .sct-contents .sct-head .c-wrap {
	    padding: 30px;
	}

	.second .sct-contents .sct-head .title {
	    font-size: 1.8rem;
	}
	.second .sct-contents .sct-head .c-wrap .gh-box span{
		display: block;
	}

	.second .sct-contents .sct-head .c-wrap .mgn {
	    margin-left: 0;
	}

	.talk .sct-contents .gh-box dd .nonebr{
		display: block;
	}

	.second .sct-contents .sct-head .gh-box>dd {
	    display:block;
	    width: -webkit-calc(100%);
	    width: calc(100%);
	    margin-bottom: 10px;
	}
		

	/*contents-c*/
	.contents-c {
	    margin: 170px auto 60px;
	    position: relative;
	}
	.talk .contents-c {
	    margin: 50px auto 70px;
	    position: relative;
	}

	.talk .ly4.contents-c {
	    margin: 50px auto 55px;
	}


	.contents-c .c-headline-l {
	    padding: 15px 20px;
	    text-align: left;
	}
	.contents-c .c-headline-l br {
		display: none;
	}

	.second .sct-contents .sct-head.bgi01 {
	    padding: 30px 20px;
	}

	.contents-c.group2 {
	    margin: -30px auto 80px;
	}

	.contents-c.group2 .g-wrap {
		margin-top: 30px;
	    padding: 40px 30px 20px;
	}

	.contents-c .g-wrap {
	    margin-top: 30px;
	    padding: 100px 30px 20px;
	}


	.contents-c .grid-two,
	.contents-c .grid-two>div{
	    width: 100%;
	    display: block;
	}

	.contents-c .grid-two.revs>div.pic {
    	padding: 1em;
	}

	.contents-c .grid-two>div.pic,
	.contents-c .grid-two.rves>div.pic,
	.contents-c .grid-two>div.pic.type-b{
		padding: 1em;
		margin: 0 0 20px;
		text-align: center;
	}
	.contents-c .c-headline-l {
	    margin: 0 auto 20px;
	}




.sct-contents .intv-box.bgi01 {
    background: url(../img/talk_s_bg.jpg) 0 0;
    padding: 25px 0 20px;
    min-height: inherit;
}

/*インタビューvideo*/
.sct-contents .intv-box .v-wrap {
    padding-top: 63.5%;
}
	.sct-contents .intv-box .v-wrap.mgn{
		margin-bottom: 20px;
	}


.talk .ly7.contents-c,
.talk .ly8.contents-c {
    margin: 50px auto 70px;
    position: relative;
}


.ly7.contents-c {
    margin: 190px auto 40px;
    position: relative;
}

.ly8.contents-c {
    margin: 170px auto 30px;
    position: relative;
}





/*社員インタビュー*/
.second .interview .sct-contents {
    padding: 80px 0 60px;
}

.interview .profile-bar .name {
    font-size: 2.2rem;
    /*margin-bottom: 5px;*/
    display: block;
}

.interview .profile-bar .dept,
.interview .profile-bar .school {
    font-size: 14px;
}
	@media only screen and (max-width: 375px){
		.interview .profile-bar .dept,
		.interview .profile-bar .school {
		    font-size: 3.5vw;
		}
	}



.interview .answer-wrap {
    padding: 0 25px;
}

.interview .answer-box>div p {
    font-size: 1.4rem;
}

.interview .profile-bar .roma {
    font-size: 1.8rem;
}
.interview .profile-bar .field {
    font-size: 1.6rem;	
}
.interview .answer-box>div .title>span{
	padding: 10px;
}


.interview .profile-bar .tbl-box>div:nth-child(1) {
    padding: 10px 0px 0px 0px;
}

.interview .profile-bar .tbl-box>div:nth-child(2) {
    padding: 5px 0px 15px 0px;
}

.interview .profile-bar .tbl-box,
.interview .profile-bar .tbl-box>div {
    display: block;
    width: 100%;
}

.interview .answer-box>div {
    padding: 0px 20px 30px;
}


.interview .answer-box,
.interview .answer-box >div{
	position: relative;
	display: block !important;
    width: 100% !important;
    max-width: inherit;
    margin-right: 0;
}

.interview .answer-box >div:nth-child(1) {
    margin-bottom: 100px;
    margin-top: 40px;
}

.interview .answer-box>div .title {
	-webkit-width: calc(100% + 20px);
	width: calc(100% + 20px);
	display: table;
    position: relative;
   	margin-left: -10px;
    margin-top: -45px;
}

.interview .fig2 {
    max-width: 1210px;
    padding: 0px 10px;
}



/*アエラ記事*/
.area .contents-c .c-headline-l{ text-align: center; font-size: 2.4rem; }

.contents-c .inner-box .headline-uline>span {
    font-size: 1.9rem;
}

.contents-c .inner-box {
    max-width: 980px;
    padding: 0px;
}

.contents-c .inner-box .headline-uline {
    margin: 24px 0;
}

.contents-c .inner-box .figure-area {
    padding: 20px 15px;
}

.contents-c .inner-box .figure-area figcaption{
	font-size: 1.3rem;
	text-align: left;
	line-height: 1.4em;
}

.contents-c .inner-box .figure-area figcaption span.br{
	display: block;
}

.contents-c .inner-box p {
    padding: 20px 10px;
}

.contents-c .inner-box p.vol5{
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 2;
}

.contents-c .inner-box p.vol5 img{
	width: 35px;
	margin-left: 6px;
}

/********************************************
座談会
********************************************/

#special .pc{display: none;}
#special .sp{display: block;}

#special .main-movie {
    position: relative;
    padding-top: 0px;
    margin-top: 60px !important;
    z-index: 1;
}

#special .section-block {
    padding: 30px 5%;
}


#special #special-conts{
	padding-top: 40px;
}


#special .main-movie .scl-btn {
  display: none;
}

#special .main-movie .title .label1 img{
	width: 34%;
}

#special .main-movie .title .label2 img{
	width: 50%;
}

#special .sp-movie{
	position: relative;
	padding: 6% 6.6% ;
	background: url(../img/special/line.png);
	z-index: 1;
}




#special .sp-movie .main-movie-btn{
	position: relative;
	background: #fff;
	width: 100%;
	padding: 1em;
	text-align: center;
	-webkit-border-radius:3em;
	border-radius:3em;
	overflow: visible;
	/* box-shadow */
	box-shadow:0px 3px 0px 0px #e5004f;
}


#special .sp-movie .main-movie-btn::after{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: #fff;
	z-index: -1;
	-webkit-border-radius:3em;
	border-radius:3em;
}


#special .sp-movie .main-movie-btn span{
	color:#e5004f;
	font-size: 2rem;
	display: inline-block;
	padding-right: 30px;
	background: url(../img/special/icon_main.png) 100% center  no-repeat;
}

#special .section-block .section-head {
    font-size: 2.2rem;
    padding-bottom: 10px;
}

#special .member-block .text-box p {
    margin: 8px 0;
}

#special .member-block .img-box img {
    max-width:unset;
    width: 100%;
}

#special .member-block .img-box {
    padding-left: 0;
    width: 25%;
}

#special .member-block .text-box {
    padding: 0 0px 0 20px;
    width: 75%;
}

#special .staff-block .title-box .staff-title {
    font-size: 2.1rem;
    font-weight: normal;
    color: #707070;
    padding-top: 25px;
}
#special .member-block .text-box .title .name {
    font-size: 1.4rem;
}

#special .member-block .text-box .title .dept {
    font-size: 1.1rem;
}

#special .staff-block {
	display: block;
	margin-top: 10px;
}

#special .staff-block .title-box {
    width: 100%;
    display: block;
    padding-left:0;
    margin-bottom: 30px;
}
#special .staff-block .img-box {
	width: 100%;
	display: block;
    padding-top: 0;
    padding-left: 0;
}

#special .staff-block .person-block>.box .name {
    font-size: 1.4rem;
}

#special .talk-block {
	display: block;
	padding: 15px 0;
}
#special .talk-block>.box{
	display: block;
	width: 100%;
    padding: 0;
}
#special .talk-block>.box p {
    padding-left: 3em;
    font-size: 1.3rem;
    margin: 1em 0 0;
}

#special .section-block .section-head2 {
    font-size: 1.6rem;
}

#special .section-block {
    margin: 0 auto 40px;
}
#special .staff-block .img-box .person-block{
	-webkit-justify-content: center;
	justify-content: center;
}

#special .staff-block .img-box .person-block>.box {
	max-width: 100px;
    margin: 0 2vw;
}

#special .bottom-wrap .bottom-img {
    margin-top: -54px;
}


/*brand*/
.second .brand .main-visual .c-wrap .ly-title {
    width: 60%;
    text-align: center;
}
.brand-top-msg{
	text-align: left;
}

.brand-box {
    margin: 30px auto 40px;
    padding: 30px 5% 30px;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.brand-box-catch {
    display: block;
    margin: 25px 0 25px;
}

.brand-box-ttl {
    position: relative;
    padding-left: 49px;
}

.brand-box-tag {
    width: 42px;
    height: 14px;
    left: 0;
    top: 5px;
}

.brand-box-txt {
    display: block;
    padding-top: 0;
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 1.4em;
    font-style: italic;
}

.container .brand-box-msg {
    text-align: left;
    font-size: 1.6rem;
}

.container .brand-logo-msg {
    font-size: 1.5rem;
    line-height: 2em;
}

.brand-logo {
    margin: 40px auto;
    text-align: center;
}

.brand-logo img{
	width: 80%;
}

.container .brand-logo-ttl {
    font-size: 1.6rem;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.container .brand-logo-msg {
    font-size: 1.6rem;
    line-height: 2em;
}

.container .brand-logo-msg.msg1{
	margin-bottom: 30px;
}

.brand-vision-ttl{
	font-size: 1.8rem;
	padding: 0.7em 0;
	margin-bottom: 30px;
}

/*#brand-vision1 .brand-vision-catch {
    font-size: 1.8rem;
}
*/
.brand-vision-catch {
    font-size: 4.5vw;
    margin-bottom: 20px;
    font-weight: bold;
}

.container .brand-vision-msg {
    font-size: 1.5rem;
}
.brand-vision {
    margin-top: 30px;
}
.brand-btn{
	padding: 25px 0;
	margin:0 auto 0px;
	font-size: 2rem;
}

.brand .sct-contents {
    padding: 30px 20px 40px;
}


.brand-box-catch{
	width: 90%;
}



}/**/

/***********************************************************************************
*width 425px以下
***********************************************************************************/
/*メディアクエリ*/
@media only screen and (max-width: 425px){
	header .h-wrap .h-logo {
	   
	}

	footer .f-logo {
    	width: 112px;
	}
	footer .f-logo img{
		width: 100%;
	}

	/*main-visual*/
/*	.second .talk .main-visual{
		background: url(../img/talk_mv_sp.jpg) center 0 no-repeat;
		 -webkit-background-size: 140% auto;
	    background-size: 140% auto;
	}
	.second .talk .main-visual::after {
	    padding-top: 300px;
	}
*/

	.sct-news .news-tbl>div:nth-child(1) {
	    width: 75px;
	}
	.sct-news .news-tbl>div>a {
	    display: block;
	}

	.sct-news .news-tbl>div>a>time, .sct-news .news-tbl>div>a>p {
    	display: block;
    	font-size: 1.3rem;
    	line-height: 1.4em;
    }
/*    .sct-line-up .sct-ts .pfl{
    	font-size: 1.3rem;
    }*/

    .sct-line-up .sct-ts .pfl span{
		display: block;
		margin-bottom: 5px;

	}
	.sct-line-up .sct-ts .pfl .br{
		display: none;
	}

	/*大成温調早わかり*/
	.about .sct-contents {
	    padding: 30px 15px;
	}
		.about .sct-contents .chk-block .inner {
		    padding: 40px 20px 30px;
		}

			.about .sct-contents .chk-block .inner p {
			    padding: 30px 0px 20px;
			}

		.about .sct-contents .chk-block .chk-frame .chk-head{
			 padding: 22px 0px 15px;
		}

		.about .sct-contents .chk-block .chk-frame .chk-head img {
		    height: 35px;
		}

	/*よくある質問*/
	.faq .faq-inner{
		position: relative;
		max-width: 1240px;
		margin:0 auto;
		padding: 40px 40px 50px;
		background: url(../img/qu_bg_r_sp.png) 100% 0 repeat-y;
		-webkit-background-size: 50px auto;
		background-size: 50px auto;
		z-index: 1;
	}

	.faq .faq-inner::after{
		content:"";
		position: absolute;
		display: block;
		width: 100px;
		height: 100%;
		top:0;
		left:0;
		background: url(../img/qu_bg_l_sp.png) 0 0 repeat-y;
		-webkit-background-size: 50px auto;
		background-size: 50px auto;
		z-index: 1;
	}
	.faq .btm-box .chara{
		position: absolute;
		width: 80px;
		top: -47px;
		right: -23px;
	}

	.faq .qlist span {
		font-size: 2rem;
	    top: 15px;
    	left: 19px;
	}

	.faq .qlist dt {
	    padding: 1.2em 4em 1.2em 58px;
	}
		.faq .qlist dt::after {
    		right: 22px;
    	}
    		.faq .qlist dt>span {
		    	left: 12px;
			}
				.faq .qlist dd {
					padding: 1.2em 2em 1.2em 58px;
				}
/*education*/
.second .requirements .sct-contents{
	padding-left:20px;
	padding-right:20px;
}

.education .text-block {
    padding: 15px 15px;
}
.education .text-block p {
    font-size: 1.4rem;
    text-align: left;
}
.education .text-block p .br {
	display: none;
}

/*contents-c*/
.contents-c {
    margin: 190px auto 78px;
    position: relative;
}

/*intv-box*/
.contents-c .g-wrap {
    padding: 80px 15px 20px;
}

.contents-c.group2 .g-wrap {
    padding: 30px 15px 20px;
}
.contents-c .c-headline-l {
    margin: 0 auto 10px;
}



.second .sct-contents .sct-head .gh-box>dt {
    display: block;
}



/*hth20180301*/
.talk .sct-contents .gh-box dd .nonebr{
	display: block;
}
.contents-c .pickup p{
	font-size: 1.2rem;
}

#special .member-block {
    display: block;
    width: 100%;
    margin: 20px 0;
}


/**/

#special .section-block .section-head2 {
    font-size: 1.4rem;
}
#special .section-block .section-head2.size {
	font-size: 1.3rem;
	white-space: nowrap;
}
#special .section-block .section-head2>span {
    position: relative;
    padding: 0px 20px;
}

#special .section-block .section-head2>span::after,
 #special .section-block .section-head2>span::before {
    width: 13px;
}

#special .member-block .img-box {
    padding-left: 0;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
#special .member-block .img-box img{
	width: 50%;
}

#special .member-block .text-box {
	width: 100%;
    padding: 0;
}

#special .section-block {
    padding: 30px 20px;
}

#special .staff-block .img-box .person-block {
    display: block;
    text-align: center;
}

#special .staff-block .img-box .person-block>.box {
    max-width: 50%;
    margin: 0 auto 20px;
}


}/**/