@charset "utf-8";

/*
/////sscss/////
Smart Style Complex Original Stylesheet Template.
URL:http://ss-complex.com/
Author:Seiji Okabe
*/

/*-----clearfix-----*/
.cf:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.cf {min-height: 1px;}
* html .cf {height: 1px;}

/*-----cleartext-----*/
.clearText {text-indent:100%;white-space:nowrap;overflow:hidden;}

/*-----common-----*/
/*all device*/
.wrapper {position: relative;}
.taRBlk {text-align: right;display: block;}
.noLine {text-decoration: none;}
.bold {font-weight: bold;}
.bgFit {background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgFit.ctn {background-size: contain;}
.kome {margin-left: 1.2em;}
.kome li {position: relative;list-style-type: none !important; margin-bottom: 8px;}
.kome li:last-child {margin-bottom: 0px;}
.kome li:before {position: absolute;content: '※';left: -1.2em;top: 0;}
.poC {margin: 0 auto;}
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}
.fL {float: left !important;}
.fR {float: right !important;}
.posRel {position: relative;}
.lh0 {line-height: 0;}
.lhS {line-height: 1.0em;}
.lhM {line-height: 1.4em;}
.lhL {line-height: 1.8em;}
.fBox {margin-left: -4%}
.fAll {float: left;width: 96%;margin-left: 4%;}
.f1of2 {float: left;width: 46%;margin-left: 4%;}
.f1of3 {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3 {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4 {float: left;width: 21%;margin-left: 4%;}
.f3of4 {float: left;width: 71%;margin-left: 4%;}
.f1of5 {float: left;width: 16%;margin-left: 4%;}
.f2of5 {float: left;width: 36%;margin-left: 4%;}
.f3of5 {float: left;width: 56%;margin-left: 4%;}
.f4of5 {float: left;width: 76%;margin-left: 4%;}
.f1of6 {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6 {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7 {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7 {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7 {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7 {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7 {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7 {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8 {float: left;width: 8.5%;margin-left: 4%;}
.f3of8 {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.full {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lg {width: 80%;margin: 0 auto;display: block;}
.autoImg.md {width: 50%;margin: 0 auto;display: block;}
.autoImg.sm {width: 30%;margin: 0 auto;display: block;}
.hAuto {height: auto !important;}
a:hover {opacity: 0.7;}
select::-ms-expand {
  display: none;
}
select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.icon:after,.icon:before,.bg:after,.bg:before {
    background-repeat: no-repeat;
    background-position: center;
}
.icon:after,.icon:before {
    background-size: contain;
}
.bg:after,.bg:before {
    background-size: cover;
}
/*sp*/
@media only screen and (max-width: 767px){
.wrapper {width: 100%;letter-spacing: 0.05em;}
.boldSp {font-weight: bold;}
.hideSp {display: none !important;}
.poCSp {margin: 0 auto;}
.taLSp {text-align: left;}
.taCSp {text-align: center;}
.taRSp {text-align: right;}
.fLSp {float: left;}
.fRSp {float: right;}
.fBoxSp {margin-left: -4%}
.fAllSp {float: left;width: 96%;margin-left: 4%;}
.f1of2Sp {float: left;width: 46%;margin-left: 4%;}
.f1of3Sp {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Sp {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Sp {float: left;width: 21%;margin-left: 4%;}
.f3of4Sp {float: left;width: 71%;margin-left: 4%;}
.f1of5Sp {float: left;width: 16%;margin-left: 4%;}
.f2of5Sp {float: left;width: 36%;margin-left: 4%;}
.f3of5Sp {float: left;width: 56%;margin-left: 4%;}
.f4of5Sp {float: left;width: 76%;margin-left: 4%;}
.f1of6Sp {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Sp {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Sp {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Sp {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Sp {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Sp {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Sp {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Sp {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Sp {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Sp {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullSp {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgSp {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdSp {width: 50%;margin: 0 auto;display: block;}
.autoImg.smSp {width: 30%;margin: 0 auto;display: block;}
.hAutoSp {height: auto !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.wrapper {width: 100%; letter-spacing: 0.05em;}
.boldPc {font-weight: bold;}
.hidePc {display: none !important;}
.poCPc {margin: 0 auto;}
.taLPc {text-align: left;}
.taCPc {text-align: center;}
.taRPc {text-align: right;}
.fLPc {float: left;}
.fRPc {float: right !important;}
.fBoxPc {margin-left: -4%}
.fAllPc {float: left;width: 96%;margin-left: 4%;}
.f1of2Pc {float: left;width: 46%;margin-left: 4%;}
.f1of3Pc {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Pc {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Pc {float: left;width: 21%;margin-left: 4%;}
.f3of4Pc {float: left;width: 71%;margin-left: 4%;}
.f1of5Pc {float: left;width: 16%;margin-left: 4%;}
.f2of5Pc {float: left;width: 36%;margin-left: 4%;}
.f3of5Pc {float: left;width: 56%;margin-left: 4%;}
.f4of5Pc {float: left;width: 76%;margin-left: 4%;}
.f1of6Pc {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Pc {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Pc {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Pc {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Pc {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Pc {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Pc {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Pc {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Pc {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Pc {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc {width: 30%;margin: 0 auto;display: block;}
.hAutoPc {height: auto !important;}
}
/*lightbox*/
.fs-lightbox-overlay {
    z-index: 110;
}
.fs-lightbox {
    z-index: 111;
}
.fs-lightbox-position {
    display: none;
}
.fs-lightbox-content,.fs-lightbox-container {
    overflow: inherit;
}
@media only screen and (max-width: 767px){
.fs-lightbox-close {width: 40px;height: 40px;background: none;color: #111; background-color: #111;}
.fs-lightbox-close:after {content: '×';position: absolute;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 38px;color: #fff;top: 0;right: 0;}
.fs-lightbox-caption_toggle {display: none !important;}
.fs-lightbox-controls {height: 40px;background:none;}
.fs-lightbox-control_previous {width: 40px;height: 40px;background: none;color: #111;}
.fs-lightbox-control_next {width: 40px;height: 40px;background: none;color: #111;}
.fs-lightbox-control_previous:after,.fs-lightbox-control_next:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 10px;
    left: 10px;
}
.fs-lightbox-control_previous:after {
    background-image: url(../image/icon_arrow_left_white.svg);
}
.fs-lightbox-control_next:after {
    background-image: url(../image/icon_arrow_right_white.svg);
}
.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta {
    display: none;
}
.fs-lightbox-meta span {
    display: block;
    margin-bottom: 5px;
}

}
@media only screen and (min-width: 768px){
.fs-lightbox-close {
    width: 40px;height: 40px;
    background: none;color: #111;text-indent:100%;
    white-space:nowrap;overflow:hidden;
    right: -20px;
    top: -20px;
}
.fs-lightbox-close:after {
    content: '×';
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    color: #333;
    top: 0;right: 0;
    text-indent:0%;white-space:normal;overflow:visible;
    border-radius: 20px;
    background-color: #fafafa;
}
.fs-lightbox-caption_toggle {display: none !important;}
.fs-lightbox-position {background: #000;text-align: center;color: #fff;}
.fs-lightbox-control_previous,.fs-lightbox-control_next {
    width: 40px;
    height: 40px;
    background: none;
    color: #111;
    text-indent:100%;white-space:nowrap;overflow:hidden;
}
.fs-lightbox-control_previous {
    left: 20px;
}
.fs-lightbox-control_next {
    right: 20px;
}
.fs-lightbox-control_previous:after,.fs-lightbox-control_next:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.fs-lightbox-control_previous:after {
    background-image: url(../image/icon_arrow_left_white.svg);
}
.fs-lightbox-control_next:after {
    background-image: url(../image/icon_arrow_right_white.svg);
}
.fs-lightbox-meta_content .caption {padding: 15px;}
.fs-lightbox-meta_content .caption span {display: block;margin-bottom: 5px;}
}


/*-----customize-----*/

/*-----content-size-----*/
/*sp*/
@media only screen and (max-width: 767px){
.contentBox,.contentBoxSp,
.contentBoxM,.contentBoxMSp,
.contentBoxL,.contentBoxLSp {margin-left: 2.5% !important;margin-right: 2.5% !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.contentBox,.contentBoxPc {max-width:1200px;margin-left: auto !important;margin-right: auto !important; padding: 0 20px;box-sizing: border-box;}
.contentBoxM,.contentBoxMPc {max-width:800px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
.contentBoxL,.contentBoxLPc {max-width:1240px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
}

/*-----font-color-----*/
body {color: #333;}
.blue {color: #009BE2;}
.white {color: #fff;}
a {color:#333; text-decoration:none;}
a.uLine {text-decoration: underline;}
a.uLine:hover {text-decoration: none;}

/*-----background-color-----*/
body {background-color: #EFF3F5;}
.whiteBg {background-color: #fafafa;}
.blueBg {background-color: #009BE2;}
.blueGra {
    background: rgb(0,155,226);
    background: -moz-linear-gradient(left,  rgba(0,155,226,1) 0%, rgba(0,200,226,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,155,226,1) 0%,rgba(0,200,226,1) 100%);
    background: linear-gradient(to right,  rgba(0,155,226,1) 0%,rgba(0,200,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be2', endColorstr='#00c8e2',GradientType=0 );
}

/*-----hr-color-----*/
.hrBlack {border-color: rgba(0,0,0,0.2) transparent transparent transparent;}
.hrWhite {border-color: rgba(255,255,255,0.4) transparent transparent transparent;}

/*-----border----*/
.titleUnderLine {border-bottom: 1px solid #009BE2;}

/*-----font-family-----*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}
html{font-family:Noto Sans Japanese, YuGothic, '游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-display: swap;}
.roboto {font-family: 'Roboto', sans-serif;}
.ming {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, html { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} /* IE11 */
*::-ms-backdrop, .ming { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif !important;} /* IE11 */
}

/*-----font-size-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.textXXXL,.textXXXLSp {font-size: 31px;}
.textXXL,.textXXLSp {font-size: 24px;}
.textXL,.textXLSp {font-size: 20px;}
.textL,.textLSp {font-size: 16px;}
.textM,.textMSp {font-size: 14px;}
.textS,.textSSp {font-size: 12px;}
.textXS,.textXSSp {font-size: 10px;}
}
/*pc*/
@media only screen and (min-width: 768px){
.textXXXL,.textXXXLPc {font-size: 42px;}
.textXXL,.textXXLPc {font-size: 30px;}
.textXL,.textXLPc {font-size: 22px;}
.textL,.textLPc {font-size: 18px;}
.textM,.textMPc {font-size: 16px;}
.textS,.textSPc {font-size: 14px;}
.textXS,.textXSPc {font-size: 12px;}
}

/*-----margin-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.mtXS,.mtXSSp {margin-top: 5px !important;}
.mtS,.mtSSp {margin-top: 15px !important;}
.mtM,.mtMSp {margin-top: 20px !important;}
.mtL,.mtLSp {margin-top: 30px !important;}
.mtXL,.mtXLSp {margin-top: 40px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.mtXS,.mtXSPc {margin-top: 10px !important;}
.mtS,.mtSPc {margin-top: 20px !important;}
.mtM,.mtMPc {margin-top: 40px !important;}
.mtL,.mtLPc {margin-top: 60px !important;}
.mtXL,.mtXLPc {margin-top: 80px !important;}
}

/*-----margin-bottom-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.mbXS,.mbXSSp {margin-bottom: 5px !important;}
.mbS,.mbSSp {margin-bottom: 15px !important;}
.mbM,.mbMSp {margin-bottom: 20px !important;}
.mbL,.mbLSp {margin-bottom: 30px !important;}
.mbXL,.mbXLSp {margin-bottom: 40px !important;}
.mbXXL,.mbXXLSp {margin-bottom: 90px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.mbXS,.mbXSPc {margin-bottom: 10px !important;}
.mbS,.mbSPc {margin-bottom: 20px !important;}
.mbM,.mbMPc {margin-bottom: 40px !important;}
.mbL,.mbLPc {margin-bottom: 60px !important;}
.mbXL,.mbXLPc {margin-bottom: 80px !important;}
}

/*-----margin-left-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.mlXS,.mlXSSp {margin-left: 5px !important;}
.mlS,.mlSSp {margin-left: 15px !important;}
.mlM,.mlMSp {margin-left: 20px !important;}
.mlL,.mlLSp {margin-left: 30px !important;}
.mlXL,.mlXLSp {margin-left: 40px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.mlXS,.mlXSPc {margin-left: 10px !important;}
.mlS,.mlSPc {margin-left: 20px !important;}
.mlM,.mlMPc {margin-left: 40px !important;}
.mlL,.mtlPc {margin-left: 60px !important;}
.mlXL,.mlXLPc {margin-left: 80px !important;}
}

/*-----margin-right-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.mrXS,.mrXSSp {margin-right: 5px !important;}
.mrS,.mrSSp {margin-right: 15px !important;}
.mrM,.mrMSp {margin-right: 20px !important;}
.mrL,.mrLSp {margin-right: 30px !important;}
.mrXL,.mrXLSp {margin-right: 40px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.mrXS,.mrXSSPc {margin-right: 10px !important;}
.mrS,.mrSPc {margin-right: 20px !important;}
.mrM,.mrMPc {margin-right: 40px !important;}
.mrL,.mrLPc {margin-right: 60px !important;}
.mrXL,.mrXLPc {margin-right: 80px !important;}
}

/*-----padding-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.ptXS,.ptXSSp {padding-top: 5px !important;}
.ptS,.ptSSp {padding-top: 15px !important;}
.ptM,.ptMSp {padding-top: 20px !important;}
.ptL,.ptLSp {padding-top: 30px !important;}
.ptXL,.ptXLSp {padding-top: 40px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.ptXS,.ptXSPc {padding-top: 10px !important;}
.ptS,.ptSPc {padding-top: 20px !important;}
.ptM,.ptMPc {padding-top: 40px !important;}
.ptL,.ptLPc {padding-top: 60px !important;}
.ptXL,.ptXLPc {padding-top: 120px !important;}
}

/*-----padding-bottom-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.pbXS,.pbXSSp {padding-bottom: 5px !important;}
.pbS,.pbSSp {padding-bottom: 15px !important;}
.pbM,.pbMSp {padding-bottom: 20px !important;}
.pbL,.pbLSp {padding-bottom: 30px !important;}
.pbXL,.pbXLSp {padding-bottom: 40px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.pbXS,.pbXSPc {padding-bottom: 10px !important;}
.pbS,.pbSPc {padding-bottom: 20px !important;}
.pbM,.pbMPc {padding-bottom: 40px !important;}
.pbL,.pbLPc {padding-bottom: 60px !important;}
.pbLL,.pbLLPc {padding-bottom: 100px !important;}
.pbXL,.pbXLPc {padding-bottom: 120px !important;}
}
/*-----paddingBox-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.pdBoxS,.pdBoxSSp {box-sizing: border-box;padding-left: 2.5%;padding-right: 2.5%;}
.pdBoxM,.pdBoxMSp {box-sizing: border-box;padding-left: 10px;padding-right: 2.5%;}
.pdBoxL,.pdBoxLSp {box-sizing: border-box;padding-left: 2.5%;padding-right: 2.5%;}
}
/*pc*/
@media only screen and (min-width: 768px){
.pdBoxS,.pdBoxSPc {box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.pdBoxM,.pdBoxMPc {box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
.pdBoxL,.pdBoxLPc {box-sizing: border-box;padding-left: 40px;padding-right: 40px;}
}
/*-----UI-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.menuArea {
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 300;
}
.menuBtn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: #16A63C;
}
.menuBtn span {
    display: block;
    position: absolute;
    height: 1px;
    width: 30px;
    background: #fff;
    left: 15px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.menuBtn span:nth-child(1) {
    top: 14px;
}
.menuBtn span:nth-child(2) {
    top: 22px;
}
.menuBtn span:nth-child(3) {
    top: 30px;
}
.menuBtn.open span:nth-child(1) {
    top: 21px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.menuBtn.open span:nth-child(2) {
    width: 0;
    left: 50%;
}
.menuBtn.open span:nth-child(3) {
    top: 21px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
.menuBtn .menuTitle {
    position: absolute;
    bottom: 3px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 12px;
}
.grobalMenu {
    display: none;
    height: -webkit-calc(100vh - 60px);
    /* height: calc(100vh - 60px); */
    margin-top: 60px;
    overflow-y: scroll;
    background-color: #333;
}
.grobalMenu .menuBtnClose {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    z-index: 104;
}
.mainMenu {
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.mainMenu a {
    color: #fff;
}
/*
.toggleContents {
    display: none;
}
*/
.mainMenu .topMenu {
    position: relative;
}
.mainMenu .topMenu span.close {
    border-top: none !important;
}
.mainMenu .topMenu > a,.mainMenu .topMenu .close {
    display: block;
    border-top: 1px solid rgba(255,255,255,0.6);
    font-weight: bold;
    font-size: 18px;
    padding: 23px 0 23px 10px;
}
.mainMenu .topMenu .close {
    padding-right: 15px;
}
.mainMenu .topMenu .close:before {
    content: '×';
    margin-right: 15px;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.grobalMenu {
    display: block !important;
    float: right;
    box-sizing: border-box;
}
.grobalMenu .mainMenu,.grobalMenu .contactMenu {
    float: left;
    margin-top: 30px;
}
.grobalMenu .mainMenu .grobalMenu > ul {
    float: left;
}
.grobalMenu .mainMenu li,.grobalMenu .contactMenu li {
    float: left;
}
.grobalMenu .mainMenu .topMenu {
    position: relative;
}
.grobalMenu .mainMenu .topMenu > a {
    font-size: 16px;
    padding: 0 30px;
    color: #333;
    font-weight: bold;
    display: block;
    position: relative;
    text-align: center;
}
.grobalMenu .mainMenu li.stopLine:after {
    content: '';
    display: block;
    border-right: 1px solid #ccc;
    height: 20px;
    margin-top: -30px;
}
.grobalMenu .mainMenu .topMenu span {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #6799B1;
}
}

/*-----header-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.header {
    width: 100%;
    height: 60px;
    position: fixed;
    transition: 0.3s;
    background-color: #fafafa;
    z-index: 5;
}
.header .logo {
    float: left;
    padding: 10px 0 0 10px;
}
.header .logo a {
    display: block;
    width: 100px;
    height: 40px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mainVisual {
    background: url(../image/mv.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: 180px;
    position: relative;
    background-size: cover;
    padding-top: 60px;
}
.mainVisual:after {
    content: '';
    display: block;
    height: 120px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 85px;
}
.mainVisualInner {
    display: table-cell;
    vertical-align: middle;
    height: 180px;
    z-index: 2;
    position: relative;
}
.catchTitle {
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.header {
    width: 100%;
    min-width: 1024px;
    height: 110px;
    position: fixed;
    top: 0;
    transition: 0.3s;
    z-index: 5;
    background-color: #fff;
}
.header .logo {
    float: left;
    padding: 20px 0 0 23px;
}
.header .logo a {
    display: block;
    width: 142px;
    height: 70px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* transition: 0.3s; */
}
.header .logo a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.header:before {
    content: "";
    display: block;
    height: 5px;
    background: rgb(0,155,226);
    background: -moz-linear-gradient(top,  rgba(0,155,226,1) 0%, rgba(0,200,226,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,155,226,1) 0%,rgba(0,200,226,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,155,226,1) 0%,rgba(0,200,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be2', endColorstr='#00c8e2',GradientType=0 );
}
.mainVisual {
    height: 420px;
    background: url(../image/mv.jpg);
    background-size: cover;
    background-position: center top;
    min-width: 1024px;
    position: relative;
    margin-top: 110px;
}
.mainVisualInner {
    display: table-cell;
    vertical-align: middle;
    height: 420px;
}
.catchTitle {
    font-size: 30px;
    color: #333;
}
/*--パンくずリスト--*/
meta {display: none;}
.breadcrumb {
    border-top: 1px solid #CFDCE3;
    border-bottom: 1px solid #CFDCE3;
    height: 39px;
    font-size: 12px;
    margin-top: 110px;
    background-color: #fff;
}
.breadcrumb > div > span {
    display: block;
    position: relative;
    padding-right: 30px;
    line-height: 39px;
    height: 39px;
    float: left;
}
.breadcrumb span a span {
    font-weight: bold;
    color: #333;
    transition: 0.3s;
}
.breadcrumb > div > span:after {
    content: '';
    width: 12px;
    height: 39px;
    background-image: url(../image/bread_list.png);
    position: absolute;
    right: 9px;
    top: 0;
}
.breadcrumb > div > span:last-child {
    padding-right: 0;
}
.breadcrumb > div > span:last-child:after {
    background-image: none;
}
.breadcrumb span a span {
    font-weight: bold;
    color: #009BE2;
}
.breadcrumb span a span:hover {
    opacity: 0.7;
}
}

/*-----footer-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.footContactBox {
    padding: 2.5% 0;
}
.footContactBox img {
    width: 20px;
    margin-bottom: 5px;
}
.footContact {
    padding: 5px;
    display: table;
    z-index: 100;
}
.footTel:before {
    content: '';
    background-image: url(../image/icon/icon_phone_white.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top: 10px;
}
.footText:before {
    content: '';
    background-image: url(../image/icon/icon_mail_white.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top: 10px;
}
.footMenu {
    width: 100%;
}
.footMenu li {
    text-align: center;
}
.footContact li {
    display: table-cell;
    width: 45%;
    padding: 0 5px 0 0;
}
.footContact li.arrowTop {
    display: block;
    width: 30px;
    padding: 0 5px;
}
.footMenu li.stopWall:after {
    content: '';
    display: block;
    border-right: 1px solid #ccc;
    height: 20px;
    margin-top: -20px;
}
.footMenu a {
    font-size: 14px;
    padding: 0 20px;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
}
.footMenuArea {
    background-color: #3F5058;
    overflow: hidden;
    padding: 20px 0;
}


.spContactBox {
    text-align: center;
    width: 100%;
    background: rgba(0,155,226, 1);
    background: -moz-linear-gradient(left,  rgba(0,155,226,1) 0%, rgba(0,200,226,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,155,226,1) 0%,rgba(0,200,226,1) 100%);
    background: linear-gradient(to right,  rgba(0,155,226,1) 0%,rgba(0,200,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be2', endColorstr='#00c8e2',GradientType=0 );
    z-index: 100;
}
.spContactBox span {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}
.spContactBox span a {
    display: block;
    padding: 20px 0 20px 35px;
    color: #fff;
}
.spContactBox span:last-child {
    border-left: 1px solid rgba(255,255,255,0.6);
}
.spContactBox .tel:before {
    content: '';
    background-image: url(../../assets/image/icon_phone_white.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    left: 25px;
}
.spContactBox .web a:before {
    content: '';
    background-image: url(../../assets/image/icon_mail_white.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.footContact {
    padding: 20px;
}
.footContact img {
    width: 20px;
}
.footTel:before {
    content: ''; 
    display: inline-block;
    margin-right: 10px;
    background-image: url(../image/icon/icon_phone_white.png);
    width: 20px;
    height: 20px;
    margin-top: 5px;
    vertical-align: top;
}
.footText:after {
    content: '';
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, .3);
    height: 35px;
    padding-left: 20px;
    vertical-align: middle;
}
.footMenu {
    width: 100%;
}
.footMenu li {
    /* float: left; */
    /* position: relative; */
}
.footContact li {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
}
.footMenu li.stopWall:after {
    content: '';
    display: block;
    border-right: 1px solid #ccc;
    height: 20px;
    margin-top: -20px;
}
.footMenu a {
    padding: 0 15px;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
}
.footMenuArea {
    background-color: #3F5058;
    overflow: hidden;
    padding: 40px 0;
}
}

/*-----layout-----*/
/*all device*/
.lsW {letter-spacing: 4px;}
.underLineText {text-decoration: underline;}
/*sp*/
@media only screen and (max-width: 767px){
.sectionTop {padding-top: 60px;}
.infoLine li {float: left;}
.infoLine .title {padding: 20px 0;}
.infoLine span.title:after {
    content: '';
    border-right: 1px solid #ccc;
    height: 20px;
    margin-top: -20px;
    margin-left: 20px;
}
.date {padding: 0 10px;}
.newsBox {
    background-color: #fafafa;
    border-bottom: 1px solid #CFDCE3;
    overflow: hidden;
    padding: 15px 0;
}
.innerBox {
    background-color: #fafafa;
    padding: 15px;
}
.services {
    background: url(../image/servicesImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
}
.works {
    background: url(../image/worksImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
}
.company {
    background: url(../image/companyImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
}
.leadTit {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -20px;
}
.gMap {
    position: relative;
    height: 300px;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
}
.notesList li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.notesList li:last-child {
    border-bottom: none;
}
.notesList span.head {
    display: block;
    font-weight: bold;
}
.topList li {
    background: #fff;
    padding: 10px 0 10px 10px;
    margin: 15px 0;
    font-size: 0;
}
.topList li span {
    font-size: 24px;
}
.topList li span.serv {
    font-size: 20px;
}
.pix {
    display: inline-block;
    width: 35%;
    vertical-align: middle;
    margin-right: 10px;
}
.tex {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    font-size: 14px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.infoLine li {float: left;}
.infoLine .title {padding: 20px 0;}
.infoLine span.title:after {
    content: '';
    border-right: 1px solid #ccc;
    height: 20px;
    margin-top: -20px;
    margin-left: 20px;
}
.date {padding: 0 20px;}
.newsBox {
    background-color: #fafafa;
    border-bottom: 1px solid #CFDCE3;
    overflow: hidden;
    padding: 15px 0;
}
.whitePatchBg:after {
    content: '';
    display: block;
    height: 340px;
    width: 75%;
    background-color: #fafafa;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-top: 70px;
}
.whitePatchBg2:after {
    content: '';
    display: block;
    height: 322px;
    width: 75%;
    background-color: #fafafa;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    margin-top: 80px;
}
.spotBox {
    letter-spacing: -100px;
}
.spotText {
    display: inline-block;
    width: 45%;
    vertical-align: top;  
}
.spotText p {
    letter-spacing: normal;
    padding-right: 30px;
}
.spotImg {
    display: inline-block;
    width: 55%;
    box-sizing: border-box;
    float: right;
    margin-top: -50px;
}
.services {
    background: url(../image/servicesImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 240px;
    position: relative;
}
.works {
    background: url(../image/worksImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 240px;
    position: relative;
}
.company {
    background: url(../image/companyImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 240px;
    position: relative;
}
.leadTit {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -28px;
}
.notesList li {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    font-size: 16px;
}
.notesList li:last-child {
    border-bottom: 1px solid #ccc;
}
.notesList span.head {
    padding-right: 30px;
    width: 120px;
    display: inline-block;
    font-weight: bold;
    text-align: right;
}
.gMap {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.topList li {
    background: #fff;
    padding: 10px;
    margin: 15px 0;
    font-size: 0;
}
.topList li span {
    font-size: 28px;
}
.pix {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    margin-right: 20px;
}
.tex {
    display: inline-block;
    width: 87%;
    vertical-align: middle;
    font-size: 16px;
}
}

/*-----ttl-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.title1 {
    border-left: 4px solid #009BE2;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 5px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.title1 {
    border-left: 5px solid #009BE2;
    padding-left: 15px;
    line-height: 1;
}
}
/*-----btn-----*/
/*all device*/
.boxBtn {
    display: table;
    box-sizing: border-box;
    padding: 10px 40px 10px 20px;
    position: relative;
    transition: 0.3s;
}
.boxBtn:after {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.radius50 {  
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.blueLine {border: 1px solid rgba(0, 155, 226, 1);}
.whiteLine {border: 1px solid #FFF; display: block;}
/*sp*/
@media only screen and (max-width: 767px){
.btn a {padding: 30px 15px 5px;}
.leadBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 8px;
    margin-bottom: 8px;
}
.boxBtn.lineBlue {
    /* border: 1px solid rgba(53, 155, 230, 1); */
    color: #fff;
    border-radius: 50px;
    background-color: rgba(53, 155, 230, .8);
}
.boxBtn.lineBlue:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    transition: 0.3s;
}
.boxBtn.arrowRightBlue:after {
    background-image: url(../image/icon/icon_arrow_right_white.png);
}
}
/*pc*/
@media only screen and (min-width: 768px){
.btn a {display: inline-block; padding: 10px 15px;}
.btn a:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    vertical-align: middle;
}
.btn .blueLine:before {
    background-image: url(../image/icon/icon_mail_blue.png);
    transition: 0.3s; 
}
.btn .blueLine:hover:before {
    background-image: url(../image/icon/icon_mail_white.png);
    transition: 0.3s;
}
a:hover .boxBtn.arrowRightBlue:after {
    background-image: url(../image/icon/icon_arrow_right_white.png);
    transition: 0.3s;
}
.boxBtn.arrowRightBlue:after {
    background-image: url(../image/icon/icon_arrow_right_blue.png);
}
.btn .blueLine:hover {
    color: #fff;
    background: rgba(0,155,226, 0.7);
    background: -moz-linear-gradient(left,  rgba(0,155,226,0.7) 0%, rgba(0,200,226,0.7) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,155,226,0.7) 0%,rgba(0,200,226,0.7) 100%);
    background: linear-gradient(to right,  rgba(0,155,226,0.7) 0%,rgba(0,200,226,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be2', endColorstr='#00c8e2',GradientType=0 );
    border: 1px solid rgba(0, 155, 226, 0);
    opacity: 1;
    transition: 0.3s;
}
.btn .whiteLine:before {
    background-image: url(../image/icon/icon_mail_white.png);
    opacity: 1;
    transition: 0.3s;
}
.btn .whiteLine:hover:before {
    background-image: url(../image/icon/icon_mail_blue.png);
    opacity: 1;
    transition: 0.3s;
}
.btn .whiteLine:hover {
    color: #359be6;
    background-color: #fff;
    opacity: 1;
    transition: 0.3s;
}
.leadBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 8px;
    margin-bottom: 8px;
}
.boxBtn.lineBlue {
    border: 1px solid rgba(53, 155, 230, 1);
    color: #359be6;
    border-radius: 50px;
}
.boxBtn.lineBlue:hover {
    border: 1px solid rgba(53, 155, 230, 0);
    color: #fff;
    opacity: 1;
    transition: 0.3s;
}
.boxBtn.lineBlue.submit:hover {
    color: #fff;
    background: rgba(0,155,226, 0.7);
    background: -moz-linear-gradient(left,  rgba(0,155,226,0.7) 0%, rgba(0,200,226,0.7) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,155,226,0.7) 0%,rgba(0,200,226,0.7) 100%);
    background: linear-gradient(to right,  rgba(0,155,226,0.7) 0%,rgba(0,200,226,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be2', endColorstr='#00c8e2',GradientType=0 );
    border: 1px solid rgba(0, 155, 226, 0);
    opacity: 1;
    transition: 0.3s;
    opacity: 1;
    transition: 0.3s;
}
.boxBtn.lineBlue:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    transition: 0.3s;
}
a:hover .lineBlue {
    color: #fff;
    background: rgba(0,155,226, 0.7);
    background: -moz-linear-gradient(left,  rgba(0,155,226,0.7) 0%, rgba(0,200,226,0.7) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,155,226,0.7) 0%,rgba(0,200,226,0.7) 100%);
    background: linear-gradient(to right,  rgba(0,155,226,0.7) 0%,rgba(0,200,226,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be2', endColorstr='#00c8e2',GradientType=0 );
    border: 1px solid rgba(0, 155, 226, 0);
    opacity: 1;
    transition: 0.3s;
}
}
/*-----お問い合わせフォーム-----*/
/*all device*/
.tel:before {
    background-image: url(../image/icon/icon_phone_black.png);
    content: "";
    height: 30px;
    width: 20px;
    display: inline-block;
    margin-bottom: -2px;
    margin-right: 10px;
}
.contactBox
input[type=text],
textarea,
input[type=email],
input[type=tel],
input[type="submit"],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.selectBox {display: block;}
.selectBox:after {
    background-image: url(../image/icon/icon_select.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    z-index: 5;
    pointer-events: none;
}
.table.normal {
    width: 100%;
}
.contactBox
input[type="checkbox"] {

}
.req .formLbl,.any .formLbl {
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.req .formLbl:before,.any .formLbl:before {
    left: 0;
    line-height: 1em;
}
.req .formLbl,.any .formLbl {
    position: relative;
}
.req .formLbl:before,.any .formLbl:before {
    position: absolute;
    color: #fff;
    border-radius: 3px;
}
.req .formLbl:before {
    content: '必須';
    background-color: #ff0000;
}
.any .formLbl:before {
    content: '任意';
    background-color: #2196f3;
}

/*sp*/
@media only screen and (max-width: 767px){
.tel {
    font-size: 36px;
}
.contactBox {
    margin: 30px 0 60px;
    background: #fff;
}
input[type=text],
input[type=email],
input[type=tel],
select {
    width: 100%;
    height: 40px;
    margin-bottom: 4%;
    border: 1px solid #ddd;
    color: #555;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #fafafa;
    border-radius: 0;
}
.selectBox:after {
    height: 15px;
    right: 0;
    top: 0;
    width: 15px;
    margin-top: 15px;
}
textarea {
    width: 100%;
    height: 200px;
    margin-bottom: 4%;
    border: 1px solid #ddd;
    color: #555;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    background-color: #fafafa;
    outline: none;
}
input[type="submit"] {
    display: table;
    margin: 20px auto 30px;
    cursor: pointer;
    padding: 10px 60px;
    border-radius: 50px;
}
.table.normal th,.table.normal td {
    display: block;
}
.table.normal td {
    margin-bottom: 5px;
}
.req .formLbl,.any .formLbl {
    padding-left: 38px;
    padding-bottom: 5px;
}
.req .formLbl:before,.any .formLbl:before {
    font-size: 11px;
    padding: 5px;
    top: 50%;
    margin-top: -14px;
}
.fs-lightbox-close {
    color: #333;
    background-color: #333;
}
.pCode {
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.tel {
    font-size: 38px;
    pointer-events: none;
}
.contactBox {
    margin: 40px 0;
}
.table.normal th {
    padding: 20px 10px 15px;
    vertical-align: top;
}
.table.normal td {
    padding: 15px 10px 5px;
    width: 65%;
}
input[type=text], 
input[type=email], 
input[type=select], 
input[type=tel],
select {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    color: #555;
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    background-color: #fafafa;
    border-radius: 0;
}
.selectBox:after {
    height: 18px;
    right: 0;
    top: 0;
    width: 18px;
    margin-top: 18px;
}
textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ddd;
    color: #555;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    background-color: #fafafa;
}
.policyBox {
    width: 450px;
    margin: 0 auto;
    padding: 20px;
}
.req .formLbl,.any .formLbl,.out .formLbl {
    padding-left: 45px;
}
.req .formLbl:before,.any .formLbl:before {
    font-size: 11px;
    padding: 5px;
    top: 2px;
}
input[type="submit"] {
    display: table;
    margin: 20px auto 0px;
    cursor: pointer;
    padding: 10px 60px;
}
span.wpcf7-not-valid-tip {
    font-size: 14px !important;
    display: inherit !important;
}
span.wpcf7-list-item {
    margin: 0 !important;
}
}
/*-----page navi-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.wp-pagenavi .pages {
    border: 1px solid #333;
    padding: 7px;
    margin: 10px;
    color: #fff;
    background-color: #333;
}
.wp-pagenavi a {
    border: 1px solid #ccc;
    padding: 7px;
    margin: 0 5px;
    background-color: #fff;
}
.wp-pagenavi span.current {
    background-color: #359be6;
    border: 1px solid #359be6;
    color: #fff;
    padding: 7px;
    margin: 0 5px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.wp-pagenavi .pages {
    border: 1px solid #333;
    padding: 10px;
    margin: 10px;
    color: #fff;
    background-color: #333;
}
.wp-pagenavi a {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 5px;
    background-color: #fff;
}
.wp-pagenavi span.current {
    background-color: #359be6;
    border: 1px solid #359be6;
    color: #fff;
    padding: 10px;
    margin: 0 5px;
}
}
/*-----newsArea-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.newsArea img {
    max-width: 100%;
    height: auto;
    padding-top: 10px;
}
.newsArea h2 {
    border-left: 3px solid #009BE2;
    padding-left: 10px;
    font-size: 20px;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h3 {
    font-size: 18px;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h3:before {
    content: '';
    display: inline-block;
    height: 2px;
    padding-left: 10px;
    vertical-align: middle;
    background-color: #0099e5;
    margin: 0 10px 5px 0;
}
.newsArea h4 {
    font-size: 24px;
    color: #6799B1;
    font-weight: bold;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h6 {
    font-size: 16px;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea strong {font-weight: bold;}
.newsArea a {
    text-decoration: underline;
    color: #009BE2;
}
.newsArea ul {
    list-style: disc;
    margin: 10px 0 10px 6%;
}
.newsArea ol {
    list-style: decimal;
    margin: 10px 0 10px 6%;
}
}
@media only screen and (min-width: 768px){
.newsArea img {
    max-width: 100%;
    height: auto;
    padding: 20px 0;
}
.newsArea h2 {
    border-left: 5px solid #009BE2;
    padding-left: 20px;
    font-size: 28px;
    margin: 20px 0;
    line-height: 1;
}
.newsArea h3 {
    font-size: 24px;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h3:before {
    content: '';
    display: inline-block;
    height: 2px;
    padding-left: 10px;
    vertical-align: middle;
    background-color: #0099e5;
    margin: 0 10px 5px 0;
}
.newsArea h4 {
    font-size: 24px;
    color: #6799B1;
    font-weight: bold;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea h6 {
    font-size: 16px;
    margin: 20px 0 10px 0;
    line-height: 1;
}
.newsArea strong {font-weight: bold;}
.newsArea a {
    text-decoration: underline;
    color: #009BE2;
}
.newsArea ul {
    list-style: disc;
    margin: 5px 0 5px 6%;
}
.newsArea ol {
    list-style: decimal;
    margin: 5px 0 5px 6%;
}
}


/*21.12.20 コラム追加*/
.whitePatch {
    background-color: #fafafa;
}