/*--common--*/
main article{min-height:700px;}
.marker{background: linear-gradient(transparent 50%, #ffff96 50%);font-style:normal;}
.attention{color:#ad0003;}
.smp{display:none;}
.remarks li{display:flex;align-items:baseline;}
.remarks li:before{content:"※";margin-right:5px;display:block;}
.youtube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.youtube_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
form .pink{color:#f34c80;}



.ttl_page{height:400px;position:relative;background:#131313 url(../img/lower/common.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;}
.ttl_page h1{width:100%;font-size:6.0rem;text-align:center;color:#fff;line-height:1.66;}
.ttl_page h1 small{display:block;font-size:1.8rem;font-weight:600;color:#77a11b;font-family: 'Poppins', sans-serif;letter-spacing:0.2em;}

.page_work .ttl_page{background:#000 url(../img/lower/work.jpg) no-repeat center center;background-size:cover;}
.page_voice .ttl_page{background:#000 url(../img/lower/voice.jpg) no-repeat center center;background-size:cover;}
.page_recruit .ttl_page{background:#000 url(../img/lower/recruit.jpg) no-repeat center center;background-size:cover;}
.page_company .ttl_page{background:#000 url(../img/lower/company.jpg) no-repeat center center;background-size:cover;}

.pagination{display:flex;flex-flow:row wrap;margin:30px 0 60px;}
.pagination a{display:block;width:40px;height:40px;background:#050505;color:#fff;font-size:1.8rem;text-align:center;line-height:40px;border-radius:50%;margin-right:5px;}
.pagination .current{display:block;width:40px;height:40px;background:#fb0b43;color:#fff;font-size:1.8rem;text-align:center;line-height:40px;border-radius:50%;margin-right:5px;}
.pagination a:hover{background:#666;}



.page_error .inner{min-height:300px;padding:60px 15px 300px;}
.page_error .message p{font-size:2.4rem;font-weight:bold;text-align:center;color:#999;margin-bottom:2em;}
.page_error .btn_home a{display:block;width:280px;max-width:100%;font-size:1.6rem;border:1px solid #000;text-align:center;padding:15px;transition-duration:.4s;margin:0 auto;}
.page_error .btn_home a:after{content:"\f138";font-family:FontAwesome;margin-left:10px;}
.page_error .btn_home a:hover{background:#000;color:#fff;}



/*--work--*/
.page_work .case .inner{padding:45px 0 120px;}
.page_work .case ul{display:flex;flex-flow:row wrap;}
.page_work .case ul li{width:25%;padding:15px;}
.page_work .case ul li a img{border:1px solid #ddd;}
.page_work .case ul dl dt{margin-bottom:10px;}
.page_work .case ul dl dd{font-size:1.6rem;line-height:1;}



/*--voice--*/
.page_voice .list .inner{padding:45px 0 120px;}
.page_voice .list ul{display:flex;flex-flow:row wrap;}
.page_voice .list ul li{width:50%;padding:15px;}
.page_voice .list ul li figure{display:flex;flex-flow:row-reverse wrap;align-items:center;background:#131313;margin-bottom:10px;}
.page_voice .list ul li figure div{width:64%;}
.page_voice .list ul li figcaption{width:36%;padding:10px;color:#fff;font-family:"Shin Go Medium";font-style:italic;}
.page_voice .list ul li figcaption h2{font-size:3.6rem;line-height:1.33;}
.page_voice .list ul dl{clear:both;}
.page_voice .list ul dl dt{display:inline-block;width:72px;height:24px;background:#ffa200;font-size:1.2rem;color:#fff;text-align:center;border-radius:12px;line-height:24px;float:left;margin-right:5px;}
.page_voice .list ul dl dd{font-size:2.1rem;color:#000;line-height:1.14;display:inline;}



/*--recruit--*/
.page_recruit h4{font-size:2.4rem;font-weight:bold;margin-bottom:10px;background:#EFF4F2;padding:5px 15px;}

.page_recruit .about .inner{width:900px;padding:45px 15px 120px;}
.page_recruit .about table{width:100%;font-size:1.6rem;}
.page_recruit .about table th,
.page_recruit .about table td{padding:15px 20px;border:1px solid #fff;}
.page_recruit .about table th{background:#002302;color:#fff;letter-spacing:0.2em;width:22%;}
.page_recruit .about table td{background:#eee;}

table.recruit_tbl{width:100%;font-size:2.0rem;margin-bottom:40px;}
table.recruit_tbl th,
table.recruit_tbl td{padding:15px 20px;border:1px solid #fff;}
table.recruit_tbl th{background:#002302;color:#fff;letter-spacing:0.2em;width:28%;}
table.recruit_tbl td{background:#eee;}
.cen{text-align:center;}
.intro{font-size:18px;margin:10px auto 40px;}
h3.h3{color:#196e2c;font-size:24px;font-weight:bold;margin:50px auto 10px;}

table.facility_tbl{width:100%;margin-bottom:60px;}
table.facility_tbl th,
table.facility_tbl td{width:50%;padding:15px;vertical-align:middle;font-size:1.7rem;}
table.facility_tbl b{font-size:120%;}


/*--company--*/
.page_company .outline .inner{width:900px;padding:45px 15px 120px;}
.page_company .outline table{width:100%;font-size:1.8rem;margin-bottom:60px;}
.page_company .outline table th,
.page_company .outline table td{padding:15px 20px;border:1px solid #fff;}
.page_company .outline table th{background:#002302;color:#fff;letter-spacing:0.2em;white-space:nowrap;}
.page_company .outline table td{background:#eee;}
.page_company .outline figure{text-align:center;}

.page_company .access{background:#000;color:#fff;padding:60px 0 120px;}
.page_company .access .inner{display:flex;flex-flow:row wrap;}
.page_company .access h1{width:100%;font-size:4.8rem;text-align:center;margin-bottom:45px;}
.page_company .access h1 small{display:block;color:#77a11b;font-size:1.6rem;font-weight:600;font-family: 'Poppins', sans-serif;letter-spacing:0.2em;}
.page_company .access h2{font-size:2.4rem;letter-spacing:0.2em;}
.page_company .access h2:before{content:"\f041";font-family:FontAwesome;margin-right:10px;color:#ffff00;}
.page_company .access p{font-size:1.6rem;margin-bottom:30px;}
/*.page_company .access .row{width:50%;padding:15px;}*/
.page_company .access .row{width:100%;padding:15px 10%;}
.page_company .access iframe{width:100%;height:350px;vertical-align:bottom;}


/*お知らせ*/
.page_news{}
.page_news .information{padding:60px 0px;}
.page_news .information .news{display:flex;flex-flow:row wrap;}
.page_news .information .news time{display:block;width:16%;}
.page_news .information .news dl{display:block;width:84%;}
.page_news .information .news dl dt{font-size:108%;margin-bottom:5px;}
ul.page_navi{margin-top:80px;display:flex;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;background:#f5f5f5;}
ul.page_navi li{display:inline-block;width:300px;padding:10px 5px;}
ul.page_navi li a{display:block;width:100%;text-align:center;padding:10px;background:#fff;transition:all 0.5s ease-out;}
ul.page_navi li.prev a:before{content:"\f137";font-family:FontAwesome;margin-right:5px;color:#097c25;}
ul.page_navi li.next a:after{content:"\f138";font-family:FontAwesome;margin-left:5px;color:#097c25;}
ul.page_navi li a:hover{background:#DEEDE1;}


/*****************************************************************************
 Responsive
 *****************************************************************************/
@media screen and (max-width: 768px) {
	.ttl_page{height:360px;}


	.page_work .case ul li{width:33.33%;}

	.page_voice .list ul li figure div{width:60%;}
	.page_voice .list ul li figcaption{width:40%;}
	.page_voice .list ul li figcaption h2{font-size:2.4rem;}
	.page_voice .list ul dl dd{font-size:1.8rem;}

    .page_recruit h4{font-size:2.2rem;}

	.page_recruit .about table{font-size:1.5rem;}
    .page_recruit .about table th,
    .page_recruit .about table td{padding:10px 15px;}
	table.recruit_tbl{font-size:1.8rem;}
	table.facility_tbl th,
	table.facility_tbl td{padding:5px;}

	.intro{font-size:16px;}
	h3.h3{font-size:20px;}

	.page_company .access h1{font-size:4.0rem;}

    .page_news .information .news{display:block;}
    .page_news .information .news time{width:100%;}
    .page_news .information .news dl{width:100%;}

}


@media screen and (max-width: 600px) {
	.ttl_page{height:320px;}


	.page_voice .list ul li{width:100%;margin-bottom:30px;}
	.page_voice .list ul li figcaption h2{font-size:3.0rem;}
	.page_voice .list ul dl dd{font-size:1.8rem;}

	.page_company .outline table{font-size:1.6rem;}
	.page_company .access h2{font-size:2.0rem;}
	.page_company .access iframe{height:300px;}

	table.facility_tbl th,
	table.facility_tbl td{display:block;width:100%;padding:5px 15px;font-size:1.5rem;}

    ul.page_navi li{width:240px;}

}


@media screen and (max-width: 480px) {
	.smp{display:block;}


	.ttl_page{height:280px;}
	.ttl_page h1{font-size:4.0rem;}


	.page_error .inner{min-height:initial;}
	.page_error .message p{font-size:2.0rem;text-align:left;}

	.page_work .case ul li{width:50%;}

	.page_voice .list ul dl dd{font-size:1.6rem;}

    .page_recruit h4{font-size:2.0rem;padding:0px 15px;}
	.page_recruit .about table{font-size:1.4rem;}
	.page_recruit .about table th,
	.page_recruit .about table td{display:block;width:100%;padding:5px 15px;}

	table.recruit_tbl{font-size:1.6rem;}
	table.recruit_tbl th,
	table.recruit_tbl td{display:block;width:100%;}

	.intro{font-size:14px;}
	h3.h3{font-size:18px;}

	.page_company .outline table th,
	.page_company .outline table td{display:block;width:100%;}
	.page_company .access .row{width:100%;margin-bottom:15px;padding:15px;}

    ul.page_navi li{width:120px;padding:5px;}

}


@media screen and (max-width: 375px) {
	.ttl_page{height:250px;}


	.page_work .case ul li{width:100%;}

	.page_voice .list ul li figure div,
	.page_voice .list ul li figcaption{width:100%;}

}


@media screen and (max-width: 320px) {
	.page_company .access h1{font-size:3.0rem;}
	.page_company .access h1 small{font-size:1.4rem;}




}