@charset "UTF-8";

/*  
Theme Name:光熱費・電気・ガス・通信・太陽光発電・Qitのアグリゲート
Theme URI:https://aggregate.co.jp/
Version:2024073001
Author:アグリゲート
Author URI:https://aggregate.co.jp/
License:GNU General Public License v2.0
License URI:https://www.gnu.org/licenses/gpl-2.0.html
*/

/* reset ------------------------------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul,li{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
*:focus {outline: none !important; }

blockquote.blockq {position: relative;margin:0 auto ;padding:10px;border: 1px solid #CCC; border-radius: 6px; width:calc(40% - 11px); max-width:420px; line-height:140%; background:#fff;}
blockquote.blockq:before,blockquote:after{position: absolute;font-size: 4em;opacity: .1; font-family:Arial, Helvetica, sans-serif;}
blockquote.blockq:before{top: 15px;left: 20px;content: '"';}
blockquote.blockq:after{bottom: 0px;right: 20px;content: '"';}


/* layout ------------------------------------------------------------ */
html {height:100%; background:#fff; margin:0 !important;}
body { margin: 0; padding: 0; color: #000; font-size : 14px; font-family: 'Noto Sans JP', sans-serif; height:100%; line-height:100%; text-align:center;}
#wrap{padding-top:136px;}
#topcontrol{z-index:9999 !important;}
@media only screen and (max-width: 760px) {
#wrap{padding-top:64px;}
}

.contentArea100 {clear: both;width: 100%; margin: 0 auto;padding:0;text-align: center;}
.contentArea {clear: both; width: calc(100% - 20px); max-width: 1220px; margin: 0 auto;padding:0 10px; text-align: center; position:relative; overflow:hidden;}
.contentNoimg {clear: both; width: calc(100% - 20px); max-width: 1220px; margin: 0 auto;padding:40px 10px 0; text-align: center; position:relative; overflow:hidden;}
.contentArea1080 {clear: both;width: 98%; max-width: 1080px; margin: 0 auto; padding:0; text-align: center;}
.contentArea960 {clear: both;width: 98%; max-width: 960px; margin: 0 auto; padding:0; text-align: center;}
.contentArea720 {clear: both;width: 98%; max-width: 760px; margin: 0 auto; padding:0; text-align: center;}
.contentArea540 {clear: both;width: 98%; max-width: 540px; margin: 0 auto; padding:0; text-align: center;}
.contentArea480 {clear: both;width: 98%; max-width: 480px; margin: 0 auto; padding:0; text-align: center;}
.contentArea360 {clear: both;width: 98%; max-width: 360px; margin: 0 auto; padding:0; text-align: center;}
.contentBox{ padding:40px 0; overflow: hidden;}
.contentBoxLL{ padding:120px 0; overflow: hidden;}
@media only screen and (max-width: 760px) {
.contentBox{ padding:25px 0;}
.contentBoxLL{ padding:40px 0;}
}





/* common ------------------------------------------------------------ */
.fontMin {font-family:"Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.center{text-align:center !important;}
.textLeft{text-align:left !important;}
.textRight{text-align:right !important;}
.textLeft-C{text-align:left !important;}
.textRight-C{text-align:right !important;}
@media only screen and (max-width: 760px) {
.textLeft-C{text-align: center !important;}
.textRight-C{text-align: center !important;}
}

a{color:#000; text-decoration:none;}
a:hover{ color:#000;text-decoration:underline;}
a img {transition: 0.8s ease; }
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }
a:hover img.opa90 { opacity: 0.9; filter: alpha(opacity=90); }
#indexSlide a:hover img{opacity: 1 !important; filter: alpha(opacity=90) !important;}
.floatRight{float:right !important;}
.bold{font-weight:bold !important;}
.thin{font-weight:lighter !important;}
.col000{color:#000;}
.colfff{color:#fff;}
.colRed{color:#cc0000;}
.bgLG{background:#e5e5e5; padding:40px 0; margin:60px 0; overflow:hidden;}
.bgFff{background: #fff;}
@media only screen and (max-width: 760px) {
.bgLG{background:#e5e5e5; padding:25px 0; margin:30px 0;}
}

.line10{line-height:100%;}
.line12{line-height:120%;}
.line14{line-height:140%;}
.line18{line-height:180%;}
.line21{line-height:210%;}

.pcOnly760{ display:block;}
.smpOnly760{ display:none;}
@media only screen and (max-width: 760px) {
.pcOnly760{ display:none;}
.smpOnly760{ display:block;}
}
.pcOnly960{ display:block;}
.smpOnly960{ display:none;}
@media only screen and (max-width: 960px) {
.pcOnly960{ display:none;}
.smpOnly960{ display:block;}
}
span.br760{ display: inline;}
span.inline760{ display: block;}
@media only screen and (max-width: 760px) {
span.br760{ display: block;}
span.inline760{ display: inline;}
}
span.br540{ display: inline;}
@media only screen and (max-width: 540px) {
span.br540{ display: block;}
}


img{width:100%; max-width:100%;}
img.txtIco{ width:24px; margin:0 auto;}
img.w30{ width:30%; margin:0 auto;}
img.w40{ width:40%; margin:0 auto;}
img.w50{ width:50%; margin:0 auto;}
img.w60{ width:60%; margin:0 auto;}
img.w80{ width:80%; margin:0 auto;}
img.w90{ width:90%; margin:0 auto;}
img.w150{ width:60%; margin:0 auto; max-width:150px;}
img.w200{ width:60%; margin:0 auto; max-width:200px;}
img.w300{ width:60%; margin:0 auto; max-width:300px;}
img.w400{ width:80%; margin:0 auto; max-width:400px;}
img.w500{ width:80%; margin:0 auto; max-width:500px;}
img.w600{ width:80%; margin:0 auto; max-width:600px;}
img.w700{ width:80%; margin:0 auto; max-width:700px;}
img.w900{ width:80%; margin:0 auto; max-width:900px;}



/* markup------------------------------------------------- */
h2{font-size:30px; margin:20px 0; line-height:160%; color:#737373; letter-spacing:0.1em;}
h2.indexP{font-size:30px; margin:20px 0; line-height:160%; color:#737373; letter-spacing:0.1em;}
h2.jpT{line-height:110%; letter-spacing:0.1em;}
h2.jpT span.engT{display:block; font-size:16px;}
h2.borB{ border-bottom: #ccc 1px solid; margin: 20px 0 0; padding: 0 0 10px 0}
h3{font-size:24px; line-height:160%; margin:20px 0; color:#737373; letter-spacing:0.1em; }
h3.mtNarrow{margin:10px 0 20px 0;}
h3.borB{ border-bottom: #ccc 1px solid; padding: 0 0 40px 0;}
h4{font-size:20px; line-height:160%; margin:20px 0; color:#737373; letter-spacing:0.1em; }
h4.indexP{font-size:20px; line-height:160%; margin:20px 0; color:#737373; letter-spacing:0.1em; }
h4.borB{ border-bottom: #ccc 1px solid; padding: 0 0 40px 0;}
h5{font-size:18px; line-height:140%; color:#737373; }
h5.borB{ border-bottom: #ccc 1px solid; padding: 0 0 40px 0;}
p{ line-height:150%;}
@media only screen and (max-width: 1400px) {
h2.indexP{font-size:24px; letter-spacing:0em; }
h4.indexP{font-size:16px; letter-spacing:0em; }
}

@media only screen and (max-width: 1400px) {
h2.indexP{ margin:80px 0 20px;}
}


@media only screen and (max-width: 1000px) {
h2.indexP{font-size:18px; margin:60px 0 20px;}
h4.indexP{font-size:14px;}
h4.indexP span.indexP{display:block}
}




@media only screen and (max-width: 960px) {
h2{ font-size:24px;}
h3{font-size:18px;}
}
@media only screen and (max-width: 760px) {
h2{font-size:21px;}
h2.indexP{ margin:20px 0 20px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:14px;}
}
@media only screen and (max-width: 540px) {
h2{font-size:18px;}
h2.indexP{font-size:18px;}
}

a.blockBtn{transition: all .6s; text-align:center; margin:40px auto ; width:80%; max-width:300px; padding:15px; border:#1d2b6b 2px solid; font-size:24px; display:block; background:#1d2b6b; color:#fff;}
a.blockBtn:hover{text-decoration:none; background:#fff; color:#1d2b6b;}
a.blockBtnS{transition: all .6s; text-align:center; margin:40px auto ; width:80%; max-width:200px; padding:15px; border:#1d2b6b 2px solid; font-size:24px; display:block; background:#1d2b6b; color:#fff;}
a.blockBtnS:hover{text-decoration:none; background:#fff; color:#1d2b6b;}
@media only screen and (max-width: 540px) {
a.blockBtn{ padding:10px; margin:25px auto; font-size:24px;}
a.blockBtnS{ padding:10px; margin:25px auto; font-size:24px;}
}
/* indexPage ------------------------------------------------------------ */
#indexSlide{position:relative; margin: 0 0 100px 0; padding:0;}
#indexSlide #ico10th{ position: absolute; width: 174px; top: 24px; left: 1.2%;}
#indexSlide ul li{position:relative;}
#indexSlide ul li div.textBg{ position:absolute; display:block; top:0; left:0; right:0; width:100%;}
#indexSlide ul li div.textBg div.textBox{ width:80%; max-width:1200px;margin:0 auto; display:block;}

#indexSlide ul li div.textBgL{ position:absolute; display:block; top:0; left:0; right:0; width:100%;}
#indexSlide ul li div.textBgL div.textBoxL{ width: 62.5%; max-width:1200px;margin:0 auto; display:block;}
@media only screen and (max-width: 960px) {
#indexSlide #ico10th{width: 140px; top: 10px; left:1%;}
}
@media only screen and (max-width: 760px) {
#indexSlide #ico10th{width: 90px; top: 0px; left:0px;}
#indexSlide ul li div.textBgL div.textBoxL{display:none;}
}
#indexUl{width:100%; max-width:1400px; margin:0 auto; overflow:hidden;}
#indexUl li{width:calc(50% - 20px); padding:10px; float:left;}
#indexUl li:last-child{width:calc(50% - 20px); padding:12% 10px 10px 10px; float:left;}
@media only screen and (max-width: 1200px) {
#indexUl li:last-child{padding:8% 10px 10px 10px;}
}
@media only screen and (max-width: 960px) {
#indexUl li:last-child{padding:0% 10px 10px 10px;}
}
@media only screen and (max-width: 760px) {
#indexSlide{position:relative; margin: 0 0 60px 0;}
#indexSlide ul li div.textBg div.textBox{display:none;}
#indexUl li{width:100%; padding:0; float:none;}
#indexUl li:last-child{width:100%; padding:0; float:none;}
}

ul.hiLights{width:100%;padding:0; margin:0; overflow: hidden;}
ul.hiLights li{width:calc(25% - 24px); padding:0 12px; float:left;}
ul.hiLights li h3{font-size:20px; line-height:160%; margin:10px 0 5px;letter-spacing:0.1em; font-weight: 500}
ul.hiLights li p{ text-align:left; line-height:160%; color:#737373; }
@media only screen and (max-width: 760px) {
ul.hiLights li{width:calc(50% - 10px); padding:5px 5px;}
ul.hiLights li h3{font-size:14px; line-height:140%; margin:5px 0;letter-spacing:0;}
ul.hiLights li p{ font-size:12px; text-align:left; line-height:140%;}
}

.topicArea{border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; padding:10px 0; margin:40px auto}
@media only screen and (max-width: 760px) {
.topicArea{ margin:25px auto 80px}
}

ul.businessInfo{ overflow:hidden; margin:80px 0 20px}
ul.businessInfo li{width:25%; float:left; overflow:hidden; }
ul.businessInfo li.textLi{ width:calc(50% - 40px); padding:0 20px; float:left;}
ul.businessInfo li.textLi h3{ margin:0 auto 20px; font-weight:500}
ul.businessInfo li.textLi p{ text-align:left; line-height:160%; color:#a1a1a1; font-size:18px; font-weight:500; margin:0 0 10px 0;}
ul.businessInfo li.icoLi{width:25%; float:left;}
ul.businessInfo li.icoLi .icoImg{ display:block; margin:0;}
ul.businessInfo li.icoLi a.linkBox{ display:block; margin:20px 0 0 0; border:#192852 1px solid; background:#192852; color:#fff; padding:10px 0; font-weight:700; letter-spacing:0.2em; font-size:16px; transition:0.6s all;}
ul.businessInfo li.icoLi a.linkBox:hover{color:#192852; background:#fff; text-decoration:none}
@media only screen and (max-width: 760px) {
ul.businessInfo{margin:40px 0 20px}
ul.businessInfo li{width:50%; margin:0 auto;}
ul.businessInfo li.textLi{ width:calc(50% - 20px); padding:0 10px;}
ul.businessInfo li.textLi h3{ margin:0 auto 10px;}
ul.businessInfo li.textLi p{line-height:140%; font-size:16px; font-weight:300; color:#666;}
ul.businessInfo li.icoLi{width:100%; float:none;}
ul.businessInfo li.icoLi .icoImg{ display:none;}
}
@media only screen and (max-width: 540px) {
ul.businessInfo{margin:40px 0 20px}
ul.businessInfo li{width:80%; float:none; margin:0 auto;}
ul.businessInfo li.textLi{ width:calc(100% - 20px); padding:0 10px; float:none;}
ul.businessInfo li.textLi h3{ margin:0 auto 10px;}
ul.businessInfo li.textLi p{line-height:140%; font-size:14px;}
ul.businessInfo li.icoLi{width:100%; float:none;}
}
h3.businessInfo{ margin:80px auto 20px; font-weight:500; border:#999 1px solid; padding:10px; border-top-left-radius: 60px; border-bottom-right-radius: 60px;}
h3.businessInfoLg{ margin:20px auto 20px; font-weight:500; border:#999 1px solid; padding:10px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; background: #fff;}
p.businessInfo{ text-align:left; line-height:160%; color:#a1a1a1; font-size:20px; font-weight:500}
@media only screen and (max-width: 760px) {
h3.businessInfo{ margin:40px auto 10px; padding:8px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;}
h3.businessInfoLg{ margin:40px auto 10px; padding:8px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;}
p.businessInfo{font-size:14px; font-weight:300; color:#666;}
}

ul.linkBnr2{ overflow:hidden; margin:40px 0 20px}
ul.linkBnr2 li{width:calc(50% - 20px); float:left; padding:10px;}
ul.linkBnr2 li p{ color:#a1a1a1; font-size:14px; font-weight:700; margin:10px auto 0;}
ul.linkBnr1{ overflow:hidden; margin:40px 0 20px}
ul.linkBnr1 li{width:calc(100% - 20px); float:none; padding:10px;}
@media only screen and (max-width: 540px) {
ul.linkBnr2 li{width:calc(100% - 20px); float:none; padding:10px;}
}


/* division ------------------------------------------------------------ */
#maiV{ margin:0 0 20px 0; padding:0;}
#breadCrumb{ text-align:left; font-weight:300}

h3.divisionT{ margin:80px auto 20px; color:#fff; font-weight:500; background:#6870a8; padding:10px; border-top-left-radius: 60px; border-bottom-right-radius: 60px;}
ul.divisionInfo{ overflow:hidden; margin:20px 0 20px}
ul.divisionInfo li{width:50%; float:left;}
ul.divisionInfo li.textLi{ width:calc(50% - 40px); padding:0 20px; float:left;}
ul.divisionInfo li.textLi h3{ margin:0 auto 10px; font-weight:700; text-align:left; color:#707070; font-size:20px;}
ul.divisionInfo li.textLi p{ text-align:left; line-height:160%; color:#a1a1a1; font-size:16px; font-weight:300; margin:0 0 10px 0;}
@media only screen and (max-width: 760px) {
h3.divisionT{ margin:40px auto 10px; padding:8px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;}
ul.divisionInfo li.textLi h3{ margin:0 auto 10px;  font-size:16px;}
}
@media only screen and (max-width: 540px) {
ul.divisionInfo li{width:100%; float:none;}
ul.divisionInfo li.textLi{width:100%; float:none; padding:10px 0;}
ul.divisionInfo li.textLi h3{ margin:0 auto 10px; font-weight:500; text-align:left;}
ul.divisionInfo li.textLi p{ text-align:left; line-height:160%; color:#a1a1a1; font-size:14px; font-weight:300; margin:0 0 10px 0;}	
}

ul.bnrProd{ width: 100%; margin: 0;padding: 0; overflow: hidden;}
ul.bnrProd li{width: 50%; margin: 0; padding: 0; float: left;}
@media only screen and (max-width: 540px) {
ul.bnrProd li{width: 100%; float: none;}
}
/* profile ------------------------------------------------------------ */
ul.profileT{ overflow:hidden; margin:20px 0 20px}
ul.profileT li{width:calc(33.333333% - 30px); float:left; padding: 15px;}
ul.profileT li p{color:#a1a1a1; font-size:16px; margin: 10px 0 0 0;}	
@media only screen and (max-width: 540px) {
ul.profileT li{width:calc(100% - 20px); float:none; padding: 10px;}
}

dl.companyProf{overflow:hidden; margin:20px 0 20px; color: #737373;}
dl.companyProf dt{width:24%; float:left; padding: 10px 0; text-align: right; font-size: 16px; line-height: 140%;}
dl.companyProf dd{width:calc(76% - 20px); float:left; padding: 10px 0 10px 20px; text-align: left; font-size: 16px; line-height: 140%;}
@media only screen and (max-width: 540px) {
dl.companyProf dt{width:100%; float:none; padding: 5px 0; text-align: left; font-size: 14px; font-weight: 600;}
dl.companyProf dd{width:100%; float:none; padding: 5px 0; text-align: left; font-size: 14px;}
}

ul.tradingC{overflow:hidden; margin:20px 0 20px; color: #737373;}
ul.tradingC li{ width: calc(50% - 30px); float: left; padding: 10px 15px; text-align: left;font-size: 16px;}
ul.tradingC li:nth-child(odd){text-align: right}
ul.tradingC li.w100{ width: calc(100% - 30px); float:none; text-align:center;}
@media only screen and (max-width: 540px) {
ul.tradingC li{ width: 100%; float: none; padding: 5px 0; font-size: 14px;}
ul.tradingC li:nth-child(odd){text-align: left;}
}

.iframe-responsive {position: relative; width: 100%; margin: 40px 0 10px; color: #737373; padding: calc(315 / 560 * 100%) 0 0;}
.iframe-responsive iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%; }


ul.prof2col{overflow:hidden; margin:20px 0 20px; color: #737373;}
ul.prof2col li{ width: calc(50% - 10px); float: left; padding: 10px 10px 10px 0;}
ul.prof2col li:nth-child(even){ padding: 10px 0 10px 10px;}
ul.prof2col li h3{margin: 0 0 10px 0; text-align: left; font-size: 21px; font-weight: 700}
ul.prof2col li p{margin: 0 0 30px 0; text-align: left;}
@media only screen and (max-width: 540px) {
ul.prof2col li{ width:100%; float: none; padding: 10px 0;}
ul.prof2col li img{ width:calc(100% - 2px);}
ul.prof2col li:nth-child(even){ width:100%; float: none; padding: 10px 0;}
}

dl.companyHist{overflow:hidden; margin:20px 0 20px; color: #737373;}
dl.companyHist dt{width:24%; float:left; padding: 10px 0; text-align: right; font-size: 14px; line-height: 140%;}
dl.companyHist dd{width:calc(76% - 20px); float:left; padding: 10px 0 10px 20px; text-align: left; font-size: 14px; line-height: 140%;}
@media only screen and (max-width: 540px) {
dl.companyHist dt{width:100%; float:none; padding: 5px 0 0 0; text-align: left; font-size: 14px;}
dl.companyHist dd{width:100%; float:none; padding:0 0 5px 0; text-align: left; font-size: 14px;}
}
/* privacy ------------------------------------------------------------ */
table.privacyBox{width: 100%; max-width: 60%; margin: 10px 0 20px 0;box-sizing: border-box}
table.privacyBox td{border: #666 1px solid; padding: 10px}
table.privacyBox td.w333{width:33.33333%; box-sizing: border-box}
table.privacyBox td.w50{width:50%; box-sizing: border-box}
@media only screen and (max-width: 760px) {
table.privacyBox{max-width: 100%;}
}
table.privacyBox100{width: 100%; margin: 20px 0 20px 0;box-sizing: border-box}
table.privacyBox100 td{border: #666 1px solid; padding: 10px}
table.privacyBox100 td.w333{width:33.33333%; box-sizing: border-box}
table.privacyBox100 td.w50{width:50%; box-sizing: border-box}
@media only screen and (max-width: 760px) {
table.privacyBox100{max-width: 100%;}
}
/* recruit ------------------------------------------------------------ */
.recruitBox{ text-align: left; padding: 10px; font-size: 16px;color: #737373;}
.recruitBox p{ line-height: 160%; margin: 0 0 20px 0;}

/* Product ------------------------------------------------------------ */
.icoIso{width: 60%; max-width: 354px; margin: 20px auto;}

/* powerGate ------------------------------------------------------------ */
#powerGateMain{ margin: 0 0 20px 0; background: url(../img/powergate/mainbg.jpg); height: 734px; background-position: top center;}
#powerGateMain div{display: none;}
@media only screen and (max-width: 1240px) {
#powerGateMain{ background:none; height: auto;}
#powerGateMain div{display: block;}
}
#powerGate{ overflow: hidden; }
#powerGate h2{ font-size: 54px; color: #455992; border-bottom: #455992 2px solid; padding: 0; text-align: left;margin:  0 0 0; letter-spacing: 0;}
#powerGate h2 span{transform: skewX(-12deg);  display: inline-block; margin: 0 0 0 0.5em;}
#powerGate h4#choose{ text-align: right; margin: 0 40px 0 0; font-size: 30px; color: #455992; letter-spacing: 0;}
@media only screen and (max-width: 960px) {
#powerGate h2{ font-size: 36px; }
#powerGate h2 span{transform: skewX(-12deg);  display: inline-block; margin: 0 0 0 0.5em;}
#powerGate h4#choose{ text-align: right; margin: 0 20px 0 0; font-size: 24px;}
}
@media only screen and (max-width: 760px) {
#powerGate h2{ font-size: 20px; text-align: center; font-weight: 700;}
#powerGate h2 span{transform: skewX(-12deg);  display: inline-block; margin: 0 0 0 0;}
#powerGate h4#choose{ text-align: center; margin: 0 0 0 0; font-size: 18px;}
}

#powerGate ul.reason5{ overflow: visible; display: flex; flex-wrap: wrap; max-width: 1060px; margin: 40px auto;}
#powerGate ul.reason5 li.imgArea{ position: relative; width: 25%; float: left;}
#powerGate ul.reason5 li.imgArea p{position: absolute; width: 75%;}
#powerGate ul.reason5 li.imgArea p#reason001{top: -50px; left: 0px;}
#powerGate ul.reason5 li.imgArea p#reason002{top: -55px; left: 60px;}
#powerGate ul.reason5 li.imgArea p#reason003{top: -50px; left: 0px;}
#powerGate ul.reason5 li.imgArea p#reason004{top: -50px; left: 60px;}
#powerGate ul.reason5 li.imgArea p#reason005{top: -50px; left: 0px;}
@media only screen and (max-width: 1240px) {
#powerGate ul.reason5 li.imgArea p#reason001{top: -50px; left: 0;}
#powerGate ul.reason5 li.imgArea p#reason002{top: -55px; left: 60px;}
#powerGate ul.reason5 li.imgArea p#reason003{top: -50px; left: 0;}
#powerGate ul.reason5 li.imgArea p#reason004{top: -50px; left: 60px;}
#powerGate ul.reason5 li.imgArea p#reason005{top: -50px; left: 0;}
}

#powerGate ul.reason5 li.txtArea{ position: relative; width: calc(75% - 20px); float: left; text-align: left; padding: 0 0 0 20px;}
#powerGate ul.reason5 li.txtArea h4{ font-size: 30px; color: #455992;transform: skewX(-12deg); margin:  0 0 0; letter-spacing: 0;}
#powerGate ul.reason5 li.txtArea p{ font-size: 18px; text-indent: 1em; margin: 0 0 50px 0;}
@media only screen and (max-width: 960px) {
#powerGate ul.reason5 li.txtArea h4{ font-size: 24px; }
#powerGate ul.reason5 li.txtArea p{ font-size: 16px; text-indent: 1em; margin: 0 0 40px 0;}
}
@media only screen and (max-width: 760px) {
#powerGate ul.reason5 li.imgArea{width: 100%; float: none;}
#powerGate ul.reason5 li.imgArea p{position: relative; width: 100%; margin: 0 auto; max-width: 200px; top: auto !important; left: auto !important;}
#powerGate ul.reason5 li.txtArea{width: 100%; float: none; padding:20px 0 0 0;}
#powerGate ul.reason5 li.txtArea h4{ font-size: 18px; text-align: center;}
#powerGate ul.reason5 li.txtArea p{ font-size: 12px;text-align: center;text-indent: 0; margin: 0 0 20px 0;}
}

#powerGate .model3{ text-align: left;}
#powerGate .model3 h3{ font-size: 30px; color: #455992;border-bottom: #455992 1px solid; }
#powerGate .model3 .exparea{ margin: 0 0 4em 24em;}
#powerGate .model3 .exparea h4{ font-size: 18px; color: #455992; margin: 10px 0 0 0; position: relative;}
#powerGate .model3 .exparea h4::before{content: "●"; font-size: 18px; position: absolute; left: -1.2em;}
#powerGate .model3 .exparea h4.col000{ color: #000;}
#powerGate .model3 .exparea p{ font-size: 18px; line-height: 180%; margin: 0 0 0 0;}
#powerGate .model3 .exparea p.col455992{ color: #455992; margin: 10px 0 0 0;}
#powerGate .model3 .exparea p.boW{ text-decoration:underline wavy #455992 ;}
#powerGate .model3 .exparea dl{ overflow: hidden; display: flex; flex-wrap: wrap;}
#powerGate .model3 .exparea dl dt{ float: left; width:8em; color: #455992; font-size: 18px; margin: 5px 0; line-height: 180%;}
#powerGate .model3 .exparea dl dd{ float: left; width:calc(100% - 8em); color: #000; font-size: 18px;margin: 5px 0; line-height: 180%;}

@media only screen and (max-width: 960px) {
#powerGate .model3 h3{ font-size: 24px; margin: 20px 0 10px 0; }
#powerGate .model3 .exparea{ margin: 0 0 0em 2em;}
#powerGate .model3 .exparea h4{ font-size: 16px; }
#powerGate .model3 .exparea p{ font-size: 16px;}
#powerGate .model3 .exparea dl dt{font-size: 14px; margin: 5px 0;}
#powerGate .model3 .exparea dl dd{font-size: 14px; margin: 5px 0;}
}
@media only screen and (max-width: 760px) {
#powerGate .model3 h3{ font-size: 24px; margin: 20px 0 10px 0; font-weight: 700;}
#powerGate .model3 .exparea dl{ margin: 10px 0 0 0;}
#powerGate .model3 .exparea dl dt{font-size: 14px; margin: 0px 0; float: none; width:100%;}
#powerGate .model3 .exparea dl dd{font-size: 14px; margin: 0px 0; float: none; width:100%;}
}

#powerGate h2.mode{ font-size: 40px; color: #455992; border-bottom: #455992 2px solid;text-align: left; margin:  0 0 20px 0; letter-spacing: 0;}
#powerGate h2.mode span{transform: skewX(-12deg); display: inline-block; margin:  0 0 0 2em;}
#powerGate h2.mode span.noMargin{transform: skewX(-12deg); display: inline-block; margin:  0 0 0 0em;}
@media only screen and (max-width: 960px) {
#powerGate h2.mode{ font-size: 36px; }
#powerGate h2.mode span{display: inline-block; margin: 0 0 0 0.2em;}
}
@media only screen and (max-width: 760px) {
#powerGate h2.mode{ font-size: 20px; text-align: center;}
#powerGate h2.mode span{transform: skewX(-12deg);  display: inline-block; margin: 0 0 0 0;}
}

#powerGate ul.mode2{ margin: 40px 0 10px 100px; overflow: hidden; display: flex; flex-wrap: wrap;}
#powerGate ul.mode2 li:nth-child(2n+1){float: left; width: 60%; margin: 0 0 20px 0;}
#powerGate ul.mode2 li:nth-child(2n){float: left; width: 40%;}
#powerGate ul.mode2 li h4{ font-size: 24px; color: #455992; text-align: left;margin:4.3em 0 0 10px; letter-spacing: 0;}
#powerGate ul.mode2 li h4.ecoM{margin:1.8em 0 0 10px;}
#powerGate ul.mode2 li h4 span{transform: skewX(-12deg);  display: inline-block; margin: 0 0 0 0.5em;}
#powerGate ul.mode2 li p{ font-size: 18px; color: #000; text-align: left; margin:  0 0 0 20px; letter-spacing: 0;}
#powerGate p.expMode{ font-size: 12px; text-align: left; margin: 0 0 60px 90px;}
@media only screen and (max-width: 1240px) {
#powerGate ul.mode2{ margin: 40px 0 10px 0px;}
#powerGate ul.mode2 li h4{ font-size: 20px; margin:0 0 0 10px;}
#powerGate ul.mode2 li h4.ecoM{margin:0 0 0 10px;}
#powerGate ul.mode2 li p{ font-size: 16px; margin:  0 0 0 20px;}
#powerGate p.expMode{ font-size: 12px; text-align: left; margin: 0 0 20px 0px;}
}
@media only screen and (max-width: 760px) {
#powerGate ul.mode2 li:nth-child(2n+1){float: none; width: 100%; margin: 0 0 20px 0;}
#powerGate ul.mode2 li:nth-child(2n){float: none; width: 100%;}
#powerGate ul.mode2 li h4{ font-size: 20px; text-align: left;margin:0 0 0 0px; letter-spacing: 0;}
#powerGate ul.mode2 li h4.ecoM{margin:0 0 0 0px;}
#powerGate ul.mode2 li p{ font-size: 16px; margin:  0 0 20px 10px;}
#powerGate p.expMode{ font-size: 12px; text-align: left; margin: 0 0 40px 0px;}
}

#powerGate p.expStr{ font-size: 18px; text-align: left; margin: 0 0 0px 20px;}
#powerGate ul.shut2{ margin: 40px 0 10px 100px; overflow: hidden; display: flex; flex-wrap: wrap;}
#powerGate ul.shut2 li{float: left; width: 50%; margin: 0 0 20px 0;}
#powerGate ul.shut2 li p{text-align: left; font-size: 16px; line-height: 160%; margin: 0 0 0 40px;} 
@media only screen and (max-width: 1240px) {
#powerGate ul.shut2{ margin: 40px 0 10px 0px;}

#powerGate p.expStr{ font-size: 18px;margin: 0 0 0px 0px;}
}
@media only screen and (max-width: 760px) {
#powerGate p.expStr{ font-size: 14px;}
#powerGate ul.shut2 li{float: none; width: 100%; margin: 0 0 20px 0;}
#powerGate ul.shut2 li p{font-size: 14px; margin: 0 0 0 0px;} 
}

/* newsIndex ------------------------------------------------------------ */
#newsIndex h1{font-size:18px; margin:20px 0; line-height:160%; color:#737373; letter-spacing:0.1em;}
#newsIndex ul.newsT{ width:100%; margin:0 auto 20px; padding:0 0 20px 0; overflow:hidden; border-bottom:#ccc 1px dashed}
#newsIndex ul.newsT li.newsImg{width:25%; float:left;}
#newsIndex ul.newsT li.newsTxt{width:calc(75% - 20px); padding:0 10px; float:left;text-align:left; }
#newsIndex ul.newsT li.newsTxt p.titleDate{ font-size:12px; font-weight:300;}
#newsIndex ul.newsT li.newsTxt a h3.titleTxt{ margin:10px 0; font-size:24px;}
#newsIndex ul.newsT li.newsTxt a:hover { text-decoration:none;}
#newsIndex ul.newsT li.newsTxt a:hover h3.titleTxt{ color:#073286}
#newsIndex #navigation{ margin:10px;}
#newsIndex #navigation hr{border-top:#ccc 1px dashed; margin:10px 0}
#newsIndex #navigation #alignLeft{float:left; font-weight:300;}
#newsIndex #navigation #alignRight{float:right; font-weight:300;}
@media only screen and (max-width: 540px) {
#newsIndex ul.newsT li.newsImg{width:100%; float:none; margin:0 auto;}
#newsIndex ul.newsT li.newsTxt{width:100%; float:none; margin:0 auto; padding:0}
#newsIndex ul.newsT li.newsTxt a h3.titleTxt{ margin:5px 0; font-size:18px;}
}


/* singlePhp ------------------------------------------------------------ */
#singlePhp h1{font-size:30px; margin:20px 0; line-height:160%; color:#737373; letter-spacing:0.1em;}
#singlePhp a:hover{text-decoration:underline;}
#singlePhp #breadcrumb{ text-align:left; margin:10px;font-weight:300}
#singlePhp #thumbnails{margin:10px;}
#singlePhp #postmetadata{ text-align:right; margin:10px;font-weight:300}
#singlePhp #contentsTxt{ text-align:left; line-height:140%; font-weight:lighter; margin:10px; font-size:16px}
#singlePhp #navigation{ margin:10px;}
#singlePhp #navigation hr{border-top:#ccc 1px dashed; margin:10px 0}
#singlePhp #navigation #alignLeft{float:left; font-weight:300;}
#singlePhp #navigation #alignRight{float:right; font-weight:300;}
@media only screen and (max-width: 760px) {
#singlePhp h1{font-size:18px;letter-spacing:0;}
}

/* #formBody------------------------------------------------- */
#formBody{ margin:60px auto; text-align:left; color:#898989;}
#formBody h3 span.sq{color: #1c2954}
#formBody span.must{ color:#cc6426;}
#formBody hr.dlHr{ height:0; border-bottom: #eeefef 1px solid; width: calc(75% - 10px);margin: 0; margin-left: calc(25% + 10px)}
#formBody dl{ width:100%;  float:left;  background:#eeefef; margin:2px auto 2px;  }
#formBody dl dt{text-align:left; float:left; width:calc(25% - 20px); padding:25px 10px; line-height:180%; color:#898989;}
#formBody dl dt span{ margin:0px 5px 0 0; color:#fff; font-size:12px; padding:3px 5px; background:#cc6426; border-radius:2px;}

#formBody dl dd{text-align:left; float:left; width:calc(75% - 30px); padding:20px 15px 10px 15px;background:#fff;}
#formBody dl dd div{ color:#898989;padding:5px 0 30px 0; background:#fff;}
#formBody dl dd div span{ vertical-align:baseline;}
#formBody dl dd div hr.dlHr100{ height: 1px; border-bottom: #eeefef 1px solid; margin: 10px 0;}
#formBody dl dd input[type="text"]{font-size:18px; width:80%; margin-bottom:0px; border:#ccc 1px solid !important; padding:3px; color:#666;}
#formBody dl dd input[type="text"].narrow{font-size:18px; width:20%; margin-bottom:10px; border:#ccc 1px solid !important; padding:3px; color:#666;}
#formBody dl dd input[type="text"].narrowS{font-size:18px; width:12%; margin-bottom:10px; border:#ccc 1px solid !important; padding:3px; color:#666;}
#formBody dl dd input[type="email"]{font-size:18px;  width:80%; margin-bottom:0; border:#ccc 1px solid !important; padding:3px; color:#666;}
#formBody dl dd input[type="tel"]{font-size:18px;  width:12%; border:#ccc 1px solid !important; padding:3px; color:#666;}
#formBody dl dd  .wpcf7-not-valid-tip{display:block;  color:#cc0000; margin:5px 0 5px 0;}
#formBody dl dd input[type="checkbox"] { -webkit-transform: scale(1.2); transform: scale(1.2); margin:5px;}
#formBody dl dd label{ margin-right:10px; display: inline;}
#formBody dl dd #radioBox input[type="radio"] { -webkit-transform: scale(1.5); transform: scale(1.5); margin:5px;}
#formBody dl dd #radioBox label{display:block;}
#formBody dl dd select{ padding: 3px;border: #ccc solid 1px;font-size:16px; font-weight:normal; margin:2px 0 10px;}
#formBody dl dd textarea{font-size:16px; width:80%; border:#ccc 1px solid !important;}
#formBody .btnArea{ text-align:center; padding:20px 0;}
#formBody input[type="submit"] {-webkit-appearance: none;}
#formBody input[type="button"] {-webkit-appearance: none;}


#formBody .btnArea .submitBtn{ background:#444995; margin:10px; padding:3px 0; text-align:center;border-style: none; font-size:18px; color:#fff; letter-spacing:0.2em;  text-indent:0.4em;  border:#ccc 2px solid; border-radius:4px;}
#formBody .btnArea input { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin:10px; padding:10px 15px; border:#ccc 2px solid; background:#444995; color:#fff; font-weight:bold; border-radius:4px;}
/* 同意してお問い合わせフォームに進む ------------------------------------------------------------ */
#formBody .btnArea input[disabled]{opacity:0.2; cursor: default}
#formBody .btnArea input[disabled]:hover{background:#ccc; cursor:default;}

#formBody .btnArea input.formSubmit{padding:10px 50px;}
#formBody .btnArea input.formSubmitW{padding:10px 80px;}
#formBody .btnArea input.formBack{padding:10px 50px; background:#9f9d9d;}
#formBody .btnArea input:hover{background:#cc6426; cursor:pointer;}
#formBody .formBox{padding: 40px 0;}
@media only screen and (max-width: 760px) {
#formBody hr.dlHr{ display:none}
#formBody dl dt{text-align:left; float:none; width:100%; padding:5px 2%;}
#formBody dl dd{text-align:left; float:none; width:100%; padding:5px 2%;}
#formBody dl dd input[type="text"]{font-size:130%; width:90%;}	
#formBody dl dd input[type="text"].narrow{font-size:16px; width:35%;}
#formBody dl dd input[type="text"].narrowS{font-size:16px; width:20%;}
#formBody dl dd input[type="tel"]{width:15%; margin-bottom:5px;}
#formBody dl dd input[type="text"].semiNarrow{ width:90%; margin-top:10px;}
#formBody dl dd input[type="email"]{font-size:130%; width:90%; margin-bottom:5px;}
#formBody dl dd textarea{font-size:110%; width:94%; margin:0 auto;}
#formBody dl dd label{ margin-bottom:5px; display:block;}
#formBody .formBox{padding: 25px 0;}
}

.wpcf7-validation-errors{text-align:center; margin:10px 0; padding:10px 0; color:#fff; font-size:24px; background:#cc6426; line-height:140%;}
.screen-reader-response{display:none;}
.screen-reader-response ul li{display:none;}
.wpcf7-mail-sent-ok{ font-size:16px; padding:10px; display:block; font-weight:bold; margin:10px auto; color:#ffcc00; text-align:center;}
.wpcf7-response-output{ display: none;text-align:center; margin:10px 0; padding:10px 0; color:#fff; font-size:24px; background:#cc6426; line-height:140%;}

@media only screen and (max-width: 760px) {
.wpcf7-validation-errors{text-align:center; margin:10px 0; padding:10px 0; color:#fff; font-size:16px; background:#cc6426; line-height:140%;}
.wpcf7-response-output{ margin:10px 0; padding:10px 0; font-size:14px;}
}

/* footer------------------------------------------------- */
#footer{width:100%; background: #073286; padding:20px 0; margin:80px 0 0 0; overflow:hidden;}
#footer ul.footerUl{ width:100%; overflow:hidden;}
#footer ul.footerUl li{ float:left; width:calc(33.333333% - 16px); padding:10px 8px;}
#footer .contentArea .fLogo{ display:block; position:absolute; bottom:-10px; left:10px; width:100%; max-width:480px}
#footer .contentArea{padding-bottom:64px;}
#footer .contentArea .fLogo a:hover img{ opacity:1;}
#footer .contentArea .fLogo202312{ display:block; position:absolute; bottom:-10px; left:5px; width:32%; max-width:400px}
#footer .contentArea .fLogo202312 a:hover img{ opacity:1;}

#footer h3{margin:0 auto 10px; text-align:left; font-size:24px; color:#fff; border-bottom:#fff 1px solid;}
#footer a{ display:block;width:100%; margin:10px auto 20px; text-align:left; font-size:14px; color:#fff; text-decoration:none;}
#footer a:before{content:"＞ ";}
#footer a.marL1em{ display:block; width:100%; margin:10px 0 20px 1.2em!important; text-decoration:none;}
#footer a.marL1em:before{content:"＞ ";}
#footer span.aDummy{ display:block;width:100%; margin:10px auto 20px; text-align:left; font-size:14px; color:#fff !important; text-decoration:none;}
#footer span:before{content:"＞ ";}



#footer .contentArea .fLogo a:before{content:"";}
#footer .contentArea .fLogo202312 a:before{content:"";}
#footer a:hover{ color:#ccc;}
#footer p{text-align:left; color:#fff; font-size:14px; margin:0 0 10px;}
#footer a.footerAcc{display:block; background:rgba(255,255,255,1); color:#073286; text-align:center; line-height:100%; padding:3px; margin:30px 0 0; font-size:12px;transition:all 0.5s; }
#footer a.footerAcc:before{ content:"";}
#footer a.footerAcc:hover{background:rgba(255,255,255,0.4); color:#fff;}
#footer div#copy{ text-align:center; padding:8px 0; color:#fff; font-size:12px; }
@media only screen and (max-width: 760px) {
#footer{padding:10px 0; margin:40px 0 0 0;}
#footer ul.footerUl li{ float:left; width:calc(50% - 10px); padding:10px 5px; position:relative; overflow:hidden;}
#footer ul.footerUl li:last-child{ float:none; width:calc(100% - 20px);}
#footer .contentArea{padding-bottom:0px;}
#footer .contentArea .fLogo{ display:none;}
#footer .contentArea .fLogo202312{ display:none;}
#footer a{margin:10px auto 10px;font-size:12px;}
#footer a.marL1em{margin:10px auto 10px .5em!important;font-size:12px;}
#footer span.aDummy{ margin:10px auto 10px;font-size:12px;}
#footer p{font-size:12px;}
#footer div#copy{ padding:8px 0 0; font-size:10px; }
}

/* header header header header header------------------------------------------------- */
#top-head {top: -100px; position: absolute; width: 100%; margin: 100px auto 0;  z-index: 9980; background: #fff;}
#top-head a,#top-head {text-decoration: none;}
#top-head .inner { position: relative; width:96%; margin:0 2% 0;}
#top-head h1{ float: left; width:50%; height:90px; display:block; z-index: 9990; position:absolute; top:28px; left:10px; text-align:left;}
#top-head h1 a:hover img{ opacity:1;}
#top-head h1 img{width:100%; max-width:480px;}
#global-nav{position:relative; height:140px;}

#global-nav ul#naviBody { list-style: none; position: absolute; right:0; top:0; height:140px;}
#global-nav ul#naviBody li { float: left; position: relative; white-space: nowrap; background:none; text-align:right;  height:38px; line-height:38px; transition:all 0.5s ease-in; margin-left: 10px; padding:0 20px}
#global-nav ul#naviBody li#naviExp { float: none; padding:0 0 0 0; height:100px; position:relative; width:100%;}
#global-nav ul#naviBody li#naviExp h2#naviTel{ float:right; padding:10px 10px 0 10px; margin:0; text-align:center; }
#global-nav ul#naviBody li#naviExp h2#naviTel a{font-size:18px; font-weight:700; color: #000; line-height:100%; letter-spacing:0.1em; padding:0; display:block;}
#global-nav ul#naviBody li#naviExp h2#naviTel a:hover{ cursor: text;}
#global-nav ul#naviBody li#naviExp h2#naviTel span{display:block; text-align:center; padding:5px 0 0 0; font-size:12px; color:#666; line-height:100%; letter-spacing:0; font-weight:300; line-height:100%;}
#global-nav ul#naviBody li#naviExp div#pmk{ position:absolute; top:50px; right:0;}
#global-nav ul#naviBody li#naviExp div#pmk a{margin:0; padding:0;}
#global-nav ul#naviBody li#naviExp div#pmk img{width:100%; max-width:84px;}
#global-nav ul#naviBody li#navInq{ padding:0 80px 0 20px;}
#global-nav ul#naviBody li a {font-size:14px; font-weight:500; color:#000;transition:all 0.5s ease-in; opacity: 1; display: inline-block; position: relative;padding-right:18px;}
#global-nav > ul > li > a::before { display: block; content: ""; position: absolute; top: 50%; right: 8px; width: 6px; height: 6px; margin: -2px 0 0 0; border-top: solid 1px #000; border-right: solid 1px #000; transform: rotate(45deg);transition:all 0.2s ease-in;}
#global-nav ul li:hover a { color: #073286;}
#global-nav > ul > li:hover > a::before { border-top: solid 1px #073286; border-right: solid 1px #073286;right: 5px; }
#global-nav > ul > li.parent > a::before { display: block; content: ""; position: absolute; top: 50%; right: 6px; width: 6px; height: 6px; margin: -3px 0 0 0; border-top: solid 1px #000; border-right: solid 1px #000; transform: rotate(135deg); transition:all 0.2s ease-in;}
#global-nav > ul > li.parent:hover > a::before {transform: rotate(-45deg);  border-top: solid 1px #317ba8; border-right: solid 1px #073286; right: 6px; }

#global-nav > ul > li a , #global-nav > ul > li a::after { box-sizing: border-box; transition: all .3s; }
#global-nav > ul > li a::after { top: 0; left: 0; width: 100%; height: 100%; transform: scale(.5);}

@media screen and (max-width: 1080px) {
#global-nav ul#naviBody li { margin-left: 10px; padding:0 10px}
}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed;  background: #fff; transition: top 1.00s ease-in;}
/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 6px; top: 16px; width: 30px; height: 38px; padding: 0 4px; cursor: pointer; z-index: 101; background:none;}
#nav-toggle div { position: relative;}
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #073286; left: 0; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) { top: 7px;}
#nav-toggle span:nth-child(2) { top: 17px; background: #073286;}
#nav-toggle span:nth-child(3) { top: 27px;}

/*ここからスマフォ設定------------------------------------------------------------*/
@media screen and (max-width: 760px) {
 /*@media screen and (max-width: 904px) Fixed reset */
#top-head.fixed {  padding-top: 0;  background: #fff; }
#mobile-head { background: rgba(255,255,255,1.0);  width: 100%;  height: 64px;  z-index: 9980;  position: relative; }
#top-head.fixed .logo, #top-head .logo {  position: absolute;  left: 5px;  top: 15px; max-width:274px;}
#top-head.fixed .logo, #top-head .logo img{width:100%;}
#top-head h1{height:60px; top:10px; left:5px; width:264px;}
#top-head .inner {  width: 100%;  padding: 0; z-index:9990; margin:0;}
#top-head {  top: 0;  position: fixed;  margin-top: 0;  background:none; }
#global-nav {  position: absolute;  top: -560px; width: 100%;  text-align: center;  padding:64px 0 0 0;  transition: 1.0s ease-in-out; background: #fff;}
#global-nav ul#naviBody {  list-style: none;  position: static;  right: 0;  bottom: 0;  font-size: 14px; }
#global-nav ul#naviBody li {  float: none;  position: static; text-align:left; border:none;  width:100%; height: auto; line-height:0; padding:12px 0; background: rgba(255,255,255,1); margin: 0; }
#global-nav ul#naviBody li#navInq{  float: none;  position: static; text-align:left; border:none;  width:100%; height: auto; line-height:0; padding:12px 0; background: rgba(255,255,255,1); margin: 0; }

#global-nav ul#naviBody li#naviExp {  float: none;  position: static; height:auto; padding:12px 0; width:100%; border-bottom:#ccc 1px solid}
#global-nav ul#naviBody li#naviExp h2#naviTel{ float:none; padding:0; margin:0; text-align:center; font-size:24px; padding:0 0;}
#global-nav ul#naviBody li#naviExp h2#naviTel span{ font-size:12px;}
#global-nav ul#naviBody li#naviExp div#pmk{position:absolute; top:60px; right:0; width:54px}
#global-nav ul#naviBody li#naviExp div#pmk img{width:100%; max-width:84px;}

#top-head #global-nav ul#naviBody li a ,#top-head.fixed #global-nav ul#naviBody li a{ display: block;  color: #000;  padding: 15px 20px;  font-size:16px; font-weight:bold}
#top-head #global-nav ul#naviBody li:hover a ,#top-head.fixed #global-nav ul#naviBody li:hover a{ color: #073286;}

#global-nav > ul > li > a::before { display: block; content: ""; position: absolute; top: 50%; left: 4px; width: 6px; height: 6px; margin: -3px 0 0 0; border-top: solid 2px #073286; border-right: solid 2px #073286; transform: rotate(45deg);}

#nav-toggle {  display: block; }
.open #nav-toggle span:nth-child(1) {  top: 16px; transform: rotate(315deg); }
.open #nav-toggle span:nth-child(2) {  width: 0;  left: 50%; }
.open #nav-toggle span:nth-child(3) {  top: 16px; transform: rotate(-315deg); }
.open #global-nav { transform: translateY(556px); }
}
/*ここまでスマフォ設定------------------------------------------------------------*/


/*DROPMENU DROPMENU DROPMENU DROPMENU DROPMENU DROPMENU DROPMENU DROPMENU DROPMENU */
/* 2階層 */
#global-nav > ul#naviBody > li > ul { display: none; position: absolute; top: 31px; left: 0; width: auto; background: none; z-index: 9; border-top:transparent 10px solid}
#global-nav > ul#naviBody > li > ul li {background:#073286; border:none !important; height:auto; line-height:140%; text-align:left; padding:10px 10px; width:100%;margin: 0;}
#global-nav > ul#naviBody > li > ul li:hover{background:#fff;}
#global-nav > ul#naviBody > li > ul li a { position: relative; font-size:12px; padding-left:30px; color: #fff !important;}
#global-nav > ul#naviBody > li > ul li:hover a{color:#073286 !important;}
#global-nav > ul#naviBody > li > ul li a::before { display: block;   content: "";   position: absolute;   top: 50%;   left: 10px;   width: 6px;   height: 6px;   margin: -4px 0 0 0;   border-top: solid 2px #fff;   border-right: solid 2px #fff; transform: rotate(45deg);}
#global-nav > ul#naviBody > li > ul li:hover a::before { border-top: solid 2px #073286;   border-right: solid 2px #073286;}
@media screen and (max-width: 760px) {
#top-head #global-nav ul#naviBody li.parent:hover a ,#top-head.fixed #global-nav ul li.parent:hover a { color:#073286;}
#top-head #global-nav ul#naviBody li.parent ul li a, #top-head.fixed #global-nav ul li.parent ul li a{padding:8px 8px 8px 30px; font-weight:300;}
#top-head #global-nav ul#naviBody li.parent ul.submenu li a:hover{color:#073286 !important;}
#global-nav > ul#naviBody > li.parent > a::before { display: block; content: ""; position: absolute; top: 50%; left: 4px; width: 6px; height: 6px; margin: -6px 0 0 0; border-top: solid 2px #073286; border-right: solid 2px #073286; transform: rotate(135deg);}
#global-nav > ul#naviBody > li.parent:hover > a::before {transform: rotate(-45deg); top: 50%; left: 4px; width: 6px; height: 6px; margin: -3px 0 0 0; border-top: solid 2px #073286; border-right: solid 2px #073286;}
#global-nav > ul#naviBody > li > ul { display: none; position: relative; top:auto; width: auto; background: none; z-index: 9; border-top:none}
#global-nav > ul#naviBody > li > ul li { height:auto; line-height:140%; text-align:left; padding:2px 10px; width:100%;margin: 0;}
#global-nav > ul#naviBody > li > ul li a { position: relative; font-size:14px; padding-left:30px; color: #fff !important;}
#global-nav > ul#naviBody > li > ul li a::before { display: block;   content: "";   position: absolute;   top: 50%;   left: 10px;   width: 6px;   height: 6px;   margin: -6px 0 0 0;   border-top: solid 2px #fff;   border-right: solid 2px #fff; transform: rotate(45deg);}
#global-nav > ul#naviBody > li.parent > ul li a { position: relative; font-size:24px; padding-left:30px; color: #fff !important;}
#global-nav > ul#naviBody > li.parent > ul li a::before { display: block;   content: "";   position: absolute;   top: 50%;   left: 10px;   width: 6px;   height: 6px;   margin: -6px 0 0 0;   border-top: solid 2px #fff;   border-right: solid 2px #fff; transform: rotate(45deg);}
#global-nav > ul#naviBody > li.parent > ul li a:hover::before { border-top: solid 2px #073286; border-right: solid 2px #073286; transform: rotate(45deg);}
}


/* rollButton------------------------------------------------- */
.rollButton { display: inline-block; width: 50px; height: 30px; text-align: center; text-decoration: none; line-height: 30px; outline: none;}
.rollButton::before,
.rollButton::after { position: absolute; z-index: -1; display: block; content: '';}
.rollButton,
.rollButton::before,
.rollButton::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  transition: all .3s;}
.rollButton { position: relative; perspective: 300px;}
.rollButton span { display: block; position: absolute; width: 50px; height: 50px; border: 2px solid #073286; text-align: center; line-height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; pointer-events: none;}
.rollButton span:nth-child(1) { background-color: #1a2952; color: #fff; font-size:24px; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 50% -25px; -moz-transform-origin: 50% 50% -25px; transform-origin: 50% 50% -25px;}
.rollButton span:nth-child(2) { background-color: #fff; color: #073286;  transform: rotateX(0deg); -webkit-transform-origin: 50% 50% -25px; -moz-transform-origin: 50% 50% -25px; transform-origin: 50% 50% -25px; font-weight:700}
.rollButton:hover span:nth-child(1) { transform: rotateX(0deg);}
.rollButton:hover span:nth-child(2) { background-color: #073286; transform: rotateX(-90deg);}


#highL{margin-top: -120px; padding-top: 120px;}
#page001 , #page002 , #page003 , #page004 , #page005 , #page006 , #page007 , #page008 , #page009 , #page010{margin-top: -140px; padding-top: 140px;}
@media only screen and (max-width: 760px) {
#highL{margin-top: -60px; padding-top: 60px;}
#page001 , #page002 , #page003 , #page004 , #page005 , #page006 , #page007 , #page008 , #page009 , #page010{margin-top: -60px; padding-top: 60px;}
}


.rss-antenna .rssBg .rss-item ul.rssUL li.rssTitle a:hover{text-decoration:underline;}
.rss-antenna a .rss-item{ padding:5px 0; transition:0.6s all; margin:0 10px 5px;}
.rss-antenna .rssBg .rss-item{ padding:5px 0; transition:0.6s all; margin:0 10px 5px;}
.rss-antenna a:hover .rss-item{ background:#e5e5e5; text-decoration: underline}
ul.rssUL{ overflow:hidden;}
ul.rssUL li.rssDate{ width:calc(20% - 10px); text-align:right; float:left; padding:0 10px 0 0; font-weight:300;}
ul.rssUL li.rssTitle{ width:80%; text-align:left; float:left; font-weight:300;}
@media only screen and (max-width: 600px) {
ul.rssUL li.rssDate{ width:100%; text-align:left; float:none; padding:0 0 3px 0;}
ul.rssUL li.rssTitle{ width:100%; float:none;}
}
.rss-antenna .rssBg .rss-item ul.rssUL li.rssTitle a:hover{text-decoration:underline;}

ul.wpra-item-list{overflow: hidden;}
li.wpra-itemL{width: calc(20% - 10px); text-align: right; float: left; padding: 10px 10px 10px 0; font-weight: 300; overflow: hidden;}
li.wpra-itemR{width: 80%; text-align: left; float: left; padding: 10px 0; font-weight: 300; overflow: hidden;}
@media only screen and (max-width: 600px) {
li.wpra-itemL{width: 100%; text-align: left; float: none; padding:0 0 3px 0;}
li.wpra-itemR{width: 100%; text-align: left; float: none;}
}

/* form placeholder */
#formBody input::placeholder,
#formBody textarea::placeholder {
color: #ccc;
opacity: 1;
font-weight: normal;
}

#formBody input::-ms-input-placeholder,
#formBody textarea::-ms-input-placeholder {
color: #999;
font-weight: normal;
}