@c@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;}
.disBlk {display: block;}
.noLine {text-decoration: none;}
.light {font-weight: 200;}
.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: -2%}
.fAll {float: left;width: 98%;margin-left: 2%;}
.f1of2 {float: left;width: 48%;margin-left: 2%;}
.f1of3 {float: left;width: 31.3333%;margin-left: 2%;}
.f2of3 {float: left;width: 64.6666%;margin-left: 2%;}
.f1of4 {float: left;width: 23%;margin-left: 2%;}
.f3of4 {float: left;width: 73%;margin-left: 2%;}
.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: 65%;margin: 0 auto;display: block;}
.autoImg.sm {width: 30%;margin: 0 auto;display: block;}
.hAuto {height: auto !important;}
.indent {padding-left:1em;text-indent:-1em;}
*:after,*:before {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/*.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: -2%}
.fAllSp {float: left;width: 98%;margin-left: 2%;}
.f1of2Sp {float: left;width: 48%;margin-left: 2%; box-sizing: border-box;}
.f1of3Sp {float: left;width: 31.3333%;margin-left: 2%; box-sizing: border-box;}
.f2of3Sp {float: left;width: 64.6666%;margin-left: 2%; box-sizing: border-box;}
.f1of4Sp {float: left;width: 23%;margin-left: 2%; box-sizing: border-box;}
.f3of4Sp {float: left;width: 73%;margin-left: 2%; box-sizing: border-box;}
.f1of5Sp {float: left;width: 18%;margin-left: 2%;}
.f2of5Sp {float: left;width: 38%;margin-left: 2%;}
.f3of5Sp {float: left;width: 58%;margin-left: 2%;}
.f4of5Sp {float: left;width: 78%;margin-left: 2%;}
.f1of6Sp {float: left;width: 14.6666%;margin-left: 2%;}
.f5of6Sp {float: left;width: 81.3333%;margin-left: 2%;}
.f1of7Sp {float: left;width: 12.2857%;margin-left: 2%;}
.f2of7Sp {float: left;width: 26.5714%;margin-left: 2%;}
.f3of7Sp {float: left;width: 40.8571%;margin-left: 2%;}
.f4of7Sp {float: left;width: 55.1428%;margin-left: 2%;}
.f5of7Sp {float: left;width: 69.4285%;margin-left: 2%;}
.f6of7Sp {float: left;width: 83.7142%;margin-left: 2%;}
.f1of8Sp {float: left;width: 10.5%;margin-left: 2%;}
.f3of8Sp {float: left;width: 35.5%;margin-left: 2%;}
.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;}
.spTop {padding-top: 100px !important;}
}
/*pc*/
@media only screen and (min-width: 768px){
.wrapper {width: 100%; min-width: 1024px;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: -2%}
.fAllPc {float: left;width: 98%;margin-left: 2%;}
.f1of2Pc {float: left;width: 48%;margin-left: 2%;}
.f1of3Pc {float: left;width: 31.3333%;margin-left: 2%;}
.f2of3Pc {float: left;width: 64.6666%;margin-left: 2%;}
.f1of4Pc {float: left;width: 23%;margin-left: 2%;}
.f3of4Pc {float: left;width: 73%;margin-left: 2%;}
.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: 12.2857%;margin-left: 2%;}
.f2of7Pc {float: left;width: 26.5714%;margin-left: 2%;}
.f3of7Pc {float: left;width: 40.8571%;margin-left: 2%;}
.f4of7Pc {float: left;width: 55.1428%;margin-left: 2%;}
.f5of7Pc {float: left;width: 69.4285%;margin-left: 2%;}
.f6of7Pc {float: left;width: 83.7142%;margin-left: 2%;}
.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;}
.hov:hover {opacity: 0.8; transition: 0.3s;}
}
/*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;
    background-color: #FFFAF7;
}
@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 {width:1200px;margin-left: auto !important;margin-right: auto !important; box-sizing: border-box;}
.contentBoxM,.contentBoxMPc {width:800px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
.contentBoxL,.contentBoxLPc {width:1024px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
}

/*-----font-color-----*/
body {color: #333;}
.black {color: #333;}
.white {color: #fff;}
.orange {color: #fd6f22;}
.paleOrange {color: #ffa06c;}
.gray {color: #999;}
.red {color: #d32f2f;}
.darkBrown {color:#696251;}
.brown {color: #935321;}
.lightBrown {color: #b0a793;}
a {color:#333;text-decoration:none;}
a.uLine {text-decoration: underline;}
a.uLine:hover {text-decoration: none;}

/*-----background-color-----*/
body {background-color: #FFFAF7;}
.bgWhite {background-color: #fff;}
.bgGray {background-color: #ccc;}
.bgPale {background-color: #f5f5f5;}
.bgIvory {background-color: #FAF2ED;}
.bgPaleIvory {background-color: #FFFAF7;}

/*-----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;}

/*-----font-family-----*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format('opentype');
}
@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');
}
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400');
html{font-family:Noto Sans Japanese, YuGothic, '游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-display: swap;}
.ming {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.qs {font-family: 'Quicksand', sans-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){
.textXXL,.textXXLSp {font-size: 28px;}
.textXL,.textXLSp {font-size: 24px;}
.textLL,.textLLSp {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){
.textXXL,.textXXLPc {font-size: 32px;}
.textXL,.textXLPc {font-size: 28px;}
.textLL,.textLLPc {font-size: 24px;}
.textL,.textLPc {font-size: 18px;}
.textM,.textMPc {font-size: 16px;}
.textS,.textSPc {font-size: 14px;}
.textXS,.textXSPc {font-size: 12px;}
}

/*-----letter-spacing-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){}
/*pc*/
@media only screen and (min-width: 768px){
    .narrowWords {letter-spacing: .01em;}
    .narrowWordsL {letter-spacing: .001em;}
}

/*-----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: 60px !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;}
.pbXL,.pbXLPc {padding-bottom: 120px !important;}
.pbXXL,.pbXXLPc {padding-bottom: 160px !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: 10px;}
.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*/
.grobalMenu .subMenu > li > a:after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../image/icon/icon_right_orange.png);
    position: absolute;
    right: 20px;
    margin: auto;
    bottom: 0;
    top: 0;
    transition: 0.3s;
}
/*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;
    z-index: 102;
    background-color: #ff6b00;
}
.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: #fafafa;
}
.grobalMenu .menuBtnClose {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    z-index: 104;
}
.mainMenu {
    border-bottom: 1px solid #ccc;
}
.mainMenu.lp {
    border-bottom: none;
}
.mainMenu a {
    color: #333;
}
.toggleContents {
    display: none;
}
.mainMenu .topMenu {
    position: relative;
}
.mainMenu .topMenu > a,.mainMenu .topMenu .close {
    display: block;
    border-top: 1px solid #cccccc;
    font-weight: bold;
    font-size: 16px;
    padding: 18px 0 18px 10px;
}
.mainMenu .topMenu .close {
    padding-right: 15px;
}
.mainMenu .topMenu .close:before {
    content: '×';
    margin-right: 15px;
}
.mainMenu .topMenu > .toggleBtn {
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 15px;
    background-color: #333;
}
.mainMenu .topMenu > .toggleBtn:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../image/icon/icon_plus_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}
.mainMenu .topMenu > .toggleBtn.active:before {
    background-image: url(../image/icon/icon_minus_white.png);
}
.subMenu {
    background-color: #f1f1f1;
}
.subMenu > li {
    border-top: 1px solid #ccc;
    position: relative;
}
.subMenu > li > a {
    display: block;
    font-size: 14px;
    padding: 15px 0 15px 10px;
}
.mainMenu.extMenu {border-bottom: none;}
.mainMenu.extMenu li {
    width: 50%;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.mainMenu.extMenu li:nth-child(odd) > a {
    border-right: 1px solid #ccc;
}
.mainMenu.extMenu li a {
    display: block;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 16px 0 16px 10px;
    background-color: #f1f1f1;
}
}
/*pc*/
@media only screen and (min-width: 768px) {
.grobalMenu {
    display: block !important;
    box-sizing: border-box;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.grobalMenu.lp {
    background-color: #fefaf7;
}
.grobalMenu .mainMenu {
    width: 1200px;
    margin: 0 auto;
    display: table;
}
.grobalMenu .mainMenu > li {
    display: table-cell;
    text-align: center;
    width: 16.67%;
    border-left: 1px solid #ddd;
    height: 100px;
    vertical-align: middle;
}
.grobalMenu.lp .mainMenu > li {
    width: 12.5%;
    height: 100px;
    vertical-align: middle;
    border: none;
}
.grobalMenu .mainMenu > li:hover {
    background-color: #fff;
}
.grobalMenu .mainMenu > li:last-child {
    border-right: 1px solid #ddd;
}
.grobalMenu.lp .mainMenu > li:last-child {
    border-right: none;
}
.hoverContent {
    display: none;
    position: absolute;
    width: 310px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 5;
}
.hoverContent.lefty {
    right: 0;
}
.hoverContent a {
    color: #333;
}
.grobalMenu .mainMenu .topMenu {
    position: relative;
}
.grobalMenu .mainMenu .topMenu > a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    display: block;
    position: relative;
    transition: 0.3s;
    height: 70px;
    padding: 20px 0 10px 0;
}
.grobalMenu.lp .mainMenu .topMenu > a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    display: block;
    position: relative;
    transition: 0.3s;
    height: 30px;
    padding: 20px 0 10px 0;
}
.grobalMenu .mainMenu .topMenu.hover:after {
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(../image/icon/icon_down_black.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 16px;
    transition: 0.3s;
}
.grobalMenu .mainMenu .topMenu:hover > a {
    transition: 0.3s;
}
.grobalMenu .mainMenu .topMenu.hover:hover:after {
    background-image: url(../image/icon/icon_down_black.png);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 0.3s;
}
.grobalMenu .subMenu > li {
    border-top: 1px solid #ddd;
    background-color: #FFFAF7;
}
.grobalMenu .subMenu > li:hover {
    background-color: #fff;
}
.grobalMenu .subMenu > li > a {
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 25px;
    position: relative;
    transition: 0.3s;
}
.grobalMenu .subMenu > li:last-child {
    border-bottom: 1px solid #ddd;
}
}

/*-----header-----*/
/*all device*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
/*sp*/
@media only screen and (max-width: 767px){
.header {
    width: 100%;
    height: 60px;
    position: fixed;
    transition: 0.3s;
    background-color: #fafafa;
    z-index: 100;
    top: 0;
}
.header .logo {
    float: left;
    padding: 12px 0 0 15px;
}
.header .logo a {
    display: block;
    width: 150px;
    height: 35px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.header .logo_lp {
    float: left;
    padding: 8px 0 0 10px;
}
.header .logoMark {
    display: block;
    width: 140px;
    height: 15px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-top: 15px;
}
.mainImg {
    background: url(../image/mv_sp.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%;
    position: relative;
    background-size: cover;
    padding-top: 60px;
}
.mainImg.lp {
    height: 380px;
}
.mainImg .innerBox .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    /* height: 300px; */
    /* padding-top: 60px; */
    padding: 80px 0 0;
    background: -moz-linear-gradient(top, rgba(254,250,247,0) 50%, rgba(254,250,247,1) 80%);
    background: -webkit-linear-gradient(top, rgba(254,250,247,0) 50%,rgba(254,250,247,1) 80%);
    background: linear-gradient(to bottom, rgba(254,250,247,0) 50%,rgba(254,250,247,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fefaf7', endColorstr='#fefaf7',GradientType=0 );
}
.mainImg .innerBox .inner.lp {
    height: 380px;
}
.mainImg .innerBox .inner h2 {
    background-color: #f66a05;
    display: inline-block;
    padding: 10px;
}
.mainImg .innerBox .inner .innerText {
	text-shadow: 1px 1px 2px #fff;
    color: #000;
    padding: 180px 2.5% 0;
}

.mainImg .innerBox .inner.lp h2 {
    background-color: transparent;
    display: inline-block;
    padding: 10px;
    font-size: 24px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.header {
    width: 100%;
    min-width: 1200px;
    /* height: 100px; */
    background-color: #FFFAF7;
    /* position: fixed; */
    top: 0;
    left: 0;
    transition: 0.3s;
    /* z-index: 103; */
}
.mainImgFrame {
    border-top: 1px solid #ddd;
    display: block;
}
.headerTop {
    height: 100px;
    width: 1200px;
    margin: 0 auto;
    display: block;
}

.lpTopBar{
    top: 0;
    position: absolute;
    background-color: #fefaf7;
    display: block;
    width: 100%;
    height: 100px;
}
.header .logo {
    float: left;
    padding: 35px 0 0 10px;
}
.header .logo a {
    display: block;
    width: 175px;
    height: 29px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.header .logo_lp {
    float: left;
    padding: 20px 0 0 10px;
}
.header .logoMark {
    display: block;
    width: 175px;
    height: 29px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-top: 15px;
}
.header .logo a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.headContact ul {
    display: table;
}
.headContact ul li {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    padding-left: 15px;
}
.headContact ul li.stop {
    padding-left: 30px;
}
.headContact ul li.stop:before {
    content: '';
    width: 5px;
    height: 50px;
    background-color: #ff6e01;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 15px;
}
.mainImg {
    width: 100%;
    position: relative;
    height: 540px;
    background-color: #FAF2ED;
}
.mainImg.lp{
    padding-top: 100px;
}
.mainImg .innerBox {
	background: url(../image/mv_pc.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    width: 1200px;
    height: 540px;
    margin: 0 auto;
    position: relative;
}
.mainImg .innerBox .inner {
    position: absolute;
    top: 15%;
    /* bottom: 0; */
    /* margin: auto; */
    height: 300px;
}
.mainImg .innerBox .inner h2 {
    background-color: #FF6F00;
    display: inline-block;
    padding: 10px;
}
.mainImg .innerBox .inner.lp h2 {
    background-color: transparent;
    display: inline-block;
    padding: 10px;
    font-size: 37px;
}
.mainImg .innerBox .inner .innerText {
    text-shadow: 2px 2px 5px rgba(51, 51, 51, 0.2);
    color: #333;
}
}

/*-----breadcrumb-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
}
/*pc*/
@media only screen and (min-width: 768px){
.breadcrumb {
    border-bottom: 1px solid #ddd;
    height: 40px;
    font-size: 12px;
    background-color: #fafafa;
}
.breadcrumb > div > span {
    display: block;
    position: relative;
    padding-right: 30px;
    line-height: 40px;
    height: 40px;
    float: left;
}
.breadcrumb > div > span:after {
    content: '';
    width: 26px;
    height: 40px;
    background-image: url(../image/bread_list.png);
    position: absolute;
    right: 5px;
    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: #333;
    transition: 0.3s;
}
.breadcrumb span a span:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.breadcrumb span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}

/*-----footer-----*/
/*all device*/
.footerMenuArea {
    background-color: #967155;
    overflow: hidden;
}
.footerMenuArea a {
    color: #fff;
    transition: 0.3s;
}
.footer {
    border-top: 1px solid #977153;
}
.topBtn {
    right: 10px;
}
/*sp*/
@media only screen and (max-width: 767px){
.footeContactArea {
    height: 60px;
    position: relative;
}
.footerContactBox {
    position: absolute;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fafafa;
    z-index: 2;
}
.footerContactBox .footerBtn,.contactMenu .footerBtn {
    width: 46.2%;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
    line-height: 1;
    margin: auto;
    padding: 2.5% 0;
}
.footerContactBox .footerBtn.tel,.contactMenu .footerBtn.tel {
    margin: 0 auto 0 2.5%;
    float: left;
    letter-spacing: -0.02em;
    text-align: center;
    font-size: 4.5vw;
    padding-left: 7%;
}
.footerContactBox .footerBtn.mail,.contactMenu .footerBtn.mail {
    margin: 0 2.5% 0 auto;
    float: right;
    padding-left: 40px;
    font-size: 4.5vw;
}
.footerContactBox .footerBtn:after,.contactMenu .footerBtn:after {
    content: '';
    width: 28px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 5px;
}
.footerContactBox .footerBtn.tel,.contactMenu .footerBtn.tel {
    border: 4px solid #333;
}
.footerContactBox .footerBtn.mail,.contactMenu .footerBtn.mail {
    border: 4px solid #ff6b02;
}
.footerContactBox .footerBtn.tel:after,.contactMenu .footerBtn.tel:after {
    background-image: url(../image/icon/icon_freeDial.png);
}
.footerContactBox .footerBtn.mail:after,.contactMenu .footerBtn.mail:after {
    background-image: url(../image/icon/icon_mail_orange.png);
}
.topBtn {
    background: #977153;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 50px;
    z-index: 5;
    text-align: center;
}
.topBtn:before {
    border-bottom: 15px solid #977153;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -15px;
    width: 0;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.topBtn {
    background: #967155;
    display: inline-block;
    height: 35px;
    position: relative;
    width: 80px;
    z-index: 5;
    text-align: center;
}
.topBtn:before {
    border-bottom: 30px solid #967155;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -30px;
    width: 0;
}
.contactArea {background-color: #fff;}
.contactArea.lp {
    border-bottom: 1px solid #977153;
    padding-bottom: 20px;
    border-top: 1px solid #947150;
}
.footeContactArea {
    display: table;
    margin: 0 auto;
}
.footerContactBox {
    width: 1000px;
}
.footerContactBox .tel {
    position: relative;
    padding-left: 80px;
    margin-top: -10px;
    display: block;
    float: left;
}
.footerContactBox .tel:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-top: -10px;
}
.footerContactBox .tel span {
    display: block;
}
.footerContactBox .tel .number {
    font-size: 60px;
}
.footerContactBox .tel .time {
    line-height: 1;
}
.footerBtn {
    width: 420px;
    height: 80px;
    position: relative;
    line-height: 70px;
    font-size: 28px;
    font-weight: bold;
    color: #ff6b00;
    padding-left: 80px;
    box-sizing: border-box;
}
.footerBtn span {
    font-size: 18px;
    color: #ff6b00;
    padding-left: 15px;
}

.footerBtn.mail {
    transition: 0.3s;
    border: 5px solid #ff6c00;
    float: right;
}
.footerBtn.mail:hover {
    background-color: #ff6c00;
    color: #fff;
    transition: 0.3s;
}
.footerBtn.mail:after {
    /* background-color: #2e7d32; */
}
.footerBtn:before {
	content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.footerBtn.mail:before {
    background-image: url(../image/icon/icon_mail_orange.png);
}
.footerBtn.mail:hover:before {
    background-image: url(../image/icon/icon_mail_white.png);
}
.footerBtn.mail:hover span {color: #fff;}
.footerMenuArea .logo a {
    width: 300px;
    height: 35px;
    background-image: url(../image/logo_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: 0 auto;
}
.footerMenuArea .footerMenuBox {
    display: table;
    margin: 0 auto;
    width: 1000px;
}
.footerMenuArea .footerMenuBox .footerMenu .footerMenuList {
    float: left;
    /* margin-left: 70px; */
    width: 25%;
}
.footerMenuArea a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.footerMenuList > li {
    margin-bottom: 5px;
}
.footerMenuList > li > a {
    font-weight: bold;
}
.footerMenuList > li > ul {
    margin-bottom: 5px;
}
.footerMenuList > li > ul > li {
    margin-top: 5px;
}
.frameWhite {
    border: 1px solid rgba(204, 204, 204, 0.6);
    text-align: center;
    padding: 3px 20px;
}
.moveContact {
    width: 100%;
}
}

/*-----layout-----*/
/*all device*/
.underLine {
    text-decoration: underline;
}
.yellowMarker {
    background:linear-gradient(transparent 60%, #FFCE00 0%) ;
}
.exampleBox {
    background-image: url(../image/exampleBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dateBar {
    background-color: #ff6c00;
    color: #fff;
}
.roundPix {
    border-radius: 50%;
}
.partsBox {
    display: -webkit-flex;
    display: flex;
    /* -webkit-justify-content: space-between; */
    /* justify-content: space-between; */
}
.partsBox li {
    margin: 1%;
    display: block;
    border: 3px solid #ee6d00;
    margin: 0 auto;
}
.partsBox li div {
    background-color: #ee6d00;
    color: #fff;
    padding: 5px;
}
.partsBox li p {
    padding: 10px;
    font-size: 48px;
}
/*sp*/
@media only screen and (max-width: 767px){
.partsBox {padding-top: 90px;}
.partsBox li p {
    padding: 10px;
    font-size: 22px;
}
.newsList .date {
    width: 80px;
    display: inline-block;
}
.newsList .tags {
    background-color: #f66906;
    color: #fff;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}
.newsList li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.newsList li:last-child {
    border-bottom: none;
}
.guideBox li {
    background-color: #fff;
    padding: 2.5%;
    border: 1px solid #eee;
    margin-bottom: 15px;
}
.guideCase {
    display: table;
}
.guideCase h2 {
    border-top: 5px solid #ff6c00;
    padding-top: 8%;
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 2%;
    margin-top: 5px;
    font-size: 18px;
    line-height: 1.2em;
}
.guideCase img {
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 2%;
}
.exampleBox li a {
    height: 230px;
    position: relative;
}
.lead {
    line-height: 2;
    padding-right: 35px;
    text-decoration: underline;
}
.gmap {
    position: relative;
    padding-bottom: 80%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
table.listTable.lp {width: 100%;}
table.listTable th {
    display: block;
    font-weight: bold;
    font-size: 16px;
}
table.listTable td {
    display: block;
    margin: 0px 0 10px;
}
table.listTable.lp th {padding-bottom: 0;}
table.listTable.lp th {
    text-align: left;
    padding-top: 10px;
}
table.listTable.lp tr {border-bottom: 1px solid #ccc;}
table.listTable.lp tr.firstLine {border-top: 1px solid #ccc;}
table.listTable td {
    width: 70%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 30px;
}
table.listTable.lp td {
    padding-bottom: 10px;
    margin-bottom: 0;
    width: 100%;
    padding-left: 0;
}
table.recTable tr {
    border-bottom: 1px solid #ddd;
}
table.recTable th {
    width: 20%;
    font-weight: bold;
    padding: 15px 0;
}
table.recTable td {
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
}
table.flowTable tr {
    display: block;
    height: 180px;
    background-image: url(../image/flowBg.png);
    background-repeat: no-repeat;
    background-position: 0;
}
table.flowTable tr.first {
    background-position: 0 80px;
}
table.flowTable tr.last {
    height: 80px;
}
table.flowTable th {
    width: 5%;
    text-align: center;
    vertical-align: middle;
}
table.flowTable td {
    width: 30px;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
}
table.flowTable td.desc {
    width: 700px;
    text-align: left;
    border: 1px solid #ddd;
    padding: 5px 15px;
    background-color: #fff;
    box-sizing: border-box;
}
.circle {
    color: #333;
    background-color: #fff;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #ccc;
}
dl.introduct dl{
    flex-flow: column nowrap;
  }
dl.introduct dt,
dl.introduct dd{
    width: 100%;
  }
dl.introduct dt{
    font-weight: bold;
    background-color: #fefaf7;
    margin-top: 10px 0 5px;
    margin: 10px 0 5px;
}
dl.introduct dd{
    border-left: none;
    font-size: 14px;
  }
.olList {
    list-style-type: decimal;
}
.olList > li {
    padding: 15px;
    margin-left: 20px;
}
.olList > li > ul > li{
    padding: 5px;
}
.idea li {margin: 10px 0;}
.idea img { width: 180px;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.borderCase {
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.servicesBox li a {
    height: 450px;
    position: relative;
    padding: 30px;
}
.serviceCase {
    border-top: 5px solid #ff6c00;
    padding-top: 20px;
}
.infoBox {
	position: relative;
    margin: -70px auto 0 auto;
    z-index: 5;
    padding: 30px;
    background-color: #fff;
}
.newsList .date {
    width: 100px;
    display: inline-block;
}
.newsList .tags {
    background-color: #ff6e01;
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}
.newsList li {
    border-top: 1px solid #ddd;
    padding: 15px 0;
}
.newsList li:first-child {
    border-top: none;
}
.newsList li:last-child {
    border-bottom: 1px solid #eee;
}
.guideBox li a {
    border-top: 5px solid #ff6c00;
    padding-top: 20px;
    height: 420px;
    position: relative;
}
.guideBox.lp li a {
    border-top: none;
    height: auto;
}
.exampleBox li a {
    height: 310px;
    position: relative;
}
.lead {
    line-height: 2;
    padding-right: 35px;
    text-decoration: underline;
}
.lead:hover {
    text-decoration: none;
}
.vol {
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 80%;
    top: 0;
    margin-top: 190px;
}
.gmap {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
table.listTable {}
table.listTable th {
    width: 20%;
    padding-bottom: 20px;
    text-align: right;
    font-weight: bold;
}
table.listTable.lp th {padding-bottom: 0;}
table.listTable.lp th {
    text-align: left;
    padding: 10px;
}
table.listTable.lp tr {border-bottom: 1px solid #ccc;}
table.listTable.lp tr.firstLine {border-top: 1px solid #ccc;}
table.listTable td {
    width: 70%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 30px;
}
table.listTable.lp td {padding-bottom: 10px;}
table.recTable {width: 90%;}
table.recTable tr {border-bottom: 1px solid #ddd;}
table.recTable th {
    width: 15%;
    font-weight: bold;
    padding: 15px 0;
}
table.recTable td {
    width: 85%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 15px;
}
table.flowTable tr {
    display: block;
    height: 180px;
    background-image: url(../image/flowBg.png);
    background-repeat: no-repeat;
    background-position: 0;
}
table.flowTable tr.first {
    background-position: 0 50px;
}
table.flowTable tr.last {
    height: 50px;
}
table.flowTable th {
    width: 5%;
    text-align: center;
    vertical-align: middle;
}
table.flowTable td {
    width: 30px;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
}
table.flowTable td.desc {
    width: 700px;
    text-align: left;
    border: 1px solid #ddd;
    padding: 20px 35px;
    background-color: #fff;
    box-sizing: border-box;
}
.circle {
    color: #333;
    background-color: #fff;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.introduct::after {
    clear: both;
    display: block;
    content: "";
}
.introduct dt {
    float: left;
    clear: left;
    width: 42%;
    box-sizing: border-box;
    text-align: right;
    padding-right: 25px;
    font-weight: bold;
    margin: 5px 0;
}
.introduct dd {
    float: left;
    width: 58%;
    box-sizing: border-box;
    margin: 5px 0;
}
.olList {
    list-style-type: decimal;
}
.olList > li {
    padding: 15px;
    margin-left: 20px;
}
.olList > li > ul > li{
    padding: 5px;
    margin-left: 20px;
}
.idea li {margin: 10px 0;}
.idea img {
    vertical-align: middle;
    width: 230px;
}
.boxTextFix {height:80px;}
.boxFix {height:220px;}
.boxFix2 {height:350px;}
}

/*-----ttl-----*/
/*all device*/
.leftLine {
    border-left: 5px solid #ff6c00;
    padding-left: 20px;
}
.bottomLine {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.sideLine {
    font-weight: bold;
    line-height: 1.6em;
    border-left: 5px solid #967154;
    padding: 0 0 0 15px;
    color: #333;
}
.profTab {
    background-color: #967153;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px;
}
.holdLine {
    overflow: hidden;
    text-align: center;
}
.holdLine span {
    position: relative;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 0.5em;
    text-align: left;
}
.holdLine span:before, .holdLine span:after{
    position: absolute;
    top: 50%;
    content: '';
    width: 400%;
    height: 1px;
    background-color: #FF6F00;
}
.holdLine span:before {left:100%;}
.holdLine span:after {right: 100%;}
.arrow, .arrowSmall, .arrowRight {position: relative;}
.arrow:after, .arrowSmall:after, .arrowRight:after {
    content: '';
    background-image: url(../image/icon/arrow.png);
    position: absolute;
}
.arrow:after {
    width: 500px;
    height: 150px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.sandwitch {
    text-align: center;
    border-top: 1px solid #ee7200;
    border-bottom: 1px solid #ee7200;
    padding: 5px 0;
    width: 80%;
}
.sandwitch2 {
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    width: 100%;
}

/*sp*/
@media only screen and (max-width: 767px){
.subBottomLine {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 8px 0 8px 20px;
    background-color: #fafafa;
}
.arrowRight {
    position: relative;
    padding-bottom: 40px;
}
.arrow:after {
    width: 70%;
}
.arrowRight:after {
    width: 60px;
    height: 60px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.holdLine span {
    position: relative;
    display: inline-block;
    margin: 0 1em;
    padding: 0 0.5em;
    text-align: left;
}
.ankLink {
    margin-top:-60px;
    padding-top:60px;
    display: block;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.subBottomLine {
    border-bottom: 1px solid #ddd;
    padding: 8px 0 8px 20px;
    background-color: #fafafa;
}
.arrowRight:after {
    width: 40px;
    height: 40px;
    right: 0;
    margin-top: 5px;
    margin-right: -25px;
    top: 0;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-90deg);
}
.arrowSmall:after {
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 70px;
    top: 0;
}
.ankLink {
    margin-top:-80px;
    padding-top:80px;
    display: block;
}
}

/*-----btn-----*/
/*all device*/
.icon {position: relative;}
.icon:before, .icon:after {content: ''; position: absolute;}
.caseNum {
    background-color: #f66c04;
    color: #fff;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 50px;
    margin-right: 10px;
    float: left;
}
.caseText {
    display: inline-block;
    font-weight: bold;
}
.companyBtn {border: 1px solid #ddd;}
.companyBtn:hover {background-color: #fff;}
.moreBtn {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 140px 10px 25px;
    border: 3px solid #ff7200;
    color: #ff6c00;
    display: inline-block;
}
/*sp*/
@media only screen and (max-width: 767px){
.ovalOrangeWhite {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 35px 10px 20px;
    border: 1px solid #ff7200;
    border-radius: 50px;
    color: #ff6c00;
    transition: 0.3s;
}
.ovalOrange {
    border: 2px solid #ff7100;
    border-radius: 50px;
    padding: 10px 35px 10px 20px;
    color: #ff7100;
    transition: 0.3s;
}
.ovalOrangeWhite:hover {
    background-color: #ff7100;
    color: #fff;
    transition: 0.3s;
}
.ovalOrange:before,
.ovalOrangeWhite:before {
    width: 15px;
    height: 15px;
    background-image: url(../image/icon/icon_right_orange.png);
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    margin-right: 15px;
}
.lead:before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(../image/icon/icon_list.png);
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    margin-right: 5px;
}
.exampleBtn {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin-bottom: 25px;
}
.innerBtn {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 2.5%;
    margin-bottom: 20px;
}
.exampleBtn {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin-bottom: 25px;
}
.caseNum {vertical-align: 20%;}
.companyBtn a {padding: 15px 0;}
.contactTel {
    font-size: 34px;
    padding-left: 45px;
    display: table;
    margin: 0 auto;
}
.contactTel:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    /* bottom: 0; */
    /* margin: auto; */
    margin-top: 6px;
}
.moreBtn:after {
    width: 20px;
    height: 20px;
    background-image: url(../image/icon/icon_window_orange.png);
    bottom: 0;
    right: 25px;
    margin: auto;
    top: 0;
    display: inline-block;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.orangeArrow a {padding-left: 15px;}
.orangeArrow a:before {
    content: '';
    width: 13px;
    height: 13px;
    background-image: url(../image/icon/icon_right_orange.png);
    position: absolute;
    bottom: 0;
    left: 0;
}
.headContact span {padding-left: 35px;}
.headContact .tel:before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(../image/icon/icon_freeDial_orange.png);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
}
.headContact .tel.lp:before {
    width: 40px;
    height: 20px;
    background-image: url(../image/icon/icon_phone_orange.png);
}
.orangeRec {
    border: 5px solid #ff6d00;
    padding: 10px 10px 10px 40px;
    display: inline-block;
    position: relative;
}
.orangeRec:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../image/icon/icon_mail_orange.png);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    margin-left: 10px;
}
.orangeRec:hover {
    background-color: #ff6d00;
    color: #fff;
}
.orangeRec:hover:before {
    background-image: url(../image/icon/icon_mail_white.png);
}
.moreBtn:hover {
    background-color: #ff6d00;
    color: #fff;
}
.innerBtn {
    position: absolute;
    bottom: 0;
    left: 0;
}
.guideBtn {
    position: absolute;
    bottom: 0;
    right: 0;
}
.exampleBtn {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin-bottom: 25px;
}
.ovalOrange {
    border: 2px solid #ff7100;
    border-radius: 50px;
    padding: 10px 35px 10px 20px;
    color: #ff7100;
    transition: 0.3s;
}
a:hover .ovalOrange {
    background-color: #ff7100;
    color: #fff;
    transition: 0.3s;
}
a:hover .ovalOrange:before,
.ovalOrangeWhite:hover:before {
    background-image: url(../image/icon/icon_right_white.png);
}
.ovalOrangeWhite {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px 40px 15px 25px;
    border: 1px solid #ff7200;
    border-radius: 50px;
    color: #ff6c00;
    transition: 0.3s;
}
.ovalOrangeWhite:hover {
    background-color: #ff7100;
    color: #fff;
    transition: 0.3s;
}
.ovalOrange:before,.ovalOrangeWhite:before {
    width: 15px;
    height: 15px;
    background-image: url(../image/icon/icon_right_orange.png);
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    margin-right: 15px;
}
.moreBtn:after {
    width: 20px;
    height: 20px;
    background-image: url(../image/icon/icon_window_orange.png);
    bottom: 0;
    right: 25px;
    margin: auto;
    top: 0;
    display: inline-block;
}
.moreBtn:hover:after {
    background-image: url(../image/icon/icon_window_white.png);
}
.lead:before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(../image/icon/icon_list.png);
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    margin-right: 5px;
}
.simulator a,.accountant a {
    border: 1px solid #ddd;
    background-color: #fff;
    width: 42%;
    padding: 13px 60px 13px 13px;
    position: relative;
}
.simulator a:hover,.accountant a:hover {
    opacity: 0.7;
}
.simulator img ,.accountant img {
    vertical-align: top;
    padding: 5px;
}
.simulator p ,.accountant p {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 10px;
}
.simulator a:before,.accountant a:before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(../image/icon/icon_right_black.png);
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    margin-right: 15px;
}
.caseNum {vertical-align: 10%;}
.companyBtn a {padding: 15px;}
.companyBtn a:before {
    width: 15px;
    height: 15px;
    background-image: url(../image/icon/icon_right_orange.png);
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    margin-right: 15px;
}
.contactTel {
    font-size: 60px;
    padding-left: 75px;
    display: table;
    margin: 0 auto;
}
.contactTel:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-top: -15px;
}
}


/*-----form-----*/
/*all device*/
input[type="submit"]{
-webkit-appearance: none;
}
.table.normal {
    width: 100%;
}
.req .formLbl, .any .formLbl {
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}
.req .formLbl:before {
    content: '必須';
    background-color: #ff0000;
}
.any .formLbl:before {
    content: '任意';
    background-color: #2196f3;
}
.req .formLbl:before, .any .formLbl:before {
    position: absolute;
    color: #fff;
    border-radius: 3px;
    left: 0;
    line-height: 1em;
}

/*sp*/
@media only screen and (max-width: 767px){
.table.normal th, .table.normal td {
    display: block;
}
.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;
}
.table.normal td {
    margin-bottom: 5px;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
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;
}
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 0px;
    cursor: pointer;
    padding: 10px 60px;
    border: 4px solid #f66b05;
    background-color: #fff;
}
input[type="radio"] {

}
.formBtn li {
    display: inline-block;
    margin: 0px 0 10px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.table.normal th {
    padding: 15px 10px 0px;
    vertical-align: top;
}
.table.normal th.agree {
    padding: 0px 10px 0px;
    vertical-align: top;
}
.table.normal td {
    padding: 0px 10px 10px;
    width: 65%;
}
.table.normal td.policyBtn {padding: 15px;}
.req .formLbl, .any .formLbl, .out .formLbl {
    padding-left: 45px;
}
.req .formLbl:before, .any .formLbl:before {
    font-size: 11px;
    padding: 5px;
    top: 2px;
}
input[type=text], 
input[type=email], 
input[type=select], 
input[type=tel], 
input[type=number], 
select {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    color: #333;
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    background-color: #fff;
    border-radius: 0;
}
textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ddd;
    color: #333;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    background-color: #fff;
    resize: vertical;
    max-height: 500px;
    min-height: 200px;
}
input[type="submit"] {
    display: table;
    margin: 20px auto 0px;
    cursor: pointer;
    padding: 10px 60px;
    border: 4px solid #f66b05;
    background-color: #fff;
}
input[type="submit"]:hover {
    background-color: #f66b05;
    color: #fff;
}
input[type="radio"] {margin-right: 10px;}
label[for="selectBtn"] {
    font-size: 18px;
    font-weight: bold;
}
.formBtn li {
    display: inline-block;
    margin: 0px 10px 30px;
}
}

/*----- simulator -----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
/*#inheritance .assets_table {padding: 0 10px 0 10px;}*/
#inheritance .assets_table tr {border-bottom: 1px solid #eee;}
#inheritance .inheritor_table tr {border-bottom: 1px solid #eee;}
#inheritance input[type=text],
#inheritance input[type=number] {
    width: 70%;
    height: 35px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 16px;
    background-color: #fff;
    text-align: right;
}

#inheritance th {
    text-align: center;
    border-top: 1px solid #dcdcdc;
    padding-top: 5px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fffae4;
}
#inheritance td,
#inheritor_table td {
    padding: 5px 0 0;
}
#inheritance #result_table_1 {clear: both;}
#inheritance #result_table_1 th,
#inheritance #result_table_2 th {
    text-align: center;
    border-top: 1px solid #dcdcdc;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dcdcdc;
    margin: 10px;
    font-size: 14px;
}
#inheritance #result_table_1 td,
#inheritance #result_table_2 td,
#inheritance #rate_table_current td,
#inheritance #rate_table_future td {
    text-align: center;
    padding-top: 5px;
    border-bottom: 1px solid #eee;
    margin: 0;
    /* line-height: 2; */
}
#inheritance #result_table_1 th.headEmpty,
#inheritance #result_table_2 th.headEmpty {
    width: 80px;
    background-color: whitesmoke;
}
#inheritance #result_table_2 {margin-top: 25px;}
#inheritance #rate_table_current {margin-top: 25px; font-size: 12px;}
#inheritance #rate_table_future {margin-top: 25px; font-size: 12px;}
#inheritance #rate_table_current th,
#inheritance #rate_table_future th {
    padding-bottom: 5px;
}
#inheritance #explain {
    width: 250px;
    position: absolute;
    left: 419px;
    clear: both;
    color: gray;
    font-size: small;
    top: 337px;
}
#inheritance #caution {color: gray;}
#inheritance #buttons {
    clear: both;
    text-align: center;
}
#inheritance #buttons button {
    cursor: pointer;
    font-size: 12pt;
    padding: 4px 10px;
    background-color: #fafafa;
}
#inheritance .red {
    background-color: #f66d04;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
}
.amount {
    margin: 7px 0;
    display: inline-block;
}
.expression {color: gray;}
.inheritor_sum {}
}
/*pc*/
@media only screen and (min-width: 768px){
#inheritance .assets_table {padding: 0 20px 0 10px;}
#inheritance .assets_table tr {border-bottom: 1px solid #eee;}
#inheritance .inheritor_table tr {border-bottom: 1px solid #eee;}
#inheritance input[type=text],
#inheritance input[type=number] {
    width: 70%;
    height: 35px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 16px;
    background-color: #fff;
    text-align: right;
}
#inheritance th {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 5px;
    border-bottom: 1px solid #eee;
    margin: 10px;
    background-color: #fffae4;
}
#inheritance td {padding: 5px 0;}
#inheritance #result_table_1 {clear: both;}
#inheritance #result_table_1 th,
#inheritance #result_table_2 th {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 5px;
    border-bottom: 1px solid #eee;
    margin: 10px;
}
#inheritance #result_table_1 th.headEmpty,
#inheritance #result_table_2 th.headEmpty {
    width: 220px;
    background-color: #fffaf7;
}
#inheritance #result_table_1 td,
#inheritance #result_table_2 td,
#inheritance #rate_table_current td,
#inheritance #rate_table_future td {
    text-align: center;
    padding-top: 5px;
    border-bottom: 1px solid #eee;
    margin: 0;
    line-height: 2;
}
#inheritance #result_table_2 {margin-top: 25px;}
#inheritance #rate_table_current {margin-top: 25px;}
#inheritance #rate_table_future {margin-top: 25px;}
#inheritance #explain {
    width: 250px;
    position: absolute;
    left: 419px;
    clear: both;
    color: gray;
    font-size: small;
    top: 337px;
}
#inheritance #caution {
    color: gray;
    font-size: small;
}
#inheritance #buttons {
    clear: both;
    padding-top: 20px;
    text-align: center;
}
#inheritance #buttons button {
    cursor: pointer;
    font-size: 12pt;
    padding: 4px 10px;
}
#inheritance .red {
    background-color: #f66d04;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
}
.expression {
    color: gray;
}
.inheritor_sum {}
}

/*-----blog-----*/
/*all device*/
.wp-pagenavi {
    text-align: center;
    margin-top: 40px;
}
.blogArea h2,.blogArea h3,.blogArea h4,.blogArea h5,.blogArea h6 {
    margin: 60px 0 20px;
}

.blogArea h2 {
    font-size: 24px;
    font-weight: bold;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0;
}
.blogArea h3 {
    font-size: 22px;
    font-weight: bold;
    border-left: 5px solid #333;
    padding-left: 10px;
}
.blogArea h4 {
    font-size: 20px;
    font-weight: bold;
}
.blogArea h5 {
    font-size: 18px;
    font-weight: bold;
}
.blogArea h6 {
    font-size: 16px;
    font-weight: bold;
}
.blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {
    margin: 20px 0;
    font-size: 16px;
}
.blogArea blockquote {
    background-color: #f1f1f1;
    padding: 10px 20px;
    box-sizing: border-box;
}
.blogArea img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.blogArea ul li:last-child,.blogArea ol li:last-child {
    margin-bottom: 0;
}
.blogArea ul li {
    list-style-type: disc;
}
.blogArea ol li {
    list-style-type: decimal;
}
.wpp-post-title {
    font-weight: bold;
}
.ofTag {
    background-color: #fafafa;
    color: #333;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.resTag {
    background-color: #f66d04;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;
}
/*sp*/
@media only screen and (max-width: 767px){
.blogArea h2,.blogArea h3,.blogArea h4,.blogArea h5,.blogArea h6 {
    margin: 40px 0 15px;
}

.blogArea h2 {
    font-size: 20px;
    padding: 10px 0;
}
.blogArea h3 {
    font-size: 18px;
    padding-left: 10px;
}
.blogArea h4 {
    font-size: 18px;
}
.blogArea h5 {
    font-size: 16px;
}
.blogArea h6 {
    font-size: 14px;
}
.blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.6em;
}
.blogArea blockquote {
    padding: 0px 20px;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.sideColumn img {
    height: auto;
    width: 100%;
    vertical-align: bottom;
}
.wpp-thumbnail {float: none !important;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.blogArea h2,.blogArea h3,.blogArea h4,.blogArea h5,.blogArea h6 {
    margin: 40px 0 15px;
}
.blogArea h2 {
    font-size: 20px;
    padding: 10px 0;
}
.blogArea h3 {
    font-size: 18px;
    padding-left: 10px;
}
.blogArea h4 {
    font-size: 18px;
}
.blogArea h5 {
    font-size: 16px;
}
.blogArea h6 {
    font-size: 14px;
}
.blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.6em;
    list-style: disc;
}
.blogArea em {
    font-style: italic; 
}
.blogArea blockquote {
    padding: 0px 20px;
}
.blogArea img {
    margin: 20px 0;
    width: 100%;
    height: auto;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.sideColumn img {
    height: auto;
    width: 100px;
    vertical-align: bottom;
}
}

/*----- pagenavi -----*/
.wp-pagenavi a,
.wp-pagenavi span {
    border:none !important;
    box-sizing: border-box;
    display: inline-block;
}
.wp-pagenavi a {
    background-color: #fff;
    color: #19321e;
    border: 1px solid #eee !important;
}
.wp-pagenavi a:hover {
    background-color: #f66e03;
    color: #fff;
    border: 1px solid #f66e03 !important;
    font-weight: bold;
}
.wp-pagenavi .first {
    width: 68px;
}
.wp-pagenavi .first:before {
    background-image: url(../image/icon_pager_prev_arrow.png);
    height: 10px;
    top: calc(50% - 5px);
    width: 10px;
}
.wp-pagenavi .previouspostslink:before {
    background-image: url(../image/icon_pager_prev_arrow.png);
    height: 10px;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    width: 10px;
}
.wp-pagenavi .extend:before {
    background-image: url(../image/icon_ellipsis_black.png);
    height: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
}
.wp-pagenavi .nextpostslink:before {
    background-image: url(../image/icon_pager_next_arrow.png);
    height: 10px;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    width: 10px;
}
.wp-pagenavi .last {
    width: 68px;
}
.wp-pagenavi .last:before {
    background-image: url(../image/icon_pager_next_arrow.png);
    height: 10px;
    right: 10px;
    top: calc(50% - 5px);
    width: 10px;
}
.wp-pagenavi .pages {
    padding: 3px 8px;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend {
    background-color: #fafafa;
    color: #333;
    border: 1px solid #ddd !important;
}
.wp-pagenavi .current {
    background-color: #f66e03;
    border: 1px solid #f66e03 !important;
    color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .nextpostslink {
    width: 40px;
}
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .extend,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
    position: relative;
}
.wp-pagenavi .first:before,
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .extend:before,
.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .last:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
}

/*----- LP -----*/
/*all device*/
.pointCase {
    border-top: 5px solid #ff6c00;
    padding-top: 20px;
}
.problemList {
    list-style-type: disc;
    padding-left: 20px;
}
.problemList li {margin: 10px 0;}
/*sp*/
@media only screen and (max-width: 767px){
.agentsImg {
    height: 300px;
    width: 100%;
    background: url(../image/lp/agentsImg_sp.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.agentsLead {
    width: 100%;
    margin: 0 auto;
    height: 300px;
    position: relative;
}
.agentsLead p {
    position: absolute;
    top: 45%;
    font-size: 24px;
    font-weight: 200;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px 50px 10px 10px;
    color: #fff;
}
.qMark {
    background: #fff;
    padding: 10px 15px;
    color: #333;
    display: inline-block;
    font-size: 24px;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.qText {
    padding-left: 10px;
    display: inline-block;
    vertical-align: text-bottom;
    width: 80%;
    vertical-align: middle;
}
.aMark {
    padding: 5px 20px;
    color: #f66c04;
    display: inline-block;
    font-size: 28px;
}
.aText {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.pointCase h3 {height: 100px;}
.agentsImg {
    height: 400px;
    width: 100%;
    background: url(../image/lp/agentsImg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.agentsLead {
    width: 1200px;
    margin: 0 auto;
    height: 400px;
    position: relative;
}
.agentsLead p {
    position: absolute;
    top: 40%;
    font-size: 34px;
    font-weight: 200;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px 50px 10px 20px;
    color: #fff;
}
.qMark {
    background: #fff;
    padding: 13px 20px;
    color: #333;
    display: inline-block;
    font-size: 28px;
    border: 1px solid #ddd;
}
.qText {
    padding-left: 20px;
    display: inline-block;
    vertical-align: text-bottom;
}
.aMark {
    padding: 15px 20px;
    color: #f66c04;
    display: inline-block;
    font-size: 28px;
}
.aText {
    padding: 25px 0;
    display: inline-block;
}
}

/*-----LP form-----*/
/*all device*/

.formTable.lp input[type=text], 
.formTable.lp input[type=email], 
.formTable.lp input[type=tel],
.formTable.lp textarea {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.formTable.lp input[type="submit"]::-webkit-search-decoration,
.formTable.lp input[type="button"]::-webkit-search-decoration {
  display: block;
}
.formTable.lp input[type="submit"]::focus,
.formTable.lp input[type="button"]::focus {
  outline-offset: -2px;
}
.formTable.lp dt span.required,
.formTable.lp dt span.optional{
    display: inline-block;
    float: left;
    color: #ffffff;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
}
.formTable.lp dt span.required{
    background: #ff0000;
}
.formTable.lp dt span.optional{
    background : #0000ff;
}
form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match{
    display : block;
    color : #ff0000;
    margin-top : 3px;
}
input[type="button"]{
    -webkit-appearance: none;
    border-radius: 0;
}

/*sp*/
@media only screen and (max-width: 767px){
.formTable.lp input[type=text], 
.formTable.lp input[type=email], 
.formTable.lp input[type=tel], 
.formTable.lp select {
    width: 100%;
    height: 40px;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    color: #555;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #fafafa;
    border-radius: 0;
}
.formTable.lp textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    color: #555;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    background-color: #fafafa;
}
input[type="button"] {
    display: table;
    margin: 20px auto 0px;
    cursor: pointer;
    padding: 10px 60px;
    border: 4px solid #f66b05;
    background-color: #fff;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.formTable.lp dt {
    width: 35%;
    float: left;
}
.formTable.lp dt {
    padding: 20px 10px 0px 0px;
}
.formTable.lp dl, .formTable.lp dt, .formTable.lp dd {
    box-sizing: border-box;
}
.formTable.lp dd {
    margin-left: 35%;
    padding-bottom: 10px;
}
.formTable.lp dd {
    padding: 10px 10px 0px;
}
.formTable.lp input[type="text"], 
.formTable.lp input[type="email"], 
.formTable.lp input[type="select"], 
.formTable.lp input[type="tel"], 
.formTable.lp textarea {
    width: 100%;
    height: 50px;
    color: rgb(85, 85, 85);
    box-sizing: border-box;
    line-height: 40px;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    padding: 0px 10px;
    border-radius: 0px;
}
input[type=text], 
input[type=email], 
input[type=select], 
input[type=tel], 
input[type=number], 
select {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    color: #333;
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    background-color: #fff;
    border-radius: 0;
}
input[type="button"] {
    display: table;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    margin: 20px auto 0px;
    padding: 10px 60px;
    border-width: 4px;
    border-style: solid;
    border-color: rgb(246, 107, 5);
    border-image: initial;
}
input[type="button"]:hover {
    background-color: #f66b05;
    color: #fff;
}
.contentThanks {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
}