@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:1024px){
.top_section_01_img{background: url("../images/top_section_01.png") right -110px bottom no-repeat; background-size: cover; position: absolute; bottom:20px; right:0; width:500px; height:450px; z-index: -1;}
.construction_menu ul::after{
  content:"";
  display: block;
  width:265px;
}
.top_section_05 .top_corp_link a{width:100%; height:220px; background:url("../images/top_corp.png") right -40px bottom no-repeat; display: block;}
.top_section_05 .top_recruit_link a{width:100%; height:220px; background:url("../images/top_recruit.png") right -130px bottom no-repeat; display: block;}
.layer02_01 h1{padding-top:60px;}
.before_after_arrow{padding-top:130px;}
}
@media screen and (min-width:901px){
.sp{display: none;}
}
@media screen and (max-width:900px){
.pc{display: none;}
}
@media screen and (max-width:833px){
.top_section_01_img{background: url("../images/top_section_01.png") right -260px bottom no-repeat; background-size: cover; position: absolute; bottom:20px; right:0; width:500px; height:450px; z-index: -1;}
.top_section_05 .top_corp_link a{width:100%; height:220px; background:url("../images/top_corp.png") right -140px bottom no-repeat; display: block;}
.top_section_05 .top_recruit_link a{width:100%; height:220px; background:url("../images/top_recruit.png") right -200px bottom no-repeat; display: block;}
.top_read{
	position: absolute;
	top: 50%;
    left: 10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	color: #fff;
}
}
@media screen and (max-width:768px){
.top_section_03{background: url("../images/top_faq.png") no-repeat bottom -1px left -50px #0D6599; position:relative; padding-bottom:80px;}
.top_section_03 h3{height:100px; min-width:260px; color:#fff; background: #222222; line-height: 98px; font-size: 2.8rem; text-align: center; font-weight: bold; position: absolute; top:0; left:0;}
.top_section_03 ul{padding-top:52px; margin-left:260px;}

}
@media screen and (max-width:414px)
{
header{
	margin:0;
	padding-left:12px;
	height:60px;
	display: inherit;
}
.corp_logo{margin-top:12px;}
.corp_logo image{width:80%;}
.title_underbar{font-size: 2.6rem;}
	
.hero_img{height:440px;}
.top_read{
	top: 50%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
	color: #fff;
	width:86%;
	margin:0 auto;
}
.top_read h2{font-size: 3rem;}
.top_read p{font-size:1.6rem;}
	
.top_section_01{margin-top:48px;}
.top_section_01_img{background: url("../images/top_section_01.png"); background-size: cover; position: absolute; bottom:40px; left:0; width:100%; height:320px; z-index: -1;}
.top_section_01 h2{text-align: center; padding-top:32px; font-size: 2.8rem; margin-bottom:24px;}
.top_section_01 h2::before, .top_section_01 h2::after{content:""}
.top_section_01 ul li{padding:16px 24px;}
.top_section_01 ul li:nth-child(even){margin-left:0;}
.top_section_01 ul li:last-child{margin-bottom:200px;}
.top_section_01_end{position: relative; text-align: left; color: #fff; font-size: 1.6rem; line-height: 1.8em; padding:24px 24px 24px 12px;}
.top_section_01_end_bg{background: url("../images/top_section_01_end_bg.png"); background-size: cover; background-position: right; position: absolute; top:0; left:0; width:96%; height:100%; z-index: -1;}

.top_section_02{padding:40px 0 60px; margin-top:48px;}
.top_section_02 p{text-align: left; line-height: 1.8em;}
.construction_menu ul{display:flex; flex-wrap: wrap; justify-content: center; margin-top:40px;}
.construction_menu ul li{ width:50%; font-size: 1.4rem;}
.construction_menu ul li div{height:120px;}
.construction_menu ul li .construction_title{height:48px; line-height: 46px; padding-left:1em; background: #fff url("../images/arrow.png") no-repeat right; background-size: contain;}
.construction_menu ul li a img{width:100%;;}
	
.top_section_03{background: url("../images/top_faq.png") no-repeat bottom -1px left 8px #0D6599; position:relative; padding-bottom:260px; background-size: contain;}
.top_section_03 h3{height:72px; width:70%; min-width:70%; line-height: 70px; font-size: 2.4rem; }
.top_section_03 ul{padding-top:88px; margin-left:0px;}
.top_section_03 ul li a{background: #fff url("../images/arrow-gray.png") right 12px  center no-repeat; margin-bottom:16px; display: block; padding:12px 4em 12px 1em; line-height: 1.5em; height:auto;}
.top_section_03_btn{background: #fff; color:#0D6599; border-radius: 100px; width:300px; height:60px; line-height: 58px; display: block; text-align: center; margin:32px auto 0;}
.top_section_03_btn:hover{opacity:0.8; margin:36px auto -4px;}

.top_section_04{padding:40px 0 ;}
.top_section_04 .inner_1060{display: inherit;}
.top_section_04 .news_btn{background: #0D6599; color: #fff; width:200px; height:48px; line-height: 46px; display: block; text-align: center; border-radius: 100px; margin-top:24px;}	
.top_section_04 .news_btn:hover{margin-left:8px; margin-top:24px; opacity: 0.8;}
.top_section_04 .left{width:100%;}
.top_section_04 .right{width:100%;}
.top_section_04 .right ul li a{padding:16px 32px 16px 0; display:flex;　display: -webkit-flex;
 -webkit-align-items: center; align-items: center; background: url("../images/arrow-gray.png") no-repeat right 8px center;}
.top_section_04 .right ul li a img{margin-right:16px; width:120px;}
.top_section_04 .right ul li a:hover{margin-left:8px;}
	
.top_section_05{display: inherit;}
.top_section_05 .top_corp_link, .top_section_05 .top_recruit_link{width:100%; position: relative;}
.top_section_05 .top_corp_link a{width:100%; height:160px; background:url("../images/top_corp.png") right 30% bottom no-repeat; display: block; background-size: cover;}
.top_section_05 .top_recruit_link a{width:100%; height:160px; background:url("../images/top_recruit.png") right 64% bottom no-repeat; display: block; background-size: cover;}
.top_section_05 h3{position: absolute; left:0; top:0; background: #0D6599; width:160px; height:60px; color: #fff; font-size:1.8rem; line-height: 58px; text-align: center;}
.top_corp_link .top_section_05_bg{position: absolute; left:0; top:0px; background: #f7f7f7; width:100%; height:100%; z-index: -2; transition: 0.3s;}
.top_recruit_link .top_section_05_bg{position: absolute; left:0; top:0; background: #eee; width:100%;  height:100%; z-index: -2; transition: 0.3s;}
	
.contact_link{
	display: block;
	max-width:880px;
	width:90%;
	height:400px;
	margin:40px auto;
	border:10px #eee solid;
	padding:32px 0;
	text-align: center;
	background: url("../images/contact_link_bg.png") no-repeat bottom -5px center;
	background-size: 80%;
}
.contact_link:hover{margin:44px auto 36px; opacity: 0.8; border:10px #0D6599 solid;}
.contact_link h3{font-size: 2rem; font-weight: bold;}
.contact_link .phone_number{font-size:3.4rem; color: #0D6599; font-weight: bold;}
.contact_link .contact_btn{width:280px; height:60px; background: #ED7B18; line-height: 58px; text-align: center; border-radius: 100px;  color: #fff; margin:24px auto 0;;}

.layer02_01{padding-top:200px; height:auto; position: relative; margin-bottom:40px;}
.layer02_01 h1{font-size:2.6rem; font-weight:bold; margin-bottom:20px; padding-top:0px; max-width:100%;}
.layer02_01 p{max-width:100%;}
.layer02_01 p, .layer02_02 p{line-height: 1.8em;}
.layer02_01 .page_img{position: absolute; top:0; left:0; width:100%; height:180px;}

.layer03_01{margin-top:40px; text-align: left; margin-bottom:40px;}
.layer03_02 .contents_big{padding:24px 0; flex-direction:column-reverse;}
.layer03_02 .contents_big .left{width:100%;}
.layer03_02 .contents_big figure{width:100%;}
.layer03_02 .contents_small .contents_small_box{width:49%;}
.layer03_02 .contents_small::after{display: none;}
.layer03_02 .contents_small .contents_small_box h4{font-size:1.4rem;}
.layer03_02 .contents_small .contents_small_box p{font-size:1.4rem;}
.layer03_02 .workman{
	position: relative;
	background: #eee;
	margin:40px 0 80px;
	padding:24px 24px 0;
	height:auto;
}
.layer03_02 .workman .workmanImg{
	position: relative;
	background: url("../images/workman.png") right bottom no-repeat;
	background-size: contain;
	height:220px;
	width:100%;
	bottom:auto;
	left:auto;
}
.example_area{display: inherit;}
.example_area .example_box{width:100%;}
.example_area .example_box:last-of-type{margin-bottom:0;}	
.example_area::after{display: inherit;}
.example_area .example_box ul{margin-top:12px;}

.example_detail_area dl{display: inherit;}
.example_detail_area dl dt{width:100%; padding:12px 16px; margin-bottom:0;}
.example_detail_area dl dd{width:100%; padding:16px 8px; margin-bottom:0;}
.example_detail_area .example_detail_comment{border:5px solid #ccc; padding:24px; background:none; min-height:250px;}
.example_detail_area .example_detail_comment p{width:100%;}
.before_after{display: inherit; justify-content: space-between; margin-bottom:16px;}
.example_img{margin-bottom:40px;}
.example_img figure{width:100%; margin-bottom:16px;}
.example_img figure img{width:100%;}
.before_after_arrow{display: none;}
.before, .after{width:100%;}

.message{margin-bottom:40px; display: inherit;}
.message .left{width:100%; padding-right:0;}
.message figure{width:100%; margin-top:24px;}
.message figure img{width:100%;}
.basic_list{display: inherit;}
.basic_list dt{width:100%; border-bottom:none; padding:0;}
.basic_list dd{width:100%; padding:12px 0; margin-bottom:24px;}
.map{margin-top:32px; margin-bottom:80px;}

.recruit_link, .corp_link{background:#0D6599;}
.recruit_link a .left, .corp_link a .left{background:#0D6599; color: #fff; width:100%; padding:24px;}
.recruit_link a .recruit_btn, .corp_link a .corp_btn{margin:24px auto 0; width:200px; padding:7px 0 10px; display: block; background: #fff; text-align: center; color:#0D6599; border-radius: 100px; transition: 0.3s;}
.recruit_link a .right{background: url("../images/top_recruit.png") no-repeat center; width:100%; height:200px; position: relative; bottom:0; right:0;}
.corp_link a .right{background: url("../images/top_corp.png") no-repeat right -40px bottom; background-size: cover;  width:100%; height:180px; position: relative; bottom:0; right:0;}	
	
.news_area li{border-bottom:1px solid #ccc; padding-bottom:24px; margin-bottom:24px;}
.news_area li a{display: inherit;}
.news_area li a figure{display: none;}
.news_area li a div{width:100%; margin-left:0; padding-right:40px;}
#news_detail time{display: block; text-align: center;}
.news_detail_area p{margin-bottom:24px;}
.news_link{ padding:0; text-align: center;}
.news_link li a{display: block; padding:16px; font-size:1.2rem;}
.news_link li:first-child a:before{content: ""; margin-right:0px;}
.news_link li:last-child a:after{content: ""; margin-left:0px;}	

.contact_list{display: inherit; width:100%; margin:0 auto; border-top:1px solid #ccc;}
.contact_list dt{width:100%; border-bottom:none; padding:24px 0 6px 12px;}
.contact_list dd{width:100%; padding:0 0 24px;}
.contact_list dd .contact_text{width:100%;}
.contact_list dd textarea{width:100%;}

}