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


/*
base : #333
blue : #2058bb
skyblue : #7db6f3
border : #191919
bggrey : #f3f3f3
bglightblue : #f2f5fb
red : #BD0A0F
yellow : #ffff00
*/


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


#index


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

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

/* #sec_1 */
#index #swrap_1 { }
#index #sec_1 { position: relative; margin-bottom: 220px; }
#index #sec_1 .txtbox { width: calc(50% + 40px); }
#index #sec_1 .img1 { position: absolute; right: calc(50% - 800px); top: 0; height: 100%; width: 560px; transition: 0.6s; }
#index #sec_1 .img2 { position: absolute; right: calc(50% - 600px); bottom: -40px; height: 80%; width: 500px; transition: 0.6s; }
#index #sec_1 .img1 img,
#index #sec_1 .img2 img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#index #sec_1 .bg { position: absolute; top: 20px; left: 0; width: 100%; height: 500px; z-index: -1; }
#index #sec_1 .bg img {width: 100%; height: 100%; }
#index #sec_1 .target { font-size: 18px; font-weight: bold; margin-bottom: 50px; }
#index #sec_1 .target span { display: inline-block; border-radius: 4px; background: #7db2ef; margin-right: 10px; font-weight: bold; padding: 5px 15px; color: #fff; }
#index #sec_1 .linklist { margin-top: 40px; margin-left: -15px; margin-bottom: -15px }
#index #sec_1 .linklist>li{ display: inline-block; margin-left: 15px; margin-bottom: 15px }
#index #sec_1 .linklist>li>a.btn.big{ min-width: 250px; }
@media screen and (max-width: 1800px) {
	#index #sec_1 .img1 { right: 4%; width: 25%; }
	#index #sec_1 .img2 { right: 20%; width: 25%; }
}
@media screen and (max-width: 1380px) {
	#index #sec_1 .img1 { right: 0;  }
	#index #sec_1 .img2 { right: 10%; width: 31%; }
	#index #sec_1 .spnone { display: none; }
}
@media screen and (max-width: 1040px) {
    #index #sec_1 {  margin-bottom: 140px; }
	#index #sec_1 .txtbox { width: 100%; margin-bottom: 60px; }
	#index #sec_1 .img1 { position: static; height: 400px; width: 80%; margin-left:20%; margin-bottom: 40px; }
    #index #sec_1 .img2 { left: 0; bottom: 0; width: 85%; height: 400px; }
}
@media screen and (max-width: 767px) {
    #index #sec_1 {  margin-bottom: 80px; }
	#index #sec_1 .linklist { margin-top: 30px; text-align: center; margin-left: 0; }
	#index #sec_1 .linklist>li{ margin-left: 0; width: 100%; display: block; }
	#index #sec_1 .linklist>li>a.btn.big{ min-width: auto; box-sizing: border-box; width: 100% }
	#index #sec_1 .bg img { width: 150%; max-width: none; height: auto;}
	#index #sec_1 .target { font-size: 15px; margin-bottom: 40px; }
	#index #sec_1 .target span { margin-right: 10px; padding: 5px 12px; margin-right: 6px; margin-bottom: 10px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_1 .img1 { display: none; }
    #index #sec_1 .img2 { position: static; left: 0; bottom: 0; width: 100%; height: 400px; }
    
}


/* #sec_2 */
#index #sec_2 { }
#index #sec_2 .incnt {display: flex;justify-content: space-between; }
#index #sec_2 .titlebox { width: 220px; }
#index #sec_2 .inbox {flex: 1; margin-left: 10%; margin-right: -100px; }
#index #sec_2 ul.list { display: flex; justify-content: space-between; flex-wrap: wrap; }
#index #sec_2 ul.list li { width: calc(50% - 15px); margin-bottom: 30px; }
#index #sec_2 ul.list li a { display: block; width: 100%; text-decoration: none; text-align: center; }
#index #sec_2 ul.list li a .img { height: 180px; margin-bottom: 10px; overflow: hidden; }
#index #sec_2 ul.list li a .img img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; transition: 0.3s; }
#index #sec_2 ul.list li a:hover .img img { transform:scale(1.1); }
#index #sec_2 ul.list li a .title { margin-bottom: 10px; }
#index #sec_2 ul.list li a .title span { position: relative; font-size: 18px; font-weight: bold; }
#index #sec_2 ul.list li a .title span:before { content:""; position: absolute; height: 2px; background: #333; width: 100%; bottom: -8px; left: 0; }
#index #sec_2 ul.list li a .txt { font-size: 15px;}
#index #sec_2 .link { margin-top: 40px;}
#index #sec_2 .inbox .link { display: none; }
@media screen and (max-width: 1500px) {
    #index #sec_2 .inbox { margin-right: calc(-20% + 200px); }
}
@media screen and (max-width: 1180px) {
    #index #sec_2 .inbox { margin-right: 0; }
}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#index #sec_2 .titlebox { width: 100%; }
	#index #sec_2 .incnt {display: flex; flex-direction: column; }
	#index #sec_2 .titlebox { width: 220px; }
	#index #sec_2 .inbox {flex: none; margin-left: 0; }
	#index #sec_2 .link,
	#index #sec_2 .txt1 { display: none; }
    #index #sec_2 ul.list li a .title span { font-size: 16px; }
	#index #sec_2 .inbox .link { display: block; margin-top: 0; text-align: center; }
}
@media screen and (max-width: 500px) { 
	#index #sec_2 ul.list li { width: 100%; }
	
}

/* #sec_3 */
#index #swrap_3 { position: relative; }
#index #swrap_3 .bg {position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
#index #swrap_3 .bg img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; transition: 0.3s; }
#index #sec_3 { position: relative; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 12%; }
#index #sec_3 .title { font-weight: bold; font-size: 32px; background: #2058bb; display: inline-block; line-height: 1; padding: 10px 20px; margin: 10px 0 20px; }
#index #sec_3 .br { display: none; }
@media screen and (max-width: 1380px) {
    #index #sec_3 { padding: 0 8%; }
    #index #sec_3 .link { margin-right: 6%; }
	#index #sec_3 .br { display: block; }
}
@media screen and (max-width: 1040px) {
	#index #sec_3 { display: block; }
    #index #sec_3 .link { margin-top: 30px; }
}
@media screen and (max-width: 767px) {
    #index #sec_3 br { display: none!important; }
    #index #sec_3 .title { font-size: 22px; }
}


/* #sec_4 */
#index #sec_4 .insec { display: flex; justify-content:space-between; align-items: center; margin-bottom: 40px; }
#index #sec_4 .topsectitle { width: 240px; margin-bottom: 0; }
#index #sec_4 ul.list { flex: 1; }
#index #sec_4 ul.list>li { display: flex; align-items: baseline; padding: 25px 0; border-top: 1px solid #aaa; }
#index #sec_4 ul.list>li:last-child { border-bottom: 1px solid #aaa; }
#index #sec_4 ul.list>li span.date { width: 110px; }
#index #sec_4 ul.list>li span.cat { width: 100px; background: #aaa; text-align: center; font-size: 13px; margin-right: 20px; letter-spacing: 0; border-radius: 4px; font-weight: bold; color: #fff; padding: 3px 0; }
#index #sec_4 ul.list>li a { flex: 1; text-decoration: none; }
#index #sec_4 ul.list>li a:hover { text-decoration: underline; }
#index #sec_4 .link { text-align: right; }
@media screen and (max-width: 1040px) {
	#index #sec_4 .insec { flex-direction: column; }
	#index #sec_4 .topsectitle { width: 100%; margin-bottom: 30px; text-align: center; }
	#index #sec_4 .topsectitle .title br { display: none; }
	#index #sec_4 ul.list { width: 100%; flex: none; }
}
@media screen and (max-width: 767px) {
	#index #sec_4 .insec { margin-bottom: 30px; }
	#index #sec_4 ul.list>li { padding: 20px 0; }
}
@media screen and (max-width: 639px) { 
	#index #sec_4 ul.list>li span.cat { display: none; }
	#index #sec_4 ul.list>li span.date { width: 90px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_4 ul.list>li { display: block;}
	#index #sec_4 ul.list>li span.date { display: block; width: 100%; }
	#index #sec_4 ul.list>li a { flex: none; }
	#index #sec_4 .link { text-align: center; }
}


/* #sec_5 */
#index #sec_5 { padding-top: 60px; }
#index #sec_5 .bg { height: 400px; width: 100%;  }
#index #sec_5 .bg img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#index #sec_5 .incnt { position: relative; }
#index #sec_5 .inbox { position: absolute; top: -60px; left: 60px; width: 80%; box-sizing: border-box; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 80px 80px 60px; background: #2058bb; }
#index #sec_5 .inbox .txtbox .txtbig2 { position: relative; margin-bottom:30px; }
#index #sec_5 .inbox .txtbox .txtbig2:after { content: ""; background: #fff; width: 50px; height: 2px; left: 0; bottom: -13px; position: absolute; font-size: 0; }
#index #sec_5 .inbox .txtbox .txtbig2 br { display: none; }
#index #sec_5 .inbox .txtbox .txten { color: #f6ab3b; }
#index #sec_5 .inbox .txtbox .tag {position: absolute;top: -4px;left: 80px;width: 32px;}
@media screen and (max-width: 1380px) {
	#index #sec_5 { padding-top: 120px; }
    #index #sec_5 .inbox { width: 90%; top: -120px;}
	#index #sec_5 .inbox .txtbox .txtbig2 br { display: block; }
}
@media screen and (max-width: 1040px) {
	#index #sec_5 .inbox { display: block; left: 4%; width: 92%; }
    #index #sec_5 .inbox .link { margin-top: 30px; }
	#index #sec_5 .inbox .txtbox .txtbig2 br { display: none; }
}
@media screen and (max-width: 767px) {
	#index #sec_5 .inbox { padding: 60px 8%; }
	#index #sec_5 .inbox .txtbox .tag { left: 8%; width: 24px;}
}
@media screen and (max-width: 639px) {
	#index #sec_5 { padding-top: 0; }
	#index #sec_5 .inbox { position: static; display: block; left: 0; width: 100%; }
	#index #sec_5 .inbox { padding: 60px 8%; }
    #index #sec_3 br { display: none!important; }
    #index #sec_3 .title { font-size: 22px; }
}






















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


#company


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

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

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

/* #sec_2 */
#company #sec_2 .inbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
#company #sec_2 .inbox:last-child { margin-bottom: 0; }
#company #sec_2 .inbox .imgbox { width: 400px; margin-right: 60px; }
#company #sec_2 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#company #sec_2 .inbox .txtbox { flex: 1; }
@media screen and (max-width: 1040px) {
	#company #sec_2 .inbox .imgbox { width: 50%; margin-right: 6%; height: 300px; }
} 
@media screen and (max-width: 767px) { 
	#company #sec_2 .inbox { flex-direction: column-reverse; align-items: stretch; }
	#company #sec_2 .inbox .imgbox { width: 100%; margin-right: 0; margin-top: 20px; height: auto; }
	#company #sec_2 .inbox .txtbox { flex: none; }
}


/* #sec_3 */
#company #sec_3 .block { display: flex; justify-content: space-between; }
#company #sec_3 .block .list1 { width: calc(50% - 30px); margin-left: 60px; border-top: 1px solid #ccc;}
#company #sec_3 .block .list1:first-child { margin-left: 0; }
#company #sec_3 .block .list1 li { padding: 30px 0; border-bottom: 1px solid #ccc; }
#company #sec_3 .block .list1 li dl { display: flex; }
#company #sec_3 .block .list1 li dl dt { width: 120px; font-weight: bold; }
#company #sec_3 .block .list1 li dl dd { flex: 1; }
#company #sec_3 .map { margin: 80px 0 30px; height: 600px; width: 100%; }
@media screen and (max-width: 1040px) {
	#company #sec_3 .block .list1 li dl dt { width: 100px; }
} 
@media screen and (max-width: 767px) { 
	#company #sec_3 .block { flex-direction: column; }
	#company #sec_3 .block .list1 { width: 100%; margin-left: 0; border-top: 1px solid #ccc;}
	#company #sec_3 .block .list1:last-child { border-top: none; }
}
@media screen and (max-width: 639px) { 
	#company #sec_3 .block .list1 li { padding: 25px 0; }
	#company #sec_3 .block .list1 li dl dd a { display: inline-block; }
	#company #sec_3 .map { height: 400px; }
}
@media screen and (max-width: 500px) { 
	#company #sec_3 .block .list1 li dl { display: block; }
	#company #sec_3 .block .list1 li dl dt { width: 100%; }
}



/* #sec_5 */
#company #sec_5 .txtbox { text-align: center; margin-bottom: 20px; }
#company #sec_5 .txtbox img { width: 600px; height: auto; margin-bottom: 20px; }
#company #sec_5 .iconbox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 20px;  padding: 0 3%; }
#company #sec_5 .iconbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; width: 150px; height: auto; }
#company #sec_5 .bgbox .list1>li { margin-bottom: 20px; }
@media screen and (max-width: 767px) {
	#company #sec_5 .txtbox img { width: 400px; }
	#company #sec_5 .txtbox .txtmsg { text-align: left; line-height: 1.6; }
	#company #sec_5 .iconbox img { width: 100px; }
}
@media screen and (max-width: 500px){

}



/* #sec_6 */
#company #sec_6 .txtbox { text-align: center; margin-bottom: 30px; }
#company #sec_6 .txtbox img { width: 344px; height: auto; margin-bottom: 20px; }
#company #sec_6 .txtbox .copy{ margin-bottom: 20px; }
#company #sec_6 .bgbox{ text-align: center; }
@media screen and (max-width: 767px) {
	#company #sec_6 .txtbox img { width: 172px; }
	#company #sec_6 .txtbox .txtmsg { text-align: left; line-height: 1.6; }
	#company #sec_6 .bgbox{ text-align: left; }
}
@media screen and (max-width: 500px){

}









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


#airconditioning.index


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

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

/* #sec_intro */
#airconditioning.index #sec_intro { text-align: center; }
@media screen and (max-width: 767px) { 
	#airconditioning.index #sec_intro { text-align: justify; }
	#airconditioning.index #sec_intro .dn { display: none; }
}

/* #sec_1 */
#airconditioning.index #sec_1 .inbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
#airconditioning.index #sec_1 .inbox:last-child { margin-bottom: 0; }
#airconditioning.index #sec_1 .inbox .imgbox { width: 400px; margin-right: 60px; }
#airconditioning.index #sec_1 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#airconditioning.index #sec_1 .inbox .txtbox { flex: 1; }
#airconditioning.index #sec_1 .bgbox { text-align: center; }
#airconditioning.index #sec_1 .bgbox .list li { display: inline-block; margin: 0 0.6em; }
@media screen and (max-width: 1040px) {
	#airconditioning.index #sec_1 .inbox .imgbox { width: 50%; margin-right: 6%; height: 300px; }
} 
@media screen and (max-width: 767px) { 
	#airconditioning.index #sec_1 .inbox { flex-direction: column-reverse; align-items: stretch; }
	#airconditioning.index #sec_1 .inbox .imgbox { width: 100%; margin-right: 0; margin-top: 20px; height: auto; }
	#airconditioning.index #sec_1 .inbox .txtbox { flex: none; }
	#airconditioning.index #sec_1 .bgbox { text-align: left; }
	#airconditioning.index #sec_1 .bgbox .list li { display: block; margin: 0; padding-left: 1em; text-indent: -1em; }
}

/* #sec_2 */
#airconditioning.index #sec_2 .inbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
#airconditioning.index #sec_2 .inbox:last-child { margin-bottom: 0; }
#airconditioning.index #sec_2 .inbox:nth-child(2n-1) { flex-direction: row-reverse; }
#airconditioning.index #sec_2 .inbox .imgbox { width: 460px; margin-right: 60px; }
#airconditioning.index #sec_2 .inbox:nth-child(2n-1)  .imgbox { margin-right: 0; margin-left: 60px; }
#airconditioning.index #sec_2 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#airconditioning.index #sec_2 .inbox .txtbox { flex: 1; }
#airconditioning.index #sec_2 .inbox .txtbox .link { margin-top: 20px; }
@media screen and (max-width: 1040px) {
	#airconditioning.index #sec_2 .inbox .imgbox { width: 50%; margin-right: 6%; height: 300px; }
} 
@media screen and (max-width: 767px) { 
	#airconditioning.index #sec_2 .inbox { flex-direction: column-reverse!important; align-items: stretch; }
	#airconditioning.index #sec_2 .inbox .imgbox { width: 100%; margin: 20px 0 0; height: auto; }
	#airconditioning.index #sec_2 .inbox .imgbox:nth-child(2n-1) { margin: 20px 0 0; }
	#airconditioning.index #sec_2 .inbox .txtbox { flex: none; }
}

/* #sec_3 */
#airconditioning.index #swrap_3 { background: #f2f5fb; }
#airconditioning.index #sec_3 .txt2 { text-align: center; }
#airconditioning.index #sec_3 .inbox { display: flex; justify-content: space-between; }
#airconditioning.index #sec_3 .inbox .imgbox { width: 440px; margin-left: 60px; height: 320px; }
#airconditioning.index #sec_3 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#airconditioning.index #sec_3 .inbox .txtbox { flex: 1; }
#airconditioning.index #sec_3 .inbox .txtbox .box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
#airconditioning.index #sec_3 .inbox .txtbox .box .txtblue { padding: 30px; border: 1px solid #2058bb; background: #fff; margin-right: 40px; }
#airconditioning.index #sec_3 .inbox .txtbox .box .list { flex: 1; }
#airconditioning.index #sec_3 .inbox .txtbox .box .list li { margin-bottom: 3px; font-weight: bold; font-size: 18px; }
@media screen and (max-width: 1180px) { 
	#airconditioning.index #sec_3 .inbox .txtbox .box { flex-direction: column; align-items: stretch; }
	#airconditioning.index #sec_3 .inbox .txtbox .box .list { flex: none; }
	#airconditioning.index #sec_3 .inbox .txtbox .box .txtblue { padding: 0; border: none; background: none; margin-right: 0; margin-bottom: 10px; }
	#airconditioning.index #sec_3 .inbox .txtbox .box .txtblue br { display: none; }
}
@media screen and (max-width: 1040px) {
    #airconditioning.index #sec_3 .inbox .imgbox { width: 40%; margin-left: 6%; height: 320px; }
    #airconditioning.index #sec_3 .inbox .txtbox .box .list li { font-size: 16px; margin-bottom: 0; }

}
@media screen and (max-width: 767px) { 
    #airconditioning.index #sec_3 .inbox { flex-direction: column; }
    #airconditioning.index #sec_3 .inbox .txtbox { flex: none; }
    #airconditioning.index #sec_3 .inbox .imgbox { width: 100%; margin-left: 0; height: auto; margin-bottom: 30px; }
	#airconditioning.index #sec_3 .txt2 { text-align: justify; }
}





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


#airconditioning.common


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

/* common */
#airconditioning .lnavbox { display: flex; justify-content: space-between; }
#airconditioning .lnavbox .lnav { background: #2058bb; flex: 1; text-align: center; }
#airconditioning .lnavbox .lnav li,
#airconditioning .lnavbox p { padding: 40px 0; display: inline-block; }
#airconditioning .lnavbox .lnav li a,
#airconditioning .lnavbox p a { color: #fff; font-weight: bold; text-decoration: none; padding: 5px 0; position: relative; }
#airconditioning .lnavbox .lnav li a:after { content: ""; border-right: 2px solid #fff; padding: 5px 0; padding-left: 25px; margin-right: 25px; }
#airconditioning .lnavbox .lnav li:last-child a:after { border-right: none; padding-left: 0; margin-right: 0; }
#airconditioning .lnavbox p { background: #f2f5fb; padding: 0; }
#airconditioning .lnavbox p a { padding: 40px 60px 40px 30px; color: #2058bb; display: block;  }
#airconditioning .lnavbox p a:before { content:""; position: absolute; top: 50%; right: 30px; margin-top: -5px; height: 10px; width: 10px; background: url(../img/common/arr1_blue.svg) no-repeat; background-position: center center; background-size: contain; }
#airconditioning .lnavbox .lnav li a:hover { opacity: 0.7;}
#airconditioning .lnavbox p a:hover { background: #7db6f3; color: #fff; }
#airconditioning .lnavbox p a:hover:before { background-image: url(../img/common/arr1_white.svg); }
@media screen and (max-width: 1040px) { 
    #airconditioning .lnavbox { flex-direction: column; }
    #airconditioning .lnavbox p { text-align: center; }
    #airconditioning .lnavbox .lnav li a:after { border-right: 1px solid #fff; padding-left: 15px; margin-right: 15px; }
}
@media screen and (max-width: 767px) { 
    #airconditioning .lnavbox { flex-direction: column; }
    #airconditioning .lnavbox p { text-align: center; }
}
@media screen and (max-width: 639px) { 
	#airconditioning .lnavbox .lnav { padding: 30px;}
	#airconditioning .lnavbox .lnav li a:after { display: none; }
	#airconditioning .lnavbox .lnav li { display: inline-block; padding: 0 10px; }
	#airconditioning .lnavbox .lnav li:before { content:">"; display: inline-block; margin-right: 5px; color: #fff; transform: scale(0.6, 1.2); }
	#airconditioning .lnavbox p a { padding: 30px 60px 30px 30px; }
}

/* common */
#airconditioning #main .basebox1 { display: flex; justify-content: space-between; margin-bottom: 40px; }
#airconditioning #main .basebox1 .imgbox { width: 400px; margin-left: 60px; }
#airconditioning #main .basebox1 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#airconditioning #main .basebox1 .txtbox { flex: 1; }
#airconditioning #main .basebox1 .txtbox .list li { margin-bottom: 3px; font-weight: bold; }
@media screen and (max-width: 1040px) {
	#airconditioning #main .basebox1 .imgbox { width: 45%; margin-left: 6%; height: 300px; }
} 
@media screen and (max-width: 767px) { 
	#airconditioning #main .basebox1 { flex-direction: column; margin-bottom: 30px; }
	#airconditioning #main .basebox1 .imgbox { width: 100%; margin-left: 0; margin-top: 30px; height: auto; }
	#airconditioning #main .basebox1 .txtbox { flex: none; }
	#airconditioning #main .basebox1 .txtbox .list li { display: block; margin: 0; padding-left: 1em; text-indent: -1em; }
}

/* common */
#airconditioning #main .faqbox .block { margin-bottom: 40px; }
#airconditioning #main .faqbox .block .question { display: flex; align-items: center;  margin-bottom: 15px;}
#airconditioning #main .faqbox .block .txten { font-size: 32px; display: inline-block; margin-right: 10px; line-height: 1; }
#airconditioning #main .faqbox .block .txt { flex: 1; font-weight: bold; }
@media screen and (max-width: 1040px) {
} 
@media screen and (max-width: 767px) { 
	#airconditioning #main .faqbox .block .question { margin-bottom: 10px;}
}




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


#airconditioning.attachment


//////////////////*/
/* #sec_1 */
#airconditioning.attachment #sec_1 .box1 span { font-weight: bold; }
@media screen and (max-width: 767px) {  
	#airconditioning.attachment #sec_1 .box1 .txtbig1 { font-size: 14px; font-weight: normal; }
	#airconditioning.attachment #sec_1 .box1 span { display: block; font-size: 16px; margin-bottom: 10px; }
	#airconditioning.attachment #sec_1 .box1 span span { display: none; }
}
/* #sec_2 */
#airconditioning.attachment #sec_2 .box1 span { font-weight: bold; }
@media screen and (max-width: 767px) {  
	#airconditioning.attachment #sec_2 .box1 .txtbig1 { font-size: 14px; font-weight: normal; }
	#airconditioning.attachment #sec_2 .box1 span { display: block; font-size: 16px; margin-bottom: 10px; }
	#airconditioning.attachment #sec_2 .box1 span span { display: none; }
}
/* #sec_3 */
#airconditioning.attachment #sec_3 .inbox { display: flex; justify-content: space-between; }
#airconditioning.attachment #sec_3 .inbox .list1 { width: 600px; box-sizing: border-box; margin-right: 60px; }
#airconditioning.attachment #sec_3 .inbox .list1 li { padding: 30px 40px 30px 62px; background: #f3f3f3; margin-bottom: 10px; position: relative; }
#airconditioning.attachment #sec_3 .inbox .list1 li:before { content:""; position: absolute; top: 50%; left: 40px; margin-top: -5px; height: 10px; width: 11px; background: url(../img/common/arr1_blue.svg) no-repeat; background-position: center center; background-size: contain; transform: rotate(90deg); }
#airconditioning.attachment #sec_3 .inbox .list1 li.bgblue { background: #2058bb; color: #fff; font-weight: bold; }
#airconditioning.attachment #sec_3 .inbox .list1 li.bgblue:before { background-image: url(../img/common/arr1_white.svg); }
#airconditioning.attachment #sec_3 .inbox .list1 li.bglightblue { background: #f2f5fb; }
#airconditioning.attachment #sec_3 .inbox .txtbox { flex: 1; }
#airconditioning.attachment #sec_3 .inbox .txtbox .list li { margin-bottom: 3px; font-weight: bold; }
@media screen and (max-width: 1280px) {
	#airconditioning.attachment #sec_3 .inbox .list1 { width: 60%; }
} 
@media screen and (max-width: 1040px) {
	#airconditioning.attachment #sec_3 .inbox { flex-direction: column; }
	#airconditioning.attachment #sec_3 .inbox .list1 { width: 100%; margin-right: 0; margin-bottom: 40px; }
	#airconditioning.attachment #sec_3 .inbox .txtbox { flex: none; }
} 
@media screen and (max-width: 767px) { 
	#airconditioning.attachment #sec_3 .inbox .list1 li { padding: 30px 8% 30px 14%; }
	#airconditioning.attachment #sec_3 .inbox .list1 li:before { left: 8%; }
}

/* #sec_5 */
#airconditioning.attachment #sec_5 .box1 span { font-weight: bold; }
#airconditioning.attachment #sec_5 .list2>li{ margin-top: 50px; }
#airconditioning.attachment #sec_5 .list2 li .box1{ margin-bottom: 30px; }
#airconditioning.attachment #sec_5 .list2 li .title{ margin-bottom: 10px; }
#airconditioning.attachment #sec_5 .list2 .list li { margin-bottom: 3px; font-weight: bold; }
@media screen and (max-width: 1040px) {
} 
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 767px) {  
	#airconditioning.attachment #sec_5 .box1 .txtbig1 { font-size: 14px; font-weight: normal; }
	#airconditioning.attachment #sec_5 .box1 span { display: block; font-size: 16px; margin-bottom: 10px; }
	#airconditioning.attachment #sec_5 .box1 span span { display: none; }
	#airconditioning.attachment #sec_5 .list2 .list li { display: block; margin: 0; padding-left: 1em; text-indent: -1em; }
}


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


#airconditioning.maintenance


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

/* #sec_1 */
#airconditioning.maintenance #sec_1 .fronbox { display: flex; justify-content: space-between; text-align: center; color: #fff; }
#airconditioning.maintenance #sec_1 .titlebox { border-right: 1px solid #fff; padding-right: 60px; margin-right: 60px; display: flex; justify-content: center; align-items: center; }
#airconditioning.maintenance #sec_1 .titlebox .topsectitle { margin-bottom: 0; }
#airconditioning.maintenance #sec_1 .titlebox .txtbig2 { margin-bottom: 0; color: #fff; }
#airconditioning.maintenance #sec_1 .titlebox .txten { line-height: 1.6; margin-bottom: 10px; color: #fff; }
#airconditioning.maintenance #sec_1 .txtbox { flex: 1; text-align: justify;  }
#airconditioning.maintenance #sec_1 .txtbox .link  { margin-top: 10px; }
#airconditioning.maintenance #sec_1 .box1 span { font-weight: bold; }
@media screen and (max-width: 1040px) {
	#airconditioning.maintenance #sec_1 .fronbox { flex-direction: column; }
	#airconditioning.maintenance #sec_1 .titlebox { border-right: none; padding-right: 0; margin-right: 0; display: block; margin-bottom: 20px; }
	#airconditioning.maintenance #sec_1 .titlebox br { display: none; }
	#airconditioning.maintenance #sec_1 .titlebox .txten { margin-bottom: 5px; }
	#airconditioning.maintenance #sec_1 .txtbox { flex: none; }
} 
@media screen and (max-width: 767px) { 
	#airconditioning.maintenance #sec_1 .box1 .txtbig1 { font-size: 14px; font-weight: normal; }
	#airconditioning.maintenance #sec_1 .box1 span { display: block; font-size: 16px; margin-bottom: 10px; }
	#airconditioning.maintenance #sec_1 .box1 span span { display: none; }
}

/* #sec_2 */
#airconditioning.maintenance #sec_2 .inbox { margin-bottom: 20px; }

/* #sec_3 */
#airconditioning.maintenance #sec_3 .list li { font-weight: bold; display: inline-block; margin-right: 20px; }
#airconditioning.maintenance #sec_3 .imgbox { display: flex; }
#airconditioning.maintenance #sec_3 .imgbox img { width: 50%; }
#airconditioning.maintenance #sec_3 .inbox { margin-top: 20px; }
#airconditioning.maintenance #sec_3 .inbox .txtbox { margin-top: 30px; }
@media screen and (max-width: 767px) { 
	#airconditioning.maintenance #sec_3 .imgbox { flex-direction: column; }
	#airconditioning.maintenance #sec_3 .imgbox img { width: 100%; }
}




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


#airconditioning.repair


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

/* #sec_1 */
#airconditioning.repair #sec_1 .box1 .list { text-align: center; }
#airconditioning.repair #sec_1 .box1 .list li { display: inline-block; margin: 0 0.5em; }
#airconditioning.repair #sec_1 .box2 span { font-weight: bold; }
@media screen and (max-width: 767px) {  
	#airconditioning.repair #sec_1 .box2 .txtbig1 { font-size: 14px; font-weight: normal; }
	#airconditioning.repair #sec_1 .box2 span { display: block; font-size: 16px; margin-bottom: 10px; }
	#airconditioning.repair #sec_1 .box2 span span { display: none; }
}






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


#airconditioning.cleaning


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

/* #sec_1 */
#airconditioning.cleaning #sec_1 .box1 span { font-weight: bold; }
@media screen and (max-width: 767px) {  
	#airconditioning.cleaning #sec_1 .box1 .txtbig1 { font-size: 14px; font-weight: normal; }
	#airconditioning.cleaning #sec_1 .box1 span { display: block; font-size: 16px; margin-bottom: 10px; }
	#airconditioning.cleaning #sec_1 .box1 span span { display: none; }
}




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


#airconditioning.medical


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

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

/* #sec_1 */
#airconditioning.medical #sec_1 .copy { text-align: center; }
#airconditioning.medical #sec_1 .bgbox { text-align: center; padding: 40px 60px; }
#airconditioning.medical #sec_1 .bgbox li { color: #2058bb; font-weight: bold; }
#airconditioning.medical #sec_1 .bgbox .txtbig1 { margin-bottom: 10px; }
#airconditioning.medical #sec_1 .imgbox { display: flex; }
#airconditioning.medical #sec_1 .imgbox img { width: 33.3%; }
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_1 .imgbox { flex-direction: column; }
	#airconditioning.medical #sec_1 .imgbox img { width: 100%; }
}
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_1 .copy { text-align: justify; }
	#airconditioning.medical #sec_intro .dn { display: none; }
}
@media screen and (max-width: 500px) { 
	#airconditioning.medical #sec_1 .bgbox { text-align: left; padding: 40px 8%; }
	#airconditioning.medical #sec_1 .bgbox li { text-indent: -1em; padding-left: 1em; }
}

/* #sec_2 */
#airconditioning.medical #sec_2 .inbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; background: #f3f3f3; }
#airconditioning.medical #sec_2 .inbox .txtbox { flex: 1; padding: 0 60px; }
#airconditioning.medical #sec_2 .inbox:last-child { margin-bottom: 0; }
#airconditioning.medical #sec_2 .inbox:last-child .txtbox { padding: 60px; }
#airconditioning.medical #sec_2 .inbox .imgbox { width: 400px;}
#airconditioning.medical #sec_2 .txt2 { position: relative; padding-top: 50px; text-align: center; font-size: 24px; color: #2058bb; }
#airconditioning.medical #sec_2 .txt2:before { content: url(../img/common/arr1_blue.svg); display: inline-block; width: 30px; height: 30px; line-height: 0; position: absolute; top: 0; left: 50%; margin-left: -15px; transform: scale(1, 0.6) rotate(90deg); }
#airconditioning.medical #sec_2 .txt2 span { font-weight: bold; position: relative; }
#airconditioning.medical #sec_2 .txt2 span:before { content: ""; height: 2px; width: 100%; bottom: -8px; left: 0; font-size: 0; position: absolute; background: #2058bb; }
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_2 { margin-bottom: 80px!important; }
	#airconditioning.medical #sec_2 .inbox { display: block; }
	#airconditioning.medical #sec_2 .inbox .txtbox { flex: none; padding: 40px 8%!important; }
	#airconditioning.medical #sec_2 .inbox .imgbox { width: 100%;}
    #airconditioning.medical #sec_2 .txt2 { font-size: 18px; padding-top: 40px; }
	#airconditioning.medical #sec_2 .txt2:before { width: 20px; height: 20px; margin-left: -10px; }
}
@media screen and (max-width: 639px) {
	#airconditioning.medical #sec_2 .txt2 { text-align: left; }
	#airconditioning.medical #sec_2 .txt2 br { display: none; }
	#airconditioning.medical #sec_2 .txt2 span:before { display: none; }
}

/* #sec_3 */
#airconditioning.medical #sec_3 .inbox { text-align: center; font-weight: bold; }
#airconditioning.medical #sec_3 .inbox li { display: inline-block; margin: 0 0.5em; font-size: 18px; font-weight: bold; color: #fff; }
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_3 .inbox li { font-size: 16px; }
}

/* #sec_4 */
#airconditioning.medical #sec_4 .copy { }
#airconditioning.medical #sec_4 .copy span { font-weight: bold; position: relative; }
#airconditioning.medical #sec_4 .copy span:before,
#airconditioning.medical #sec_4 .copy span:after { content: url(../img/airconditioning/medical/fukidashi.svg); display: inline-block; width: 26px; height: 26px;  font-size: 0; position: absolute; top: 0; right: -40px; }
#airconditioning.medical #sec_4 .copy span:after { left: -45px; transform: scale(-1, 1); }
#airconditioning.medical #sec_4 .txt1 { text-align: center; }
#airconditioning.medical #sec_4 .list1 { display: flex; }
#airconditioning.medical #sec_4 .list1 li {width: calc(33.3% - 20px); margin-left: 30px; position: relative; background: #f3f3f3; padding: 60px 40px 40px; }
#airconditioning.medical #sec_4 .list1 li:nth-child(2) { background: #f2f5fb; }
#airconditioning.medical #sec_4 .list1 li:first-child { margin-left: 0; }
#airconditioning.medical #sec_4 .list1 li .txtbig1 { margin: 5px 0 15px; }
#airconditioning.medical #sec_4 .list1 li .tag { position: absolute; top: -2px; left: 40px; width: 32px; height: 38px; }
#airconditioning.medical #sec_4 .imgbox { display: flex; }
#airconditioning.medical #sec_4 .imgbox img { width: 50%; }
@media screen and (max-width: 1040px) {
	#airconditioning.medical #sec_4 .list1 { flex-wrap: wrap; }
	#airconditioning.medical #sec_4 .list1 li {width: 100%; margin-left: 0; margin-bottom: 20px; }
	#airconditioning.medical #sec_4 .list1 li:last-child { margin-bottom: 0; }
	#airconditioning.medical #sec_4 .list1 li .txtbig1 br { display: none; }
}
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_4 .txt1 { text-align: left; }
	#airconditioning.medical #sec_4 .imgbox { flex-wrap: wrap; }
	#airconditioning.medical #sec_4 .imgbox img { width: 100%; }
	#airconditioning.medical #sec_4 .list1 li { padding: 40px 8% 30px; }
	#airconditioning.medical #sec_4 .list1 li .tag { left: 8%; width: 24px; height: 27px; }
}
@media screen and (max-width: 500px) { 
	#airconditioning.medical #sec_4 .copy span:before,
	#airconditioning.medical #sec_4 .copy span:after { display: none; }
}

/* #sec_4 */
#airconditioning.medical #sec_5 .txtlistbox { padding: 40px 60px; position: relative; }
#airconditioning.medical #sec_5 .txtlistbox.style1 { background: #fff; margin-bottom: 20px; }
#airconditioning.medical #sec_5 .txtlistbox.style2 { background: #2058bb; }
#airconditioning.medical #sec_5 .txtlistbox.style2 li { color: #fff; font-weight: bold; }
#airconditioning.medical #sec_5 .txtlistbox.style1:before { content: url(../img/common/arr1_blue.svg); display: inline-block; width: 30px; height: 30px; line-height: 0; position: absolute; bottom: -15px; left: 50%; margin-left: -15px; transform: scale(1, 0.6) rotate(90deg); }
#airconditioning.medical #sec_5 .list { display: flex; flex-wrap: wrap; }
#airconditioning.medical #sec_5 .list li { width: calc(33.3% - 20px); margin-left: 30px; height: 260px; position: relative; display: flex; justify-content: center; align-items: center; }
#airconditioning.medical #sec_5 .list li:first-child { margin-left: 0; }
#airconditioning.medical #sec_5 .list li .img { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
#airconditioning.medical #sec_5 .list li img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%;}
#airconditioning.medical #sec_5 .list li .txt { font-size: 18px; font-weight: bold; background: #2058bb; padding: 10px 20px; display: block; color: #fff; min-width: 100px; text-align: center; }
@media screen and (max-width: 1040px) { 
    #airconditioning.medical #sec_5 .list li { width: 100%; margin-left: 0px!important; height: 180px; margin-bottom: 30px; }
    #airconditioning.medical #sec_5 .list li:last-child { margin-bottom: 0; }
}
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_5 .txtlistbox { padding: 40px 8%; }
	#airconditioning.medical #sec_5 .subtitle span:after { display: none; }
}
@media screen and (max-width: 400px) { 
	#airconditioning.medical #sec_5 .txtlistbox { padding: 30px 8%; }
}



/* #sec_7 */
#airconditioning.medical #sec_7 { margin-bottom: 140px!important; }
#airconditioning.medical #sec_7 .copy { text-align: center; }
#airconditioning.medical #sec_7 .box1 ul { text-align: center; }
#airconditioning.medical #sec_7 .box1 li { font-size: 24px; color: #2058bb; font-weight: bold; display: inline-block; line-height: 1.8; margin: 3px 0.5em; }
#airconditioning.medical #sec_7 .box3 { height: 300px; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }
#airconditioning.medical #sec_7 .box3 .bg { position: absolute; height: 300px; width: 100%; z-index: -1; }
#airconditioning.medical #sec_7 .box3 .bg img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#airconditioning.medical #sec_7 .box3 a.btn:before { background-image: url(../img/common/arr1_blue.svg); }
#airconditioning.medical #sec_7 .box3 a.btn:hover:before { background-image: url(../img/common/arr1_white.svg); }
@media screen and (max-width: 767px) { 
	#airconditioning.medical #sec_7 { margin-bottom: 0!important; }
	#airconditioning.medical #sec_7 .copy { text-align: left; }
	#airconditioning.medical #sec_7 .sectitle .main { line-height: 1.7; }
	#airconditioning.medical #sec_7 .box1 li { font-size: 18px; }
}
@media screen and (max-width: 500px) { 
	#airconditioning.medical #sec_7 .box1 ul { text-align: left; }
	#airconditioning.medical #sec_7 .box1 li { margin: 2px 0; padding-left: 1em; text-indent: -1em; }
	#airconditioning.medical #sec_7 .box3 { height: 240px; }
}





















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


#kinoshield


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

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

/* #sec_1 */
#kinoshield #sec_1 { text-align: center; }
#kinoshield #sec_1 .maintitle { text-align: center; font-weight: bold; margin-bottom: 20px;  }
#kinoshield #sec_1 .mainlabel { text-align: center; }
#kinoshield #sec_1 .mainlabel span { display: inline-block; font-size: 48px; font-weight: bold; padding: 0 20px; background:#2058bb;  color: #fff; line-height: 1.6; }
#kinoshield #sec_1 .txten { display: inline-block; margin-bottom: 10px; }
#kinoshield #sec_1 .inbox.box1 { position: relative; padding-top: 60px; }
#kinoshield #sec_1 .inbox.box1:before { content: url(../img/common/arr1_blue.svg); display: inline-block; width: 30px; height: 30px; line-height: 0; position: absolute; top: 0; left: 50%; margin-left: -15px; transform: scale(1, 0.6) rotate(90deg); }
#kinoshield #sec_1 .inbox.box1>.inwrap{ background: #f3f3f3; padding: 60px 0 40px; }
#kinoshield #sec_1 .inbox.box1 ul { text-align: center; }
#kinoshield #sec_1 .inbox.box1 li { font-size: 24px; font-weight: bold; color: #2058bb; margin-bottom: 20px; }
#kinoshield #sec_1 .inbox.box1 li span { font-size: 14px; display: block; margin-top: -5px; }
@media screen and (max-width: 767px) { 
	#kinoshield #sec_1 .mainlabel span { font-size: 28px; line-height: 1.8; }
	#kinoshield #sec_1 .txtmsg { text-align: justify; }
	#kinoshield #sec_1 .txtmsg br { display: none;  }
	#kinoshield #sec_1 .inbox.box1 { padding-top: 40px; }
    #kinoshield #sec_1 .inbox.box1 li { font-size: 18px; }
	#kinoshield #sec_1 .inbox.box1:before { width: 20px; height: 20px; margin-left: -10px;  }
	#kinoshield #sec_1 .inbox.box1>.inwrap{ padding: 50px 8% 30px; }
}
@media screen and (max-width: 500px) { 
	#kinoshield #sec_1 .copy { text-align: left; }
	#kinoshield #sec_1 .copy br { display: none; }
    #kinoshield #sec_1 .inbox.box1 li { text-align: left; text-indent: -1em; padding-left: 1em; }
	#kinoshield #sec_1 .inbox.box1>.inwrap{ padding: 40px 8% 20px; }
}

/* #sec_2 */
#kinoshield #sec_2 .inbox ul { display: flex; }
#kinoshield #sec_2 .inbox ul li { width: calc(33.3% - 30px); margin-left: 45px; }
#kinoshield #sec_2 .inbox ul li:first-child { margin-left: 0; }
#kinoshield #sec_2 .inbox .circle { width: 170px; height: 170px; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; background: #f2f5fb; margin: 0 auto 10px; }
#kinoshield #sec_2 .inbox .circle span.txtsmall { margin-bottom: 10px; }
#kinoshield #sec_2 .inbox .circle span.hind { font-size: 36px; color: #2058bb; line-height: 1; }
#kinoshield #sec_2 .inbox .circle span span { display: inline; vertical-align: -2px; font-size: 20px; }
#kinoshield #sec_2 .inbox .title { font-weight: bold; font-size: 18px; margin-bottom: 15px; padding-bottom: 15px; position: relative; text-align: center; }
#kinoshield #sec_2 .inbox .title:after { content: ""; width: 60px; height: 1px; font-size: 0; margin-left: -30px; bottom: 0; left: 50%; position: absolute; background: #333; }
#kinoshield #sec_2 .inbox .txt { font-size: 15px; }
#kinoshield #sec_2 .inbox .txtbig2 { text-align: center; }
@media screen and (max-width: 767px) { 
	#kinoshield #sec_2 .inbox .title { font-size: 16px; }
	#kinoshield #sec_2 .inbox .txtbig2 { text-align: left; }
	#kinoshield #sec_2 .inbox .txt { font-size: 14px; }
}
@media screen and (max-width: 639px) { 
    #kinoshield #sec_2 .inbox ul { display: block;  }
    #kinoshield #sec_2 .inbox ul li { width: 100%; margin-left: 0; margin-bottom: 40px; }
    #kinoshield #sec_2 .inbox .txt { text-align: center; }
}


/* #sec_3 */
#kinoshield #sec_3 .copy { text-align: center; }
#kinoshield #sec_3 .list { display: flex; flex-wrap: wrap; }
#kinoshield #sec_3 .list li { width: calc(33.3% - 20px); margin-left: 30px; height: 260px; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
#kinoshield #sec_3 .list li:nth-child(3n-2) { margin-left: 0; }
#kinoshield #sec_3 .list li .img { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; }
#kinoshield #sec_3 .list li img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%;}
#kinoshield #sec_3 .list li .txt { font-size: 18px; font-weight: bold; background: #2058bb; padding: 10px 20px; display: block; color: #fff; min-width: 100px; text-align: center; }
#kinoshield #sec_3 .txt1 { text-align: center; }
@media screen and (max-width: 767px) { 
    #kinoshield #sec_3 .list li { width: calc(50% - 20px); margin-left: 30px!important; }
    #kinoshield #sec_3 .list li:nth-child(2n-1) { margin-left: 0!important; }
    #kinoshield #sec_3 .txt1 { text-align: justify; }
}
@media screen and (max-width: 500px) { 
	#kinoshield #sec_3 .copy { text-align: justify; }
	#kinoshield #sec_3 .copy br { display: none; }
    #kinoshield #sec_3 .list li { width: 100%; margin-left: 0px!important; height: 180px; }
}

/* #sec_4 */
#kinoshield #sec_4 { }
#kinoshield #sec_4 .list1 { }
#kinoshield #sec_4 .list1 li { padding: 50px 60px; background: #f3f3f3; margin-bottom: 10px; display: flex; align-items: center; }
#kinoshield #sec_4 .list1 li:before { content:""; height: 10px; width: 11px; background: url(../img/common/arr1_blue.svg) no-repeat; background-position: center center; background-size: contain; transform: rotate(90deg); margin-right: 10px; }
#kinoshield #sec_4 .list1 li.bglightblue { background: #f2f5fb; }
#kinoshield #sec_4 .list1 li .title { font-weight: bold; font-size: 18px; width: 240px; }
#kinoshield #sec_4 .list1 li .txt { flex: 1; }
@media screen and (max-width: 1040px) {
	#kinoshield #sec_4 { flex-direction: column; }
	#kinoshield #sec_4 .list1 { width: 100%; margin-right: 0; margin-bottom: 40px; }
	#kinoshield #sec_4 .list1 li .title { font-size: 16px; width: 200px; }
} 
@media screen and (max-width: 767px) { 
	#kinoshield #sec_4 .list1 li { padding: 30px 8% 30px; }
	#kinoshield #sec_4 .list1 li { flex-wrap: wrap; }
	#kinoshield #sec_4 .list1 li .txt { flex: 100%; }
	#kinoshield #sec_4 .list1 li .title { width: auto; }
}



/* #sec_5 */
#kinoshield #swrap_5 { background: #f2f5fb; }
#kinoshield #sec_5 .inbox { background: #fff; margin-bottom: 20px; text-align: center; font-size: 18px; font-weight: bold; padding: 40px 40px 30px; }
#kinoshield #sec_5 .inbox p,
#kinoshield #sec_5 .inbox span { font-weight: bold; }
#kinoshield #sec_5 .inbox .num { font-size: 30px; letter-spacing: 0.08em; }
#kinoshield #sec_5 .inbox .price { font-size: 40px; letter-spacing: 0.02em; line-height: 1; }
#kinoshield #sec_5 .inbox br { display: none; }
@media screen and (max-width: 767px) { 
    #kinoshield #sec_5 .inbox { font-size: 16px; }
    #kinoshield #sec_5 .inbox .num { font-size: 20px; }
    #kinoshield #sec_5 .inbox .price { font-size: 30px; }
}
@media screen and (max-width: 500px) { 
    #kinoshield #sec_5 .inbox br { display: block; }
}



/* #sec_6 */
#kinoshield #sec_6 .bnrlist{display:flex; justify-content:space-between; }
#kinoshield #sec_6 .bnrlist li{width:48%;margin-right:4%;}
#kinoshield #sec_6 .bnrlist li:last-child{ margin-right:0%; }
@media screen and (max-width: 767px) {
	#kinoshield #sec_6 .bnrlist{display:block; width:100%; }
	#kinoshield #sec_6 .bnrlist>li{width: 100%;margin-right:0%;text-align: center;}
	#kinoshield #sec_6 .bnrlist>li:first-child{ margin-bottom:20px; }
}



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


#works.index


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

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

/* #sec_1 */
#works.index #sec_1 .tagnav { text-align: center; }
#works.index #sec_1 .tagnav li { display: inline-block; font-weight: bold; font-size: 18px; margin: 0 0.6em; }
#works.index #sec_1 .tagnav li a { font-weight: bold; text-decoration: none; }
#works.index #sec_1 .tagnav li.current a { color: #2058bb; }
#works.index #sec_1 .tagnav li a:hover { text-decoration: underline; color: #333; }
#works.index #sec_1 .list { display: flex; flex-wrap: wrap; }
#works.index #sec_1 .list li { width: calc(33.3% - 30px); margin-left: 45px; margin-bottom: 50px; }
#works.index #sec_1 .list li:nth-child(3n-2) { margin-left: 0;}
#works.index #sec_1 .list li a { text-decoration: none; display: block;  }
#works.index #sec_1 .list li a .img { height: 240px; overflow: hidden; margin-bottom: 20px; }
#works.index #sec_1 .list li a .img img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; transition: 0.6s; }
#works.index #sec_1 .list li a:hover { opacity: 0.7; }
#works.index #sec_1 .list li a:hover .img img { transform: scale(1.05); opacity: 0.7; }
#works.index #sec_1 .list li a .cat { display: inline-block; background: #eee; line-height: 1; padding: 10px; border-radius: 4px; margin-bottom: 10px; font-size: 13px; }
@media screen and (max-width: 1040px) { 
	#works.index #sec_1 .list li { width: calc(50% - 20px); margin-left: 40px!important; margin-bottom: 50px; }
	#works.index #sec_1 .list li:nth-child(2n-1) { margin-left: 0!important;}
}
@media screen and (max-width: 767px) { 
	#works.index #sec_1 .tagnav li { font-size: 16px; }
	#works.index #sec_1 .list li a .img { height: 200px; }
}

@media screen and (max-width: 500px) { 
	#works.index #sec_1 .list li { width: 100%; margin-left: 0!important; margin-bottom: 40px; }
	#works.index #sec_1 .list li a .img { height: auto; }
}




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


#works.under


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

/* common */
#works.under #sec_1 .spec { margin: -20px 0 40px; }
#works.under #sec_1 .spec .construction { margin-right: 20px; }
#works.under #sec_1 .spec .cat { display: inline-block; background: #eee; line-height: 1; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
#works.under #sec_1 .spec2 { margin-bottom: 60px; }
#works.under #sec_1 .imgbox { display: flex; flex-wrap: wrap; }
#works.under #sec_1 .imgbox li { width: 50%; height: 300px; }
#works.under #sec_1 .imgbox li a { width: 100%; height: 100%; overflow: hidden; display: block; }
#works.under #sec_1 .imgbox li img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%;}
#works.under #sec_1 .snsbox { display: flex; align-items: flex-end; }
#works.under #sec_1 .snsbox .hind { font-size: 14px; margin-right: 10px; letter-spacing: 0.05em; display: inline-block; }
#works.under #sec_1 .snsbox .snslist { display: flex; align-items: center; }
#works.under #sec_1 .snsbox .snslist li { margin-right: 5px; width: 30px; height: 30px; margin-right: 5px; }
#works.under #sec_1 .snsbox .snslist li .svg { width: 30px; height: 30px; }
#works.under #sec_1 .snsbox .snslist li .svg .st0 { fill: #333; }
@media screen and (max-width: 767px) { 
    #works.under #sec_1 .imgbox li { width: 100%; height: auto; }
}

/* #sec_pnavbox */
#works.under #sec_pnavbox { display: flex; justify-content: space-between; align-items: center; }
#works.under #sec_pnavbox .pager { margin-bottom: 0; flex: 1; }
#works.under #sec_pnavbox .pager .inbox { text-align: right; }
#works.under #sec_pnavbox .pager a { position:static; margin: 0;}
#works.under #sec_pnavbox .pager a:first-child { margin-right: 30px; }
@media screen and (max-width: 639px) {
    #works.under #sec_pnavbox { display: block; text-align: center; }	 
    #works.under #sec_pnavbox .pager { flex: none; margin-top: 40px; }
    #works.under #sec_pnavbox .pager .inbox { text-align: center; }
}


















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


#recruit


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

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

/* #sec_1 */
#recruit #sec_1 .inbox { display: flex; justify-content: space-between; text-align: center; }
#recruit #sec_1 .titlebox { margin-right: 60px; display: flex; justify-content: center; align-items: center; }
#recruit #sec_1 .titlebox .topsectitle { margin-bottom: 0; }
#recruit #sec_1 .titlebox .txtbig2 { margin-bottom: 0;  }
#recruit #sec_1 .txtbox { flex: 1; text-align: justify;  }
@media screen and (max-width: 1040px) {
	#recruit #sec_1 .inbox { flex-direction: column; }
	#recruit #sec_1 .titlebox { border-right: none; padding-right: 0; margin-right: 0; display: block; margin-bottom: 20px; }
	#recruit #sec_1 .titlebox .txten { margin-bottom: 5px; }
	#recruit #sec_1 .txtbox { flex: none; }
	#recruit #sec_1 .titlebox .txtbig2 br { display: none; }
} 
@media screen and (max-width: 500px) { 
	#recruit #sec_1 .titlebox .txtbig2 br { display: block; }
}

/* #sec_3 */
#recruit #sec_2 { }
#recruit #sec_2 .list1 { border-top: 1px solid #ccc;}
#recruit #sec_2 .list1:first-child { margin-left: 0; }
#recruit #sec_2 .list1 li { padding: 30px 0; border-bottom: 1px solid #ccc; }
#recruit #sec_2 .list1 li dl { display: flex; }
#recruit #sec_2 .list1 li dl dt { width: 180px; font-weight: bold; }
#recruit #sec_2 .list1 li dl dd { flex: 1; }
@media screen and (max-width: 1040px) {
} 
@media screen and (max-width: 767px) { 
	#recruit #sec_2 { flex-direction: column; }
	#recruit #sec_2 .list1:last-child { border-top: none; }
}
@media screen and (max-width: 639px) { 
	#recruit #sec_2 .list1 li { padding: 25px 0; }
	#recruit #sec_2 .list1 li dl dt { width: 160px; }
	#recruit #sec_2 .list1 li dl dd a { display: inline-block; }
}
@media screen and (max-width: 500px) { 
	#recruit #sec_2 .list1 li dl { display: block; }
	#recruit #sec_2 .list1 li dl dt { width: 100%; }
}
























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


#news.index


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

/* common */
#news.index #main .pagenav.sp { display: none; }
@media screen and (max-width: 1040px) { 
	#news.index #main .pagenav.sp { display: block; }
	#news.index #main .pagenav.pc { display: none; }
}

/* #sec_1 */
#news.index #sec_1 {  }
#news.index #sec_1 ul.list { padding-bottom: 0px; }
#news.index #sec_1 ul.list>li { display: flex; align-items: baseline; padding: 25px 0; border-top: 1px solid #aaa; }
#news.index #sec_1 ul.list>li:last-child { border-bottom: 1px solid #aaa; }
#news.index #sec_1 ul.list>li span.date { width: 110px; }
#news.index #sec_1 ul.list>li span.cat { width: 100px; background: #aaa; text-align: center; font-size: 13px; margin-right: 20px; letter-spacing: 0; border-radius: 4px; font-weight: bold; color: #fff; padding: 3px 0; }
#news.index #sec_1 ul.list>li a { flex: 1; text-decoration: none; }
#news.index #sec_1 ul.list>li a:hover { text-decoration: underline; }
@media screen and (max-width: 1040px) {
	#news.index #sec_1 { margin-bottom: 80px; }
	#news.index #sec_1 ul.list { padding-bottom: 0; }
	
}
@media screen and (max-width: 767px) {
	#news.index #sec_1 { margin-bottom: 60px; }
	#news.index #sec_1 ul.list>li { padding: 20px 0; }
}
@media screen and (max-width: 639px) { 
	#news.index #sec_1 ul.list>li span.cat { display: none; }
	#news.index #sec_1 ul.list>li span.date { width: 90px; }
}
@media screen and (max-width: 500px) { 
	#news.index #sec_1 ul.list>li { display: block;}
	#news.index #sec_1 ul.list>li span.date { display: block; width: 100%; }
	#news.index #sec_1 ul.list>li a { flex: none; }
}








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


#news


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

/* common */
#news.under #sec_1 .spec { margin: 0px 0 40px; }
#news.under #sec_1 .spec .date { margin-right: 20px; }
#news.under #sec_1 .spec .cat { display: inline-block; background: #eee; line-height: 1; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
#news.under #sec_1 .spec2 { margin-bottom: 60px; }
#news.under #sec_1 .snsbox { display: flex; align-items: center; }
#news.under #sec_1 .snsbox .hind { font-size: 14px; margin-right: 10px; letter-spacing: 0.05em; display: inline-block; }
#news.under #sec_1 .snsbox .snslist { display: flex; align-items: center; }
#news.under #sec_1 .snsbox .snslist li { margin-right: 5px; width: 30px; height: 30px; margin-right: 5px; }
#news.under #sec_1 .snsbox .snslist li .svg { width: 30px; height: 30px; }
#news.under #sec_1 .snsbox .snslist li .svg .st0 { fill: #333; }
@media screen and (max-width: 767px) { 
}

/* #sec_pnavbox */
#news.under #sec_pnavbox { display: flex; justify-content: space-between; align-items: center; }
#news.under #sec_pnavbox .pager { margin-bottom: 0; flex: 1; }
#news.under #sec_pnavbox .pager .inbox { text-align: right; }
#news.under #sec_pnavbox .pager a { position:static; margin: 0;}
#news.under #sec_pnavbox .pager a:first-child { margin-right: 30px; }
@media screen and (max-width: 639px) {
    #news.under #sec_pnavbox { display: block; text-align: center; }	 
    #news.under #sec_pnavbox .pager { flex: none; margin-top: 40px; }
    #news.under #sec_pnavbox .pager .inbox { text-align: center; }
}












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


#faq


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

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

#faq .question { font-size: 20px; 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: 15px; padding-right: 30px; }
}

















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


#contact


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

/* common */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 20px; }
form .formbox>ul>li:last-child { margin-bottom: 0 }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 180px; padding-top: 25px }
form .formbox>ul>li>dl>dt { padding-top: 25px; }
form .formbox.check>ul>li>dl>dt { padding-top: 0; }
form .formbox>ul>li>dl>dd { width: calc(100% - 200px); }
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 .policy { padding: 40px; background: #f3f3f3; height: 200px; overflow: scroll; margin-bottom: 60px; }
@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 .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
}

/* 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 .bgbox { text-align: center; }
#contact #sec_intro .telbox { margin: 10px 0 0; }
#contact #sec_intro .telbox .tel { color: #2058bb; font-size: 40px; font-weight: bold; line-height: 1; letter-spacing: 0.05em; }
#contact #sec_intro .telbox .tel svg { width: 24px; height: 40px; vertical-align: -3px; fill: #2058bb; }
#contact #sec_intro .txt_thanks { font-size: 18px; text-align: center; }
@media screen and (max-width: 1040px) { 
	#contact #sec_intro .txt1 { display: block; margin-bottom: 5px; }
	#contact #sec_intro .txt2 { display: block; margin-top: 10px; }
}
@media screen and (max-width: 767px) { 
	#contact #sec_intro .telbox { margin: 5px 0 -5px; }
	#contact #sec_intro .telbox .tel { font-size: 28px;}
	#contact #sec_intro .telbox .tel svg { width: 18px; height: 26px; vertical-align: -2px; }
	#contact #sec_intro .txt_thanks { font-size: 16px; }
}

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



/*
base : #333
blue : #2058bb
skyblue : #7db6f3
border : #191919
bggrey : #f3f3f3
bglightblue : #f2f5fb
red : #BD0A0F
yellow : #ffff00
*/