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

/*下層共通*/
/*パンクズ*/
#breadcrumb {
    background: #f2f2f2;
    padding: 4px 0;
    text-align:left;
}
#breadcrumb .innar {
    max-width: 1000px;
    width: 90%;
    margin: auto;
}
#breadcrumb ul li {
    display: inline-block;
    text-align: left;
    font-size: 80%;
    color: #000;
}
#breadcrumb ul li::after {
    content: "";
	background:url(../../bissines/img/link.png)no-repeat left center;
    background-size: 5px 10px;
    padding-right: 13px;
    margin-left: 13px;
}
#breadcrumb ul li:last-child::after {
    background: none;
    padding: 0;
}
#breadcrumb ul li a {
    color: #283d79;
	text-decoration:underline;
}
#visual {
    width: 100%;
    background: #fafafa;
    position: relative;
}
#visual .innar_b {
	height:300px;
    width: 100%;
	background:url(../../bissines/img/kv.jpg) no-repeat center center;
	background-size: cover;
}
#visual  h1 {
    height: auto;
    position: absolute;
    margin: -75px 0 0 -268px;
    padding: 42px 0 36px;
}
#visual h1 {
    width: 536px;
    background: rgba(255,255,255,0.78);
    text-align: center;
    color: #283d79;
    font-size: 200%;
    letter-spacing: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
}
#visual  h1 .lead {
    margin-top: 5px;
}
#visual  h1 .lead {
    font-size: 12px;
    color: #000;
    display: block;
    letter-spacing: 1.2px;
}
/****************************事業内容************************************/
section.b_wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
section.b_wrapper h2.tit_b{
	width:150px;
	margin:0 auto;}
section.b_wrapper h2.tit_ad{
	width:190px;
	margin:0 auto;}

p.b_text {
    text-align: center;
    padding: 0 0 20px;
}
h4.b_tit {
    font-family: inherit;
	margin-bottom: 40px;
}
.b_l {
    width: 68%;
    float: left;
}
dl.b_cont.cf {
    margin: 20px 0;
		border:1px solid #283d79;
}
.b_l dl dt{
	float: left;
    padding: 20px 0;
    width: 20%;
    text-align: center;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	background-color:#283d79;}
.b_l dl dd{
	display:inline-block;
	color:#283d79;
	padding: 10px ;
    width: 75%;
	float:left;
	font-size:13px;
}
.b_r {
    width: 30%;
    float: right;
}
.b_r img{width:100%;}
.b_list {
    margin-bottom: 60px;
}
.bg_attach {
	background:url(../../bissines/img/bg_attach.jpg) no-repeat bottom center / cover;
    background-attachment: fixed;
    padding: 100px;
	margin-bottom: 40px;
}
.bg_attach2 {
	background:url(../../bissines/img/bg_attach2.jpg) no-repeat bottom center / cover;
    background-attachment: fixed;
    padding: 100px;
	margin-bottom: 40px;
}
.ad_list {
    margin: 20px 0 80px;
}
.ad_list li {
    width: 32%;
    background-color:#283d79;
    display: inline-block;
    margin-right: 2%;
    float: left;
}
.ad_list li:last-child{
	margin-right:0;}
.ad_list li .ad_inner{
	width:85%;
	margin:0 auto;
		position:relative;
}
p.ad_number {
    color: #6478b2;
    font-size:300%;
    font-style: italic;
    position: absolute;
    left: 2%;
    top: 13%;
	font-family: monospace;
}
p.ad_top {
    color: #fff;
    font-size: 30px;
    font-family: serif;
    text-align: center;
    padding: 30px 0 10px 0;
    font-weight: bold;
}
p.ad_img {
width:100%;
margin:0 auto;

}
.ad_list li .ad_img img{
	width:100%;}
p.ad_bottom {
    color: #fff;
	padding:10px 0 30px 0;
}
/*****************会社概要******************************************/
#visual .innar_a {
	height:300px;
    width: 100%;
	background:url(../../about/img/kv.jpg) no-repeat center top;
	background-size: cover;
}
section.a_wrapper h2{
	width:175px;
	margin:0 auto;}
.company {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 60px;
}
.company li {
    width: 58%;
    display: inline-block;
    float: left;
	margin-right:2%;
}
.company li:last-child{
	width:40%;
	margin-right:0;}
.company li img{width:100%;}
.company table {
    width: 90%;
    margin: 0 auto;
}
.company tr {
    border-top: 1px solid #283d79;
}
.company table tbody tr th {
    width: 25%;
    text-align: center;
    padding: 15px 15px;
	color: #283d79;
}

.company table tbody tr td {
    width: 75%;
    text-align: left;
    padding: 15px 0;
}
/*****************企業理念******************************************/

#visual .innar_i {
	height:300px;
    width: 100%;
	background:url(../../idea/img/kv.jpg) no-repeat center top;
	background-size: cover;
}
section.i_wrapper h2{
	width:164px;
	margin:0 auto;}
	section.i_wrapper {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
.greeting ul li {
    width: 70%;
	display:inline-block;
	float:left;
	margin-right:2%;
}
.greeting ul li:last-child{
	width:28%;
	margin-right:0;}
.greeting ul li img{width:100%;}
p.g_name {
	width:320px;
	float:right;
	padding:40px 0 40px 0;
}
p.g_name img{width:100%;}
p.g_name span{
	font-size:13px;
	    font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		padding-right:10px;
	   font-weight: bold;
}
.i_allwrap{
	width:100%;
	background:url(../../idea/img/idea_bk.png) no-repeat bottom center;
	background-size:cover;}
.i_wrap {
    max-width: 1000px;
    margin: 40px auto 60px;
    width: 100%;
}
.i_inner{
	width:61%;
	margin:0 auto;}	
 p.i_info {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
	 font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	 color: #283d79;
	 padding:40px 0 0;
}
 p.i_info span {
    display: block;
    margin: 0 auto;
    font-size: 70%;
    color: #f4c10e;
    text-align: center;
	font-family: "メイリオ", Meiryo, sans-serif;
}
p.idea_point {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
	 font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	 color: #283d79;
}
.i_inner ul li {
    width: 50%;
    display: inline-block;
    float: left;
}
.i_inner ul li .i_img{
	width:191px;
	margin:0 auto;}
.i_inner ul li .i_img img{
	width:100%;}
.i_inner ul li p.i_top {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	 color: #000;
}
.i_inner ul li p.i_top2 {
	animation-delay:0.5s;
	 font-size: 18px;
    font-weight: bold;
/*    padding-bottom: 10px;
*/	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	 color: #000;}
 .i_inner ul li p.i_top3 {
	animation-delay:1s;
	 font-size: 18px;
    font-weight: bold;
/*    padding-bottom: 10px;
*/	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	 color: #000;}
.i_inner ul li p.i_top span,p.i_top2 span,p.i_top3 span{
	font-size:30px;
	 font-weight: bold;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	 color: #283d79;
}
p.i_text {
		 padding: 20px 0 30px 0;
}
/*****************お問い合わせ******************************************/
.contact_wrap{
	max-width:1000px;
	width:100%;
	margin:60px auto 0;}

#visual .innar_contact {
	height:300px;
    width: 100%;
	background:url(../../contact/img/kv.jpg) no-repeat center top;
 	background-size: cover;
}
section.i_wrapper h2{
	width:164px;
	margin:0 auto;}
	section.i_wrapper {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
.contact_text{
	text-align:center;
	padding:20px 0;}
	
.privacy {
    max-width: 1000px;
    width: 100%;
    margin: 20px auto 40px;
    background: #eee;
}
.privacy p{
	padding: 0 15px 15px 15px;}
.privacy p.privacy_bold {
    font-size: 18px;
    font-weight: bold;
	color: #283d79;
	padding: 15px 15px 0 20px;
}
#visual .innar_entry {
	height:300px;
    width: 100%;
	background:url(../../entry/img/kv.jpg) no-repeat center top;
 	background-size: cover;
}
/*****************施工実績******************************************/
#visual .innar_w {
	height:300px;
    width: 100%;
	background:url(../../works/img/kv.jpg) no-repeat center top;
 	background-size: cover;
}
section.w_wrapper h2{
	width:246px;
	margin:0 auto;}
section.w_wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.p_features_list li {
    display: inline-block;
    width: 30%;
    float: left;
    margin: 0 0 20px 20px;
    background: #eee;
}
.p_features_list li img{width:100%;}
.p_features_list li .works_inner {
	width:90%;
	margin:20px auto;
}
p.scale_name {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
	color:#283d79;
}
.p_features_list figcaption .rink_box {
    text-align: center;
    margin: 20px auto 30px;
}.p_features_list figcaption .rink_box a {
	background:url(../../works/img/big_icon.png) no-repeat right 15px bottom 50%;
    display: block;
    border: 1px solid #0c0e6c;
    padding: 15px 0px;
    color: #0c0e6c;
    font-weight: bold;
}
.p_features {
    margin: 0 auto 60px;
}
/*****************採用情報******************************************/
#visual .innar_re {
	height:300px;
    width: 100%;
	background:url(../../recruit/img/kv.jpg) no-repeat center top;
 	background-size: cover;
}
section.re_wrapper h2{
	width:125px;
	margin:0 auto;}
section.re_wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
	padding-bottom: 100px;
}
.re_info {
/*	background:url(../../recruit/img/recrui_bk.png) no-repeat bottom center;
*/    margin: 0 auto ;
}
p.re_bold {
    font-size: 24px;
    font-weight: bold;
    font-family: serif;
    text-align: center;
    color: #283d79;
    line-height: 1.3;
	padding: 40px 0 10px 0;
}
p.re_text {
    text-align: center;
}
.re_inner {
    width: 83%;
    margin: 0 auto;
   /* padding: 0 0 280px 0;*/
}
.vision_wrap {
    width: 100%;
    background: #283d79;
	margin: 40px 0 100px;
}
.vision_inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.vision_inner ul li {
    display: inline-block;
    float: left;
    width: 50%;
}
.vl_inner {
    width: 80%;
    margin: 0 auto;
    background: #425897;
	transform: skewX(-45deg);
	padding: 80px 0;}
p.v_img {
    width: 112px;
	margin:0 auto;
	transform: skewX(45deg);}
p.v_img img{width:100%;}
p.v_img span {
    color: #fff;
    font-size: 12px;
    display: block;
    text-align: center;
    padding-top: 5px;
}
.vr_inner {
    width: 80%;
    margin: 0 auto;
	padding: 40px 0;
}
.vr_inner p.challenge {
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid;
    font-weight: bold;
}
p.ch_text {
    color: #fff;}
.charm {
    max-width: 1000px;
    width: 100%;
   margin: 0 auto 80px;
}
.charm ul li {
	background:url(../../recruit/img/chrm_bk.png) no-repeat left top;
    display: inline-block;
    float: left;
    width: 50%;
	position:relative;
}
.charm ul li img{width:100%;}
p.cham_number {
    position: absolute;
    top: 0;
    left: 3%;
    font-size: 250%;
    font-style: italic;
    color:#97a3c6;
}
.charm ul li dt {
    border-bottom: 1px solid #283d79;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 40px 0 10px 0;
	color:#283d79;
}
.charm ul li dd {
    padding: 10px 20px 0 20px;
}
.req {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.req h2{
	width:280px;
	margin:0 auto;}
.req table {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.req table tbody tr {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.req table tbody tr th {
    padding: 20px;
    background-color: #EEEEEE;
	width: 20%;
}
.req table tbody tr td {
    padding: 20px;
}
.req table tbody tr td span.pr{
	font-weight:bold;
	color: #283d79;}
.entry_form {
    width: 100%;
    margin: 20px 0 20px;
	background:#283d79;
}
.entry_form .e_rink a{
	display:block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:20px 0;}
@media screen and (min-width:1320px) {
/* ▼PC用================================================================== */

/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:999px) {
/* ▼Tab用================================================================= */
section.b_wrapper {
    width: 95%;
}
.b_l dl dd {
    font-size: 12px;
}
.b_l dl dt {
    font-size: 12px;}
.contact_wrap {
    width: 95%;}
section.i_wrapper {
    width: 95%;
}
section.i_wrapper p.i_text {
    padding: 20px 0 0px 0;
}
.i_inner {
    width: 70%;}
p.company_name {
    padding: 0; 
}
.re_inner {
    width: 90%;}
p.re_bold {
    font-size: 20px;}
.re_info {
    background-size: 100%;
}
.vl_inner {
    width: 70%;
    padding: 110px 0;
}
.charm {
    width: 95%;}
.charm ul li dt {
    padding: 18px 0 0 0;
	font-size: 16px;
}
.charm ul li dd {
    font-size: 13px;
}
p.cham_number {
    line-height: 1;
	font-size: 200%;
}
.req {
    width: 95%;}
/* ▲Tab用================================================================= */
}
/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:767px) {
/* ▼SP横用================================================================ */
.bg_attach {
	background:none;
    padding:0px;
}
#breadcrumb {
    margin-top: 80px;
}
#visual .innar_b {
    height: 180px;}
#visual  h1 {
    height: auto;
    position: absolute;
    margin: -75px 0 0 -268px;
    padding: 10px 0;
    width: 536px;
    font-size: 150%;
    letter-spacing: 5px;
    position: absolute;
    left: 50%;
    top: 65%;
}
#visual h1 .lead {
    margin-top:0;
}
section.b_wrapper {
    width: 90%;}
.b_l {
    width: 100%;
    float: none;
}
.b_l dl dt {
    padding: 10px 0;
    width: 100%;
	float: none;}
.b_l dl dd {
    display: block;
    padding: 10px;
    width: 94%;
    float: none;
    margin: 0 auto;
	font-size: 12px;
}
.b_r {
    width: 100%;
    float: none;
}
#visual .innar_a {
    height: 180px;}
.company li {
    width: 100%;
    display: block;
    float: none;
    margin-right: 0;
}
.company table tbody tr th {
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
    color: #283d79;
    float: left;
}
.company table tbody tr td {
    width: 100%;
    text-align: center;
    padding: 5px 0 15px 0;
    float: left;
}
.company table tbody tr td.left {
    text-align: left;
}
.company li:last-child {
    width: 90%;
    margin-right: 0;
    margin: 40px auto 0;
}
.ad_list li {
    width: 100%;
    display: block;
    margin-right: 0;
    float: none;
    margin: 0 auto 2%;
}
.ad_list li .ad_inner {
    width: 80%;
    margin: 0 auto;}
	p.b_text {
    text-align: left;
    padding: 0 0px 20px;
}
#visual .innar_contact {
    height: 180px;}
.contact_wrap {
    width: 90%;
    margin: 40px auto 0;
}
.privacy {
    margin: 40px auto 40px;}
#visual .innar_entry {
    height: 180px;}
#visual .innar_i {
    height: 180px;}
.greeting ul li {
    width: 100%;
    display: block;
    float: none;
    margin-right: 0;
}
section.i_wrapper {
    width: 90%;
}
p.i_text {
    padding:0;
	 text-align: center;
	 font-size: 12px;
}
.greeting ul li:last-child {
    width: 100%;
    margin: 20px auto 0;
}
.i_wrap {
    background: url(../../idea/img/idea_bksp2.png) no-repeat bottom center;}
p.idea_point {
    font-size: 24px;
	line-height: 1.4;
    padding-bottom: 20px;}
.i_inner {
    width: 90%;
	padding-bottom:60px;
}
.i_inner ul li {
    width: 80%;
    display: block;
    float: none;
	margin:0 auto 20px;
}

.i_inner ul li p.i_top {
    padding-bottom: 0px;
	   }
p.i_info {
    padding: 20px 0 ;
	line-height: 1.2;
	font-size: 20px;
}
#visual .innar_w {
    height: 180px;}
section.w_wrapper {
    width: 90%;}
.p_features_list li {
    display: block;
    width: 100%;
    float: none;
    margin: 20px 0;
    background: #eee;
}
.p_features_list li .works_inner {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}
.p_features_list li .works_inner figcaption {
    display: none;
}
#visual .innar_re {
    height: 180px;}
#visual .innar_re h1 .lead {
    letter-spacing: 1px;
}
.re_info {
    width: 90%;}
.re_inner {
    width: 100%;
	/*padding: 0 0 100px 0;*/}
.box {
     height:auto;
	 margin: 0 auto ; 
}
p.re_bold {
    font-size: 18px;
    line-height: 1.4;
    padding: 0px 0 10px 0;
	text-align:left;
}
p.re_bold br{display:none;}
.re_info {
    background-size: contain;
}
.vision_inner ul li {
    display: block;
    float: none;
    width: 100%;
}
.vl_inner {
    width: 60%;
    transform: skewX(-30deg);}
p.v_img {
    transform: skewX(30deg);
}
.vr_inner {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 40px 0;
}
.vr_inner p.challenge {
    margin-bottom: 5px;
}
.charm ul li {
    background: url(../../recruit/img/chrm_bk.png) no-repeat left top;
    display: block;
    float: none;
    width: 100%;
	margin-bottom:60px;}
.charm ul li.spng{display:none;}
.req {
    width: 90%;}
.req table tbody tr th {
    padding: 20px 0;
    width: 100%;
    float: left;
}
.req table tbody tr td {
    padding: 20px 0;
    width: 100%;
    float: left;
}
.req h2 {
    width: 200px;}
.bg_attach2 {
	display:none;}
p.re_text {
    text-align: left;
}  
/* ▲SP横用================================================================ */

}

/* ■04.横幅0px以上、320px以下（SP用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:350px) {

.bg_attach {
	background:none;
    padding:0px;
}
.i_inner ul li {
    width: 100%;}
p.i_text {
    text-align: left;}
p.re_bold {
    font-size: 16px;
    line-height: 1.4;
    padding: 20px 0 5px 0;}
/*.re_inner {
    padding: 0 0 80px 0;}
.req h2 {*/
    width: 250px;}
 /* ▲SP縦用用================================================================ */
}