@charset "UTF-8";

@import 'icon.css';



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

	共通

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

.hide-text {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

}



.clear {

    clear: both;

    visibility: hidden;

    font-size: 0;

}



.clearfix:after {

    content: "";

    clear: both;

    display: block;

}



html {

    font-size: 16px;

}



body {

    position: relative;

    font-size: 0.775rem;

    color: #444;

}



p {

    margin: 0 0 1.4em 0;

}



td, th, p, dt, dd, li {

    line-height: 1.55;

}



td, th, p, h1, h2, h3, h4, h5, h6, label, dt, dd, li {

    word-break: break-all;

    word-wrap: break-word;

}



ol, ul {

    padding-left: 1.6em;

}



img {

    max-width: 100%;

    height: auto;

}



@media screen and (min-width:641px) {

    body {

        font-size: 1rem;

        background-color: #77aa0d;

        border-left: 3px solid #c4ec6f;

    }



    p {

        font-size: 88%;

        margin: 0 0 1.4em 0;

        line-height: 1.4;

    }



    th,td,li,dt,dd {

        font-size: 88%;

        line-height: 1.15;

    }



    li dt, li dd {

        font-size: 100%;

    }

}

/* Layout Setting */

.cl {

    clear: both;

    visibility: hidden;

    font-size: 0;

    line-height: 0;

}



.pt0 {

    padding-top: 0!important;

}



.pt20 {

    padding-top: 20px!important;

}



.pt40 {

    padding-top: 40px!important;

}



.mt0 {

    margin-top: 0!important;

}



.mt20 {

    margin-top: 20px!important;

}



.mt40 {

    margin-top: 40px!important;

}



.mt60 {

    margin-top: 60px!important;

}



.pb0 {

    padding-bottom: 0!important;

}



.pb20 {

    padding-bottom: 20px!important;

}



.pb40 {

    padding-bottom: 40px!important;

}



.mb0 {

    margin-bottom: 0px!important;

}



.mb20 {

    margin-bottom: 20px!important;

}



.mb40 {

    margin-bottom: 40px!important;

}



.mb60 {

    margin-bottom: 60px!important;

}



.ml0 {

    margin-left: 0!important;

}



.mr0 {

    margin-right: 0!important;

}



.mr20 {

    margin-right: 20px!important;

}



.mr40 {

    margin-right: 40px!important;

}



textarea {

    width: 90%;

    height: 5em;

}



input[type="password"] {

    font-family: Verdana, sans-serif;

}



a:link {

    color: #013b90;

}



a:visited, a:active, a:hover {

    color: #013b90;

}



[class^="icon-"] {

}



.mincho {

    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}



ul.square {

    list-style: square;

}



.noDisplay {

    display: none;

}



.inlineBlockArea {

    letter-spacing: -.40em;

}



.inlineBlockLine {

    display: inline-block;

    letter-spacing: normal;

    vertical-align: top;

}



.width50per {

    width: 50%;

}



.floatLeft {

    float: left;

    margin-right: 20px;

}



.floatRight {

    float: right;

    margin-left: 20px;

}



.leftText {

    text-align: left;

}



.centerText {

    text-align: center;

}



.rightText {

    text-align: right;

}



.rightredText {

    color: #f00!important;

}



.redText {

    color: #c6310c!important;

}



.blueText {

    color: #013b90!important;

}



.blueText a {

    color: #013b90!important;

}



.greenText {

    color: #44af35!important;

}



.lightgreenText {

    color: #8dc21f!important;

}



.pinkText {

    color: #fd5d65!important;

}



.brownText {

    color: #d29c33!important;

}



.orangeText {

    color: #ed6d00!important;

}



.blackText {

    color: #444!important;

}



.bigText {

    font-size: 1.3em;

}



.biggerText {

    font-size: 150%!important;

}



.middleText {

    font-size: 88%!important;

}



.miniText {

    font-size: 80%!important;

}



.microText {

    font-size: 70%!important;

}



.boldText {

    font-weight: bold!important;

}



.subText {

    font-size: 50%!important;

}



@media screen and (min-width:641px) {

    .bigText {

        font-size: 18px;

    }

}



.fakeList {

    padding-left: 1.4em;

    position: relative;

}



.fakeList:before {

    position: absolute;

    content: "●";

    font-size: 200%;

    line-height: normal;

    top: -0.35em;

    left: 0;

}



.orangeRadio:before {

    color: #ed6d00;

}



/* 見出しタイトル用 */



.Contents-area-title1,

.Contents-block-detail .detailTitle {

    border-top: 1px solid #e8eaeb;

    padding-top: 20px;

    margin: 0 0 6vw 0;

    font-size: 5vw;

    position: relative;

}



@media screen and (min-width:641px) {

    .Contents-area-title1,

.Contents-block-detail .detailTitle {

        font-size: 26px;

        margin: 0 0 40px 0;

    }

}



.Contents-area-title1:before,

.Contents-block-detail .detailTitle:before {

    position: absolute;

    content: "";

    display: block;

    width: 155px;

    height: 1px;

    background-color: #444;

    top: -1px;

}



.subTitle1,

.Contents-block-detail .detailSubTitle1 {

    color: #013c98;

    padding: 0;

    font-size: 1.6em;

    margin: 1em 0;

}



.subTitle2,

.Contents-block-detail .detailSubTitle2 {

    color: #013c98;

    background-color: #e4eefa;

    padding: 9px 4px 9px 1.6em;

	/* font-size:1.6em; */

    font-size: 4vw;

    line-height: 1.1;

    margin: 0 0 20px 0;

    position: relative;

}



.subTitle2:before,

.Contents-block-detail .detailSubTitle2:before {

    position: absolute;

    content: "";

    display: block;

    background-color: #013c98;

    width: 2px;

    height: 1em;

    top: 9px;

    left: 0;

}



.subTitle3,

.Contents-block-detail .detailSubTitle3 {

    font-size: 1.3em;

    margin: 0.5em 0;

}



.subTitle4,

.Contents-block-detail .detailSubTitle4 {

    margin: 10px 0;

    font-size: 100%;

}



.subTitle5,

.Contents-block-detail .detailSubTitle5 {

    margin: 10px 0 35px 0;

    padding: 1.1em 0 35px 0;

    border-bottom: 1px solid #b8b8b8;

    font-size: 1.8em;

    text-align: center;

}



@media screen and (min-width:641px) {

    .subTitle1,

.Contents-block-detail .detailSubTitle1 {

        margin: 20px 0;

        font-size: 18px;

    }



    .subTitle2,

.Contents-block-detail .detailSubTitle2 {

        font-size: 18px;

        line-height: 18px;

    }



    .subTitle2:before,

.Contents-block-detail .detailSubTitle2:before {

        height: 18px;

    }



    .subTitle3,

.Contents-block-detail .detailSubTitle3 {

        font-size: 18px;

    }



    .Contents-block-detail .detailSubTitle4 {

        font-size: 88%;

    }



    .subTitle5,

.Contents-block-detail .detailSubTitle5 {

        font-size: 20px;

    }

}





/* ラベル設定(配色) */

.Contents-block-labelarea {

    font-size: 13px;

    margin-bottom: 10px;

}



.Article-detail-area > .Contents-block-labelarea {

    margin-top: 10px;

}



.Contents-block-labelarea .Labelblock {

    display: inline-block;

    padding: 2px 10px;

    margin-right: 10px;

    color: #fff;

}



.Contents-block-labelarea .Labelblock1 {

    background-color: #1470d8;

}



.Contents-block-labelarea .Labelblock2 {

    background-color: #099309;

}



.Contents-block-labelarea .Labelblock3 {

    background-color: #c6a613;

}



.Contents-block-labelarea .Labelblock4 {

    background-color: #f00;

}



.Contents-block-labelarea .Labelblock5 {

    background-color: #a0a0a0;

}



@media screen and (min-width:641px) {

    main {

	/* display:table; */

        position: relative;

    }



    .mainArea {

	/* display:table-cell;

	vertical-align:top; */

        margin-left: 217px;

        background-color: #fff;

    }

}

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

	共通 end

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





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

	ヘッダー

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

header {

    position: relative;

}



.g-header {

    background-color: #444;

    color: #fff;

    height: 50px;

    font-size: 1em;

    overflow: hidden;

}



.g-header ul {

    display: table;

    width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: center;

}



.g-header li {

    display: table-cell;

    border-right: 1px solid #fff;

}



.g-header li:last-child {

    border-right: none;

}



.g-header li a {

    display: inline-block;

    text-decoration: none;

    color: #fff;

    line-height: 50px;

}



.g-header li a:hover {

    filter: alpha(opacity=75);

    -moz-opacity: 0.75;

    opacity: 0.75;

}



.webEneriaBtn {

    display: none;

}



.webEneriaBtnSP {

    width: 25%;

    display: block;

    position: absolute;

    z-index: 100;

    top: 60px;

    right: 0;

}



.webEneriaBtn2 {

    width: 100%;

    display: table;

    margin: 0;

	/* width:160px;

	height:70px; */

	/* background-position:14px center;

	background-repeat:no-repeat;

	background-image:url(../images/common/ban_webeneria_sp.png); */

    background-color: #77aa0d;

}



.webEneriaBtn2 a {

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    text-decoration: none;

    color: #fff;

    padding: 5px 10px 5px 0;

    position: relative;

}



.webEneriaBtn2 a img {

    padding: 0 5px;

}



.webEneriaBtn2 a i {

    position: absolute;

    right: 4px;

    top: 40%;

    display: none;

}



@media screen and (min-width:641px) {

    .webEneriaBtnSP {

        top: 50px;

    }



    .webEneriaBtn2 a i {

        display: block;

    }

}



@media screen and (min-width:481px) {

    .g-header {

        font-size: 1em;

    }

}



@media screen and (min-width:810px) {

    .g-header {

        height: 36px;

    }



    .g-header ul {

        display: block;

        letter-spacing: -.40em;

        text-align: right;

    }



    .g-header li {

        display: inline-block;

        letter-spacing: normal;

        padding: 0 30px;

        border-right: none;

    }



    .g-header li:last-child {

        margin-right: 220px;

    }



    .g-header li a {

        line-height: 36px;

    }



    .webEneriaBtnSP {

        display: none;

    }



    .webEneriaBtn {

        display: block;

        position: absolute;

        z-index: 100;

        top: 80px;

        right: 0;

	/* background-color:#77aa0d; */

    }



    .webEneriaBtn p {

        margin: 0;

        color: #fff;

        text-align: center;

        cursor: pointer;

    }



    .webEneriaBtnHead {

        width: 211px;

        height: 80px;

        background-position: left -3px;

        background-repeat: no-repeat;

        background-image: url(../images/common/ban_webeneria.png);

        background-color: #77aa0d;

    }



    .webEneriaBtnMore {

        width: 211px;

        padding-top: 10px;

        height: 40px;

        background-color: #77aa0d;

    }



    .webEneriaBtnMore p {

        margin: 0;

    }



    .webEneriaBtnMore a {

        display: inline-block;

        color: #444;

        text-decoration: none;

        background-color: #fff;

        line-height: 1;

        padding: 8px 10px;

        -moz-border-radius: 3px;

        -webkit-border-radius: 3px;

        border-radius: 3px;

    }



    .webEneriaBtnMore a:hover {

        color: #999;

    }

}



@media screen and (min-width:781px) {

    .webEneriaBtn {

        top: 0;

    }

}



header .spTitle {

    text-align: center;

    border-top: 10px solid #77aa0d;

    margin: 0;

    line-height: 94px;

}



header .spTitle img {

    vertical-align: middle;

    width: 45%;

}



.drawer-nav {

	/* background-color:#77aa0d; */

    background-color: rgba(119,170,13,0.85);

    color: #fff;

}



@media screen and (min-width:641px) {

    header .spTitle {

        display: none;

    }



    .drawer-hamburger {

        display: none;

    }



    .drawer-nav {

        display: none;

    }

}





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

	ヘッダー end

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





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

	Gメニュー

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



.sideArea {

    display: none;

    background-position: top;

    background-repeat: no-repeat;

    background-image: url(../images/common/logo.jpg);

    padding-top: 140px;

}



.Menu_inner {

    overflow: auto;

}



@media screen and (min-width:641px) {

    .sideArea {

        display: block;

        width: 217px;

        background-color: #77aa0d;

        position: absolute;

        top: 0;

        left: 0;

	/* display:table-cell;

	vertical-align:top; */

    }



    .sideArea .logo_link {

        position: absolute;

        display: block;

        width: 217px;

        height: 125px;

        top: 0;

    }

}



.drawer-nav p {

    margin: 0;

}



.drawer-nav a {

    text-decoration: none;

    color: #fff;

}



.drawer-nav .sideMenu {

    color: #fff;

    padding: 50px 8px 0 8px;

}



.sideMenu a {

    text-decoration: none;

    color: #fff;

    display: block;

}



.sideMenu a:hover {

    filter: alpha(opacity=75);

    -moz-opacity: 0.75;

    opacity: 0.75;

}



.sideMenu .MenuTop {

    font-size: 18px;

    padding-top: 6px;

    padding-left: 30px;

    margin-bottom: 16px;

    background-position: left;

    background-repeat: no-repeat;

    position: relative;

}



.sideMenu .HomeMenu {

}



.HomeMenu .MenuTop:before {

    position: absolute;

    top: 0;

    left: 0;

    font-family: 'shizugas' !important;

    content: "\e904";

    font-size: 140%;

}



.sideMenu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.sideMenu li {

    margin: 2px 10px 2px 20px;

}



.sideMenu li a {

    display: block;

    padding: 10px;

}



.drawer-nav .sideMenu2 {

    color: #fff;

    padding: 50px 10px 0 10px;

}



.sideMenu2 p {

    padding-left: 20px;

    background-position: left;

    background-repeat: no-repeat;

    position: relative;

}



.sideMenu2 p:before {

    position: absolute;

    top: 9px;

    left: 0;

    font-family: 'shizugas' !important;

}



.sideMenu2 .ic-webEneria:before {

    content: "\e907";

}



.sideMenu2 .ic-Attention:before {

    content: "\e901";

}



.sideMenu2 .ic-Topics:before {

    content: "\e902";

}



.sideMenu2 .ic-Contact:before {

    content: "\e906";

}



.sideMenu2 .ic-Faq:before {

    content: "\f054";

}



.sideMenu2 p a {

    display: block;

    padding: 8px 0;

}



.sideMenu2 a:hover {

    filter: alpha(opacity=75);

    -moz-opacity: 0.75;

    opacity: 0.75;

}



.siteSearchBlock {

    margin: 10px 8px;

    height: 28px;

    -moz-border-radius: 14px;

    -webkit-border-radius: 14px;

    border-radius: 14px;

}



.siteSearchBlock form {

    line-height: 1.6;

}



.siteSearchBlock .inputArea {

    background-color: #fff;

    display: inline-block;

    vertical-align: top;

    padding-left: 5px;

    height: 30px;

    border-top-left-radius: 14px;

    -webkit-border-top-left-radius: 14px;

    -moz-border-radius-topleft: 14px;

    border-bottom-left-radius: 14px;

    -webkit-border-bottom-left-radius: 14px;

    -moz-border-radius-bottomleft: 14px;

}



.siteSearchBlock .inputArea i {

    color: #888;

}



.siteSearchBlock .searchWord {

    border: none;

    border-radius: 0;

    -webkit-appearance: none;

    width: 116px;

    padding: 0 0 0 10px;

    height: 28px;

	/* line-height:28px; */

    line-height: 1;

    background-color: #fff;

}



.siteSearchBlock .searchWord:focus {

    outline: none;

}



.siteSearchBlock .searchBtn {

    background-color: #817f80;

    border: none;

    color: #fff;

    width: 50px;

    cursor: pointer;

    text-align: center;

    font-size: 90%;

    line-height: 30px;

    height: 30px;

    border-top-right-radius: 14px;

    -webkit-border-top-right-radius: 14px;

    -moz-border-radius-topright: 14px;

    border-bottom-right-radius: 14px;

    -webkit-border-bottom-right-radius: 14px;

    -moz-border-radius-bottomright: 14px;

}



.sideMenu3 {

    color: #fff;

    margin: 30px 0;

    padding: 0 8px 0 8px;

    background-color: #817f80;

}



.sideMenu3 .MenuTop {

    font-size: 16px;

    padding-top: 6px;

    padding-left: 30px;

    margin-bottom: 16px;

    background-position: left;

    background-repeat: no-repeat;

    position: relative;

}



.sideMenu3.HomeMenu p {

    padding-bottom: 6px;

}



.sideMenu3.BusinessMenu {

}



.BusinessMenu .MenuTop:before {

    position: absolute;

    top: 10px;

    left: 0;

    font-family: 'shizugas' !important;

    content: "\e903";

    font-size: 140%;

}



.sideMenu3 a {

    display: block;

}



.sideMenu3 a:hover {

    filter: alpha(opacity=75);

    -moz-opacity: 0.75;

    opacity: 0.75;

}



@media screen and (min-width:641px) {



    .sideArea p {

        margin: 0;

    }



    .sideArea a {

        text-decoration: none;

        color: #fff;

    }



    .sideArea .sideMenu {

        color: #fff;

        padding: 20px 8px 0 8px;

    }



    .sideArea .sideMenu2 {

        color: #fff;

        padding: 70px 10px 0 10px;

    }

}





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

	Gメニュー end

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



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

	メインエリア

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





/* メインエリア Cap */



.caption {

	/* padding:30px 0 60px 0; */

}



/* ぱんくず */

.set_pan {

}



@media screen and (min-width:641px) {

    .set_pan {

        padding-top: 64px;

    }

}



@media screen and (min-width:810px) {

    .set_pan {

        padding-top: 0;

    }

}



.pans p {

    margin: 0;

    background-color: #e9eaec;

    padding: 10px 30px;

}



.pans a {

    text-decoration: none;

    color: #333;

    display: inline-block;

}



.pans a:hover {

    text-decoration: underline;

}

/* メインエリア Contents */





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

	メインエリア end

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





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

	フッター

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

footer {

    background-color: #444;

    color: #fff;

    padding: 0 20px 40px 20px;

    letter-spacing: -.40em;

}



.footerInner {

    padding-top: 40px;

}



@media screen and (min-width:641px) {

    footer {

        padding: 0 50px 40px 50px;

    }

}



@media screen and (min-width:1220px) {

    .footerInner {

        width: 932px;

        margin: 0 auto;

    }

}



.footerBlock1 {

    width: 100%;

	/* margin-top:40px; */

    display: inline-block;

    letter-spacing: normal;

    vertical-align: top;

    position: relative;

}



.footerBlock1 h2 {

    font-size: 16px;

    margin: 0 0 10px 0;

}



.footerBlock1 p {

    margin: 0;

}



.footerBlock1 .whiteArea {

    display: block;

    padding: 0.25em 0.8em;

    font-size: 0.8em;

    background-color: #fff;

    color: #444;

    margin-right: 1em;

    margin-bottom: 0.5em;

}



.footerBlock1 .naviDial {

    background-position: left top;

    background-repeat: no-repeat;

    background-image: url(../images/common/naviDial.png);

    background-size: 18%;

    padding-left: 17vw;

}



.footerBlock1 .naviDial .telephone {

    margin: 0;

    font-size: 16px;

}



.footerBlock1 .naviDial .telephone .bigText {

    font-size: 9vw;

    line-height: 1.4;

}



.footerBlock1 .fax {

    font-size: 18px;

    line-height: 1.8;

}



.footerBlock1 .naviDialLabel {

    display: inline-block;

    padding: 4px 8px;

    border: 1px solid #fff;

    font-size: 12px;

}



.footerBlock1 .naviDialLabel a {

    text-decoration: none;

    color: #fff;

}



.footerBlock2 {

    display: inline-block;

    letter-spacing: normal;

}



.footerBlock2 > p {

    margin: 0;

}



@media screen and (min-width:641px) {

    .footerBlock1 {

        width: auto;

        display: inline-block;

        vertical-align: top;

        padding-right: 24px;

        margin-bottom: 20px;

    }



    .footerBlock1 .naviDial {

        padding-left: 50px;

        font-size: 20px

    }



    .footerBlock1 .naviDial .telephone {

        font-size: 16px;

    }



    .footerBlock1 .naviDial .telephone .bigText {

        font-size: 2em;

    }



    .footerBlock1 .naviDialLabel {

    }

}



@media screen and (min-width:791px) {

    .footerBlock1 .naviDial {

        background-position: left center;

        padding-top: 0;

        padding-left: 66px;

        min-height: 46px;

	/* margin-bottom:10px; */

    }



    .footerBlock1 .whiteArea {

        display: inline-block;

        margin-bottom: 0;

    }



    .footerBlock1 .naviDial .telephone .bigText {

        font-size: 48px;

        margin-left: 12px;

    }



    .footerBlock1 .fax {

        margin: 0;

    }



    .footerBlock1 .naviDialLabel {

        position: absolute;

        bottom: 0;

        right: 24px;

    }



    .footerBlock2 {

        padding-left: 24px;

    }

}



@media screen and (min-width:1206px) {

    .footerBlock1 {

        border-right: 1px solid #fff;

    }

}



.footerBlock2 .contactBlock-area {

    letter-spacing: -.40em;

}



.footerBlock2 .contactBlock {

    display: inline-block;

    letter-spacing: normal;

    margin-right: 6px;

    width: 126px;

}



.footerBlock2 .contactBlock:nth-child(3n) {

    margin-right: 0;

}



.footerBlock2 .contactBlock dt {

    background-color: #fff;

    color: #444;

    line-height: 1.4;

    text-align: center;

    font-size: 12px;

}



.footerBlock2 .contactBlock dd {

    margin: 0;

    text-align: center;

    font-size: 16px;

    line-height: 1.4;

}



.footerBlock3 {

    letter-spacing: normal;

    background-color: #fff;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    color: #444;

    padding: 6px 10px;

}



.footerBlock3 h2 {

    margin: 0 10px 0 0;

    font-size: 115%;

    display: inline-block;

    vertical-align: top;

    padding-right: 1em;

    border-right: 1px solid #000;

}



.footerBlock3 p {

    margin: 0;

    display: inline-block;

    vertical-align: top;

}



.footerBlock3 p span {

    display: inline-block;

}



.footerBlock4 {

    letter-spacing: normal;

    background-color: #817f80;

    padding: 10px 20px;

}



@media screen and (min-width:641px) {

    .footerBlock3 {

        padding: 6px 24px;

    }



    .footerBlock4 {

        padding: 10px 50px;

    }

}



.footerBlock4 i {

    color: #fff;

}



.footerBlock4 a {

    text-decoration: none;

    color: #fff;

}



.footerLink1 {

    letter-spacing: -.40em;

    margin: 10px 0 0 0;

    padding: 0;

    list-style: none;

}



.footerLink1 li {

    display: inline-block;

    letter-spacing: normal;

    margin-right: 2em;

	/* font-size:1em; */

    line-height: 1.4;

    margin-bottom: 10px;

}



.footerLink2 {

    letter-spacing: -.40em;

    margin: 10px 0 0 0;

    padding: 0;

    list-style: none;

}



.footerLink2 li {

    display: inline-block;

    letter-spacing: normal;

    margin-right: 2em;

	/* font-size:1em; */

    line-height: 1.4;

    margin-bottom: 10px;

}



.copyright {

    margin: 0;

    font-size: 75%;

    text-align: left;

    color: #fff;

}



.copyright span {

    display: inline-block;

}



@media screen and (min-width:641px) {

    .copyright {

        font-size: 88%;

        text-align: right;

    }

}

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

	フッター end

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





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

	pagination

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

.pagination {

    margin: 60px 0;

}



.pagination ul {

    padding: 0;

    display: block;

    text-align: center;

}



.pagination li {

    display: inline-block;

    list-style: none;

    font-size: 13px;

    border: 1px solid #ddd;

    text-align: center;

}



.pagination li.omit {

    width: 40px;

    line-height: 40px;

    border: none;

}



.pagination li a {

    display: block;

    width: 38px;

    line-height: 38px;

    text-decoration: none;

    color: #333;

}



.pagination li.current a {

    background-color: #a0a0a0;

    color: #fff;

}



.pagination li a:hover span {

    text-decoration: underline;

}



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

	pagination end

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



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

	pagetop

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

.set_pagetop {

    float: right;

    clear: both;

    padding-top: 18px;

    position: absolute;

    position: fixed !important;

    bottom: 20px;

    right: 20px;

    z-index: 9999;

    display: table;

    margin: 0;

}



.set_pagetop .page_top {

    display: table-cell;

    vertical-align: middle;

    width: 60px;

    height: 60px;

    border: 1px solid #ccc;

    border-radius: 6px;

    text-align: center;

    background-color: rgba(119, 170, 13, 0.75);

    text-decoration: none;

    color: #fff;

    line-height: 1.2;

}



.set_pagetop .page_top i {

	/* font-size:36px;

	line-height:60px; */

    color: #fff;

}



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

	pagetop end

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



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

	public parts

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

	

/* メイン下アンカーメニュー */

.blueMenu {

    background-color: #013b90;

    margin-bottom: 20px;

    border-bottom: 1px solid #fff;

}



@media screen and (min-width:1020px) {

    .blueMenu {

        padding: 0 50px;

    }

}



.blueMenu ul {

    letter-spacing: -0.4em;

    margin: 0;

    padding: 0;

    border-left: 1px solid #fff;

    margin-bottom: -1px;

}



.blueMenu li {

    letter-spacing: normal;

    display: inline-block;

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;

    text-align: center;

    box-sizing: border-box;

    width: 50%;

    font-size: 2.6vw;

    vertical-align: top;

    position: relative;

}



@media screen and (min-width:641px) {

    .blueMenu li {

        font-size: 1em;

        width: 33%;

        min-width: 320px;

    }

}



.blueMenu li.current,

.blueMenu li:hover {

    background-color: #fff;

    color: #013b90;

}



.blueMenu li:after {

    position: absolute;

    font-family: 'shizugas' !important;

    content: "\f0d7";

    right: 10px;

    bottom: 50%;

    margin-bottom: -8px;

    color: #fff;

}



.blueMenu li a {

    text-decoration: none;

    color: #fff;

    display: block;

    padding: 20px 0;

}



.blueMenu li.current a,

.blueMenu li:hover a {

    color: #013b90;

}

/* メイン下アンカーメニュー end */



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

	アンカーメニュー 共通用

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

.publicAnchorMenu {

    padding: 36px 10px 25px 10px;

    text-align: center;

}



.publicAnchorMenu ul {

    letter-spacing: -.40em;

    font-size: 1em;

    margin: 0;

    padding: 0;

    list-style: none;

}



@media screen and (min-width:641px) {

    .publicAnchorMenu ul {

    }

}



.publicAnchorMenu li {

    color: #fff;

    letter-spacing: normal;

    display: inline-block;

    vertical-align: top;

    width: 100%;

    max-width: 309px;

    height: 3.6em;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    background-color: #013b90;

    margin-bottom: 11px;

}



@media screen and (min-width:641px) {

    .publicAnchorMenu {

        padding: 36px 0 25px 0;

    }



    .publicAnchorMenu li {

        margin-right: 16px;

        height: 3.6em;

    }

}



@media screen and (min-width:770px) {

    .publicAnchorMenu {

        padding: 36px 34px 25px 50px;

        text-align: left;

    }

}



@media screen and (min-width:1458px) {

    .publicAnchorMenu li:last-child {

        margin-right: 0;

    }

}



.publicAnchorMenu li a:hover {

    filter: alpha(opacity=75);

    -moz-opacity: 0.75;

    opacity: 0.75;

}



.publicAnchorMenu li a {

    display: block;

    position: relative;

    text-align: center;

    text-decoration: none;

    color: #fff;

    line-height: 3.6em;

    height: 3.6em;

}



.publicAnchorMenu li.doubleLine a {

    line-height: 1;

    padding: 0.8em 0;

    height: 2em;

}



.publicAnchorMenu li a:before {

    font-family: 'shizugas';

    content: "\f0d7";

    position: absolute;

    right: 20px;

}



.publicAnchorMenu li.doubleLine a:before {

    top: 16px;

}



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

	アンカーメニュー 共通用 end

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



/* メイン下サブメニュー （orange は電気用） */



.orangeMenu {

    background-color: #444;

    border-bottom: 1px solid #888;

}



@media screen and (min-width:936px) {

    .orangeMenu {

        padding: 0 50px;

    }

}



.orangeMenu ul {

    letter-spacing: -0.4em;

    margin: 0;

    padding: 0;

    border-left: 1px solid #888;

    margin-bottom: -1px;

}



.orangeMenu li {

    letter-spacing: normal;

    display: inline-block;

    border-right: 1px solid #888;

    border-bottom: 1px solid #888;

    text-align: center;

    box-sizing: border-box;

    width: 50%;

    font-size: 2.6vw;

    vertical-align: top;

    position: relative;

}



@media screen and (min-width:641px) {

    .orangeMenu li {

        width: 19.6%;

        min-width: 192px;

        font-size: 1em;

    }

}



.orangeMenu li.current {

    background-color: #ec9601;

}



.orangeMenu li:hover {

    background-color: #ec9601;

}



.orangeMenu li:after {

    position: absolute;

    font-family: 'shizugas' !important;

    content: "\f0da";

    right: 10px;

    bottom: 50%;

    margin-bottom: -8px;

    color: #fff;

}



.orangeMenu li a {

    text-decoration: none;

    color: #fff;

    display: block;

    padding: 26px 0;

}



.orangeMenu .menu05 a {

    padding: 17px 0;

}



.orangeMenu1 {

    background-color: #444;

    border-bottom: 1px solid #888;

}



@media screen and (min-width:936px) {

    .orangeMenu1 {

        padding: 0 50px;

    }

}



.orangeMenu1 ul {

    letter-spacing: -0.4em;

    margin: 0;

    padding: 0;

    border-left: 1px solid #888;

    margin-bottom: -1px;

    list-style: none;

}



.orangeMenu1 li {

    letter-spacing: normal;

    display: inline-block;

    border-right: 1px solid #888;

    border-bottom: 1px solid #888;

    text-align: center;

    box-sizing: border-box;

    width: 50%;

    font-size: 2vw;

    vertical-align: top;

    position: relative;

}



@media screen and (min-width:641px) {

    .orangeMenu1 li {

        width: 19.6%;

        min-width: 175px;

        font-size: 80%;

    }

}



.orangeMenu1 li.current {

    background-color: #ec9601;

}



.orangeMenu1 li:hover {

    background-color: #ec9601;

}



.orangeMenu1 li:after {

    position: absolute;

    font-family: 'shizugas' !important;

    content: "\f0da";

    right: 10px;

    bottom: 50%;

    margin-bottom: -8px;

    color: #fff;

}



.orangeMenu1 li a {

    text-decoration: none;

    color: #fff;

    display: block;

    padding: 26px 0;

}



.orangeMenu1 .myhome a {

    height: 28px;

    padding-top: 17px;

    padding-bottom: 17px;

    align-items: center;

    display: flex;

    justify-content: center;

}



.orangeMenu2 {

    background-color: #444;

    border-bottom: 1px solid #888;

}



@media screen and (min-width:936px) {

    .orangeMenu2 {

        padding: 0 50px;

    }

}



.orangeMenu2 ul {

    list-style: none;

    letter-spacing: -0.4em;

    margin: 0;

    padding: 0;

    border-left: 1px solid #888;

    margin-bottom: -1px;

}



.orangeMenu2 li {

    letter-spacing: normal;

    display: inline-block;

    border-right: 1px solid #888;

    border-bottom: 1px solid #888;

    text-align: center;

    box-sizing: border-box;

    font-size: 2.6vw;

    width: 50%;

    vertical-align: top;

    position: relative;

}



@media screen and (min-width:641px) {

    .orangeMenu2 li {

        width: 25%;

        min-width: 200px;

        font-size: 1em;

    }

}



.orangeMenu2 li.current {

    background-color: #ec9601;

}



.orangeMenu2 li:hover {

    background-color: #ec9601;

}



.orangeMenu2 li:after {

    position: absolute;

    font-family: 'shizugas' !important;

    content: "\f0da";

    right: 10px;

    bottom: 50%;

    margin-bottom: -8px;

    color: #fff;

}



.orangeMenu2 li a {

    text-decoration: none;

    color: #fff;

    display: block;

    padding: 20px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 36px;

}



@media screen and (max-width: 479px) {

    .orangeMenu2 li a {

    	padding:10px 0;

    }

}





/* メイン下サブメニュー end */



	

/* お手続き・お問い合わせブロック */

.Contact-area {

    margin: 0 30px 50px 30px;

}



.Contact-inner1 {

    width: 100%;

    color: #fff;

}



.Contact-inner1 a {

    text-decoration: none;

    color: #fff;

}



.Contact-block1 {

    background-color: #003a8e;

}



.Contact-block1 a {

    display: block;

    padding: 20px 20px;

}



.Contact-block1 i {

    font-size: 30px;

    margin-right: 10px;

}



.Contact-block1 p {

    margin: 0;

    display: inline-block;

}



.Contact-block2 {

    background-color: #6dbbe3;

    padding: 20px 20px 20px 40px;

}



.Contact-block2 ul {

    list-style: none;

    padding: 0;

    margin: 0;

    letter-spacing: -.40em;

}



.Contact-block2 li {

    display: inline-block;

    letter-spacing: normal;

    line-height: 1.6;

    margin-right: 20px;

    width: 216px;

}



.Contact-block2 li i {

    color: #fff;

    padding-right: 1em;

}



@media screen and (min-width:1080px) {



    .Contact-inner1 {

        display: table;

    }



    .Contact-block1 {

        display: table-cell;

        width: 240px;

        vertical-align: middle;

        border-top-left-radius: 3px;

        -webkit-border-top-left-radius: 3px;

        -moz-border-radius-topleft: 3px;

        border-bottom-left-radius: 3px;

        -webkit-border-bottom-left-radius: 3px;

        -moz-border-radius-bottomleft: 3px;

    }



    .Contact-block2 {

        display: table-cell;

        vertical-align: middle;

        border-top-right-radius: 3px;

        -webkit-border-top-right-radius: 3px;

        -moz-border-radius-topright: 3px;

        border-bottom-right-radius: 3px;

        -webkit-border-bottom-right-radius: 3px;

        -moz-border-radius-bottomright: 3px;

    }

}



/*

電話番号用CSS

*/

a[href^="tel:"] {

    cursor: default;

    color: #FFFFFF;

    text-decoration: none;

}



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

	public parts end

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