@charset "utf-8";
/* manual
========================================== */
.pcOnly {
    display: none;
}
.spOnly {
    display: block;
}
.tabOnly{
    display:none;
}
.pctabOnly {
    display: none;
}
.tabspOnly {
    display: block;
}
body {
}
section{
    /* padding-bottom: 80px; */
    padding-top: 60px;
    margin-top: -60px;
    margin-bottom: 50px;
}


/* header
========================================== */

header {
}

header.hdPc {
    display: none;}
header.hdSp {
    display: block;padding: 10px;}






header h1 {
    font-size: 11px;
    line-height: 1;
    font-weight:normal;
}
.hd {
    padding: 15px 0;
}
header .logo {
    width: 40%;
}
header .logo img{
    vertical-align: middle;
}
header .logo .logo_img {
    width: 303px;
    float: left;
}




header .btnMenu {
    right: 5px;
    height: 50px;
    width: 50px;
}


.btnMenu span {
    position: absolute;
    display: block;
    top: 10px;
    left: 30%;
    width: 40%;
    height: 3px;
    /* border-radius:2px; */
    transition: all 0.3s ease-out;
    z-index: 100000;
}
.btnMenu span:nth-of-type(2) {
    top: 18px;
}
.btnMenu span:nth-of-type(3) {
    top: 26px;
}
.btnMenu em {
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0;
    text-align: center;
}
/*.btnMenu.vew {
    top:0;
    height: 51px;
    width: 50px;
    z-index:101;
}*/
.btnMenu.vew span:nth-of-type(1) {
    top: 18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.btnMenu.vew span:nth-of-type(2) {
    display: none;
}
.btnMenu.vew span:nth-of-type(3) {
    top: 18px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}




header.hdnav {
    width: 100%;
    float: none;
    z-index: 10;
    bottom: 0;
    left:0;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    padding: 10px 0;
}



/* gmenu
========================================== */

.hdSp nav.show {
    visibility: visible;
    opacity: 1;
    padding: 1vh 0;
    top: 50px;
}

.hdSp nav.show ul{
    width: 100%;
}


.hdSp nav ul {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    font-size: 0px;
}

.hdSp nav ul li {
    width: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.hdSp nav.show ul li {
    width: 100%;
}

.hdSp nav.show ul li dt a {
    font-size: 18px;
    text-align: left;
    padding-left: 30px;
    font-weight: bold;
}

.hdSp nav.show ul li dt a i{

}

.hdSp nav.show ul li dt a i img {
    width: 100%;
    max-width: 35px;
}

.hdSp nav.show ul li dd a {
    font-size: 14px;
    text-align: left;
    padding-left: 30px;
}


.hdSp nav ul li:after {
    content: none;
    position:absolute;
    width:1px;
    height: 84%;
    top: 8%;
    left:0px;
}


.hdSp nav ul li.on {
}
.hdSp nav ul li:hover,
.hdSp nav ul li.on {
}

.hdSp nav ul li a {
    padding: 10px 0;
    font-size: 15px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.hdSp nav ul li a:hover{
    opacity:1;
    /* background-color: #716444; */
}

.hdSp .navCommon{overflow-y: scroll;height: 100vh;padding: 0;} 

.hdSp .navCommon p{text-align: left;padding: 0;}
.hdSp .navCommon p a{padding: 10px 15px 10px 50px;display: block;box-sizing: border-box;font-weight: bold;} 
.hdSp .navCommon ul{
} 
.hdSp .navCommon ul li{width: 100%;}
.hdSp .navCommon ul li.on{display: block;} 
.hdSp .navCommon ul li dl{padding: 0px 0%;} 
dt .btnOpen{display:block;}
.btnOpenWorks {display:none;}
.hdSp .navCommon ul li dl dt,
.hdSp .navCommon ul li dl dd{
    border-bottom: solid 1px #f1f1f1;
} 
.hdSp .navCommon ul li dl dt{margin-bottom: 0px;} 
.hdSp .navCommon ul li dl dd{margin-bottom: 0px;display: none;} 
.hdSp .navCommon ul li dl dd.show{
    display:block;
}
.hdSp .navCommon ul li dl dt a,
.hdSp .navCommon ul li dl dd a
{display: block;padding: 10px 15px 10px 50px;box-sizing: border-box;} 

.hdSp .navCommon p a::before,
.hdSp .navCommon ul li dl dt a::before,
.hdSp .navCommon ul li dl dd a::before{
    top: 50%;
    left: 20px;
    margin-top: -8px;
    font-size: 16px;
}








.areaBtn{
    display: flex;
    justify-content: center;
    /* text-align: right; */
}

.btn{
    max-width: none;
    width: 80%;
    padding: 15px 6%;
    display: block;
    text-align: left;
    font-size: 14px;
    margin: 20px auto;
    position: relative;
    background-color: #d00847;
    color: #ffffff;
    border-radius: 0px;
    /* box-shadow: 2px 2px 0px 0px #174b6f; */
    transition: all 0.3s linear;
    text-decoration: none;
}

.btn2{
    max-width: none;
    width: 70%;
    padding: 15px 9% 15px 5%;
    display: block;
    text-align: center;
    font-size: 16px;
    margin: 20px auto;
    position: relative;
    background-color: #ffffff;
    color: #d00847;
    border-radius: 0px;
    /* box-shadow: 2px 2px 0px 0px #174b6f; */
    transition: all 0.3s linear;
    text-decoration: none;
    border: solid 1px #d00847;
}

.btn::after{content: "";position:absolute;top:50%;margin-top:-5px;right:10%;display: inline-block;width: 30px;height: 7px;border-right: 2px solid #ffffff;border-bottom: 1px solid #ffffff;transform: skewX(45deg);transition: all 0.3s linear;}
.btn2::after{content: "";position:absolute;top:50%;margin-top:-5px;right:10%;display: inline-block;width: 20px;height: 7px;border-right: 2px solid #d00847;border-bottom: 1px solid #d00847;transform: skewX(45deg);transition: all 0.3s linear;}
.btn:hover::after{
    right: 6%;
}



/* Contents
========================================== */

.in{
    width: 96%;
    margin: 0 auto;
}

.block{
}

.left{float:left;}
.right{float:right;}

.conw {
}
.con {
    width: 94%;
    padding: 20px 0 30px;
    margin: 0 auto;
}


.conL table {
    border-collapse:
        collapse;
    width: 100%;
    margin-bottom: 30px;
}
.conL table th,
.conL table td {
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    vertical-align: middle;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    padding: 15px 1em;
}
.conL table th{
    /* font-weight: normal; */
    /* padding: 20px 2em 20px 2%; */
    position: relative;
    width: 12%;
    /* min-width: 100px; */
}



.cat + .txt {
    text-align:
    center;
    margin-bottom: 5vh;
    font-size: 14px;
}
.cat {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2em;
}

span.cap {
    font-size: 10px;
}

h2.ttl {
    font-size: 18px;
    margin-bottom: 20px;
}

h3.ttl{
    font-size: 16px;
    margin-bottom: 10px;
}

/* top main
========================================== */

.mainw {
    /* margin-top: 66px; */
}
.mainTop{
    margin-top: 50px;
    width: 100%;
    margin-left: 0;
    left: 0;
}

.mainTop .bx-wrapper img{
    width: 100%;
}

.bx-wrapper .bx-controls-direction a {
    /* display:none; */
}

.slideFilterL,
.slideFilterR {
    display:none;
}





.secContents {padding: 30px 0;}
.secContents .secContentsInner {display: flex;position: relative;margin-bottom: 5px;box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 30%);}
.secContents .secContentsInner .boxTxt {/* width: 43%; */box-sizing: border-box;padding: 20px 3%;z-index: 2;text-align: center;}
.secContents .secContentsInner .boxTxt h3 {font-size: 5vw;color: #333;}
.secContents .secContentsInner .boxTxt h4 {font-size: 18px;margin-bottom: 2vw;color: #7A0021;}
.secContents .secContentsInner .boxTxt p.txt {font-size: 16px;margin-bottom: 20px;display: none;}
.secContents .secContentsInner .boxTxt a.btn {max-width: 200px;padding: 5px 5%;font-size: 12px;margin: 5px auto;}
.secContents .secContentsInner .boxTxt a.btn.pcOnly{
    display:none;	
}
.secContents .secContentsInner .boxImg {/* width: 57%; *//* height: 100%; */}
.secContents .secContentsInner .boxImg img {/* height: 140%; *//* max-width: none; */}
.secContents .secContentsInner img.ini {position: absolute;width: 40%;top: 0;left: 0;}
.secContents .secContentsInner.reverse {flex-direction: row-reverse;}
.secContents .secContentsInner.reverse .boxTxt {
}
.secContents .secContentsInner.reverse .boxTxt h3 {
}
.secContents .secContentsInner.reverse .boxTxt h4 {
}
.secContents .secContentsInner.reverse .boxTxt p.txt {
}
.secContents .secContentsInner.reverse .boxTxt a.btn {
}
.secContents .secContentsInner.reverse .boxImg {
}
.secContents .secContentsInner.reverse .boxImg img {
}
.secContents .secContentsInner.reverse img.ini {right: 0;left: unset;}



.infow {
    padding: 30px 0;
}

.infow h2.ttl {margin-bottom: 20px;}

.info .tab li {
    width: 50%;
    font-size: 12px;
    padding: 5px 2%;
}

.info .infoIn dl{
    padding: 5px 2%;
}
.info .infoIn dl dt {
    width: 100%;
    font-size:13px;
}

.info .infoIn dl dt span{
    padding: 1px 5px;
    font-size:12px;
}
.info .infoIn dl dd {
    width: 100%;
    float: left;
    margin-top: 5px;
    font-size:13px;
}
.info .unit .lstInfo{
    margin-bottom: 30px;
}



.bnr{
    max-width:1000px;
    margin: 0px auto;
}
.bnrCm{
    display: block;
    border: solid 3px #d00847;
    padding: 15px 10px;
    /* background: url(/common/images/top/cm.jpg) right center no-repeat; */
    background-size: contain;
    width: 96%;
    margin: 0 auto;
    font-size: 23px;
    box-sizing: border-box;
    background-color: #d00847;
    color: #fff;
    font-weight: bold;
}





.secOther {padding: 50px 0;}
.secOther ul {display: flex;align-items: stretch;justify-content: space-evenly;flex-wrap: wrap;}
.secOther ul li {width: 46%;/* border-radius: 20px; */margin-bottom: 20px;background-color: #fff;}
.secOther ul li:hover {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}
.secOther ul li a {display: block;}
.secOther ul li a img {
}
.secOther ul li a .box {padding: 20px 5%;}
.secOther ul li a .box h4 {font-size: 13px;color: #333;height: 1em;}
.secOther ul li a .box .txt {font-size: 12px;}
.secOther ul li a .box .txt sup {
}
.secOther ul li a .box p.btn {
}
.secOther ul li a .box p.chu {text-align: center;}




.secTitle{
    padding: 80px 5% 20px;
    position: relative;
    border-bottom: solid 1px #f1f1f1;
}

.secTitle .title{position: relative;z-index: 1;width: 100%;}
.secTitle .title h1{font-size: 22px;/* background-color: #fff; */display: inline-block;font-weight: bold;}



.sitemap{}
.sitemap .navCommon {margin: 0 auto;padding: 0px 0;}
.sitemap .navCommon p {/* border-bottom:  solid 1px #cccccc; */padding: 15px;}
.sitemap .navCommon p a {color:  #333333;text-decoration:  none;position:relative;font-size: 15px;}

.sitemap .navCommon p a::before{
    font-family: 'Material Icons';
    content: "\E315";
    position:absolute;
    top: 50%;
    left: -20px;
    margin-top: -8px;
    font-size: 16px;
    color: #b3b3b3;
    display:  inline-block;
}

.sitemap .navCommon p a:hover {
    text-decoration:
        underline;
    /* color:#0381cd; */
}

.sitemap .navCommon a {color:  #333333;text-decoration:  none;font-size: 13px;display: inline-block;}
.sitemap .navCommon a:hover {
    text-decoration:
        underline;
    /* color:#0381cd; */
}

.sitemap .navCommon ul li dl {
	padding: 10px 0;
}
.sitemap .navCommon ul li dl dt a {font-size: 15px;}
.sitemap .navCommon ul li dl dd {
	width: 48%;
}
.sitemap .navCommon ul li dl dd.sub a{padding-left: 35px;}
.sitemap .navCommon ul li dl dt a,
.sitemap .navCommon ul li dl dd a{
    padding-left: 25px;
}

.sitemap .navCommon ul li dl dt a,
.sitemap .navCommon ul li dl dd a{
    padding-left: 25px;
}
.sitemap .navCommon ul li dl dd.sub a::before{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    top: 0%;
    left: 15px;
    margin-top: 0px;
}
.sitemap .navCommon p a::before,
.sitemap .navCommon ul li dl dt a::before{
    color: #ffffff;
    background-color: #d00747;
    /* border-radius: 50%; */
}



/* footer
========================================== */

footer {
    width: 100%;

}


footer .ftLink{
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
    flex-direction: column;
}
footer .ftLink ul{
    display:
        flex;
    flex-wrap:
        wrap;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}

footer .ftLink ul li{margin: 0 15px 10px;}

footer .ftLink ul li a{
    color: #333333;
    text-decoration: none;
    font-size: 14px;
}
.ftBtm .ftLink .logo img{
    width:100%;
}
.copy {
    font-size: 11px;
    color: #000000;
    text-align: center;
    padding: 10px 0;
}
.page_top {right: 5px;width: 40px;font-size: 10px;padding: 7px 6px 0px;line-height: 1;}
.page_top i{
    line-height: 17px;
    font-size: 21px;
    display: block;
}



/****
common
***/
.panw {
    background: url(/common/images/bg_gnon.jpg);
}

.pan {
    text-align: left;
    font-size: 11px;
    color: #303030;
    padding: 5px 0;
    width: 96%;
    margin: 0 auto;
}
.pan a {
    color: #303030;
}

.txt {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
}

.col2{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: column;
}
.col2 > *{
    width: 100%;
    margin-bottom: 30px;
}



/***common***/
.main{

    padding: 30vw 5vw;position: relative;}
.maincommerce{
    background: url(/common/images/works/yamada.jpg);
}

.main .title{

    position: relative;z-index: 1;width: 100%;}
.main .title h1{

    font-size: 18px;background-color: #fff;display: inline-block;font-weight: normal;position: relative;padding: 5px;}
.bgMain {

    position: absolute;width: 45%;height: 100%;background: url(/common/images/works/yamada.jpg) center center no-repeat;background-size: cover;top: 0;right: 0;}
.bgMain.commerce {

}
.sec{
    padding: 10px 0;
}


/***works***/
.secSrch{}
.secSrch ul{}
.secSrch ul li{
    margin: 3px 0%;
}
.secSrch ul li a {font-size: 13px;}
.secSrch ul li.on a{
}
.works .secSrch{background-color: #f5f5f5;padding: 10px 0%;}
.works .secSrch ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.works .secSrch ul li{/* width: 46%; */margin: 5px 0%;border-right: none;}
.works .secSrch ul li a {padding: 10px 10px;text-decoration: none;color: #333;box-sizing: border-box;font-size: 14px;background-color: #fff;text-align: center;display: block;/* border-top: solid 2px #d00847; */font-weight: bold;}
.works .secSrch ul li.on a{
    /* border-top: solid 3px #d00847; */
    color: #d00847;
}
.secLstWorks{}
.secLstWorks ul{
                }
.secLstWorks ul li{
    width: 100%;
    padding: 10px;
}
.secLstWorks ul li a {
    margin-bottom: 10px;
}
.secLstWorks ul li dl{
    color: #333;
    width: 100%;
}
.secLstWorks ul li dl dt{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}
.secLstWorks ul li dl dd{
    font-size: 14px;
}
.secLstWorks ul li a img{/* width: 100%; *//* height: auto; *//* position: absolute; */}
.secLstWorks ul li a:hover{
    opacity:1;
}
.secLstWorks ul li a::before{
    visibility: hidden;
    }
.secLstWorks ul li a:hover::before{
    visibility: visible;
    opacity: 1;}
.secLstWorks ul li a:hover span{
    visibility: visible;
    z-index: 3;
}






/
sustainability
*/
.sustainability {
}
.sustainability .sec01 {
}
.sustainability .sec01 h2.ttl {
}
.sustainability .sec01 p.txt {
}
.sustainability .sec02 {
}
.sustainability .sec02 h2.ttl {
}
.sustainability .sec02 p.txt {
}
.sustainability .sec02 ul {display: flex;justify-content: space-evenly;margin-top: 60px;flex-direction: column;}
.sustainability .sec02 ul li {width: 100%;/* background-color: #f3f3f3; */border: solid 1px #ccc;padding: 30px 3% 20px;box-sizing: border-box;margin-bottom: 50px;position: relative;}
.sustainability .sec02 ul li h3 {text-align: center;margin-bottom: 20px;background-color: #37ab53;padding: 10px;color: #fff;position: absolute;top: -30px;left: -1%;width: 10em;}
.sustainability .sec02 ul li p.txt {font-size: 14px;margin-bottom: 0;}
.sustainability .sec03 {
}
.sustainability .sec03 h2.ttl {
}
.sustainability .sec03 .boxCase {border-bottom: solid 1px #ccc;padding: 0px 0 30px;margin-bottom: 30px;}
.sustainability .sec03 .boxCase h3 {font-size: 20px;display: flex;align-items: center;margin-bottom: 20px;/* background-color: #37ab53; *//* padding: 10px 0%; */color: #37ab53;}
.sustainability .sec03 .boxCase h3 strong {font-size: 180%;margin-right: 15px;}
.sustainability .sec03 .boxCase h3 + div{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.sustainability .sec03 .boxCase article {width: 100%;display: flex;/* margin-bottom: 30px; */flex-wrap: wrap;flex-direction: column;}
.sustainability .sec03 .boxCase article p.txt {
    width: 100%;
    font-size: 14px;
}
.sustainability .sec03 .boxCase .boxIco {text-align: left;margin-bottom: 40px;width: 100%;}
.sustainability .sec03 .boxCase .boxIco img {width: 23%;margin-bottom: 5px;}
.sustainability .sec03 .boxCase .img {margin: 0 auto 10px;position: relative;width: 90%;}
.sustainability .sec03 .boxCase .img img {
}
.sustainability .sec03 .boxCase .img span {font-size: 13px;}
.sustainability .sec03 .boxCase a.btn {border: solid 1px #333;background-color: #fff;color: #333;}
.sustainability .sec03 .boxCase a.btn::after{content: "";position:absolute;top:50%;margin-top:-5px;/* right:10%; */display: inline-block;width: 30px;height: 7px;border-right: 2px solid #333;border-bottom: 1px solid #333;transform: skewX(45deg);transition: all 0.3s linear;}




/
company
*/
.company {}
.company .sec01{
    text-align:
        center;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.company .sec02{
    text-align:
        center;
    position:
        relative;
    /* display: flex; */
    margin-bottom: 50px;
}
.company .sec02 .img{
    width: 100%;
    display: flex;
    margin: 0 auto;
}

.history {}
.history .tblHis{}
.history .tblHis th{
    padding: 15px 0em 15px 1em;
    text-align: right;
    min-width: 4em;
}
.history .tblHis td .img{
    margin-top: 10px;
    width: 50%;
    /* display: inline-block; */
    /* float: right; */
}
.history .tblHis td .img img{}


.officer{}
.tblOfficer{}
.tblOfficer tr{}
.tblOfficer tr th,
.tblOfficer tr td{
    padding: 15px 0.5em;
}
.tblOfficer tr th{
    width: 10em;
}
.tblOfficer tr td.name{
    width: 7em;
}


.promotion tr th,
.promotion tr td{
	border-right: solid 1px #ccc;
}




/
construction
*/
.construction{}


.construction .sec01 {
}
.construction .sec01 h2.ttl {
}
.construction .sec01 p.txt {}
.construction .sec01 p.img {text-align: center;}
.construction .sec01 p.img img {
}
.construction .sec02 {
}
.construction .sec02 .secConst {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding: 40px 0;}
.construction .sec02 .secConst .box {width: 45%;padding: 0 5%;}
.construction .sec02 .secConst .box h3 {font-size: 30px;margin-bottom: 20px;}
.construction .sec02 .secConst .box p.txt {
}
.construction .sec02 .secConst .box a.btn {
}
.construction .sec02 .secConst img {width: 58%;/* height: 100%; */}
.construction .sec02 .secConst.reverse {
    flex-direction: row-reverse;
}
.construction .sec02 .secConst.reverse .box {
}
.construction .sec02 .secConst.reverse .box h3 {
}
.construction .sec02 .secConst.reverse .box p.txt {
}
.construction .sec02 .secConst.reverse .box a.btn {
}
.construction .sec02 .secConst.reverse img {
}



.construction .cateTopMenu {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0 auto 30px;flex-direction: row;}
.construction .cateTopMenu.col2{
}
.construction .cateTopMenu.col2 li{
    width: 48%;
}
.construction .cateTopMenu li {width: 31.33333%;margin: 0 1% 20px;box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), 1px 1px 0 rgb(0 0 0 / 10%);transition: all 0.3s linear;/* padding: 0px 0% 30px; */box-sizing: border-box;border: solid 1px #d00847;}
.construction .cateTopMenu li:hover{background-color: #ffeef3;}

.construction .cateTopMenu li a {display: block;padding: 0px 0;}

.construction .cateTopMenu li p.img {text-align: center;/* width: 36%; */margin: 0 auto 0px;}
.construction .cateTopMenu li p.img img {
    max-width: none;
}
.construction .cateTopMenu li dl {text-align: center;}
.construction .cateTopMenu li dl dt ,
.construction .construction .cateTopMenu li dl dd {
    padding: 10px 0;
}
.construction .cateTopMenu li dl dt {font-size: 18px;font-weight: bold;}
.construction .cateTopMenu li dl dt a {
}
.construction .cateTopMenu li dl dd {
}
.construction .cateTopMenu li dl dd a {
}
.construction .cateTopMenu li dl dd a::before{
    top: 50%;
    left: 20px;
    margin-top: -8px;
    font-size: 16px;
}

.construction .cateTopMenu li dl dt a,
.construction .cateTopMenu li dl dd a{
    padding-left: 30px;
    position: relative;
}





.pc{}
.pc .sec04 {
}
.pc .sec04 h2.ttl {
}
.pc .sec04 ul {display: flex;justify-content: space-between;flex-direction: column;}
.pc .sec04 ul li {width: 80%;position: relative;margin: 0 auto 30px;}
.pc .sec04 ul li h4 {background-color: #174b6f;color: #fff;padding: 10px 0;text-align: center;}
.pc .sec04 ul li p.img {margin-bottom: 10px;position: relative;}
.pc .sec04 ul li p.img img {
}
.pc .sec04 ul li .img::after{
    content: none;
}
.pc .sec04 ul li::after {
    font-family: 'Material Icons';
    content: "\e5c5";
    position: absolute;
    bottom: -45px;
    right: 50%;
    margin-top: 0px;
    margin-right: -50px;
    font-size: 100px;
    color: #7995a9;
}
.pc .sec04 ul li:last-child::after{
    content:none;
}
.pc .sec05 {
}
.pc .sec05 h2.ttl {
}
.lstjisseki {display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;}
.lstjisseki li {width: 80%;margin: 0 auto 20px;}
.lstjisseki li p.img {text-align: center;background-color: #ededed;}
.lstjisseki li p.img img {height: 221px;width: auto;max-width: 100%;}




.land {
}
.land .sec01 {
}
.land .sec01 p.cat {}
.land .sec01 p.txt {
}
.land .sec02 {
}
.land .sec02 h2.ttl {
}
.land .sec02 p.txt {
}
.land .sec02 p.img {text-align: center;}
.land .sec02 p.img img {
}
.land .sec02 .sec02_1 {border: solid 1px #1e51a2;margin-top: 50px;}
.land .sec02 .sec02_1 h3 {background-color: #1e51a2;text-align: center;padding: 10px 0;color: #fff;}
.land .sec02 .sec02_1 ul {display: flex;padding: 30px 3%;justify-content: space-around;flex-direction: column;}
.land .sec02 .sec02_1 ul li {text-align: center;width: 100%;margin-bottom: 30px;}
.land .sec02 .sec02_1 ul li img {margin-bottom: 30px;}
.land .sec02 .sec02_1 ul li h4 {color: #1e51a2;font-size: 20px;border-bottom: solid 1px #1e51a2;margin-bottom: 10px;padding-bottom: 10px;}
.land .sec02 .sec02_1 ul li p.txt {text-align: left;}

.land .sec03{}
.land .sec04{}



.land .secLandSystem {
}
.land .secLandSystem h2.ttl {
}
.land .secLandSystem h2.ttl small {
}
.land .secLandSystem .secLandSystem01 {display: flex;justify-content: space-between;margin-bottom: 50px;flex-direction: column;}
.land .secLandSystem .secLandSystem01 p.txt {width: 100%;}
.land .secLandSystem .secLandSystem01 p.txt img {float: right;margin-top: 20px;}
.land .secLandSystem .secLandSystem01 p.img {width: 100%;}
.land .secLandSystem .secLandSystem01 p.img img {
}
.land .secLandSystem .secLandSystem02 {text-align: center;margin-bottom: 50px;}
.land .secLandSystem .secLandSystem02 p.img {
}
.land .secLandSystem .secLandSystem02 p.img img {
}
.land .secLandSystem .secLandSystem03 {
}
.land .secLandSystem .secLandSystem03 h3.ttl {
}
.land .secLandSystem .secLandSystem03 ul {display: flex;justify-content: space-between;flex-direction: column;}
.land .secLandSystem .secLandSystem03 ul li {width: 100%;}
.land .secLandSystem .secLandSystem03 ul li div {display: flex;justify-content: space-between;margin-bottom: 20px;flex-direction: row;}
.land .secLandSystem .secLandSystem03 ul li  dl {width: 50%;}
.land .secLandSystem .secLandSystem03 ul li  dl dt {font-weight: bold;font-size: 18px;margin-bottom: 10px;color: #1e51a2;}
.land .secLandSystem .secLandSystem03 ul li  dl dd {font-size: 14px;}
.land .secLandSystem .secLandSystem03 ul li  img {width: 48%;}
.land .secLandSystem .secLandSystem03 ul li p.txt {font-size: 78%;}


.solar_img{
	display: inherit;
	max-width: 100%;
}



/*============================
IR
============================*/
section#ancZaim,
section#ancEigyo{
	padding-top: 60px;
    margin-top: -60px;
}
.cateTopMenu {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 auto;}
.cateTopMenu li {width: 48%;margin: 0 1% 5px;box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), 1px 1px 0 rgb(0 0 0 / 10%);transition: all 0.3s linear;/* padding: 0px 0% 30px; */box-sizing: border-box;border: solid 1px #d00847;}
.cateTopMenu li:hover{background-color: #ffeef3;}

.cateTopMenu li a {display: block;padding: 15px 0;}

.cateTopMenu li p.img {text-align: center;/* width: 36%; */margin: 0 auto 10px;}
.cateTopMenu li p.img img {
    max-width: 50px;
}
.cateTopMenu li dl {text-align: center;}
.cateTopMenu li dl dt ,
.cateTopMenu li dl dd {
    padding:5px 0;
}
.cateTopMenu li dl dt {font-size: 16px;font-weight: bold;}
.cateTopMenu li dl dt a {
}
.cateTopMenu li dl dd {
}
.cateTopMenu li dl dd a {
}
.cateTopMenu li dl dd a::before{
    top: 50%;
    left: 20px;
    margin-top: -8px;
    font-size: 16px;
}

.cateTopMenu li dl dt a,
.cateTopMenu li dl dd a{
    padding-left: 30px;
    position: relative;
}
.cateTopMenu li dl dt a::before,
.cateTopMenu li dl dd a::before{
    font-family: 'Material Icons';
    content: "\E315";
    position:absolute;
    top: 50%;
    left:5px;
    margin-top: -8px;
    font-size: 16px;
    color: #b3b3b3;
    display:  inline-block;
}

.cateTopMenu li dl dt a::before{
    color: #ffffff;
    background-color: #333;
    /* border-radius: 50%; */
}


.lstLink{
    margin-bottom: 50px;
}
.lstLink li{}
.lstLink li a{
    display: block;
    padding: 10px;
    border-bottom: solid 1px #ccc;
    font-size: 14px;
}
.lstLink li a:hover{
    background-color: #ffe6ee;
}
.lstLink li a span{
    color: #d00747;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 22px;
}

.lstGraph{
}
.lstGraph li{
    width: 100%;
    margin: 0 0% 50px;
}

.secSrch ul.col2 li{
    width: 48%;
}
.secSrch ul.col3 li{
    width: 32%;
}