@charset "UTF-8";
/* 
	
CSS page.css */






/*//////////////////


#index


//////////////////*/

/* common */
#index {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#index #sec_1 { position: relative; }
#index #sec_1 .bg { background: #EDF7F9; position: absolute; top: -350px; left: 0; width: 100%; z-index: -1; height: 760px; }
#index #sec_1 .incnt { display: flex; position: relative; }
#index #sec_1 .incnt .txtbox { max-width: 555px; width: 80%; z-index: 100; }
#index #sec_1 .incnt .txtbox .txt{ font-size: 1.8rem }
#index #sec_1 .incnt .imgbox { position: absolute; right: 0; top: 0; max-width: 740px; width: 80% }
#index #sec_1 .incnt .imgbox img { width: 100%; height: 100%;  object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#index #sec_1 .inbox { max-width: 1180px; width: 88%; margin: 0 auto; position: relative; }
#index #sec_1 .inbox .list { width: 650px; display: block; text-align: center; margin: 0 auto; margin-bottom: 40px; }
#index #sec_1 .inbox .list li { display: inline-block; margin: 0 0.6em; font-size: 18px; font-weight: bold; line-height: 2em; }
#index #sec_1 .inbox .imglist { display: flex; flex-wrap: wrap; margin-left: -20px; }
#index #sec_1 .inbox .imglist li { width: calc(33.3% - 20px); margin-left: 20px; height: 260px; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
@media screen and (max-width: 1040px) {
	#index #sec_1{ margin-bottom: 0 }
	#index #sec_1 .bg{ bottom: 0; height: calc(100% + 350px) }
	#index #sec_1 .incnt{ display: block; width: 100% }
	#index #sec_1 .incnt .txtbox{ max-width: 100%; width: 100%; box-sizing: border-box; padding-left: 8%; padding-right: 8%; margin-bottom: 60px }
	#index #sec_1 .incnt .imgbox{ position: static; max-width: 100%; width: 100%;  }
	#index #sec_1 .incnt .imgbox img { height: 500px; object-position: top }
	#index #sec_1 .inbox .imglist li img{ width: 100%; height: 252px;  object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
}
@media screen and (max-width: 767px) { 
	#index #sec_1 .incnt .imgbox img{ height: 308px }
	#index #sec_1 .incnt .txtbox .txt{ font-size: 1.3rem }
	#index #sec_1 #s1_insec2 .inbox{ width: 100% }
	#index #sec_1 .inbox .list{ width: 88%; }
	#index #sec_1 .inbox .list li{ font-size: 1.3rem; line-height: 2.2 }
	#index #sec_1 .inbox .imglist{ display: block; margin-left: 0 }
	#index #sec_1 .inbox .imglist li { width: 100%; margin-left: 0; height: 250px; margin-bottom: 0; }
}




/* #sec_2 */
#index #sec_2 { position: relative; }
#index #sec_2 .bg { background: #EDF7F9; position: absolute; top: 50px; left: 0; width: 100%; z-index: -1; height: 760px; }
#index #sec_2 ul.list { margin-left: -20px; display: flex; flex-wrap: wrap; }
#index #sec_2 ul.list li { width: calc(33.3% - 20px); margin-left: 20px; margin-bottom: 60px; display: flex; position:relative; }
#index #sec_2 ul.list li a { display: block; width: 100%; border: 1px solid #ccc; border-top:none; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-decoration: none; }
#index #sec_2 ul.list li .txtbox { padding: 20px 80px 20px 30px; margin-top: 220px; position: relative; }
#index #sec_2 ul.list li .txtbox:before { content:""; background: url(../img/common/arr1_blue.svg) no-repeat center center; background-size: 8px 14px; width: 60px; height: 70%; position: absolute; right: 0; top: 15%; border-left: 1px solid #ccc; transition:0.6s; }
#index #sec_2 ul.list li .imgbox { position:absolute; width: 100%; height: 220px; background: #000; left: 0; top: 0; }
#index #sec_2 ul.list li .imgbox:before{ content: ""; background: rgba(29, 76, 180, .3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; transition: 0.3s }
#index #sec_2 ul.list li .imgbox img { width: 100%; height: 100%; object-fit: cover;font-family: 'object-fit: cover;'; }
#index #sec_2 ul.list li a:hover{ background: #1D4CB4; color: #fff }
#index #sec_2 ul.list li a:hover .imgbox:before{ opacity: 1 }
#index #sec_2 ul.list li a:hover .txtbox:before{ background-image: url(../img/common/arr1_white.svg); border:none; width: 50px; border-left: 1px solid #fff; }
#index #sec_2 ul.list li._1{ width: calc(100% - 20px); }
#index #sec_2 ul.list li._1>a{ display: flex; flex-direction: row; height: 320px; border: none; border-radius: 0; align-items: center;  border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
#index #sec_2 ul.list li._1>a .imgbox{ width: 59%; flex-shrink: 0; position: relative; height: 100%; }
#index #sec_2 ul.list li._1>a .txtbox{ position: static; margin-top: 0;border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid #ccc;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; box-sizing: border-box; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
#index #sec_2 ul.list li._1>a .txtbox:before{ top: 10px; height: calc(100% - 20px) }
#index #sec_2 ul.list li._1>a:hover .txtbox{ border-top: 1px solid #1D4CB4;  border-right: 1px solid #1D4CB4;  border-bottom: 1px solid #1D4CB4; }
@media screen and (max-width: 1040px) {
	#index #sec_2 { padding-top: 70px; margin-bottom: 0; background: #EDF7F9; padding-bottom: 40px }
	#index #sec_2 ul.list { margin-left: 0; display: block; }
	#index #sec_2 ul.list li { width: 100%; margin-left: 0; margin-bottom: 40px; }
	#index #sec_2 ul.list li:last-child{ margin-bottom: 0 }
	#index #sec_2 .bg { top: 0; height: 100%; bottom: 0; right: 0; display: none; }


	#index #sec_2 ul.list li._1{ width: 100%; }
	#index #sec_2 ul.list li._1>a{ display: block; height: auto; border: 1px solid #ccc; border-top:none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-decoration: none; }
	#index #sec_2 ul.list li._1>a .imgbox{ width: 100%; height: 220px; position: absolute; }
	#index #sec_2 ul.list li._1>a .txtbox{  margin-top: 220px; position: relative;border-bottom-right-radius: 0; border-top-right-radius: 0; border-top: 0;  border-right: 0;  border-bottom: 0; width: 100%; height: auto; display: block; }
	#index #sec_2 ul.list li._1>a .txtbox:before{ top: 15%; height: 70% }
	#index #sec_2 ul.list li._1>a:hover .txtbox{ border-top: 0;  border-right: 0;  border-bottom: 0; }
}
@media screen and (max-width: 767px) { 
}




/* #sec_3 */
#index #sec_3 { position: relative; }
#index #sec_3 .inbox { display: flex; }
#index #sec_3 .inbox .txtbox { width: 600px; padding: 90px 30px; z-index: 100; background: #1D4CB4; border-radius: 5px; color: #fff; text-align: center; }
#index #sec_3 .inbox .imgbox { margin-left: -190px; width: 900px; margin-top: -80px; margin-right: -60px; }
#index #sec_3 .inbox .imgbox img { }

@media screen and (max-width: 1040px) {
	#index #sec_3 .incnt{ width: 100% }
	#index #sec_3 .inbox { display: block; }
	#index #sec_3 .inbox .txtbox { width: 100%; padding: 60px 8%; border-radius: 0; box-sizing: border-box; }
	#index #sec_3 .inbox .imgbox { margin-left: 0; width: 100%; margin-top: 0; margin-right: 0; }
}
@media screen and (max-width: 767px) { 
	#index #sec_3 .inbox .txtbox{ text-align: left; padding: 40px 8%; }
}



/* #sec_4 */
#index #sec_4 { position: relative; }
#index #sec_4 .incnt { margin-left: 8%; }
#index #sec_4 .worklistbox{ border-bottom: 1px solid #999;  margin-bottom: 60px;  }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#index #sec_4 .worklistbox{ margin-bottom: 40px }
}



/* #sec_5 */
#index #sec_5 { position: relative; }
#index #sec_5 .bg { background: #EDF7F9; position: absolute; top: 50px; left: 0; width: 100%; z-index: -1; height: 500px; }
#index #sec_5 .inbox { display: flex; }
#index #sec_5 .inbox .txtbox { width: 600px; padding: 110px 85px; z-index: 100; }
#index #sec_5 .inbox .imgbox { width: 928px; margin-top: -45px; }
#index #sec_5 .inbox .imgbox img { }

@media screen and (max-width: 1040px) {
	#index #sec_5 .incnt{ width: 100% }
	#index #sec_5 .inbox { flex-direction: column-reverse; margin-bottom: 0 }
	#index #sec_5 .bg { top: 0; height: 100%; }
	#index #sec_5 .inbox .txtbox { width: 100%; padding: 60px 8%; box-sizing: border-box; }
	#index #sec_5 .inbox .imgbox { width: 100%; margin-top: 0 }
}
@media screen and (max-width: 767px) { 
}



/* #sec_6 */
#index #sec_6 .inbox { display: flex; justify-content:space-between; align-items: center; margin-bottom: 40px; }
#index #sec_6 .sectitle { width: 240px; margin-bottom: 0; }
#index #sec_6 ul.list { flex: 1; }
#index #sec_6 ul.list>li { display: flex; align-items: baseline; padding: 20px 0; border-top: 1px solid #ccc; }
#index #sec_6 ul.list>li:last-child { border-bottom: 1px solid #ccc; }
#index #sec_6 ul.list>li span.date { width: 120px; font-size: 18px; }
#index #sec_6 ul.list>li span.cat { width: 100px; text-align: center; font-size: 13px; background: #E5E5E5; margin-right: 30px; letter-spacing: 0; }
#index #sec_6 ul.list>li .title { flex: 1; }
@media screen and (max-width: 1040px) {
	#index #sec_6 .inbox { flex-direction: column; }
	#index #sec_6 .sectitle { width: 100%; margin-bottom: 30px; text-align: center; }
	#index #sec_6 .sectitle .title br { display: none; }
	#index #sec_6 ul.list { width: 100%; flex: none; }
	#index #sec_6 .link{ width: 100% }
}
@media screen and (max-width: 767px) {
	#index #sec_6 .inbox { margin-bottom: 30px; }
	#index #sec_6 ul.list>li { padding: 20px 0; }
}
@media screen and (max-width: 639px) { 
	#index #sec_6 ul.list>li span.cat { display: none; }
	#index #sec_6 ul.list>li span.date { font-size: 12px; width: 90px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_6 ul.list>li { display: block;}
	#index #sec_6 ul.list>li span.date { display: block; width: 100%; }
}



/* #sec_7 */
#index #sec_7 .incnt{ text-align:center; }
#index #sec_7 .incnt img{width: 80%;}


/*//////////////////


#about.company


//////////////////*/

#about.company #sec_1{  }
#about.company #sec_1 .txtbox{ line-height: 2.2 }
#about.company #sec_1 .namebox{ margin-top: 50px }
#about.company #sec_1 .namebox ._1{ font-weight: bold; letter-spacing: 0.1em }
#about.company #sec_1 .namebox ._2{ font-weight: bold; font-size: 2rem; letter-spacing: 0.15em }
#about.company #sec_1 .namebox ._2 ._2_1{ font-weight: bold; font-size: 2.3rem }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#about.company #sec_1 .txtbox{ line-height: 2 }
	#about.company #sec_1 .namebox{ margin-top: 40px }
	#about.company #sec_1 .namebox ._2{ font-size: 1.6rem }
	#about.company #sec_1 .namebox ._2 ._2_1{ font-size: 1.8rem }
}



#about.company #sec_2{  }
#about.company #sec_2 .list{ border-top: 1px solid #d1d1d1 }
#about.company #sec_2 .list>li{ border-bottom: 1px solid #d1d1d1;  }
#about.company #sec_2 .list>li>dl{ display: flex; flex-direction: row; align-items: center; padding: 30px 2%; font-size: 1.5rem }
#about.company #sec_2 .list>li>dl>dt{ flex-shrink: 0; width: 150px; font-weight: bold; box-sizing: border-box; padding-right: 20px; letter-spacing: 0.1em }
#about.company #sec_2 .list>li>dl>dd{ letter-spacing: 0.1em }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#about.company #sec_2 .list>li>dl{ padding: 20px 4%; }
	#about.company #sec_2 .list>li>dl>dt{ width: 100px; padding-right: 20px; }
}



#about.company #sec_3{  }
#about.company #sec_3 .map{ height: 600px; margin-top: -30px }
@media screen and (max-width: 1040px) {
	#about.company #sec_3 .map{ height: 500px; }
}
@media screen and (max-width: 767px) { 
	#about.company #sec_3 .map{ height: 400px; margin-top: 40px; }
}





/*//////////////////


#about.advantage


//////////////////*/

#about.advantage{  }
#about.advantage .txtbox{ display: flex; flex-direction: row; padding-right: 17%; justify-content: space-between }
#about.advantage .sectitlebox{ flex-shrink: 0; margin-right: 9% }
#about.advantage .sectitlebox .undersectitle{ font-size: 2.8rem; margin-bottom: 25px; padding-left: 280px; line-height: 1.8 }
#about.advantage .sectitlebox .undersecsubtitle{ padding-left: 280px; position: relative; }
#about.advantage .sectitlebox .undersecsubtitle:before{ content: ""; display: inline-block; position: absolute; bottom: 0; top: 0; left: 0; height: 1px; width: 269px; background: #1d4cb4; margin-top: auto; margin-bottom: auto; }
#about.advantage .imgbox{  }
#about.advantage .imgbox>ul{ display: flex; flex-direction: row; align-items: flex-end; }
#about.advantage .imgbox>ul>li>img{ object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ width: 100%; height: 100% }
@media screen and (max-width: 1400px) {
	#about.advantage .txtbox{ padding-right: 10%; }
	#about.advantage .sectitlebox .undersectitle{ padding-left: 200px; }
	#about.advantage .sectitlebox .undersecsubtitle{ padding-left: 200px; }
	#about.advantage .sectitlebox .undersecsubtitle:before{ width: 189px; }
}
@media screen and (max-width: 1200px) {
	#about.advantage .txtbox{ padding-right: 8%; }
	#about.advantage .sectitlebox .undersectitle{ padding-left: 120px; }
	#about.advantage .sectitlebox .undersecsubtitle{ padding-left: 120px; }
	#about.advantage .sectitlebox .undersecsubtitle:before{ width: 109px; }
}
@media screen and (max-width: 1040px) {
	#about.advantage .txtbox{ display: block; padding-right: 0; }
	#about.advantage .sectitlebox{ margin-right: 0; margin-bottom: 25px }
	#about.advantage .sectitlebox .undersectitle{ font-size: 2.4rem; padding-left: 6%; line-height: 1.8; margin-bottom: 15px }
	#about.advantage .sectitlebox .undersecsubtitle{ padding-left: 6%; position: relative; }
	#about.advantage .sectitlebox .undersecsubtitle:before{ width: 5%; }
	#about.advantage .txtbox .txt{ padding-left: 6%; padding-right: 6%; }
	#about.advantage .imgbox>ul{ align-items: flex-start; position: relative; }
}
@media screen and (max-width: 767px) { 
}


#about.advantage #sec_1 #s1_insec2 .txt{ padding-top: 55px; line-height: 2.2 }
#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ margin-right: 50px; width: 580px; height: 440px; flex-shrink: 0 }
#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(2),
#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(3){ width: 50%; margin-left: 20px; height: 320px }
@media screen and (max-width: 1400px) {
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ width: 465px }
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ margin-right: 80px }
}
@media screen and (max-width: 1200px) {
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ width: 380px }
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ margin-right: 80px }
}
@media screen and (max-width: 1040px) {
	#about.advantage #sec_1 #s1_insec2 .txt{ padding-top: 0; line-height: 2 }
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ margin-right: 0; width: 50%; height: 500px; }
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(2),
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(3){ width: 50%; margin-left: 0; height: 250px }
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(3){ position: absolute; bottom: 0; right: 0 }
}
@media screen and (max-width: 767px) { 
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(1){ height: 300px; }
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(2),
	#about.advantage #sec_1 #s1_insec3 .imgbox>ul>li:nth-child(3){ height: 150px }
}


#about.advantage #sec_2 #s2_insec1 .sectitlebox{ margin-right: 6% }
#about.advantage #sec_2 #s2_insec1 .txtbox{ align-items: center; }
#about.advantage #sec_2 #s2_insec1 .txtbox .img{  }
#about.advantage #sec_2 #s2_insec2 .txt{ line-height: 2.2 }
#about.advantage #sec_2 #s2_insec3 .imgbox>ul{ justify-content: flex-end; }
#about.advantage #sec_2 #s2_insec3 .imgbox>ul>li:nth-child(1){ width: 865px; height: 489px }
#about.advantage #sec_2 #s2_insec3 .imgbox>ul>li:nth-child(2){ width: 505px; height: 393px; margin-left: 20px; }
@media screen and (max-width: 1040px) {
	#about.advantage #sec_2{ margin-bottom: 70px }
	#about.advantage #sec_2 #s2_insec1{ margin-bottom: 0 }
	#about.advantage #sec_2 #s2_insec1 .sectitlebox{ margin-right: 0; margin-bottom: 25px }
	#about.advantage #sec_2 #s2_insec3 .img img{ object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ width: 100%; height: 350px; }
	#about.advantage #sec_2 #s2_insec3 .imgbox>ul>li:nth-child(1){ width: 50%; height: 250px }
	#about.advantage #sec_2 #s2_insec3 .imgbox>ul>li:nth-child(2){ width: 50%; height: 250px; margin-left: 0; }
}
@media screen and (max-width: 767px) { 
	#about.advantage #sec_2{ margin-bottom: 60px }
	#about.advantage #sec_2 #s2_insec3 .img img{ height: 300px; }
	#about.advantage #sec_2 #s2_insec3 .imgbox>ul>li:nth-child(1){ height: 150px }
	#about.advantage #sec_2 #s2_insec3 .imgbox>ul>li:nth-child(2){ height: 150px; }
}
@media screen and (max-width: 479px) { 
	#about.advantage #sec_2{ margin-bottom: 50px }
	#about.advantage #sec_2 #s2_insec3 .img img{ height: 250px; }
}


#about.advantage #sec_3>.inwrap{ display: flex; flex-direction: row-reverse; padding-right: 0; position: relative; }
#about.advantage #sec_3 .txtbox{ display: block; padding-right: 13%;  padding-bottom: 440px }
#about.advantage #sec_3 .sectitlebox{ margin-right: 0; margin-bottom: 40px; margin-top: 70px }
#about.advantage #sec_3 .sectitlebox .undersectitle{ font-size: 2.8rem; margin-bottom: 15px; padding-left: 70px; line-height: 1.8 }
#about.advantage #sec_3 .sectitlebox .undersecsubtitle{ padding-left: 70px; }
#about.advantage #sec_3 .sectitlebox .undersecsubtitle:before{ width: 60px; }
#about.advantage #sec_3 .txtbox .txt{ padding-left: 70px; line-height: 2.2 }
#about.advantage #sec_3 .imgbox{ width: 47%; flex-shrink: 0 }
#about.advantage #sec_3 .imgbox>ul{ display: block; }
#about.advantage #sec_3 .imgbox>ul>li:nth-child(1){ width: 100%; height: 415px; margin-bottom: 20px }
#about.advantage #sec_3 .imgbox>ul>li:nth-child(2){ width: 57%; height: 270px; margin-left: auto; }
#about.advantage #sec_3 .imgbox>ul>li:nth-child(3){ width: 33%; height: 361px; padding-left: 70px; position: absolute; bottom: 0; right: 15% }
@media screen and (max-width: 1200px) {
	#about.advantage #sec_3 .txtbox{ padding-right: 6% }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(3){ right: 8% }
}
@media screen and (max-width: 1040px) {
	#about.advantage #sec_3>.inwrap{ display: block; }
	#about.advantage #sec_3 .txtbox{ padding-right: 0;  padding-bottom: 60px }
	#about.advantage #sec_3 .sectitlebox{ margin-bottom: 40px; margin-top: 0; }
	#about.advantage #sec_3 .sectitlebox .undersectitle{ font-size: 2.4rem; padding-left: 6%; padding-right: 6% }
	#about.advantage #sec_3 .sectitlebox .undersecsubtitle{ padding-left: 6%; }
	#about.advantage #sec_3 .sectitlebox .undersecsubtitle:before{ width: 5%; }
	#about.advantage #sec_3 .txtbox .txt{ padding-left: 6%; line-height: 2 }
	#about.advantage #sec_3 .imgbox{ width: 100%; flex-shrink: 0 }
	#about.advantage #sec_3 .imgbox>ul{ display: block; }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(1){ width: 100%; height: 350px; margin-bottom: 0 }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(2){ width: 50%; height: 250px; margin-left: 0 }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(3){ width: 50%; height: 250px; padding-left: 0; right: 0% }
}
@media screen and (max-width: 767px) { 
	#about.advantage #sec_3 .txtbox{ padding-bottom: 45px }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(1){ height: 300px; }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(2){ height: 150px }
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(3){ height: 150px; }
}
@media screen and (max-width: 479px) { 
	#about.advantage #sec_3 .imgbox>ul>li:nth-child(1){ height: 250px; }
}


/* #sec_4 */
#about.advantage #sec_4 .incnt{ text-align:center; }
#about.advantage #sec_4 img{ width:80%; }



/*//////////////////


#company.carport


//////////////////*/

#company.carport {  }
#company.carport #sec_1 {  }
#company.carport #sec_1 .box1{ background: #f2f2f2; padding: 40px 6%; margin-top: 35px }
#company.carport #sec_1 .box1 .txt{ text-align: center; font-weight: bold; font-size: 2rem; margin-bottom: 20px }
#company.carport #sec_1 .box1 .list{ display: flex; flex-direction: row; margin-left: -20px; }
#company.carport #sec_1 .box1 .list>li{ margin-left: 20px; width: calc(33.33% - 20px);  }
#company.carport #sec_1 .box1 .list>li>.inwrap{ background: #ffffff; font-weight: bold; font-size: 1.8rem; line-height: 1.6; padding: 41px 6%; box-sizing: border-box; width: 100%; text-decoration: none; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.carport #sec_1 .box1{ padding: 30px 8%; margin-top: 15px }
	#company.carport #sec_1 .box1 .txt{ font-size: 1.6rem; margin-bottom: 15px }
	#company.carport #sec_1 .box1 .list{ display: block; margin-left: 0; }
	#company.carport #sec_1 .box1 .list>li{ margin-left: 0; width: 100%; margin-bottom: 10px }
	#company.carport #sec_1 .box1 .list>li{ margin-bottom: 10px }
	#company.carport #sec_1 .box1 .list>li>.inwrap{ font-size: 1.6rem; padding: 20px 6%; }
}
@media screen and (max-width: 479px) {
	#company.carport #sec_1 .box1{ padding: 20px 8%; }
	#company.carport #sec_1 .box1 .txt{ font-size: 1.6rem; text-align: left; }
	#company.carport #sec_1 .box1 .list>li>.inwrap{ padding: 15px 6%; }
}


#company.carport #sec_2 { background: #edf7f9; padding-top: 90px; padding-bottom: 60px }
#company.carport #sec_2 .txtbox{ float: left; width: 46% }
#company.carport #sec_2 .imgbox{ float: right; width: 46% }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.carport #sec_2 { padding-top: 40px; padding-bottom: 30px }
	#company.carport #sec_2 .txtbox{ float: none; width: 100% }
	#company.carport #sec_2 .imgbox{ float: none; width: 100% }
}
@media screen and (max-width: 479px) {
}


#company.carport #sec_3 #s3_insec1 .txtbox{ float: left; width: 46% }
#company.carport #sec_3 #s3_insec1 .imgbox{ float: right; width: 46% }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.carport #sec_3 #s3_insec1 .txtbox{ float: none; width: 100% }
	#company.carport #sec_3 #s3_insec1 .imgbox{ float: none; width: 100% }
}
@media screen and (max-width: 479px) {
}



#company.carport #sec_3 #s3_insec2{  }
#company.carport #sec_3 #s3_insec2 .box1{ background: #f7f7f7; padding: 45px 45px }
#company.carport #sec_3 #s3_insec2 .box1 .list{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -40px; margin-bottom: -40px; overflow: hidden; }
#company.carport #sec_3 #s3_insec2 .box1 .list>li{ margin-left: 40px; width: calc(50% - 40px); margin-bottom: 40px }
#company.carport #sec_3 #s3_insec2 .box1 .list>li .imgbox{ margin-bottom: 20px; }
#company.carport #sec_3 #s3_insec2 .box1 .list>li .txtbox{  }
#company.carport #sec_3 #s3_insec2 .box1 .list>li .txtbox .title{ font-weight: bold; font-size: 1.8rem; margin-bottom: 10px }
#company.carport #sec_3 #s3_insec2 .box1 .list>li .txtbox .txt2{  }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.carport #sec_3 #s3_insec2 .box1{ padding: 30px 30px }
	#company.carport #sec_3 #s3_insec2 .box1 .list{ display: block; margin-left: 0; margin-bottom: -30px; }
	#company.carport #sec_3 #s3_insec2 .box1 .list>li{ margin-left: 0; width: 100%; margin-bottom: 30px }
	#company.carport #sec_3 #s3_insec2 .box1 .list>li .imgbox{ margin-bottom: 20px; }
	#company.carport #sec_3 #s3_insec2 .box1 .list>li .txtbox .title{ font-size: 1.6rem; }
}
@media screen and (max-width: 479px) {
	#company.carport #sec_3 #s3_insec2 .box1{ padding: 20px 20px }
	#company.carport #sec_3 #s3_insec2 .box1 .list>li .imgbox{ margin-bottom: 10px; }
	#company.carport #sec_3 #s3_insec2 .box1 .list>li .txtbox .title{ margin-bottom: 5px; }
	#company.carport #sec_3 #s3_insec2 .box1 .list{ margin-bottom: -20px; }
	#company.carport #sec_3 #s3_insec2 .box1 .list>li{ margin-bottom: 20px }
}



#company.carport #sec_3 #s3_insec3{  }
#company.carport #sec_3 #s3_insec3 .box1{ display: flex; flex-direction: row; align-items: center; }
#company.carport #sec_3 #s3_insec3 .box1 .titlebox{ color: #1d4cb4; padding-right: 20px; margin-right: 40px; border-right: 2px solid #1d4cb4; flex-shrink: 0; width: 265px; box-sizing: border-box; line-height: 1.4; }
#company.carport #sec_3 #s3_insec3 .box1 .titlebox .subtitle1{ margin-bottom: 3px; }
#company.carport #sec_3 #s3_insec3 .box1 .titlebox .title{ font-weight: bold; font-size: 2.8rem; }
#company.carport #sec_3 #s3_insec3 .box1 .txt{  }
#company.carport #sec_3 #s3_insec3 .titlebox2{ margin-left: -15px; margin-bottom: 20px; }
#company.carport #sec_3 #s3_insec3 .titlebox2 .copy{ display: inline-block; margin-left: 15px; margin-bottom: 0!important }
#company.carport #sec_3 #s3_insec3 .titlebox2 .kakko{ display: inline-block; margin-left: 15px; font-size: 1.4rem }
#company.carport #sec_3 #s3_insec3 .list{ margin-left: -15px; text-align: left; }
#company.carport #sec_3 #s3_insec3 .list>li{ display: inline-block; margin-left: 15px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.carport #sec_3 #s3_insec3 .box1{ display: block; }
	#company.carport #sec_3 #s3_insec3 .box1 .titlebox{ padding-right: 0; margin-right: 0; border-right: none; width: 100%; margin-bottom: 10px }
	#company.carport #sec_3 #s3_insec3 .box1 .titlebox .subtitle1{ margin-bottom: 5px; }
	#company.carport #sec_3 #s3_insec3 .box1 .titlebox .title{ font-size: 1.6rem; }
	#company.carport #sec_3 #s3_insec3 .titlebox2{ margin-left: -10px; margin-bottom: 10px; }
	#company.carport #sec_3 #s3_insec3 .titlebox2 .copy{ margin-left: 10px; }
	#company.carport #sec_3 #s3_insec3 .titlebox2 .kakko{ margin-left: 10px; font-size: 1.2rem }
}
@media screen and (max-width: 479px) {
}


#company.carport #sec_4 .ytkreason .box1{ background: #f7f7f7; padding: 30px 4% 45px; display: flex; flex-direction: row; align-items: center; }
#company.carport #sec_4 .ytkreason .box1>.list{ width: 100% }
#company.carport #sec_4 .ytkreason .box1>.list>li{ display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; padding-right: 70px; position: relative; }
#company.carport #sec_4 .ytkreason .box1>.list>li:last-child{ margin-bottom: 0 }
#company.carport #sec_4 .ytkreason .box1>.list>li>svg{ width: 40px; height: 26px; position: absolute; right: 15px }
#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox{ width: 184px; flex-shrink: 0; display: flex; flex-direction: row; align-items: center; margin-right: 20px }
#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .icon{ margin-right: 15px; flex-shrink: 0; width: 92px; text-align: center; }
#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .icon>img{  }
#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .title{ font-size: 1.3rem; font-weight: bold; text-align: left; line-height: 1.4 }
#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .title>._1{ font-size: 1.8rem; font-weight: bold; }
#company.carport #sec_4 .ytkreason .box1>.list>li .list2{ display: flex; flex-direction: row; width: 100%; overflow: hidden; margin-left: -30px }
#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li{ display: flex; padding-left: 30px; position: relative; box-sizing: border-box; width: 25% }
#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li:after{ content: ""; background: url(../img/common/arr1_black.svg) no-repeat; background-size: contain; width: 10px; height: 16px; display: inline-block; position: absolute; top: 0; bottom: 0; left: 10px; margin-top: auto; margin-bottom: auto; }
#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li>.inwrap{ background: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 28px 10px; letter-spacing: 0.1em; box-sizing: border-box; width: 100% }
#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li:first-child:after{ content: none }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1)>svg{ bottom: 5px; }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1) .titlebox{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1) .titlebox .icon{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1) .titlebox .icon>img{ width: 76px; height: 48px; }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1) .titlebox .title{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1) .titlebox .title>._1{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1) .txt2{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2)>svg{ top: 10px; -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); -moz-transform: scaleY(-1); transform: scaleY(-1); }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2)>svg .ytkreason_arr_st0.st0{ stroke: #1d4cb4; }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox .icon{  }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox .icon>img{ width: 92px; height: 26px; }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox .title{ color: #1d4cb4 }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox .title>._1{ font-size: 2.6rem }
#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .txt2{ font-weight: bold; font-size: 1.8rem; background: rgb(80,87,211); background: -moz-linear-gradient(left,  rgba(80,87,211,1) 0%, rgba(25,181,181,1) 100%); background: -webkit-linear-gradient(left,  rgba(80,87,211,1) 0%,rgba(25,181,181,1) 100%); background: linear-gradient(to right,  rgba(80,87,211,1) 0%,rgba(25,181,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5057d3', endColorstr='#19b5b5',GradientType=1 ); display: flex; align-items: center; justify-content: center; color: #fff; letter-spacing: 0.05em; padding: 26px 6%; width: 100%; box-sizing: border-box; }
#company.carport #sec_4 .ytkreason .box1>.finishbox{ background: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; width: 126px; height: 126px; text-align: center; flex-shrink: 0 }
#company.carport #sec_4 .ytkreason .box1>.finishbox>.icon{ padding-left: 20px }
#company.carport #sec_4 .ytkreason .box1>.finishbox>.icon>img{ width: 92px; height: 48px; }
#company.carport #sec_4 .ytkreason .box1>.finishbox>.title{ font-weight: bold; margin-top: 5px; letter-spacing: 0.15em }
#company.carport #sec_4 .ytkreason .box2{ background: #1d4cb4; padding: 40px 4%; color: #fff }
#company.carport #sec_4 .ytkreason .box2>.inwrap{ display: flex; flex-direction: row; align-items: center; justify-content: center; margin-left: -40px }
#company.carport #sec_4 .ytkreason .box2>.inwrap .blocktitlebox{ color: #fff; margin-left: 40px; margin-bottom: 0 }
#company.carport #sec_4 .ytkreason .box2>.inwrap .blocktitlebox .entitle{ border-color: #fff }
#company.carport #sec_4 .ytkreason .box2>.inwrap .list{ margin-left: 40px }
#company.carport #sec_4 .ytkreason .box2>.inwrap .list>li{  }
#company.carport #sec_4 .ytkreason .box2>.inwrap+.copy{ margin-top: 10px; text-align: center; margin-bottom: 0!important; }
@media screen and (max-width: 1040px) {
	#company.carport #sec_4 .ytkreason .box1{ padding: 20px 4% 35px; display: block; }
	#company.carport #sec_4 .ytkreason .box1>.list{ display: flex; flex-direction: row; margin-left: -20px; box-sizing: border-box; overflow: hidden; width: calc(100% + 20px); }
	#company.carport #sec_4 .ytkreason .box1>.list>li{ display: block; margin-left: 20px; margin-bottom: 0; padding-right: 0; padding-bottom: 50px; width: calc(50% - 20px); }
	#company.carport #sec_4 .ytkreason .box1>.list>li>svg{ right: 0; bottom: 10px; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox{ width: 100%;margin-right: 0; margin-bottom: 15px; justify-content: center; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .icon{ width: auto; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2{ display: block; margin-left: 0; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li{ padding-left: 0; padding-bottom: 30px; width: 100% }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li:first-child:after{ content: ""; background: url(../img/common/arr1_black.svg) no-repeat; background-size: contain; width: 10px; height: 16px; display: inline-block; position: absolute; top: auto; bottom: 7px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li:after{ top: auto; bottom: 7px; left: 0; right: 0; margin-left: auto; margin-right: auto; transform: rotate(90deg); }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li:last-child{ padding-bottom: 0 }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li:last-child:after{ content: none; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .list2>li>.inwrap{ padding: 15px 6% }
	#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(1)>svg{ bottom: 10px }
	#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2)>svg{ top: auto; right: auto; left: 0; -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); -moz-transform: scaleX(-1); transform: scaleX(-1); }
	#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox{ margin-bottom: 10px }
	#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .txt2{ font-size: 1.6rem; padding: 15px 8%; display: flex; align-items: center; justify-content: center; height: calc(100% - 62px); box-sizing: border-box; }
	#company.carport #sec_4 .ytkreason .box1>.finishbox{ margin-left: auto; margin-right: auto; }
	#company.carport #sec_4 .ytkreason .box2{ padding: 30px 6% }
	#company.carport #sec_4 .ytkreason .box2>.inwrap{ display: block; margin-left: 0 }
	#company.carport #sec_4 .ytkreason .box2>.inwrap .blocktitlebox{ margin-left: 0; margin-bottom: 15px }
	#company.carport #sec_4 .ytkreason .box2>.inwrap .list{ margin-left: 0; }
	#company.carport #sec_4 .ytkreason .box2>.inwrap+.copy{ margin-top: 15px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox{ display: block; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .title{ text-align: center; }
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .icon{ margin-right: 0; margin-bottom: 5px; height: 48px; display: flex; align-items: center; justify-content: center; }
	#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .titlebox .icon{ height: 39px }
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .title{  }
	#company.carport #sec_4 .ytkreason .box1>.list>li .titlebox .title>._1{ font-size: 1.6rem; }
	#company.carport #sec_4 .ytkreason .box1>.list>li:nth-child(2) .txt2{ height: calc(100% - 108px); font-size: 1.4rem }
	#company.carport #sec_4 .ytkreason .box2>.inwrap+.copy{ text-align: left; }
}





#company.carport #sec_6{ background: #f7f7f7; padding-top: 80px; padding-bottom: 100px; }
#company.carport #sec_6 .titlebox{ margin-bottom: 10px; color: #1d4cb4 }
#company.carport #sec_6 .titlebox .entitle{ display: inline-block; vertical-align: middle; font-weight: bold; font-size: 5.4rem; line-height: 1.4 }
#company.carport #sec_6 .titlebox .jntitle{ display: inline-block; vertical-align: -12px; font-weight: bold }
#company.carport #sec_6 .titlebox{  }
#company.carport #sec_6 .titlebox .entitle{  }
#company.carport #sec_6 .titlebox .jntitle{  }
#company.carport #sec_6 .titlebox{  }
#company.carport #sec_6{  }
@media screen and (max-width: 1040px) {
	#company.carport #sec_6{ padding-top: 30px; padding-bottom: 40px; }
}
@media screen and (max-width: 767px) { 
	#company.carport #sec_6 .titlebox .entitle{ font-size: 2.8rem; }
	#company.carport #sec_6 .titlebox .jntitle{ font-size: 1.3rem; vertical-align: -3px }
}



#company.carport #sec_7 .incnt{ text-align:center; }
#company.carport #sec_7 .incnt img{ width:80%; }


/*//////////////////


#company.exterior


//////////////////*/

#company.exterior #sec_1{  }
#company.exterior #sec_1 .box1{ display: flex; flex-direction: row; align-items: center; background: #1d4cb4; padding: 50px 6% 50px 8%; color: #fff }
#company.exterior #sec_1 .box1 .txtbox{  }
#company.exterior #sec_1 .box1 .linkbox{ flex-shrink: 0; width: 260px; margin-left: 10%; }
#company.exterior #sec_1 .box1 .linkbox .btn{ width: 100% }
@media screen and (max-width: 1040px) {
	#company.exterior #sec_1 .box1 .linkbox{ margin-left: 8% }
}
@media screen and (max-width: 767px) {
	#company.exterior #sec_1 .box1{ padding: 30px 6% 40px; display: block; }
	#company.exterior #sec_1 .box1 .linkbox{ width: 100%; margin-left: 0; margin-top: 20px }
}
@media screen and (max-width: 479px) {
	#company.exterior #sec_1 .box1{ padding: 20px 8% 30px; }
}


#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"]{  }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox{  }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox .txtbox{ float: left; width: 46% }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox .imgbox{ float: right; width: 46% }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox {  }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox {  }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox .txtbox{ float: none; width: 100% }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec1"] .topbox .imgbox{ float: none; width: 100%; margin-top: 20px }
}
@media screen and (max-width: 479px) {
}

#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"]{  }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist{ background: #f7f7f7; padding: 30px 6%; }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist p{  }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist p+.list{ margin-top: 5px; padding-bottom: 10px }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist .list{ text-align: center; margin-left: -18px }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist .list>li{ display: inline-block; vertical-align: middle; color: #1d4cb4; margin-left: 18px; font-weight: bold; font-size: 1.8rem }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist .list{ margin-left: -15px }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist .list>li{ margin-left: 15px; font-size: 1.6rem }
}
@media screen and (max-width: 479px) {
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist{ padding: 20px 8% 15px; }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec2"] .desclist .list>li{ font-size: 1.6rem; display: block; text-align: left; }
}

#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"]{  }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist{ display: flex; flex-direction: row; justify-content: center; }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist>li{ width: 33.33%; }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist>li>img{ width: 100% }
#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .link{ text-align: center; margin-top: -33px; }
@media screen and (max-width: 1040px) {
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist{ flex-wrap: wrap; }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist>li{ width: 50%; }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .link{ margin-top: 40px; }
}
@media screen and (max-width: 767px) {
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist{ display: block; }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .imglist>li{ width: 100%!important; }
	#company.exterior #main .section:nth-child(n + 2) .insec[id$="_insec3"] .link{ margin-top: 30px; }
}
@media screen and (max-width: 479px) {
}

#company.exterior #sec_5{  }
#company.exterior #sec_5 #s5_insec2 .desclist{ padding-top: 50px; padding-bottom: 50px }
#company.exterior #sec_5 #s5_insec3 .imglist{ flex-wrap: wrap; }
#company.exterior #sec_5 #s5_insec3 .imglist>li:nth-child(n + 4){ width: 50% }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.exterior #sec_5 #s5_insec2 .desclist{ padding-top: 30px; padding-bottom: 30px }
}
@media screen and (max-width: 479px) {
	#company.exterior #sec_5 #s5_insec2 .desclist{ padding-top: 20px; padding-bottom: 20px }
}



#company.exterior #sec_6{  }
#company.exterior #sec_6 .incnt{ text-align:center; }
#company.exterior #sec_6 .incnt img{ width:80%; }



/*//////////////////


#company.variousother


//////////////////*/
#company.variousother #sec_1{  }
#company.variousother #sec_1 .box1{ background: #f7f7f7; padding: 45px 45px }
#company.variousother #sec_1 .box1 .list{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -40px; margin-bottom: -40px; overflow: hidden; }
#company.variousother #sec_1 .box1 .list>li{ margin-left: 40px; width: calc(50% - 40px); margin-bottom: 40px }
#company.variousother #sec_1 .box1 .list>li .imgbox{ margin-bottom: 20px; }
#company.variousother #sec_1 .box1 .list>li .txtbox{  }
#company.variousother #sec_1 .box1 .list>li .txtbox .title{ font-weight: bold; font-size: 1.8rem; margin-bottom: 10px }
#company.variousother #sec_1 .box1 .list>li .txtbox .txt2{  }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.variousother #sec_1 .box1{ padding: 30px 30px }
	#company.variousother #sec_1 .box1 .list{ display: block; margin-left: 0; margin-bottom: -30px; }
	#company.variousother #sec_1 .box1 .list>li{ margin-left: 0; width: 100%; margin-bottom: 30px }
	#company.variousother #sec_1 .box1 .list>li .imgbox{ margin-bottom: 20px; }
	#company.variousother #sec_1 .box1 .list>li .txtbox .title{ font-size: 1.6rem; }
}
@media screen and (max-width: 479px) {
	#company.variousother #sec_1 .box1{ padding: 20px 20px }
	#company.variousother #sec_1 .box1 .list>li .imgbox{ margin-bottom: 10px; }
	#company.variousother #sec_1 .box1 .list>li .txtbox .title{ margin-bottom: 5px; }
	#company.variousother #sec_1 .box1 .list{ margin-bottom: -20px; }
	#company.variousother #sec_1 .box1 .list>li{ margin-bottom: 20px }
}

#company.variousother #sec_2{  }
#company.variousother #sec_2 .mainbox .txtbox{ float: left; width: 46% }
#company.variousother #sec_2 .mainbox .imgbox{ float: right; width: 46% }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.variousother #sec_2 .mainbox .txtbox{ float: none; width: 100% }
	#company.variousother #sec_2 .mainbox .imgbox{ float: none; width: 100%; margin-top: 20px; }
}
@media screen and (max-width: 479px) {
}

#company.variousother #sec_3{ margin-bottom: 160px }
#company.variousother #sec_3 .mainbox .txtbox{ float: left; width: 46% }
#company.variousother #sec_3 .mainbox .imgbox{ float: right; width: 46% }
@media screen and (max-width: 1040px) {
	#company.variousother #sec_3{ margin-bottom: 90px; }
}
@media screen and (max-width: 767px) {
	#company.variousother #sec_3 .mainbox .txtbox{ float: none; width: 100% }
	#company.variousother #sec_3 .mainbox .imgbox{ float: none; width: 100%; margin-top: 20px; }
}
@media screen and (max-width: 479px) {
	#company.variousother #sec_3{ margin-bottom: 70px; }
}


#company.variousother #sec_4 .incnt{ text-align:center; }
#company.variousother #sec_4 .incnt img{ width:80%; }


/*//////////////////


#recruitment.index


//////////////////*/


#recruitment.index #main .titlebox{ color: #1d4cb4; margin-bottom: 30px }
#recruitment.index #main .titlebox .entitle{ font-weight: bold; font-size: 5.6rem; line-height: 1.4 }
#recruitment.index #main .titlebox .jntitle{ font-weight: bold }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#recruitment.index #main .titlebox .entitle{ font-size: 2.8rem; }
	#recruitment.index #main .titlebox .jntitle{ font-size: 1.3rem; vertical-align: -3px }
}

#recruitment.index #sec_1 .titlebox{ margin-bottom: 0 }
#recruitment.index #sec_1 .box1{ margin-top: -60px; position: relative; z-index: -1; }
#recruitment.index #sec_1 .box1 .imglist{ position: relative; height: 650px; margin-bottom: -45px }
#recruitment.index #sec_1 .box1 .imglist>li{  }
#recruitment.index #sec_1 .box1 .imglist>li>img{ width: 100%; height: 100%;  object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#recruitment.index #sec_1 .box1 .imglist>li:nth-child(1){ position: absolute; bottom: 0; left: 0; top: 25px; width: 58%; height: calc(100% - 25px) }
#recruitment.index #sec_1 .box1 .imglist>li:nth-child(2){ position: absolute; top: 0; right: 0; bottom: 45px; width: 46.5%; height: calc(100% - 45px) }
#recruitment.index #sec_1 .box1 .txtbox{ position: relative; z-index: -1 }
#recruitment.index #sec_1 .box1 .txtbox>.incnt>.inwrap{ background: #e7f5f8; padding: 105px 8% 85px;  }
#recruitment.index #sec_1 .box1 .txtbox>.incnt>.inwrap>.inwrap{ max-width: 880px; width: 100%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1040px) {
	#recruitment.index #sec_1 .box1 .imglist{ height: 400px; }
	#recruitment.index #sec_1 .box1 .txtbox>.incnt>.inwrap{ padding: 80px 8% 60px;  }
}
@media screen and (max-width: 767px) {
	#recruitment.index #sec_1 .box1 .imglist{ height: 300px; }
	#recruitment.index #sec_1 .box1 .txtbox>.incnt>.inwrap{ padding: 70px 8% 35px;  }
}
@media screen and (max-width: 479px) {
	#recruitment.index #sec_1 .box1 .imglist{ height: 200px; }
}

#recruitment.index #sec_2{  }
#recruitment.index #sec_2 .list1{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -30px; margin-bottom: -40px; justify-content: center; }
#recruitment.index #sec_2 .list1>li{ margin-left: 30px; margin-bottom: 40px; width: 272px; }
#recruitment.index #sec_2 .list1>li .titlebox{  margin-bottom: 10px; position: relative; background: url(../img/recruitment/index/s2_bg1.svg) no-repeat; background-size: contain; width: 272px; height: 112px; }
#recruitment.index #sec_2 .list1>li .titlebox>.inwrap{ display: flex; align-items: center; justify-content: center; height: 100px; color: #fff; font-weight: bold; font-size: 2.4rem; line-height: 1.6; border-radius: 5px }
#recruitment.index #sec_2 .list1>li .title{ text-align: center; font-weight: bold; font-size: 2rem; color: #1d4cb4; margin-bottom: 10px }
#recruitment.index #sec_2 .list1>li .txt{  }
#recruitment.index #sec_2 .list1>li:nth-child(even) .titlebox{ background: url(../img/recruitment/index/s2_bg2.svg) no-repeat; background-size: contain; }
#recruitment.index #sec_2 .list1>li:nth-child(even) .titlebox>.inwrap{ color: #1d4cb4 }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#recruitment.index #sec_2 .list1{ margin-left: -20px; margin-bottom: -30px; }
	#recruitment.index #sec_2 .list1>li{ margin-left: 20px; margin-bottom: 30px; width: 100%; }
	#recruitment.index #sec_2 .list1>li .titlebox{ width: 180px; height: 74px; margin-left: auto; margin-right: auto; }
	#recruitment.index #sec_2 .list1>li .titlebox>.inwrap{ height: 64px; font-size: 1.6rem; }
	#recruitment.index #sec_2 .list1>li .title{ font-size: 1.8rem; }
}
@media screen and (max-width: 479px) {
}


#recruitment.index #sec_2 .imgbox{  }
#recruitment.index #sec_2 .imgbox .imglist{ position: relative; margin-left: -20px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }
#recruitment.index #sec_2 .imgbox .imglist:before{ content: ""; position: absolute; top: 70px; left: 120px; height: calc(100% + 240px); right: 0; z-index: -1; background: #f5f5f5; }
#recruitment.index #sec_2 .imgbox .imglist>li{ margin-left: 20px }
#recruitment.index #sec_2 .imgbox .imglist>li>img{ width: 100%; height: 100%;  object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(1){ width: 38.3%; height: 440px }
#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(2){ width: 31.8%; height: 320px }
#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(3){ width: 26.4%; height: 320px }
@media screen and (max-width: 1040px) {
	#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(1){ width: 38.5%; height: 340px }
	#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(2){ width: 32%; height: 220px }
	#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(3){ width: 26.5%; height: 220px }
}
@media screen and (max-width: 767px) {
	#recruitment.index #sec_2 .imgbox .imglist:before{ height: calc(100% + 120px); }
	#recruitment.index #sec_2 .imgbox .imglist{ height: 340px }
	#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(1){ width: calc(50% - 20px); height: 100% }
	#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(2){ width: calc(50% - 20px); height: calc(50% - 10px); top: 0; right: 0; position: absolute; }
	#recruitment.index #sec_2 .imgbox .imglist>li:nth-child(3){ width: calc(50% - 20px); height: calc(50% - 10px); bottom: 0; right: 0; position: absolute; }
}
@media screen and (max-width: 479px) {
	#recruitment.index #sec_2 .imgbox .imglist{ height: 240px }
}

#recruitment.index #sec_3 .list{  }
#recruitment.index #sec_3 .list>li{ margin-bottom: 30px }
#recruitment.index #sec_3 .list>li:last-child{ margin-bottom: 0 }
#recruitment.index #sec_3 .list>li>.inwrap{ text-decoration: none; display: flex; flex-direction: row; align-items: center; position: relative; height: 480px; }
#recruitment.index #sec_3 .list>li .titlebox{  }
#recruitment.index #sec_3 .list>li .titlebox .entitle{ position: relative; padding-right: 80px; }
#recruitment.index #sec_3 .list>li .titlebox .entitle .arr{ display: inline-block; width: 60px; height: 60px; background: #1d4cb4; border-radius: 50%; line-height: 1; position: relative; margin-left: 10px; position: absolute; top: 0; bottom: 0; right: 0; margin-top: auto; margin-bottom: auto; transition: .3s }
#recruitment.index #sec_3 .list>li .titlebox .entitle .arr:before{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; display: inline-block; background-size: contain; width: 8px; height: 14px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#recruitment.index #sec_3 .list>li .titlebox .jntitle{  }
#recruitment.index #sec_3 .list>li .bg{ position: absolute; top: 0; bottom: 0; right: 0; left: 200px; z-index: -1; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ transition: .3s }
#recruitment.index #sec_3 .list>li>.inwrap:hover .bg{ opacity: .7 }
#recruitment.index #sec_3 .list>li>.inwrap:hover .titlebox .entitle .arr{ right: -10px }
#recruitment.index #sec_3 .list>li:nth-child(even){  }
#recruitment.index #sec_3 .list>li:nth-child(even) .bg{ right: 200px; left: 0 }
#recruitment.index #sec_3 .list>li:nth-child(even)>.inwrap{ justify-content: flex-end; }
@media screen and (max-width: 1040px) {
	#recruitment.index #sec_3 .list>li>.inwrap{ flex-direction: column-reverse; height: auto; }
	#recruitment.index #sec_3 .list>li .titlebox{ width: 100%; margin-top: 20px }
	#recruitment.index #sec_3 .list>li>.inwrap{ height: auto; }
	#recruitment.index #sec_3 .list>li .bg{ position: static; height: 480px; }
}
@media screen and (max-width: 767px) {
	#recruitment.index #sec_3 .list>li{ margin-bottom: 0 }
	#recruitment.index #sec_3 .list>li .titlebox .entitle .arr{ width: 40px; height: 40px; }
	#recruitment.index #sec_3 .list>li .titlebox{ margin-top: 15px }
	#recruitment.index #sec_3 .list>li .bg{ height: 240px }
}
@media screen and (max-width: 479px) {
	#recruitment.index #sec_3 .list>li .bg{ height: 160px }
}






/*//////////////////


#recruitment.person


//////////////////*/

#recruitment.person .bgbgsec._transparent .mainbox{  }
#recruitment.person .bgbgsec._transparent .mainbox .txtbox{ float: left; width: 46% }
#recruitment.person .bgbgsec._transparent .mainbox .imgbox{ float: right; width: 46% }
@media screen and (max-width: 1040px) {
	#recruitment.person #tabs .tab_content{ padding-top: 0 }
	#recruitment.person #tabs .tab_content .secwrap{ padding-top: 0 }
}
@media screen and (max-width: 767px) {
	#recruitment.person .bgbgsec._transparent>.incnt>.inwrap>.inwrap{ padding-top: 75px; padding-bottom: 40px; }
	#recruitment.person .bgbgsec._transparent .mainbox .txtbox{ float: none; width: 100% }
	#recruitment.person .bgbgsec._transparent .mainbox .imgbox{ float: none; width: 100%; margin-top: 20px }
}
@media screen and (max-width: 479px) {
	#recruitment.person .bgbgsec._transparent>.incnt>.inwrap>.inwrap{ padding: 60px 6% 30px }
}






/*//////////////////


#recruitment.culture


//////////////////*/

#recruitment.culture #sec_1 .incnt{ max-width: 1160px }
#recruitment.culture #sec_1 .list1{  }
#recruitment.culture #sec_1 .list1>ul{  }
#recruitment.culture #sec_1 .list1>ul>li{ margin-bottom: 55px; display: flex; flex-direction: row-reverse; align-items: center; position: relative; padding-top: 50px; padding-left: 58px; }
#recruitment.culture #sec_1 .list1>ul>li:before{ content: ""; background: #e7f5f8; position: absolute; top: 0; bottom: 50px; left: 0; right: 12%; z-index: -1 }
#recruitment.culture #sec_1 .list1>ul>li:last-child{ margin-bottom: 0 }
#recruitment.culture #sec_1 .list1>ul>li .txtbox{  }
#recruitment.culture #sec_1 .list1>ul>li .txtbox .title{ font-size: 2.8rem; color: #345ebb; line-height: 1.4; margin-bottom: 15px; font-weight: bold; }
#recruitment.culture #sec_1 .list1>ul>li .txtbox .title>._box{ font-size: 1.29em; font-weight: bold; color: #fff; display: inline-block; background: #345ebb; padding: 0px 10px; margin: 0 5px }
#recruitment.culture #sec_1 .list1>ul>li .txtbox .txt{  }
#recruitment.culture #sec_1 .list1>ul>li .imgbox{ flex-shrink: 0; margin-right: 6%; width: 56.2% }
#recruitment.culture #sec_1 .list1>ul>li:nth-child(even){ flex-direction: row; padding-left: 0; padding-right: 58px }
#recruitment.culture #sec_1 .list1>ul>li:nth-child(even):before{ background: #f7f7f7; right: 0; left: 12%; }
#recruitment.culture #sec_1 .list1>ul>li:nth-child(even) .imgbox{ margin-right: 0; margin-left: 6% }
@media screen and (max-width: 1040px) {
	#recruitment.culture #sec_1 .list1>ul>li .imgbox{ width: 46% }
	#recruitment.culture #sec_1 .list1>ul>li .txtbox .title{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
	#recruitment.culture #sec_1 .list1>ul>li{ display: block; margin-bottom: 35px; padding-top: 30px; padding-left: 8%; }
	#recruitment.culture #sec_1 .list1>ul>li:before{ bottom: 30px; right: 8%; }
	#recruitment.culture #sec_1 .list1>ul>li .txtbox .title{ font-size: 1.8rem; }
	#recruitment.culture #sec_1 .list1>ul>li .txtbox .title>._box{ font-size: 1.2em; padding: 0px 5px; }
	#recruitment.culture #sec_1 .list1>ul>li .imgbox{ width: 100%; margin-top: 30px; margin-left: 0; margin-right: 0 }
	#recruitment.culture #sec_1 .list1>ul>li:nth-child(even){ padding-right: 8% }
	#recruitment.culture #sec_1 .list1>ul>li:nth-child(even):before{ left: 8%; }
	#recruitment.culture #sec_1 .list1>ul>li:nth-child(even) .imgbox{ margin-left:0 }
}
@media screen and (max-width: 479px) {
	#recruitment.culture #sec_1 .list1>ul>li{ margin-bottom: 25px; padding-top: 20px; }
	#recruitment.culture #sec_1 .list1>ul>li:before{ bottom: 20px; }
	#recruitment.culture #sec_1 .list1>ul>li .imgbox{ margin-top: 20px;  }
}







/*//////////////////


#recruitment.jobinfo #sec_1


//////////////////*/

#recruitment.jobinfo #sec_1{  }
#recruitment.jobinfo #sec_1 .box1{ background: #f7f7f7; padding: 65px 65px; }
#recruitment.jobinfo #sec_1 .box1>.inwrap{ background: #ffffff; padding: 65px 65px;   }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul{ border-top: 1px solid #d1d1d1; }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li{ border-bottom: 1px solid #d1d1d1; padding-top: 30px; padding-bottom: 30px; }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl{ display: flex; flex-direction: row;  }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl>dt{ font-weight: bold; width: 166px; box-sizing: border-box; padding-right: 30px; flex-shrink: 0 }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl>dd{ flex-grow: 1 }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl .contactlist>.telbox{ text-align: left; margin-left: 20px; margin-top: 25px }
#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl .contactlist>.telbox .txt{ text-align: left; }
#recruitment.jobinfo #sec_1 .box1{  }
@media screen and (max-width: 1040px) {
	#recruitment.jobinfo #sec_1 .box1{ padding: 40px 6%; }
	#recruitment.jobinfo #sec_1 .box1>.inwrap{ padding: 40px 6%;   }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li{ padding-top: 25px; padding-bottom: 25px; }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl>dt{ width: 140px; padding-right: 25px; }
}
@media screen and (max-width: 767px) {
	#recruitment.jobinfo #sec_1 .box1{ padding: 15px 4%; }
	#recruitment.jobinfo #sec_1 .box1>.inwrap{ padding: 25px 6%;   }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li{ padding-top: 20px; padding-bottom: 20px;  }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl>dt{ width: 120px; padding-right: 20px; }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl .contactlist{  margin-left: 0; margin-right: 0; text-align: left }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl .contactlist>li{ margin-left: 0; width: 100% }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl .contactlist>li>a{ width: 100% }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl .contactlist>.telbox{ margin-left: 0 }
}
@media screen and (max-width: 479px) {
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li{ padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl{ display: block;  }
	#recruitment.jobinfo #sec_1 .box1>.inwrap>ul>li>dl>dt{ width: 100%; padding-right: 0; margin-bottom: 10px }
}






/*//////////////////


#contact


//////////////////*/

#contact.index #sec_2{  }
#contact.index #sec_2 .box1{ color: #1d4cb4 }
#contact.index #sec_2 .box1 .telbox{ display: inline-block; vertical-align: middle; }
#contact.index #sec_2 .box1 .telbox .tel{ line-height: 1.4; color: #1d4cb4 }
#contact.index #sec_2 .box1 .telbox .tel>img{ width: 24px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px }
#contact.index #sec_2 .box1 .telbox .tel>span{ font-weight: bold; font-size: 4.8rem; line-height: 1; display: inline-block; vertical-align: middle; }
#contact.index #sec_2 .box1 .caution{ margin-left: 15px; display: inline-block; vertical-align: middle; }
#contact.index #sec_2 .box1 .caution>li{ margin-left: 15px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 1040px) {
	#contact.index #sec_2 .box1 .telbox .tel>span{ font-size: 3.8rem }
}
@media screen and (max-width: 767px) { 
	#contact #sec_1 .sectitlebox{ margin-bottom: 30px }

	#contact.index #sec_2 .box1 .telbox .tel>span{ font-size: 2.8rem }
	#contact.index #sec_2 .box1 .telbox .tel>img{ width: 19px; height: 25px; }
}
@media screen and (max-width: 479px) {
	#contact.index #sec_2 .box1 .caution{ margin-left: 0; display: block; margin-top: 10px }
	#contact.index #sec_2 .box1 .caution>li{ margin-left: 0; display: block; }
}

#contact.index #sec_3{  }
#contact.index #sec_3 .list{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -20px; margin-bottom: -20px; justify-content: center; }
#contact.index #sec_3 .list>li{ margin-left: 20px; margin-bottom: 20px; width: calc(33.33% - 20px); min-width: 272px; }
#contact.index #sec_3 .list>li .titlebox{  margin-bottom: 10px; position: relative; background: url(../img/recruitment/index/s2_bg1.svg) no-repeat; background-size: contain; width: 272px; height: 112px; margin-left: auto; margin-right: auto; }
#contact.index #sec_3 .list>li .titlebox>.inwrap{ display: flex; align-items: center; justify-content: center; height: 100px; color: #fff; font-weight: bold; font-size: 1.8rem; line-height: 1.6; border-radius: 5px; }
#contact.index #sec_3 .list>li .mainbox{ background: #f7f7f7; padding: 30px 10%; font-size: 1.5rem }
#contact.index #sec_3 .list>li .mainbox .contentbox{ margin-top: 10px; text-align: center; height: 132px; display: flex; align-items: center; justify-content: center; }
#contact.index #sec_3 .list>li .img img{ max-width: 132px; width: 100% }
#contact.index #sec_3 .list>li .txt{ font-weight: bold; font-size: 4.8rem; line-height: 1; }
#contact.index #sec_3 .list>li .link{  }
#contact.index #sec_3 .list>li .link .linebtn{ display: inline-block; background: #39ad36; border-radius: 10px; border: 1px solid #39ad36; font-weight: bold; font-size: 1.8rem; text-align: center; color: #fff; letter-spacing: 0.1em; text-decoration: none; padding: 10px 20px; max-width: 224px; width: 100% }
#contact.index #sec_3 .list>li .link .linebtn>svg{ width: 40px; height: 40px; margin-right: 10px; vertical-align: middle; }
#contact.index #sec_3 .list>li .link .linebtn>svg .line_st0.st0{ transition: .3s }
#contact.index #sec_3 .list>li .link .linebtn:hover{ background: #fff; color: #39ad36; }
#contact.index #sec_3 .list>li .link .linebtn:hover .line_st0.st0{ fill: #39ad36 }
#contact.index #sec_3 .list>li:nth-child(even) .titlebox{ background: url(../img/recruitment/index/s2_bg2.svg) no-repeat; background-size: contain; }
#contact.index #sec_3 .list>li:nth-child(even) .titlebox>.inwrap{ color: #1d4cb4 }
@media screen and (max-width: 1040px) {
	#contact.index #sec_3 .list>li .txt{ font-size: 3.8rem; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_3 .list{ margin-left: -20px; margin-bottom: -25px; }
	#contact.index #sec_3 .list>li{ margin-left: 20px; margin-bottom: 25px; min-width: 180px; }
	#contact.index #sec_3 .list>li .titlebox{ width: 180px; height: 74px; }
	#contact.index #sec_3 .list>li .titlebox>.inwrap{ height: 64px; font-size: 1.6rem; line-height: 1.6 }
	#contact.index #sec_3 .list>li .title{ font-size: 1.6rem; }
	#contact.index #sec_3 .list>li .txt{ font-size: 2.8rem; }
	#contact.index #sec_3 .list>li .link .linebtn{ font-size: 1.6rem; padding: 8px 10px; }
	#contact.index #sec_3 .list>li .link .linebtn>svg{ width: 30px; height: 30px; margin-right: 5px; vertical-align: -9px }
	#contact.index #sec_3 .list>li .img img{ max-width: 66px; }
	#contact.index #sec_3 .list>li .mainbox{ padding: 20px 8%; }
	#contact.index #sec_3 .list>li .mainbox .contentbox{ height: 66px; }
}
@media screen and (max-width: 479px) {
	#contact.index #sec_3 .list>li{ min-width: 100%; }
}