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

/* 
base : #0d0d0d
blue : #009ed0
bggrey : #f7f7f7
red : #BD0A0F
*/









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


#index


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

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

/* #sec_1 */
#index #swrap_1 { background: #009ed0; text-align: center; color: #fff; }
#index #sec_1 .incnt { display: flex; justify-content: space-between; align-items: center; }
#index #sec_1 .topsectitle { margin-right: 50px; margin-bottom:0; }
#index #sec_1 .topsectitle .en { color: #fff; }
#index #sec_1 .newslist { margin-right: 50px; margin-top: -10px;}
#index #sec_1 .newslist li { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; }
#index #sec_1 .newslist li .txtnum { width: 120px; text-align:left; }
#index #sec_1 .newslist li .title { flex: 1 0 0; text-align: left; }
#index #sec_1 .newslist li a{ color: #fff; text-decoration: none; }
#index #sec_1 .newslist li a:hover{ color: #ccc; }
@media screen and (max-width: 1180px) {
	#index #sec_1 .topsectitle { margin-right: 30px; }
	#index #sec_1 .newslist { margin-right: 30px; }
	#index #sec_1 .newslist li .txtnum { width: 100px; }
}
@media screen and (max-width: 1040px) {
    #index #sec_1 .incnt { display: block; }
    #index #sec_1 .topsectitle,
    #index #sec_1 .newslist { margin-right: 0; margin-bottom:30px; }
    #index #sec_1 .newslist li .txtnum { width: 120px; text-align:left; }
    #index #sec_1 .newslist li .title { flex: none; text-align: left; }
    #index #sec_1 .link { text-align: left; margin-top:30px; }
}
@media screen and (max-width: 767px) { 
    #index #sec_1 .newslist li { display: block; }
}

/* #sec_2 */
#index #sec_2 .copy { text-align: center; }
#index #sec_2 .mainbox{ position: relative; }
#index #sec_2 .mainbox .list { display: flex; justify-content: space-between; align-items: center; }
#index #sec_2 .mainbox li { width: 33.333%; height: 350px; position: relative; overflow: hidden; }
#index #sec_2 .mainbox li a { display: block; height: 100%; width: 100%; cursor: pointer; text-decoration: none;}
#index #sec_2 .mainbox li a .inwrap { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
#index #sec_2 .mainbox li .txtbox { display: inline-block; text-align: center; position: relative; }
#index #sec_2 .mainbox li .txtbox:before,
#index #sec_2 .mainbox li .txtbox:after,
#index #sec_2 .mainbox li .txtbox .title:before,
#index #sec_2 .mainbox li .txtbox .title:after {content: "";height: 1px;width: 20px;background: #fff;font-size: 0;display: block;position: absolute;top:-20px;left: -30px;}
#index #sec_2 .mainbox li .txtbox:after { width: 1px; height: 20px; }
#index #sec_2 .mainbox li .txtbox .title:before {top: calc(100% + 20px);left: calc(100% + 20px);}
#index #sec_2 .mainbox li .txtbox .title:after {top: 100%;left: calc(100% + 40px);width: 1px;height: 20px;}
#index #sec_2 .mainbox li .txtbox .title { font-size: 3.8rem; font-family: 'Oswald', sans-serif; letter-spacing: 0.01em; color: #009ed0; }
#index #sec_2 .mainbox li .txtbox .txt { font-size: 2.4rem; font-weight: bold; color: #fff; }
#index #sec_2 .mainbox li .bg { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; z-index: -1; top: 0; left: 0;}
#index #sec_2 .mainbox .bgcolor { position: absolute; width: 84%; height: 100%; top: 60px; left: 4%; z-index: -1; background: #ebf7fb; }

@media screen and (max-width: 1180px) {
	#index #sec_2 .mainbox li .txtbox:before,
    #index #sec_2 .mainbox li .txtbox:after,
    #index #sec_2 .mainbox li .txtbox .title:before,
    #index #sec_2 .mainbox li .txtbox .title:after { display:none; }
    #index #sec_2 .mainbox li .txtbox .title { font-size: 3.2rem; }
}
@media screen and (max-width: 1040px) {
    #index #sec_2 .mainbox li .txtbox .title { font-size: 2.8rem; }
}
@media screen and (max-width: 767px) {
    #index #sec_2 .mainbox .list { display: block; }
    #index #sec_2 .mainbox li { width: 100%; height: 250px;} 
    #index #sec_2 .mainbox li .txtbox .title { font-size: 2.4rem; }
    #index #sec_2 .mainbox li .txtbox .txt { font-size: 1.8rem; }
	#index #sec_2 .bgcolor { display: none; }
}
@media screen and (max-width: 500px) {
    #index #sec_2 .mainbox li { height: 220px;} 
}

/* #sec_3 */
#index #sec_3 .titlebox { display: flex; justify-content: space-between; align-items: center; }
#index #sec_3 .titlebox .link { margin-bottom: 30px; }
#index #sec_3 .wrap { position: relative; }
#index #sec_3 .wrap .link { display: none; }
#index #sec_3 .wrap .list.works { padding-bottom: 80px; }
#index #sec_3 .wrap .bgcolor { position: absolute; width: 100%; height: calc(100% - 120px); bottom: 0; left: 0; z-index: -1; background: #f7f7f7; }
@media screen and (max-width: 767px) {
	#index #sec_3 .titlebox .link { display: none; }
	#index #sec_3 .wrap .link { display: block; padding-bottom: 60px; text-align: center; }
	#index #sec_3 .wrap .list.works { padding-bottom: 30px; }
}

/* #sec_4 */
#index #sec_4 .titlebox { display: flex; justify-content: space-between; align-items: center; }
#index #sec_4 .titlebox .link { margin-bottom: 30px; }
@media screen and (max-width: 767px) {
	#index #sec_4 .titlebox .link { display: none; }
	#index #sec_4 .link { display: block; padding-bottom: 60px; text-align: center; }
	#index #sec_4 .list.blog { padding-bottom: 30px; }
}













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


#company.index


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

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

/* #sec_1 */
#company.index #sec_1 .name { text-align: right; }
#company.index #sec_1 .name span { font-weight: bold; }
@media screen and (max-width: 767px) { 
	#company.index #sec_1 .name { text-align: left; }
}

/* #sec_2 */
#company.index #sec_2 .copy { text-align: center; font-size: 2.8rem; background: #f7f7f7; padding: 30px 6%; color: #009ed0; letter-spacing: 0.1em; }
#company.index #sec_2 .name span { font-weight: bold; }
#company.index #sec_2 .imgbox { display: flex; align-items: center; flex-wrap: wrap; }
#company.index #sec_2 .imgbox img { width: 50%; }
@media screen and (max-width: 767px) { 
	#company.index #sec_2 .name { text-align: left; }
	#company.index #sec_2 .copy { font-size: 2.1rem; }
}
@media screen and (max-width: 500px) { 
	#company.index #sec_2 .imgbox img { width: 100%; }
}
/* #sec_3 */
#company.index #sec_3 { text-align: center; }
#company.index #sec_3 li:nth-child(odd) { background: #f7f7f7;  }
#company.index #sec_3 li dl { padding: 20px 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#company.index #sec_3 li dt { width: 180px; text-align: left; }
#company.index #sec_3 li dd { flex: 1; text-align: left; }
@media screen and (max-width: 767px) { 
	#company.index #sec_3 li dt { width: 120px; }
}
@media screen and (max-width: 500px) { 
	#company.index #sec_3 li dl { padding: 20px 4%;  }
	#company.index #sec_3 li dt { width: 100%; font-weight: bold; flex: none; }
}

/* #sec_4 */
#company.index #sec_4 { text-align: center; }
#company.index #sec_4 .map { width: 100%; height: 500px; margin-bottom: 40px; }
@media screen and (max-width: 767px) { 
	#company.index #sec_4 .map { height: 350px; margin-bottom: 30px; }
}













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


#company.machine


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

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

/* #sec_1 */
#company.machine #sec_1 .list { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
#company.machine #sec_1 .list li { width: 31%; background: #f7f7f7; margin-bottom: 30px; } 
#company.machine #sec_1 .txtbox { padding: 30px; }
#company.machine #sec_1 .txtbox p:first-child { font-weight: bold; }
#company.machine #sec_1 .txtbox p { text-align: left; }
#company.machine #sec_1 .imgbox { height: 240px; }
#company.machine #sec_1 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 767px){
	#company.machine #sec_1 .list li { width: 48% }
	#company.machine #sec_1 .txtbox { padding: 6%; }
}
@media screen and (max-width: 500px){
	#company.machine #sec_1 .list li { width: 100% }
}













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


#groundwork.index


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

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

/* #sec_1 */
#groundwork.index #main .sec_contact { color: #009ed0; text-align: center; }
#groundwork.index #main .sec_contact ul{ display:flex; justify-content:center; align-items: baseline; }
#groundwork.index #main .sec_contact .tel a { font-size: 4.3rem; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; line-height:1; color:#009ed0; text-decoration:none; transition: 0s; margin-right:50px; }
#groundwork.index #main .sec_contact .tel a:before { content:url(../img/common/icon_tel_blue.svg); display:inline-block; width:26px; height:34px; margin-right:5px; vertical-align: -3px; }
#groundwork.index #main .sec_contact .tel a:hover { color: #0d0d0d; }
#groundwork.index #main .sec_contact .tel a:hover:before { content:url(../img/common/icon_tel_black.svg); }
#groundwork.index #main .sec_contact .mail a { text-decoration:none; font-size: 4.3rem; font-family: 'Oswald', sans-serif; letter-spacing:0; color:#009ed0; text-decoration:none; transition: 0s;}
#groundwork.index #main .sec_contact .mail a:before { content:url(../img/common/icon_mail_blue.svg); display:inline-block; width:34px; height:28px; margin-right:8px; vertical-align:-2px;}
#groundwork.index #main .sec_contact .mail a:hover:before { content:url(../img/common/icon_mail_black.svg); }
#groundwork.index #main .sec_contact .mail a:hover { color:#0d0d0d;}
#groundwork.index #main .sec_contact .inbox { margin-top:30px; padding:30px 6%;  background: #009ed0; display: flex; justify-content: center; align-items: center; }
#groundwork.index #main .sec_contact .inbox .txt { color: #fff; font-weight: bold; font-size: 2.4rem; margin-right:20px; }
#groundwork.index #main .sec_contact .inbox .label { font-weight: bold; font-size: 1.8rem; background:#fff; border-radius:20px; padding:0 20px; }
#groundwork.index #main .sec_contact .copy { margin-bottom: 10px;}
@media screen and (max-width: 1040px){
    #groundwork.index #main .sec_contact .inbox .txt { width:100%; font-size: 2.0rem; flex:1 0 0; }
}
@media screen and (max-width: 767px){
    #groundwork.index #main .sec_contact ul{ display:block; }
    #groundwork.index #main .sec_contact .tel a { font-size: 3.6rem; margin-right:0; margin-top:20px; }
    #groundwork.index #main .sec_contact .tel a:before { width:22px; height:30px; }
    #groundwork.index #main .sec_contact .mail a {font-size: 3.6rem; line-height:1.4; }
    #groundwork.index #main .sec_contact .inbox { display: block; text-align:center;  }
    #groundwork.index #main .sec_contact .inbox .txt { font-size: 1.6rem; margin-right:0; margin-bottom:0px; }
    #groundwork.index #main .sec_contact .inbox .label { display:inline-block; font-weight: bold; font-size: 1.6rem; background:#fff; border-radius:20px; padding:0 20px; margin-top:10px; }
    #groundwork.index #main .sec_contact .copy { margin-bottom: 20px;}
}

/* #sec_1 */
#groundwork.index #sec_1 {}

/* #sec_2 */
#groundwork.index #swrap_2 { background: #f7f7f7; text-align: center; }
#groundwork.index #sec_2 .txt1 { font-weight: bold; font-size: 2.0rem; background: #fff; padding: 5px 20px; display: inline-block; margin-bottom: 20px; }
@media screen and (max-width: 767px){
	#groundwork.index #sec_2 .txt1 { font-size: 1.6rem; padding: 5px 4%; }
	#groundwork.index #sec_2 .list { text-align: left; font-size: 1.4rem; text-indent: -1em; padding-left: 1em; }
}

/* #sec_3 */
#groundwork.index #swrap_3 { padding: 50px 0; background: #009ed0; color: #fff; text-align: center; }
#groundwork.index #sec_3 .txt1 { margin-top: -10px; }
#groundwork.index #sec_3 .list { font-size: 1.8rem; }
@media screen and (max-width: 767px){
	#groundwork.index #sec_3 .txt1 { text-align: left; }
}

/* #sec_4 */
#groundwork.index #sec_4 {  }
#groundwork.index #sec_4 .incnt { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#groundwork.index #sec_4 .txtbox { width: 50%; }
#groundwork.index #sec_4 .imgbox { width: 45%; height: 350px; }
#groundwork.index #sec_4 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 767px){
	#groundwork.index #sec_4 .txtbox { width: 100%; margin-bottom: 30px; }
	#groundwork.index #sec_4 .imgbox { width: 100%; height: 350px; }
}

/* #sec_5 */
#groundwork.index #swrap_5 { background: #f7f7f7; }
#groundwork.index #sec_5 .list1 li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; }
#groundwork.index #sec_5 .list1 li:nth-child(even) { flex-direction: row-reverse; }
#groundwork.index #sec_5 .list1 li .txtbox { width: 50%; padding: 0 8%; box-sizing: border-box; }
#groundwork.index #sec_5 .list1 li .imgbox { width: 50%; height: 400px; }
#groundwork.index #sec_5 .list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 767px){
	#groundwork.index #sec_5 .list1 li { margin-bottom: 20px; }
	#groundwork.index #sec_5 .list1 li .txtbox { width: 100%; padding: 40px 8%;}
	#groundwork.index #sec_5 .list1 li .imgbox { width: 100%; height: 350px; }
}

/* #sec_6 */
#groundwork.index #swrap_6 { background: #ebf7fb; }
#groundwork.index #sec_6 .inbox { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#groundwork.index #sec_6 .list { margin-right: 4%; line-height: 1.7; width: 46%; }
#groundwork.index #sec_6 .list li { margin-bottom: 10px; text-indent: -1em; padding-left: 1em; }
#groundwork.index #sec_6 .txt { flex: 1; }
#groundwork.index #sec_6 .inbox2 { margin-top: 40px; display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;  }
#groundwork.index #sec_6 .inbox2 img {  width: 33.3%; }
#groundwork.index #sec_6 .link { text-align: center; }
@media screen and (max-width: 1040px){
	#groundwork.index #sec_6 .list { margin-right: 0; width: 100%; margin-bottom: 10px; }
	#groundwork.index #sec_6 .txt { flex: none; width: 100%; }
}
@media screen and (max-width: 767px){
	#groundwork.index #sec_6 .list li { margin-bottom: 5px; } 
	#groundwork.index #sec_6 .inbox2 img {  width: 100%; }
}

/* #sec_7 */
#groundwork.index #swrap_7 { background: #f7f7f7; }
#groundwork.index #sec_7 .txt1 { text-align: center; }
#groundwork.index #sec_7 .inbox { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; }
#groundwork.index #sec_7 .inbox .txtbox { flex:1; }
#groundwork.index #sec_7 .inbox .txtbox .list li { background: #fff; padding: 20px 6%; margin-bottom: 10px; font-size: 1.8rem; }
#groundwork.index #sec_7 .inbox .txtbox .list li span { font-weight: bold; font-size: 2.4rem; margin-right: 20px; }
#groundwork.index #sec_7 .inbox .imgbox { width: 260px; margin-right: 80px; }
#groundwork.index #sec_7 .btnbox { text-align: center; margin-top: -10px;}
#groundwork.index #sec_7 .btnbox .link { margin-top: 10px; display: inline-block; }
#groundwork.index #sec_7 .btnbox .link:first-child { margin-right: 20px; }
@media screen and (max-width: 1040px){
	#groundwork.index #sec_7 .inbox .imgbox { width: 200px; margin-right: 6%; }
	#groundwork.index #sec_7 .inbox .txtbox .list li span { display: block;  }
}
@media screen and (max-width: 767px){
	#groundwork.index #sec_7 .inbox { display: block; margin-top: 30px; }
	#groundwork.index #sec_7 .inbox .imgbox { max-width: 260px; width: 80%; margin: 0 auto 40px; text-align: center; }
	#groundwork.index #sec_7 .txt1 { text-align: left; }
	#groundwork.index #sec_7 .inbox .txtbox { flex:none; }
	#groundwork.index #sec_7 .inbox .txtbox .list li { font-size: 1.4rem; }
	#groundwork.index #sec_7 .inbox .txtbox .list li span { font-size: 1.8rem; margin-right: 0; }
}
@media screen and (max-width: 639px){
    #groundwork.index #sec_7 .btnbox .link { margin-top: 10px; display: block; margin-right:0!important; }
}

/* #sec_8 */
#groundwork.index #sec_8 .incnt { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#groundwork.index #sec_8 .incnt .btnbox { max-width: 520px; width: 48%; text-align: center; text-decoration: none; display: flex; justify-content: center; flex-direction: column; background: #0d0d0d; height: 300px; color: #fff; }
#groundwork.index #sec_8 .incnt .btnbox:first-child { margin-right: 4%; background: #009ed0; }
#groundwork.index #sec_8 .incnt .btnbox:hover { background: #f7f7f7!important; color: #0d0d0d; }
#groundwork.index #sec_8 .incnt .btnbox .oswald { font-size: 3.8rem; }
@media screen and (max-width: 1180px){
	#groundwork.index #sec_8 .incnt .btnbox .oswald { font-size: 2.4rem; }
}
@media screen and (max-width: 767px){
	#groundwork.index #sec_8 .incnt .btnbox { height: 200px; }
}
@media screen and (max-width: 500px){
	#groundwork.index #sec_8 .incnt .btnbox { width: 100%; margin-bottom: 20px; margin-right: 0!important }
}

/* sec_9 */
#groundwork.index #sec_9 {}

/* #sec_10 */
#groundwork.index #swrap_10 { background: #ebf7fb; }
#groundwork.index #sec_10 .inbox { }
#groundwork.index #sec_10 .list { }
#groundwork.index #sec_10 .list li { background: #fff; padding: 40px 60px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#groundwork.index #sec_10 .list li .txtbox { flex:1; }
#groundwork.index #sec_10 .list li .txtbox .list li { background: #fff; padding: 20px 6%; margin-bottom: 10px; font-size: 1.8rem; }
#groundwork.index #sec_10 .list li .txtbox .list li span { font-weight: bold; font-size: 2.4rem; margin-right: 20px; }
#groundwork.index #sec_10 .list li .imgbox { width: 340px; margin-left: 60px; text-align: center; }
#groundwork.index #sec_10 .list li .imgbox .cap { margin-top: 10px; }
#groundwork.index #sec_10 .list li:last-child { align-items: flex-start; }
#groundwork.index #sec_10 .list li:last-child .imgbox { width: 45%; height: 300px; }
#groundwork.index #sec_10 .list li:last-child .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px){
	#groundwork.index #sec_10 .list li { display: block; }
	#groundwork.index #sec_10 .list { margin-right: 0; width: 100%; margin-bottom: 20px; }
	#groundwork.index #sec_10 .list li .imgbox { width: 340px; margin: 30px auto; max-width: 100%; }
	#groundwork.index #sec_10 .list li:last-child { display: flex; align-items: flex-start; }
	#groundwork.index #sec_10 .list li:last-child .imgbox { height: 340px; margin-left: 6%;}
}
@media screen and (max-width: 767px){
	#groundwork.index #sec_10 .list li { padding: 30px 6%; }
	#groundwork.index #sec_10 .list li:last-child { display: block;  }
	#groundwork.index #sec_10 .list li:last-child .imgbox { width: 100%; min-width: 0; height: auto; margin-left: 0; margin-top: 30px; }
}

/* #sec_11 */
#groundwork.index #sec_11 .list li { margin-bottom: 40px; }
#groundwork.index #sec_11 .list li .q:before { content: "Q"; font-family: 'Oswald', sans-serif; font-size: 4.3rem; color: #009ed0; margin-right: 15px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#groundwork.index #sec_11 .list li { margin-bottom: 20px; }
	#groundwork.index #sec_11 .list li .q:before { font-size: 3.0rem; margin-right: 10px; }
}

/* #sec_12 */
#groundwork.index #swrap_12 { padding: 80px 0; background: #009ed0; color: #fff; text-align: center; }
#groundwork.index #sec_12 .txt { font-size: 3.6rem; font-weight: bold; line-height: 1; }
#groundwork.index #sec_12 .txt:after { content:url(../img/common/arr1.svg);  width: 38px; height: 20px; display: block; margin: 10px auto 0;}
@media screen and (max-width: 767px){
	#groundwork.index #swrap_12 { padding: 40px 0;  }
	#groundwork.index #sec_12 .txt { font-size: 2.4rem; }
	#groundwork.index #sec_12 .txt:after { width: 30px; height: 16px; }
}













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


#groundwork.method


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

/* #sec1 */
#groundwork.method #sec_1 { }
#groundwork.method #sec_1 .inbox { padding: 60px; background: #f7f7f7; margin-bottom: 40px; }
#groundwork.method #sec_1 .inbox .title { font-size: 3.2rem; font-weight: bold; margin-bottom: 30px; line-height:1.8; }
#groundwork.method #sec_1 .inbox .txt2 { margin-bottom: 20px; }
#groundwork.method #sec_1 .inbox .title span { font-size: 2.4rem; font-family: 'Oswald', sans-serif; letter-spacing: 0.01em; color: #009ed0; margin-right: 20px; }
#groundwork.method #sec_1 .inbox .txtbox .list {/*display: flex;justify-content: space-between;align-items:flex-start;flex-wrap: wrap;*/}
#groundwork.method #sec_1 .inbox .txtbox .list li {/* width: 48%; */}
#groundwork.method #sec_1 .inbox .txtbox .txt1 { font-size: 2.0rem; font-weight: bold;}
#groundwork.method #sec_1 .inbox .imgbox { display: flex; justify-content: space-between; align-items: center;}
#groundwork.method #sec_1 .inbox .imgbox img { width: 50%; }
#groundwork.method #sec_1 .inbox .txtbox .movielink a { text-decoration: none; }
#groundwork.method #sec_1 .inbox .txtbox .movielink a span { display: inline-block;}
#groundwork.method #sec_1 .inbox .txtbox .movielink a:after { content:url(../img/groundwork/method/icon1.svg); width: 35px; height: 25px; display: inline-block; margin-left: 10px; vertical-align: -4px; }
@media screen and (max-width: 1040px) { 
	#groundwork.method #sec_1 .inbox { padding: 40px 6%; }
}
@media screen and (max-width: 767px) { 
	#groundwork.method #sec_1 .inbox { padding: 40px; margin-bottom: 30px;  }
	#groundwork.method #sec_1 .inbox .title { font-size: 2.2rem; margin-bottom: 20px; }
    #groundwork.method #sec_1 .inbox .txt2 { margin-bottom: 10px; }
	#groundwork.method #sec_1 .inbox .title span { font-size: 1.6rem;margin-right: 0; display: block; }
	#groundwork.method #sec_1 .inbox .txtbox .list { display: flex; justify-content: space-between; align-items:flex-start; flex-wrap: wrap; }
	#groundwork.method #sec_1 .inbox .txtbox .list li { width: 48%; }
	#groundwork.method #sec_1 .inbox .txtbox .txt1 { font-size: 1.6rem; font-weight: bold;}
}
@media screen and (max-width: 639px) { 
	#groundwork.method #sec_1 .inbox { padding: 30px 6%; margin-bottom: 20px; }
	#groundwork.method #sec_1 .inbox .txtbox .list li { width: 100%; margin-top: 10px; }
	#groundwork.method #sec_1 .inbox .imgbox { flex-wrap: wrap; }
	#groundwork.method #sec_1 .inbox .imgbox img { width: 100%; }
}

/* sec_2 */
#groundwork.method #sec_2 a { width: 800px; max-width: 100%; display: flex; align-items:center; height: 260px; text-decoration: none; color: #fff; position: relative; overflow: hidden; margin: 0 auto; }
#groundwork.method #sec_2 a img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; }
#groundwork.method #sec_2 a span { display: block;}
#groundwork.method #sec_2 a p { padding: 0 10%;}
#groundwork.method #sec_2 a p:after { content:url(../img/common/next.svg); width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; margin-top: -24px; right: 10%; }
#groundwork.method #sec_2 a .en { font-size: 3.8rem; font-family: 'Oswald', sans-serif; letter-spacing: 0.01em; line-height: 1.6; }
#groundwork.method #sec_2 a .title { font-size: 2.4rem; font-weight: bold; }
@media screen and (max-width: 767px) { 
    #groundwork.method #sec_2 a { height: 200px; } 
    #groundwork.method #sec_2 a p:after { width: 38px; height: 38px; margin-top: -19px; right: 10%; }
    #groundwork.method #sec_2 a .en { font-size: 2.8rem; }
    #groundwork.method #sec_2 a .title { font-size: 1.6rem; }
}












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


#radicalfloor.index


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

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

/* #sec_1 */
#radicalfloor.index #main .sec_contact { color: #0d0d0d; text-align: center; }
#radicalfloor.index #main .sec_contact ul{ display:flex; justify-content:center; align-items: center; }
#radicalfloor.index #main .sec_contact .tel { margin-top: 35px; margin-right:40px; }
#radicalfloor.index #main .sec_contact .tel a { font-size: 4.3rem; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; line-height:1; color:#0d0d0d; text-decoration:none; transition: 0s; }
#radicalfloor.index #main .sec_contact .tel a:before { content:url(../img/common/icon_tel_black.svg); display:inline-block; width:26px; height:34px; margin-right:5px; vertical-align: -3px; }
#radicalfloor.index #main .sec_contact .tel a:hover { color: #009ed0; }
#radicalfloor.index #main .sec_contact .tel a:hover:before { content:url(../img/common/icon_tel_black.svg); }
#radicalfloor.index #main .sec_contact .tel a .time { margin-top: -15px; }
#radicalfloor.index #main .sec_contact .mail a { text-decoration:none; font-size: 4.3rem; font-family: 'Oswald', sans-serif; letter-spacing:0; color:#0d0d0d; text-decoration:none; transition: 0s;}
#radicalfloor.index #main .sec_contact .mail a:before { content:url(../img/common/icon_mail_black.svg); display:inline-block; width:34px; height:28px; margin-right:8px; vertical-align:-2px;}
#radicalfloor.index #main .sec_contact .mail a:hover:before { content:url(../img/common/icon_mail_blue.svg); }
#radicalfloor.index #main .sec_contact .mail a:hover { color:#009ed0;}
#radicalfloor.index #main .sec_contact .pdf { margin-left: 40px; }
#radicalfloor.index #main .sec_contact .inbox { margin-top:30px; padding:30px 6%;  background: #0d0d0d; display: flex; justify-content: center; align-items: center; }
#radicalfloor.index #main .sec_contact .inbox .txt { color: #fff; font-weight: bold; font-size: 2.4rem; margin-right:20px; }
#radicalfloor.index #main .sec_contact .inbox .label { font-weight: bold; font-size: 1.8rem; background:#fff; border-radius:20px; padding:0 20px; }
#radicalfloor.index #main .sec_contact .copy { margin-bottom: 10px;}
@media screen and (max-width: 1040px){
	#radicalfloor.index #main .sec_contact .tel { margin-right:20px; }
	#radicalfloor.index #main .sec_contact .tel a { font-size: 3.6rem; }
	#radicalfloor.index #main .sec_contact .mail a {font-size: 3.6rem; }
	#radicalfloor.index #main .sec_contact .pdf { margin-left: 20px; }
    #radicalfloor.index #main .sec_contact .inbox .txt { width:100%; font-size: 2.0rem; flex:1 0 0; }
}
@media screen and (max-width: 767px){
    #radicalfloor.index #main .sec_contact ul{ display:block; }
	#radicalfloor.index #main .sec_contact .tel { margin-right:0; }
    #radicalfloor.index #main .sec_contact .tel a { font-size: 3.6rem; margin-right:0; margin-top:20px; }
    #radicalfloor.index #main .sec_contact .tel a:before { width:22px; height:30px; }
    #radicalfloor.index #main .sec_contact .mail a {font-size: 3.6rem; line-height:1.4; }
	#radicalfloor.index #main .sec_contact .pdf { margin-left: 0; margin-top: 20px; }
    #radicalfloor.index #main .sec_contact .inbox { display: block; text-align:center;  }
    #radicalfloor.index #main .sec_contact .inbox .txt { font-size: 1.6rem; margin-right:0; margin-bottom:0px; }
    #radicalfloor.index #main .sec_contact .inbox .label { display:inline-block; font-weight: bold; font-size: 1.6rem; background:#fff; border-radius:20px; padding:0 20px; margin-top:10px; }
    #radicalfloor.index #main .sec_contact .copy { margin-bottom: 20px;}
}

/* #sec_1 */
#radicalfloor.index #sec_1 {}

/* #sec_2 */
#radicalfloor.index #swrap_2 { background: #f7f7f7; text-align: center; }
#radicalfloor.index #sec_2 .imglist { display: flex; justify-content: space-between; align-items: center; }
#radicalfloor.index #sec_2 .txt { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }
#radicalfloor.index #sec_2 .txt span { background: #009ed0; line-height: 1.8; padding: 10px 20px; color: #fff; display: inline-block; font-size: 2.8rem; font-weight: bold; }
#radicalfloor.index #sec_2 .imglist li { width: 33.33%; height: 260px; }
#radicalfloor.index #sec_2 .imglist li img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 767px){
	#radicalfloor.index #sec_2 .txtbig1 { text-align: left; }
	#radicalfloor.index #sec_2 .txtbig1 br { display: none; }
	#radicalfloor.index #sec_2 .txt span { padding: 10px 20px; font-size: 2.0rem; }
}
@media screen and (max-width: 500px){
	#radicalfloor.index #sec_2 .txtbig1 { text-align: left; }
	#radicalfloor.index #sec_2 .txtbig1 br { display: none; }
	#radicalfloor.index #sec_2 .txt {position: static; transform: none; }
	#radicalfloor.index #sec_2 .txt span { padding: 15px 4%; font-size: 1.6rem; display: block; letter-spacing: 0.1em; font-feature-settings : "palt"; }
	#radicalfloor.index #sec_2 .imglist { display: block; }
	#radicalfloor.index #sec_2 .imglist li { width: 100%; height: auto; }
}

/* #sec_3 */
#radicalfloor.index #swrap_3 { }
#radicalfloor.index #sec_3 .txt1 { margin-top: -10px; }
#radicalfloor.index #sec_3 .list { text-align: center; }
#radicalfloor.index #sec_3 .list li { font-size: 2.4rem; font-weight: bold; line-height: 1.8; margin-bottom: 10px;}
#radicalfloor.index #sec_3 .list span { font-size: 2.0rem; font-weight: bold; }
@media screen and (max-width: 767px){
	#radicalfloor.index #sec_3 .list { text-align: left; }
	#radicalfloor.index #sec_3 .list li { text-indent: -1em; padding-left: 1em; font-size: 1.6rem; }
	#radicalfloor.index #sec_3 .list span { font-size: 1.2rem; }
}

/* #sec_4 */
#radicalfloor.index #swrap_4 { background: #f7f7f7; }
#radicalfloor.index #sec_4 .txt1 { text-align: center; }
#radicalfloor.index #sec_4 .list1 li { text-align: center; margin-bottom: 10px; background: #fff; padding: 20px 6%; line-height: 1.8; }
#radicalfloor.index #sec_4 .list1 li br { display: none; }
#radicalfloor.index #sec_4 .link { text-align: center; }
#radicalfloor.index #sec_4 .list2>li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; }
#radicalfloor.index #sec_4 .list2>li:nth-child(even) { flex-direction: row-reverse; }
#radicalfloor.index #sec_4 .list2>li .txtbox { width: 50%; padding: 0 8%; box-sizing: border-box; }
#radicalfloor.index #sec_4 .list2>li .txtbox .txtblue { font-size: 2.8rem; margin-bottom:20px; }
#radicalfloor.index #sec_4 .list2>li .txtbox .list3 { text-align:left; margin-bottom:10px; }
#radicalfloor.index #sec_4 .list2>li .txtbox .list3 li { display:inline-block; }
#radicalfloor.index #sec_4 .list2>li .txtbox .title { font-size: 2.0rem; }
#radicalfloor.index #sec_4 .list2>li .imgbox { width: 50%; height: 430px; }
#radicalfloor.index #sec_4 .list2>li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px){
	#radicalfloor.index #sec_4 .list2>li .txtbox { padding: 0 6%; }
	#radicalfloor.index #sec_4 .list2>li .txtbox .txtblue { font-size: 2.4rem; }
}
@media screen and (max-width: 767px){
	#radicalfloor.index #sec_4 .txt1 { text-align: left; }
	#radicalfloor.index #sec_4 .txt1 br { display: none; }
	#radicalfloor.index #sec_4 .list1 li br { display: block; }
	#radicalfloor.index #sec_4 .list2>li { margin-bottom: 20px; }
	#radicalfloor.index #sec_4 .list2>li .txtbox { width: 100%; padding: 30px 8%; 40px}
	#radicalfloor.index #sec_4 .list2>li .txtbox .txtblue { font-size: 2.0rem; margin-bottom: 10px; }
	#radicalfloor.index #sec_4 .list2>li .txtbox .title { font-size: 1.6rem; }
	#radicalfloor.index #sec_4 .list2>li .imgbox { width: 100%; height: 350px; }
}

/* #sec_5 */
#radicalfloor.index #sec_5{ margin-top:100px; }
#radicalfloor.index #sec_5 .list li { margin-bottom: 40px; }
#radicalfloor.index #sec_5 .list li .q:before { content: "Q"; font-family: 'Oswald', sans-serif; font-size: 4.3rem; color: #009ed0; margin-right: 15px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#radicalfloor.index #sec_5{ margin-top:60px; }
	#radicalfloor.index #sec_5 .list li { margin-bottom: 20px; }
	#radicalfloor.index #sec_5 .list li .q:before { font-size: 3.0rem; margin-right: 10px; }
}

/* #sec_6 */
#radicalfloor.index #sec_6 .incnt { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#radicalfloor.index #sec_6 .incnt .btnbox { width: 520px; text-align: center; text-decoration: none; display: flex; justify-content: center; flex-direction: column; background: #0d0d0d; height: 300px; color: #fff; }
#radicalfloor.index #sec_6 .incnt .btnbox:first-child { margin-right: 60px; background: #009ed0; }
#radicalfloor.index #sec_6 .incnt .btnbox:hover { background: #f7f7f7!important; color: #0d0d0d; }
#radicalfloor.index #sec_6 .incnt .btnbox .oswald { font-size: 3.8rem; }
@media screen and (max-width: 1180px){
	#radicalfloor.index #sec_6 .incnt .btnbox { width: 48%;  }
	#radicalfloor.index #sec_6 .incnt .btnbox:first-child { margin-right: 4%;}
	#radicalfloor.index #sec_6 .incnt .btnbox .oswald { font-size: 2.4rem; }
}
@media screen and (max-width: 767px){
	#radicalfloor.index #sec_6 .incnt .btnbox { height: 200px; }
}
@media screen and (max-width: 500px){
	#radicalfloor.index #sec_6 .incnt .btnbox { width: 100%; margin-bottom: 20px; margin-right: 0!important }
}

/* #sec_12 */
#radicalfloor.index #swrap_7 { padding: 80px 0; background: #0d0d0d; color: #fff; text-align: center; }
#radicalfloor.index #sec_7 .txt { font-size: 3.6rem; font-weight: bold; line-height: 1; }
#radicalfloor.index #sec_7 .txt:after { content:url(../img/common/arr1.svg);  width: 38px; height: 20px; display: block; margin: 10px auto 0;}
@media screen and (max-width: 767px){
	#radicalfloor.index #swrap_7 { padding: 40px 0;  }
	#radicalfloor.index #sec_7 .txt { font-size: 2.4rem; }
	#radicalfloor.index #sec_7 .txt:after { width: 30px; height: 16px; }
}

#radicalfloor.index #sec_6 a.bnrbox { width: 1100px; max-width: 100%; display: flex; align-items:center; height: 260px; text-decoration: none; color: #fff; position: relative; overflow: hidden; margin: 40px auto 0; }
#radicalfloor.index #sec_6 a.bnrbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; }
#radicalfloor.index #sec_6 a.bnrbox span { display: block;}
#radicalfloor.index #sec_6 a.bnrbox p { padding: 0 10%;}
#radicalfloor.index #sec_6 a.bnrbox p:after { content:url(../img/common/next.svg); width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; margin-top: -24px; right: 10%; }
#radicalfloor.index #sec_6 a.bnrbox .en { font-size: 3.8rem; font-family: 'Oswald', sans-serif; letter-spacing: 0.01em; line-height: 1.6; }
#radicalfloor.index #sec_6 a.bnrbox .title { font-size: 2.4rem; font-weight: bold; }
#radicalfloor.index #sec_6 a.bnrbox .txt { margin-top: 10px; }
@media screen and (max-width: 767px) { 
    #radicalfloor.index #sec_6 a.bnrbox { height: 200px; padding-right: 60px; } 
    #radicalfloor.index #sec_6 a.bnrbox p:after { width: 38px; height: 38px; margin-top: -19px; right: 10%;  }
    #radicalfloor.index #sec_6 a.bnrbox .en { font-size: 2.8rem; }
    #radicalfloor.index #sec_6 a.bnrbox .title { font-size: 1.6rem; }
}













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


#radicalfloor.flow


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

/* #sec1 */
#radicalfloor.flow #sec_1 { }
#radicalfloor.flow #sec_1 .inbox { padding: 60px; background: #f7f7f7; margin-bottom: 30px; display: flex; justify-content: space-between;  flex-wrap: wrap; position: relative; }
#radicalfloor.flow #sec_1 .inbox:after { content: url(../img/radicalfloor/flow/arr.svg); position: absolute; bottom: -48px; width: 56px; height: 62px; left: 50%; margin-left: -28px; z-index:1; }
#radicalfloor.flow #sec_1 .inbox:last-child:after { display: none; }
#radicalfloor.flow #sec_1 .inbox .title { font-size: 3.2rem; font-weight: bold; margin-bottom: 30px; width: 100%; text-align: left; line-height:1.8; }
#radicalfloor.flow #sec_1 .inbox .title span { font-size: 2.4rem; font-family: 'Oswald', sans-serif; letter-spacing: 0.01em; color: #009ed0; margin-right: 20px; }
#radicalfloor.flow #sec_1 .inbox .txtbox { width: 44%; }
#radicalfloor.flow #sec_1 .inbox .txtbox .txt1 { font-size: 2.0rem; font-weight: bold;}
#radicalfloor.flow #sec_1 .inbox .imgbox { width: 50%; height: 340px; }
#radicalfloor.flow #sec_1 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) { 
	#radicalfloor.flow #sec_1 .inbox { padding: 40px 6%; }
	#radicalfloor.flow #sec_1 .inbox .imgbox { }
}
@media screen and (max-width: 767px) { 
	#radicalfloor.flow #sec_1 .inbox { padding: 40px; }
	#radicalfloor.flow #sec_1 .inbox:after { bottom: -34px; width: 36px; height: 40px; left: 50%; margin-left: -18px; z-index:1; }
	#radicalfloor.flow #sec_1 .inbox .title { font-size: 2.2rem; margin-bottom: 20px; }
	#radicalfloor.flow #sec_1 .inbox .title span { font-size: 1.6rem;margin-right: 0; display: block; }
	#radicalfloor.flow #sec_1 .inbox .imgbox { margin-left: 0; width: 100%; height:auto; margin-top: 30px; }
	#radicalfloor.flow #sec_1 .inbox .txtbox { flex: none; width: 100%; }
}
@media screen and (max-width: 639px) { 
	#radicalfloor.flow #sec_1 .inbox { padding: 30px 6%; margin-bottom: 20px; }
	#radicalfloor.flow #sec_1 .inbox:after { bottom: -34px; }
    #radicalfloor.flow #sec_1 .copy { margin-bottom: 10px; }
}

/* #sec_2 */
#radicalfloor.flow #sec_2 a { width: 800px; max-width: 100%; display: flex; align-items:center; height: 260px; text-decoration: none; color: #fff; position: relative; overflow: hidden; margin: 0 auto; }
#radicalfloor.flow #sec_2 a .bg { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; }
#radicalfloor.flow #sec_2 a span { display: block;}
#radicalfloor.flow #sec_2 a p { padding: 0 10%;}
#radicalfloor.flow #sec_2 a p:after { content:url(../img/common/next.svg); width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; margin-top: -24px; right: 10%; }
#radicalfloor.flow #sec_2 a .en { font-size: 0; margin-bottom: 20px; }
#radicalfloor.flow #sec_2 a .en img {width: 340px; }
#radicalfloor.flow #sec_2 a .title { font-size: 2.4rem; font-weight: bold; }
#radicalfloor.flow #sec_2 a .title br { display: none; }
@media screen and (max-width: 767px) { 
    #radicalfloor.flow #sec_2 a { height: 200px; } 
    #radicalfloor.flow #sec_2 a p:after { width: 38px; height: 38px; margin-top: -19px; right: 10%; }
	#radicalfloor.flow #sec_2 a .en img {width: 180px; }
    #radicalfloor.flow #sec_2 a .title { font-size: 1.6rem; line-height: 1.8; }
	#radicalfloor.flow #sec_2 a .title br { display: block; }
}













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


#works.index


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

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

/* #sec_1 */
#works.index #sec_1 .list.works li a { background: #f7f7f7; }
#works.index #sec_1 .list.works li a:hover { background: #ebf7fb; }
#works.index #sec_1 .lnav { display: flex; align-items: center; }
#works.index #sec_1 .lnav .title { background: #009ed0; color: #fff; padding: 10px; line-height: 1; margin-right: 20px; }
#works.index #sec_1 .lnav li { display: inline-block; }
#works.index #sec_1 .lnav li a { text-decoration: none; }
#works.index #sec_1 .lnav li a:after { content: "/"; margin: 0 10px; }
#works.index #sec_1 .lnav li:last-child a:after { display: none; }
@media screen and (max-width: 500px) { 
	#works.index #sec_1 .lnav { display: block; }
	#works.index #sec_1 .lnav .title { display: inline-block; margin-bottom: 10px;}
	#works.index #sec_1 .lnav li { display: block; }
	#works.index #sec_1 .lnav li a:after { display: none;  }
	#works.index #sec_1 .pager a.prev,
	#works.index #sec_1 .pager a.next { display: none; }
}













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


#works.wp.single


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

/* common */
#works.wp.single {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#works.wp.single #sec_1 { display: flex; justify-content: space-between; align-items: flex-start; }
#works.wp.single #sec_1 .sidecnt { width: 260px; padding: 40px; box-sizing: border-box; margin-left: 60px; background: #f7f7f7; }
#works.wp.single #sec_1 .sidecnt .title { margin-bottom: 10px; font-size: 2.0rem; }
#works.wp.single #sec_1 .sidecnt a { text-decoration: none; }
#works.wp.single #sec_1 .sidecnt a:hover { text-decoration: underline; }
#works.wp.single #sec_1 .maincnt { flex: 1 0 0; }
#works.wp.single #sec_1 .maincnt .date { display:flex; align-items:center; }
#works.wp.single #sec_1 .maincnt .date .cat { line-height: 1; font-size: 1.4rem; border: 1px solid #0d0d0d; padding: 3px 5px; margin-left: 15px; }
#works.wp.single #sec_1 .maincnt .date .txtnum { color: #009ed0; }
#works.wp.single #sec_1 .maincnt .spec { background: #f7f7f7; padding: 40px 60px; margin-bottom: 60px; }
#works.wp.single #sec_1 .maincnt .snsbox { display: flex; align-items: center; line-height: 1; margin-top: 60px;}
#works.wp.single #sec_1 .maincnt .snsbox .title { margin-right: 20px;  }
#works.wp.single #sec_1 .maincnt .snsbox a { display: block; margin-right: 5px; width: 40px; height: 40px; transition: 0.3s; }
#works.wp.single #sec_1 .maincnt .snsbox img { width: 40px; height: 40px; transition: 0.3s; }
#works.wp.single #sec_1 .maincnt .snsbox a:hover img { opacity: 0.7; }
#works.wp.single .pager .incnt { width: 400px; display: flex; justify-content: space-between; }
@media screen and (max-width: 1040px) {
	#works.wp.single #sec_1 { display: block; } 
	#works.wp.single #sec_1 .sidecnt { width: 100%; margin-left: 0; margin-top: 80px; }
	#works.wp.single #sec_1 .sidecnt li { display: inline-block; margin-right: 10px; }
	#works.wp.single #sec_1 .date .cat { margin-left: 10px; }
}
@media screen and (max-width: 767px) {
	#works.wp.single #sec_1 .sidecnt { padding: 30px; }
    #works.wp.single #sec_1 .date .cat { font-size: 1.2rem; }
	#works.wp.single .pager .incnt { width: 80%; }
	#works.wp.single #sec_1 .maincnt .spec { background: #f7f7f7; padding: 6%; margin-bottom: 40px; }
}
@media screen and (max-width: 500px) {
}



#works.wp.single .maincnt .clearfix { width: 100%; margin: 60px 0 20px; }
#works.wp.single .performanceimage .showimagewrap{ position: relative; }
#works.wp.single .performanceimage .showimagewrap .prev,
#works.wp.single .performanceimage .showimagewrap .next{ width: 62px; height: 62px; display: flex; align-items: center; justify-content: center; background: #1c5461; border: 1px solid #1c5461; position: absolute; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; z-index: 10; text-decoration: none; cursor: pointer; transition: 0.3s }
#works.wp.single .performanceimage .showimagewrap .prev{ left: -20px; }
#works.wp.single .performanceimage .showimagewrap .next{ right: -20px; }
#works.wp.single .performanceimage .showimagewrap .prev svg,
#works.wp.single .performanceimage .showimagewrap .next svg{ width: 8px; height: 12px }
#works.wp.single .performanceimage .showimagewrap .prev svg{ -webkit-transform:rotate(180deg); transform:rotate(180deg); }
#works.wp.single .performanceimage .showimagewrap .next svg .arr1_st0.st0,
#works.wp.single .performanceimage .showimagewrap .prev svg .arr1_st0.st0{ transition: .3s }
#works.wp.single .performanceimage .showimagewrap .prev:hover,
#works.wp.single .performanceimage .showimagewrap .next:hover { color: #034150; background: #fff; }
#works.wp.single .performanceimage .showimagewrap .prev:hover .arr1_st0.st0,
#works.wp.single .performanceimage .showimagewrap .next:hover .arr1_st0.st0{ stroke:#034150; }
#works.wp.single .performanceimage .showimage { margin-bottom: 10px; position: relative; background-color: #f2f2f2; width: 100%; }
#works.wp.single .performanceimage .showimage li { opacity:0; position:absolute; z-index:-1; width: 100%;  }
#works.wp.single .performanceimage .showimage li.current{ opacity:1; position:static; z-index:1; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
#works.wp.single .performanceimage .showimage li p.img{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
#works.wp.single .performanceimage .showimage li img{ width: 100%; height: 100%;  object-fit: contain; font-family: 'object-fit: contain;'; /*IE対策*/ }
#works.wp.single .performanceimage .showimage li:first-child { display: block; }
#works.wp.single .performanceimage .imagelist { width: 100%; }
#works.wp.single .performanceimage .imagelist ul { margin-left: -10px; }
#works.wp.single .performanceimage .imagelist li { width: calc(25% - 10px); float: left; margin-left: 10px; margin-bottom: 10px }
#works.wp.single .performanceimage .imagelist li>img{ width: 100%; height: 146px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ background-color: #f2f2f2; }

@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0; position:static; z-index:1;  } /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) { 
	#works.wp.single .performanceimage .showimagewrap .prev,
	#works.wp.single .performanceimage .showimagewrap .next{ width: 40px; height: 40px; }
	#works.wp.single .performanceimage .showimagewrap .prev{ left: -14px; }
	#works.wp.single .performanceimage .showimagewrap .next{ right: -14px; }
	#works.wp.single .performanceimage .showimagewrap .prev svg,
	#works.wp.single .performanceimage .showimagewrap .next svg{ width: 8px; height: 12px }
	#works.wp.single .performanceimage .showimage li.current{ animation: fadeIn 1s ease 0s 1 normal; -webkit-animation: fadeIn 1s ease 0s 1 normal; }
	#works.wp.single .performanceimage .imagelist li{ position: relative; }
	#works.wp.single .performanceimage .imagelist li:before{content: ""; display: block; padding-top: 100%; }
	#works.wp.single .performanceimage .imagelist li img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}












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


#news.index


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

/* common */
#news.index .newslist li { display: flex; justify-content: flex-start; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #0d0d0d; }
#news.index .newslist li:last-child { border-bottom: none; }
#news.index .newslist li .txtnum { width: 120px; margin-bottom: 5px; }
#news.index .newslist li .title { flex: 1 0 0; }
@media screen and (max-width: 767px) { 
	#news.index .newslist li { flex-wrap: wrap; }
	#news.index .newslist li .txtnum { display: block; width: 100%; }
}

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













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


#news.wp.single


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

/* #sec_1 */
#news.wp.single #sec_1 {  }
#news.wp.single #sec_1 .date { display:flex; align-items:center; }
#news.wp.single #sec_1 .date .txtnum { color: #009ed0; }
#news.wp.single #sec_1 .spec { background: #f7f7f7; padding: 40px 60px; margin-bottom: 60px; }
#news.wp.single #sec_1 .snsbox { display: flex; align-items: center; line-height: 1; margin-top: 60px;}
#news.wp.single #sec_1 .snsbox .title { margin-right: 20px;  }
#news.wp.single #sec_1 .snsbox a { display: block; margin-right: 5px; width: 40px; height: 40px; transition: 0.3s; }
#news.wp.single #sec_1 .snsbox img { width: 40px; height: 40px; transition: 0.3s; }
#news.wp.single #sec_1 .snsbox a:hover img { opacity: 0.7; }
#news.wp.single .pager .incnt { width: 400px; display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) {
	#news.wp.single .pager .incnt { width: 80%; }
	#news.wp.single #sec_1 .spec { background: #f7f7f7; padding: 6%; margin-bottom: 40px; }
}
@media screen and (max-width: 500px) {
}













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


#tech.index


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

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

/* #sec_1 */
#tech.index #sec_1 .lnav { display: flex; align-items: center; }
#tech.index #sec_1 .lnav .title { background: #009ed0; color: #fff; padding: 10px; line-height: 1; margin-right: 20px; }
#tech.index #sec_1 .lnav ul { text-align: left; }
#tech.index #sec_1 .lnav li { display: inline-block; }
#tech.index #sec_1 .lnav li a { text-decoration: none; }
#tech.index #sec_1 .lnav li a:after { content: "/"; margin: 0 10px; }
#tech.index #sec_1 .lnav li:last-child a:after { display: none; }
@media screen and (max-width: 500px) { 
	#tech.index #sec_1 .lnav { display: block; }
	#tech.index #sec_1 .lnav .title { display: inline-block; margin-bottom: 10px;}
	#tech.index #sec_1 .pager a.prev,
	#tech.index #sec_1 .pager a.next { display: none; }
}













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


#tech.wp.single


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

/* #sec_1 */
#tech.wp.single #sec_1 { display: flex; justify-content: space-between; align-items: flex-start; }
#tech.wp.single #sec_1 .sidecnt { width: 260px; padding: 40px; box-sizing: border-box; margin-left: 60px; background: #f7f7f7; }
#tech.wp.single #sec_1 .sidecnt .title { margin-bottom: 10px; font-size: 2.0rem; }
#tech.wp.single #sec_1 .sidecnt a { text-decoration: none; }
#tech.wp.single #sec_1 .sidecnt a:hover { text-decoration: underline; }
#tech.wp.single #sec_1 .maincnt { flex: 1 0 0; }
#tech.wp.single #sec_1 {  }
#tech.wp.single #sec_1 .date { display:flex; align-items:center; margin-bottom: 40px; }
#tech.wp.single #sec_1 .date .txtnum { color: #009ed0; }
#tech.wp.single #sec_1 .date .cat { line-height: 1; font-size: 1.4rem; border: 1px solid #0d0d0d; padding: 3px 5px; margin-left: 15px; }
#tech.wp.single #sec_1 .spec { background: #f7f7f7; padding: 40px 60px; margin-bottom: 60px; }
#tech.wp.single #sec_1 .snsbox { display: flex; align-items: center; line-height: 1; margin-top: 60px;}
#tech.wp.single #sec_1 .snsbox .title { margin-right: 20px;  }
#tech.wp.single #sec_1 .snsbox a { display: block; margin-right: 5px; width: 40px; height: 40px; transition: 0.3s; }
#tech.wp.single #sec_1 .snsbox img { width: 40px; height: 40px; transition: 0.3s; }
#tech.wp.single #sec_1 .snsbox a:hover img { opacity: 0.7; }
#tech.wp.single .pager .incnt { width: 400px; display: flex; justify-content: space-between; }
@media screen and (max-width: 1040px) {
	#tech.wp.single #sec_1 { display: block; } 
	#tech.wp.single #sec_1 .sidecnt { width: 100%; margin-left: 0; margin-top: 80px; }
	#tech.wp.single #sec_1 .sidecnt li { display: inline-block; margin-right: 10px; }
}
@media screen and (max-width: 767px) {
	#tech.wp.single #sec_1 .sidecnt { padding: 30px; }
	#tech.wp.single .pager .incnt { width: 80%; }
	#tech.wp.single #sec_1 .spec { background: #f7f7f7; padding: 6%; margin-bottom: 40px; }
}
@media screen and (max-width: 500px) {
}













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


#faq


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

/* common */
#faq .acdbox { background: #f7f7f7; padding: 60px; margin-bottom: 20px; }
@media screen and (max-width: 639px) { 
	#faq .acdbox { padding: 8%; margin-bottom: 10px; }
}

#faq .question { font-size: 2rem; font-weight: bold; line-height: 1.7; position: relative; cursor: pointer; padding-right: 30px; }
#faq .question:after,
#faq .question:before { content: ""; display: block; position: absolute; top : 50%; right: 10px; width: 12px; height: 1px; line-height: 0; transition : 0.3s; background: #142d58; }
#faq .question:after { -webkit-transform:translateY(0px) translateX(0) rotate(-45deg); transform:translateY(0px) translateX(0) rotate(-45deg); }
#faq .question:before { -webkit-transform:translateY(0px) translateX(-8px) rotate(45deg); transform:translateY(-0px) translateX(-8px) rotate(45deg); }
#faq .question.open:after { -webkit-transform:translateY(0px) translateX(0) rotate(45deg); transform:translateY(0px) translateX(0) rotate(45deg); }
#faq .question.open:before { -webkit-transform:translateY(0px) translateX(-8px) rotate(-45deg); transform:translateY(-0px) translateX(-8px) rotate(-45deg); }
#faq .answer { margin-top: 20px; }
@media screen and (max-width: 1040px) { 
}
@media screen and (max-width: 767px) { 
	#faq .question:after,
	#faq .question:before { right: 0px; }
	#faq .question { font-size: 1.5rem; padding-right: 30px; }
}














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


#contact.index


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

/* common */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 30px; border-bottom: 1px solid #000; padding-bottom: 30px; }
form .formbox>ul>li:last-child { margin-bottom: 0; border-bottom: none; }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 220px; padding-top: 10px }
form .formbox>ul>li>dl>dt { padding-top: 10px; }
form .formbox.check>ul>li>dl>dt { padding-top: 0; }
form .formbox._check>ul>li>dl>dd { padding-top:10px; }
form .formbox>ul>li>dl>dd { width: calc(100% - 220px); }
form .formbox>ul>li>dl.add1 { margin-top: 30px; }
form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
form .policybox { text-align: center; margin-bottom: 30px; }
form .policy { padding: 40px; background: #f7f7f7; height: 174px; overflow: scroll; margin-bottom: 20px; }
form .btnarea { text-align: center; }
form .btnarea li { display: inline-block; }
form .btnarea li:nth-child(2) { margin-left: 20px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li>dl{ flex-direction: column }
	form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li>dl>dd{ width: 100%; }
    form .formbox._check>ul>li>dl>dd { padding-top:0; }
	form .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
	form .btnarea li { display: block; }
	form .btnarea li:nth-child(2) { margin-left: 0px; margin-top:10px; }
}

/* radiocheck */
form .formbox>ul>li.radiocheck { padding: 35px 0; }
form .formbox>ul>li.radiocheck>dl { padding-bottom: 45px; }
form .formbox>ul>li.radiocheck>dl:last-child { padding-bottom: 0px; }
form .formbox>ul>li.radiocheck>dl>dt { padding-top: 0; }
form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li.radiocheck { padding: 20px 0; }
	form .formbox>ul>li.radiocheck>dl { padding-bottom: 30px; }
	form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
}


/* #sec_intro */
/* #contact #sec_intro .box { margin-top: 40px; text-align: center; }
#contact #sec_intro .tel { font-size: 3.8rem; line-height: 1.5; }
#contact #sec_intro .txt_thanks { font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 767px) { 
	#contact #sec_intro .box { margin-top: 30px; }
	#contact #sec_intro .tel { font-size: 2.8rem; }
	#contact #sec_intro .txt_thanks { font-size: 1.5rem; }
}
#contact #sec_intro .telbox { display: flex; justify-content: center; align-items: center; }
#contact #sec_intro .telbox .tel { color: #004680; font-size: 2.8rem; font-weight: bold; line-height: 1; margin-right: 10px; }
#contact #sec_intro .telbox svg { width: 20px; height: 35px; margin: -4px 5px 0 10px; fill: #004680; }
@media screen and (max-width: 1040px) { 
	#contact #sec_intro .telbox { display: block; text-align: center; }
	#contact #sec_intro .txt1 { display: block; margin-bottom: 5px; }
	#contact #sec_intro .txt2 { display: block; margin-top: 10px; }
	#contact #sec_intro .telbox .tel { vertical-align: middle; }
	#contact #sec_intro .telbox svg { margin: -4px 0 0; vertical-align: middle; }
} */


/* #sec_form */
/* #contact #sec_form .txt1 { margin-bottom: 40px; }
@media screen and (max-width: 767px) { 
	#contact #sec_form .txt1 { margin-bottom: 20px; }
}*/


/* #sec_1 */
#contact #sec_1 .tel { text-align: center; }
#contact #sec_1 .tel a { font-size: 4.3rem; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; line-height:1; color:#009ed0; text-decoration:none; transition: 0s; margin-right:20px; vertical-align: middle; }
#contact #sec_1 .tel a:before { content:url(../img/common/icon_tel_blue.svg); display:inline-block; width:26px; height:34px; margin-right:5px; vertical-align: -3px; }
#contact #sec_1 .tel a:hover { color: #0d0d0d; }
#contact #sec_1 .tel a:hover:before { content:url(../img/common/icon_tel_black.svg); }
@media screen and (max-width: 767px) {
	#contact #sec_1 .tel span { display: block; }
}

/* #sec_2 */
#contact #sec_2 .box { display: flex; justify-content: center; }
#contact #sec_2 .box .imgbox { flex:1; max-width: 175px; margin-right: 50px; }
#contact #sec_2 .txt1 { font-size: 2.4rem; margin-top: 40px; font-weight: bold; color: #009ED0; }
@media screen and (max-width: 767px) {
	#contact #sec_2 .txt1 { font-size: 1.6rem; margin-top: 20px; }
}

/* #sec_3 */
#contact #sec_3 .box { display: flex; justify-content: center; }
#contact #sec_3 .box .imgbox { width: 520px; margin-right: 60px; }
#contact #sec_3 .box .txtbox { flex:1; }
#contact #sec_3 .box .txtbox ul.ul1 { font-size: 1.8rem; margin: 20px 0px; }
@media screen and (max-width: 1040px) { 
	#contact #sec_3 .box .imgbox { max-width: 40%; margin-right: 5%; }
}
@media screen and (max-width: 767px) {
	#contact #sec_3 .box { display: block; }
	#contact #sec_3 .box .imgbox { display: none; /*width: 100%; margin-right: 0px; */}
}


/* #sec_4 */
#contact #sec_4 .inbox { background: #F7F7F7; padding: 60px 80px; }
#contact .formbox .txt1 { font-weight: bold; font-size: 2rem; }
@media screen and (max-width: 1040px) {
	#contact #sec_4 .inbox { padding: 6%; }
}















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


#contact.thanks


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

/* sec_4 */
#contact.thanks #sec_1 .box1 { background: #F7F7F7; padding: 40px 60px; margin-bottom: 60px; }
#contact.thanks #sec_1 .txt1 { text-align: center; margin-bottom: 60px; }
#contact.thanks #sec_1 .txt2 { text-align: center; font-size: 1.8rem; font-weight: bold; margin-bottom: 20px; }
@media screen and (max-width: 767px) {
	#contact.thanks #sec_1 .box1 { padding: 6%; margin-bottom: 30px; }
	#contact.thanks #sec_1 .txt1 { margin-bottom: 30px; }
	#contact.thanks #sec_1 .txt2 { font-size: 1.6rem; }
	#contact.thanks #sec_1 .tel a { font-size: 3.8rem; }
	#contact.thanks #sec_1 .tel span { display: inline-flex ;}
}