@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {    color: #222;    font-size: 1em;    line-height: 1.4;}
::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}
hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}
audio,
canvas,
iframe,
img,
svg,
video {    vertical-align: middle;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* common settings
-------------------------------- */
body{ font-size:16px; line-height:1.7; color:#164f85; margin:0; padding:0; word-break: break-all; font-weight: 400;
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

.notoSansJP {  font-family: "Noto Sans JP", sans-serif;  font-optical-sizing: auto;}
.notoSerifJP {  font-family: "Noto Serif JP", serif;  font-optical-sizing: auto;}

h1,h2,h3,h4,h5,h6,p,ul,dl,ol{margin-top: 0;}
img{max-width: 100%; height: auto;}


/* link color */
/*
a			{ color:#49769B;}
a:hover		{ color:#B84749;}
a:visited	{ color:#253A6C;}
*/

.memo{ color:#999;}
.smaller{font-size: smaller;}
.spBr{display: inline-block;}
.spNone{ display: none;}

.colorBlack{ color: #000000; }
.colorWhite{ color: #ffffff; }
.colorBlue { color: #164f85; }
.colorOrage{ color: #FF8300; }

/* noLink / noWork */
a.noLink{ pointer-events:none; cursor:default;  }
.noWork { pointer-events:none; opacity: 0.4; }
.noWork input,
.noWork button,
.noWork a { pointer-events:none; }

@media (max-width: 767px) {
    .spNone{ display: none;}
}
/* ============================================
     struct
   ============================================ */

/* struct
-------------------------------- */
.struct {max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.structWide {max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.structFull {margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}

.max800Width{max-width: 800px; margin-left: auto; margin-right: auto; }

/* header
-------------------------------- */
header{  border-bottom: solid 1px #164f85 ; background: url("/common/img/header_bg_2tone.svg") no-repeat center; background-size: cover;}
header .inner { display: flex; align-items: center; padding-right: 0; background-color: #ffffff;}
header h1 { margin: 0; padding: 0 0 8px;}
header nav { flex-grow: 1; }
header nav ul{ margin: 0; padding: 0; list-style: none; text-align: right;}
header nav ul li{display: inline-block; padding-top: 10px; padding-bottom: 10px;}
    header nav ul li.home{display: none;}
header nav ul li a{ display: block; padding: 20px 8px; color: #060b0f; text-decoration: none;}
header nav ul li.contact{padding-left: 65px; background: url("/common/img/gNav_contactBG.png") no-repeat left center; background-size: 257px 102%;}
header nav ul li.contact a{ margin-left: 0; padding-right: 30px; background-color: #164f85; color: #ffffff;}
header nav ul li.contact a{ }

.navHamburger { display: none; }

@media (max-width: 767px) {
    /* navHamburger */
    .navHamburger { position: fixed; top: 10px; right: 10px; display: block; width: 50px; height: 40px; border: 0; background-color: transparent; z-index: 9999;}
        .navHamburger:hover { opacity: 0.7;cursor:pointer;}
        .admin-bar .navHamburger {  top: 62px; }
    .navHamburger span {  width: 100%;  height: 5px;  background-color: #164f85;  position: relative;  transition: ease-out 0.3s;  display: block;}
        .navHamburger span:nth-child(1) { top: 0;}
        .navHamburger span:nth-child(2) { margin: 7px 0;}
        .navHamburger span:nth-child(3) { top: 0;}
    .navHamburger.active span {  background-color: #ffffff;}
        .navHamburger.active span:nth-child(1) { transform: rotate(45deg);}
        .navHamburger.active span:nth-child(2) { display: none;}
        .navHamburger.active span:nth-child(3) { top: -5px; transform: rotate(-45deg);}
    .navHamburger.white span {  background-color: #ffffff;}
    header { background: #ffffff; }
    header .inner{ display: block; padding-bottom: 8px; padding-right: 80px; }
    header nav { position: fixed; top:0; right: -1000px; min-width: 280px; height: 100%; padding: 110px 15px 15px; box-sizing: border-box; background-color: #164f85; z-index: 999; transition: all .3s;}
    header nav.active { right: 0; }
    header nav ul{ text-align: left;}
    header nav ul li{ display: block; border-top: 1px solid #ffffff;}
        header nav ul li.home{display: block;}
    header nav ul li a{ padding: 8px; color: #ffffff;}
    header nav ul li.contact{padding-left: 0; background: none; }
    header nav ul li.contact a{ padding-right: 8px;}
}

/* main
-------------------------------- */
.main{}

/* footer
-------------------------------- */
footer { padding-top: 50px; }
footer .inner { display: flex; padding-bottom: 30px; }/* align-items: center; */

footer .FooterLeftArea { flex-shrink: 0; width: 220px; margin-right: 80px; font-size: 14px; }
footer .FooterLeftArea h2{ margin-bottom: 35px; }
footer .FooterLeftArea .branch{ margin-bottom: 15px; color: #000000;}
footer .FooterLeftArea .branch p { margin-bottom: 0; }
footer .FooterLeftArea .branch p.name { margin-bottom: 5px; background-color: #eaf0f4; text-align: center; }

footer .FooterRightArea { width: inherit; display: flex; flex-wrap: wrap; font-size: 14px; font-weight: bold;}
footer .FooterRightArea a{ text-decoration: none; color: #164f85;}
    footer .FooterRightArea a:hover{ opacity: 0.8; text-decoration: underline;}
footer .FooterRightArea ul { margin: 0 20px 0 0 ; padding: 0; list-style: none; }
footer .FooterRightArea ul li{ margin-bottom: 20px; }

footer .FooterRightArea ul.sub { margin-left: 0; margin-top: 5px; list-style: none; }
footer .FooterRightArea ul.sub li{ margin-top: 5px; margin-bottom: 0px; margin-left: 5px; padding-left: 12px; background: url("/common/img/mark_li_head_rightBlue.svg") no-repeat left center; }
footer .FooterRightArea ul.sub li a{ color: #4e8fc4; font-weight: normal; }

footer .copyright { margin: 0; padding: 8px; background-color: #05243d; text-align: center; color: #fff;}
footer p.copyright p{}

.pagetop{ display: none; position: fixed; right: 15px; bottom: 35px; margin: 0; opacity: 0.5; transition: all .3s; z-index: 200; }
.pagetop:hover{ opacity: 0.9; }


@media (max-width: 767px) {
	footer .inner { display: block; }
    footer .FooterLeftArea { width: inherit; max-width: 300px; margin-left: auto; margin-right: auto; text-align: center;}
    footer .FooterRightArea{ max-width: 300px; margin-left: auto; margin-right: auto; }
	footer .FooterRightArea ul { margin-right: inherit; }
}

/* ============================================
     Pages
   ============================================ */
.ttlPre { }
.main h2,
.main h3,
.main h4,
.main h5 { font-family: "Noto Serif JP", serif; font-weight: 700; line-height: 1.4; }

.main h3 { font-size: 32px;}
.main h4 { font-size: 24px;}
.main h5 { font-size: 18px;}

/* Section Background-color  */
.pageBgWht{}
.pageBgLightBlue{ background-color: #E9F3FF; }
.pageBgDarkBlue{ background-color: #254783; color: #ffffff; }
.pageBgSky{ background: url("/common/img/secBgSky_low.jpg") no-repeat center top #254783; background-size: 100% auto; color: #fff;}

/* ul */
.main ul{ padding-left: 1.5em;}

/* table */
.main table{width: 100%; border-top: 1px solid #C3D4DF; border-spacing:0; }
.main table th,
.main table td{ text-align: left; vertical-align: top;padding: 15px 30px; border-bottom: 1px solid #C3D4DF; }
.main table th{background-color: #164f85; color: #fff;}
.main table td{background-color: #fff; }

/* table.tblLowRow */
.main table.tblLowRow { width: inherit;}
.main table.tblLowRow th,
.main table.tblLowRow td{ padding: 8px 30px; }

@media (max-width: 767px) {
    .main table.tblLowRow th,
    .main table.tblLowRow td{ display: block;}
}


/* formTable */
.main .mailForm table {  }
.main .mailForm table th,
.main .mailForm table td{ padding: 30px 30px; }
.main .mailForm table th { width: 8em; padding-right: 0 ; background-color: #fff; color: #164f85; white-space: nowrap; }
.main .mailForm table td{ padding-right: 50px; }

.main .mailForm table input ,
.main .mailForm table textarea { width: 100%; border:1px solid #CCCCCC; padding: 8px; line-height: 1.4; }
.main .mailForm .must { display: block; font-size: 13px; color: #FF8300; }
.main .mailForm .formBtn { margin-top: 50px; margin-bottom: 80px; text-align: center;}
.main .mailForm .formBtn input[type="submit"]{ display: inline-block; min-width: 260px; padding: 16px 26px; background-color: #164f85; border: 1px solid #164f85; text-align: center; color: #ffffff; }

@media (max-width: 767px) {
    
    .main .mailForm table th,
    .main .mailForm table td {display: block; width: 100%; box-sizing: border-box;}
    .main .mailForm table th { padding: 10px 30px; background-color: #efefef;}
    .main .mailForm .must { display: inline-block;  padding-left: 15px;}

}


.main .infoBox{ margin-bottom: 30px; padding: 25px; border: 3px solid #C3D4DF; background-color: #fff; color: #164f85; }
.main .infoBox strong.result{ display: inline-block; padding-left: 15px; padding-right: 15px; font-size: 32px;}

.main .msgBox{ margin-bottom: 24px; padding: 25px; border: 3px double #C3D4DF;}
.main .msgBox02{ margin-bottom: 24px; padding: 25px; background-color: #EBFBFF;}

.btn a{display: inline-block; min-width: 150px; padding: 8px 40px 8px 16px; text-align: left !important ; color: #fff; text-decoration: none;
    background-image: url("/common/img/mark_tri_right_white.svg"), linear-gradient(90deg, #dd8e2f, #c6631e); 
    background-repeat: no-repeat;
    background-position: right 15px center, 0 0;  
    background-size: 9px 11px, cover; }


/* ページ送り CSS */
.pagenavi{padding:27px 0; font-size:12px; font-weight:bold; line-height:1;}
.pagenavi a,
.pagenavi span{ display:block;float:left;padding:8px 16px;margin-left:5px;margin-bottom:5px;
    background:#2a4073;text-decoration:none;color:#FFF;transition: all 0.3s;
    /* border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; */}
.pagenavi a:hover{ opacity: 0.7;}
.pagenavi span{border:1px solid #2a4073;background-color:#FFF;color:#2a4073;}

/* section
-------------------------------- */
.pageTtlArea{padding: 30px 0; text-align: center; color: #164f85; }
.pageTtlArea h1{ margin-bottom: 0; font-size: 24px;font-family: "Noto Serif JP", serif; font-weight: 700;}
.pageTtlArea h1 .en{ display: block; /*margin-bottom: 8px;*/ font-size: 12px; font-family: "Noto Sans JP", serif;}
.pageTtlArea ul{ margin: 15px 0 0; padding: 0; list-style: none;}
.pageTtlArea ul li{ display: inline-block;}
.pageTtlArea ul li a{ display: block; padding: 3px 16px; color: #164f85; text-decoration: none;}
    .pageTtlArea ul li a:hover{ text-decoration: underline;}
.pageTtlArea ul li.cr a{  background-color: #164f85; color: #fff; pointer-events:none; cursor:default; }

.pageVisualArea{ display: flex; align-items: center; min-height: 520px; text-align: center; background-color: #164f85; color: #ffffff; font-family: "Noto Serif JP", serif;}
.pageVisualArea h2{ margin: 0; font-size: 40px; }
.pageVisualArea h2 .add{ display: block; margin-top: 20px; font-size: 24px; }

.pageSec{ margin: 0; padding-top: 50px; padding-bottom: 50px;}

.lastSection{ padding-bottom: 120px !important; }


/* home page
-------------------------------- */
.pageVisualArea.homeVisual{ padding: 100px 10%; background: url("/common/img/home_keyVisual001@2x.jpg") no-repeat center center; background-size: cover;}

@media (max-width: 767px) {
    .pageVisualArea.homeVisual{ padding: 50px 10%; }
}

/* homeSec */
.homeSec { padding-top: 40px; padding-bottom: 40px; }
.homeSec h2 { margin-bottom: 40px; white-space: nowrap; font-family: "Noto Sans JP", sans-serif;}
.homeSec h2 .en{ display: block;  font-optical-sizing: auto; font-size: 50px; line-height: 60px;}
.homeSec h2 .ja{ display: block;  font-size: 24px; font-weight: 400;}
@media (max-width: 767px) {
    .homeSec { padding-top: 30px; padding-bottom: 30px; }
    .homeSec h2 .en{ display: inline-block; margin-right: 20px; font-size: 40px; line-height: 48px;}
    .homeSec h2 .ja{ display: inline-block; font-size: 20px;}
}

/* homeSec.newsArea */
.homeSec.newsArea{ background-color: #164f85; color: #ffffff;}
.homeSec.newsArea .inner{ display: flex;}
.homeSec.newsArea ul{ flex-grow: 2; margin: 0; padding: 0 0 0 50px; list-style: none;}
.homeSec.newsArea ul li{ display: flex; width: 100%; margin:5px; }
.homeSec.newsArea ul li span{ display: block;}
.homeSec.newsArea ul li span span.ttlTxt{ display: inline-block;}
.homeSec.newsArea ul li span.cate{ min-width: 130px; margin-right: 5px; padding: 5px 15px; background: linear-gradient(90deg, #dd8e2f, #c6631e);}
.homeSec.newsArea ul li span.entry{ flex-grow: 2; padding: 8px 20px; background: #213c7f;}
.homeSec.newsArea ul li span.entry a{ color: #ffffff; text-decoration: none;}

@media (max-width: 767px) {
    .homeSec.newsArea .inner{ display: block;}
    .homeSec.newsArea ul{ padding: 0; }
}

/* homeSec.homeStrength */
.homeSec.homeStrength{ position: relative;}
.homeSec.homeStrength .inner{position: relative; z-index: 200;}


.homeSec.homeStrength h2{ display: inline-block; background-color: #fff;}


.homeSec.homeStrength .itemBox{ margin-bottom: 80px;}

.homeSec.homeStrength .img{ max-width: 45%; }
.homeSec.homeStrength .img.imgLeft { margin-right: 50px; }
.homeSec.homeStrength .img.imgRight { margin-left: 50px; }

.homeSec.homeStrength .txt{ }
.homeSec.homeStrength .point{ position: relative;padding-left: 20px; background: url("/common/img/mark_tri_right_orange.svg") no-repeat left top 16px; font-size: 24px; color: #ea8807; font-weight: bold;}
.homeSec.homeStrength .point .txt{ position: relative; display: inline-block; padding-right: 1em; background-color: #FFFFFF; ; z-index: 200;}
.homeSec.homeStrength .point .border{ position: relative; top:-20px; display: block; border-bottom: 3px solid #ea8807; z-index: 100;}
.homeSec.homeStrength h3 strong{ display: inline-block; color: #ea8807; }

.homeSec.homeStrength .bg01{ position: absolute; top: 0; right: 0; width: 497px; max-width: 50%; height: 174px; background: url("/common/img/home_strength_bg.jpg") no-repeat right top; background-size: contain; z-index: 100;}
.homeSec.homeStrength .bg02{ position: absolute; bottom: 0; left: 0; width: 355px; height: 519px; background: url("/common/img/home_strength_bg02.jpg") no-repeat right top; z-index: 100;}

@media (max-width: 767px) {
    .homeSec.homeStrength .img{ max-width: inherit;}
        .homeSec.homeStrength .img.imgLeft { margin-right: inherit; }
        .homeSec.homeStrength .img.imgRight { margin-left: inherit; }
    .homeSec.homeStrength .bg02{ display: none;}
}

/* homeSec.homeBusiness */
.homeSec.homeBusiness{ background:url("/common/img/homeBisBg_low.jpg") no-repeat center bottom; background-size: cover; color: #fff;}
.homeSec.homeBusiness .itemBox{ padding: 32px; margin-bottom: 30px; background-color: rgba(255,255,255,0.10); }
.homeSec.homeBusiness .itemBox.floatBox .imgLeft { margin-bottom: 0; }
.homeSec.homeBusiness .itemBox.floatBox .txtStop .btn a {  
}
.homeSec.newsArea ul li span.cate{ min-width: 130px; margin-right: 5px; padding: 5px 15px; background: linear-gradient(90deg, #dd8e2f, #c6631e);}

@media (max-width: 767px) {
    .homeSec.homeBusiness .itemBox img{ margin-bottom: 16px; }
}

/* improve-efficiency page
-------------------------------- */
.pageVisualArea.efficiencyVisual{background: url("/common/img/efficiency_ttl_bg@2x.jpg") no-repeat center;   background-size: cover;}

/* company page
-------------------------------- */
.pageVisualArea{}
.pageVisualArea.companyVisual{ background: url("/common/img/company_visual@2x.jpg") no-repeat center; background-size: cover;}
.comMessage .col2Flex.msgImgArea {margin-bottom: 30px; align-items: center;}
.comMessage .col2Flex.msgImgArea .pic{ text-align: left;}
.comMessage .col2Flex.msgImgArea .kokki{ text-align: center; font-size: 38px;}
.comSponsorship .boxItem{margin-bottom: 30px;}
.comSponsorship .boxItem p{margin-bottom: 0;}
.comSponsorship .boxItem p.img{margin-bottom: 5px;}
.comSponsorship .col3Flex{margin-bottom: 20px;}

@media (max-width: 767px) {
    .comMessage .col2Flex.msgImgArea .pic{ text-align: center;}
}

/* Project Gallery page
-------------------------------- */
.worksListArea .col3Flex .boxItem { margin-bottom: 30px;}
.worksListArea .boxItem p{ margin-bottom: 0;}
.worksListArea .boxItem a:hover{ opacity: .7;}
.worksListArea .boxItem p.img{ position: relative; margin-bottom: 8px; border: 1px solid #ccc; background-color: #ffffff; text-align: center;}
    .worksListArea.pageBgLightBlue .boxItem p.img{ border: 0; }

.worksListArea .boxItem p.ttl{ padding: 0 6px; font-weight: bold; line-height: 1.4;}
.worksListArea .boxItem p.ttl a{ text-decoration: none; color: #213c7f;}

.worksListArea .boxItem p.img .tag{ position: absolute; bottom:0; left: 0; display: block; padding: 4px; text-align: left;}
.worksListArea .boxItem p.img .tag span.tagItem{ display: inline-block; margin: 0 5px 0px 0; padding: 3px 8px; background: linear-gradient(90deg, #dd8e2f, #c6631e); color: #fff; font-size: 13px; line-height: 1.2;}

.worksListArea .btn.txtAlignRight{ text-align: center !important;}



.worksCateArea{ margin-bottom: 30px;}
.worksCateArea input[type=radio] {display: none; }

span.iconDisp,
label.iconDisp {display: inline-block;padding: 10px 40px;margin-right: 8px;margin-bottom: 12px;background-color: #E8EAE7;color: #213c7f;line-height: 1.2;font-size: 14px;font-weight: bold;transition: all .2s;box-shadow: 0px 2px 4px #526C9B64; cursor: pointer;}
    .iconDisp:hover{ opacity: 0.7;}
span.iconDisp.cr,
.worksCateArea input:checked+label {background-color: #213c7f; color: #fff;}


/* works single
-------------------------------- */
.keyPic{text-align: center; transition: all .3s;}
.keyPic img{transition: all .3s;}
.imgNav { margin-bottom: 40px; }
.imgNav span{display: inline-block; padding-right:3px;padding-bottom: 3px;  }
.imgNav span img{max-height: 80px; width: auto; cursor: pointer;}

/* business pages
-------------------------------- */
.businessList .itemBox{ position: relative; margin-bottom: 60px;}
.businessList .itemBox .img{ max-width: 45%; margin-right: 50px; }
.businessList .itemBox .txt{ padding-bottom: 90px; }
.businessList .itemBox .btn{ position: absolute; right: 0; bottom: 30px;}

.busSec .addTxt{ display: block;margin-bottom: 8px; font-size: 16px; }
.busSec .col3Flex .boxItem{ margin-bottom: 30px; }
.busSec .col3Flex .img{ margin-bottom: 5px; text-align: center;}
.busSec .col3Flex .ttl{ margin-top:10px; margin-bottom: 10px; padding: 0 6px; font-size: 20px; }
    .busSec.worksListArea .col3Flex .ttl{ font-size: 16px; line-height: 1.4; }
.busSec .col3Flex .txt{ margin-bottom: 0; padding: 0 6px; }

@media (max-width: 767px) {
    .businessList .itemBox{ margin-bottom: 40px;}
    .businessList .itemBox .img{ max-width: inherit; margin-right: auto; }
    .businessList .itemBox .btn.txtAlignRight { text-align: center !important;}
    .businessList .itemBox .btn{ position: relative; bottom: inherit; }
}

/* solar-install */
.pageVisualArea.instVisual{background: url("/common/img/install_ttl_bg@2x.jpg") no-repeat center;   background-size: cover;}

.instFlow{}
.instFlow .instFlowBox{ position: relative; padding-left: 64px;}
    .instFlow .instFlowBox::after{ content: ""; position: absolute; top: 20px; left: 25px; display: block; width: 3px; height: calc(100% - 140px ); background-color: #164F85; }
.instFlow .instFlowBox .boxItem{ position: relative; margin-bottom:38px; background-color: #E6F1FC;}
    .instFlow .instFlowBox .boxItem::after{ content: ""; position: absolute; top: 18px; left: -50px; display: block; width: 24px; height: 24px; background-color: #164F85; border-radius: 12px;}/**/
.instFlow .instFlowBox .ttl{ padding: 15px 30px; margin: 0; background-color: #164F85; color: #ffffff;}
.instFlow .instFlowBox p{ padding: 15px 30px; margin: 0; }

.instFlow .instFlowBox .boxItem.last{ background-color: #EBFBFF; color:#0D9CBC; }
    .instFlow .instFlowBox .boxItem.last::after{ background-color: #0D9CBC;}
.instFlow .instFlowBox .boxItem.last .ttl{ background-color: #0D9CBC; }

.instQA p{margin-bottom: 2.5em;}
.instQA strong{display: block; margin-bottom: 8px; border-bottom: 1px solid #C3D4DF;}

/* solar-maintenance */
.pageVisualArea.mainteVisual{background: url("/common/img/maintenance_ttl_bg@2x.jpg") no-repeat center;   background-size: cover;}
.mainteExample .col2Flex .boxItem { margin-bottom: 24px;}
.mainteExample .col2Flex .boxItem .ttl{ margin-bottom: 10px;}
.mainteExample .col2Flex .boxItem .txt{ padding: 0 6px;}

/* housing-equipment */
.pageVisualArea.housingVisual{background: url("/common/img/housing_ttl_bg@2x.jpg") no-repeat center;   background-size: cover;}


/* electrical-equipment */
.pageVisualArea.eleVisual{background: url("/common/img/equipment_ttl_bg@2x.jpg") no-repeat center;   background-size: cover;}


/* improve-efficiency */
.efficiencyKihon .floatBox .imgRight{max-width: 45%; margin-bottom: 0;}
.efficiencyJirei .msgBox .resultArrow{ padding: 15px 0 ; background: url("/common/img/improveEfficiency_markArrow.svg") no-repeat center; }
@media (max-width: 767px) {
    .efficiencyKihon .floatBox .imgRight{max-width: inherit; margin-bottom: 30px;}
}


/* company page
-------------------------------- */
.infoDisp .boxItem p.img{ margin-bottom: 8px;}
.infoDisp .boxItem p.date{ padding: 0 6px; margin-bottom: 0; line-height: 1.4;}
.infoDisp .boxItem p.ttl{ padding: 0 6px; font-weight: bold; line-height: 1.4;}
.infoDisp .boxItem p.ttl a{ text-decoration: none; color: #213c7f;}
.infoDisp .boxItem a{ text-decoration: none; color: #213c7f;}

@media (max-width: 767px) {
    .businessList .img{ text-align: center;}
}

/* Information
-------------------------------- */
.categoryTag span{ display: inline-block; padding: 5px 15px; margin-right: 15px; margin-bottom: 8px; background: linear-gradient(90deg, #dd8e2f, #c6631e); color: #fff; line-height: 1.2; }

.infoListItem{ padding:16px 8px; border-bottom:1px solid #C3D4DF;}
.infoListItem p,
.infoListItem h4{ margin-bottom: 0;}
.infoListItem .entryDate{ display: inline-block; padding-right: 20px; }
.infoListItem .categoryTag span{ font-size: smaller;  }
.infoListItem h4.itemBody { font-size: 18px;  }

.infoListItem a{ text-decoration: none; color: #164f85;}
    .infoListItem a:hover{ text-decoration: underline; }

.informationBody{ padding-bottom: 60px;}
.informationBody .inner{ max-width: 800px; margin-left: auto; margin-right: auto; }
.informationBody .entryTtl{ margin-bottom: 30px;}
.informationBody .entryBody{ padding: 30px; background-color: #fff;}
.informationBody .entryDate{ margin-bottom: 30px; text-align: right;}

/* ============================================
     utility
   ============================================ */

/*  flexBox
-------------------------------- */
.col4Flex,
.col3Flex,
.col2Flex{ display: flex; flex-wrap: wrap;}

.col2Flex .boxItem{ width: 48.5%; box-sizing: border-box;  margin-right: 3%; margin-bottom: 15px;}
   .col2Flex .boxItem:nth-child(2n){ margin-right: 0; }
.col3Flex .boxItem{ width: 32%; box-sizing: border-box; margin-right: 2%; margin-bottom: 15px; }
   .col3Flex .boxItem:nth-child(3n){ margin-right: 0; }
.col4Flex .boxItem{ width: 23.5%; box-sizing: border-box; margin-right: 2%; margin-bottom: 15px; }
   .col4Flex .boxItem:nth-child(4n){ margin-right: 0; }

@media (max-width: 767px) {
   .col2Flex .boxItem{ width: 100%; margin-right: 0; }
   .col3Flex .boxItem,
   .col4Flex .boxItem{ width: 49%; box-sizing: border-box;  margin-right: 2%; }
      .col3Flex .boxItem:nth-child(3n){ margin-right: 2%; }
      .col4Flex .boxItem:nth-child(4n){ margin-right: 2%; }
      .col3Flex .boxItem:nth-child(2n),
      .col4Flex .boxItem:nth-child(2n){ margin-right: 0; }
}

/*  .col2Flex.col46 */
.col2Flex.col46 .boxItem:nth-child(odd){ width: 38.5%; }
   .col2Flex.col46 .boxItem:nth-child(even){ width: 58.5%; }

@media (max-width: 767px) {
   .col2Flex.col46 .boxItem{ width: 100%; margin-right: 0; }
        .col2Flex.col46 .boxItem:nth-child(odd){ width: 100%; }
        .col2Flex.col46 .boxItem:nth-child(even){ width: 100%; }

}

/*  floatBox
-------------------------------- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{ float:left; margin:0 30px 30px 0;}
.floatBox .imgRight{ float:right; margin:0 0 30px 30px;}
.floatBox .txtFloat{}
.floatBox .txtStop{ overflow:hidden;}

@media (max-width: 767px) {
  .floatBox .imgLeft,
  .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
}






/*  align
-------------------------------- */
.txtAlignLeft{ text-align:left !important;}
.txtAlignRight{ text-align:right !important;}
.txtAlignCenter{ text-align:center !important;}

.pcLspC{ text-align: left;}
.pcCspL{ text-align: center}
.pcRspC{ text-align: right;}

@media (max-width: 767px) {
  .pcLspC{ text-align: center;}
  .pcCspL{ text-align: left}
  .pcRspC{ text-align: center;}
}


/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}
.font22{ font-size:22px !important;}
.font24{ font-size:24px !important;}
.font26{ font-size:26px !important;}
.font28{ font-size:28px !important;}
.font30{ font-size:30px !important;}
.font32{ font-size:32px !important;}
.font34{ font-size:34px !important;}
.font36{ font-size:36px !important;}
.font38{ font-size:38px !important;}
.font40{ font-size:40px !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* both side */
.ms00{margin-left:0 !important; margin-right:0 !important;}
.ms05{margin-left:5px !important; margin-right:5px !important;}
.ms10{margin-left:10px !important; margin-right:10px !important;}
.ms15{margin-left:15px !important; margin-right:15px !important;}
.ms20{margin-left:20px !important; margin-right:20px !important;}
.ms25{margin-left:25px !important; margin-right:25px !important;}
.ms30{margin-left:30px !important; margin-right:30px !important;}
.ms35{margin-left:35px !important; margin-right:35px !important;}
.ms40{margin-left:40px !important; margin-right:40px !important;}
.ms45{margin-left:45px !important; margin-right:45px !important;}
.ms50{margin-left:50px !important; margin-right:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* both side */
.ps00{padding-left:0 !important; padding-right:0 !important;}
.ps05{padding-left:5px !important; padding-right:5px !important;}
.ps10{padding-left:10px !important; padding-right:10px !important;}
.ps15{padding-left:15px !important; padding-right:15px !important;}
.ps20{padding-left:20px !important; padding-right:20px !important;}
.ps25{padding-left:25px !important; padding-right:25px !important;}
.ps30{padding-left:30px !important; padding-right:30px !important;}
.ps35{padding-left:35px !important; padding-right:35px !important;}
.ps40{padding-left:40px !important; padding-right:40px !important;}
.ps45{padding-left:45px !important; padding-right:45px !important;}
.ps50{padding-left:50px !important; padding-right:50px !important;}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {    display: none !important;}
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;
    position: absolute;    width: 1px;    white-space: nowrap; /* 1 */}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;    white-space: inherit;}
.invisible {    visibility: hidden;}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {    clear: both;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}