@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;}
.lhXL {line-height: 2em;}
.fBox {margin-left: -2% !important;}
.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: 18%;margin-left: 2%;}
.f2of5 {float: left;width: 38%;margin-left: 2% !important;}
.f3of5 {float: left;width: 58%;margin-left: 2% !important;}
.f4of5 {float: left;width: 78%;margin-left: 2%;}
.f1of6 {float: left;width: 14.6666%;margin-left: 2%;}
.f5of6 {float: left;width: 81.3333%;margin-left: 2%;}
.f1of7 {float: left;width: 12.2857%;margin-left: 2%;}
.f2of7 {float: left;width: 26.5714%;margin-left: 2% !important;}
.f3of7 {float: left;width: 40.8571%;margin-left: 2%;}
.f4of7 {float: left;width: 55.1428%;margin-left: 2%;}
.f5of7 {float: left;width: 69.4285%;margin-left: 2% !important;}
.f6of7 {float: left;width: 83.7142%;margin-left: 2%;}
.f1of8 {float: left;width: 10.5%;margin-left: 2%;}
.f3of8 {float: left;width: 35.5%;margin-left: 2%;}
.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;}

*: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%;}
.f1of3Sp {float: left;width: 31.3333%;margin-left: 2%;}
.f2of3Sp {float: left;width: 64.6666%;margin-left: 2%;}
.f1of4Sp {float: left;width: 23%;margin-left: 2%;}
.f3of4Sp {float: left;width: 73%;margin-left: 2%;}
.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;}
.autoImgSp {width: 100%;height: auto;}
}
/*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% !important;}
.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% !important;}
.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: 18%;margin-left: 2%;}
.f2of5Pc {float: left;width: 38%;margin-left: 2% !important;}
.f3of5Pc {float: left;width: 58%;margin-left: 2% !important;}
.f4of5Pc {float: left;width: 78%;margin-left: 2%;}
.f1of6Pc {float: left;width: 14.6666%;margin-left: 2%;}
.f5of6Pc {float: left;width: 81.3333%;margin-left: 2%;}
.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: 10.5%;margin-left: 2%;}
.f3of8Pc {float: left;width: 35.5%;margin-left: 2%;}
.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: 65%;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;}
.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;}

/*-----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;
    font-display: swap;
    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;
    font-display: swap;
    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;
    font-display: swap;
    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;}
.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;}
}
/*-----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 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 .mainMenu {
    width: 1200px;
    margin: 0 auto;
    display: table;
}
.grobalMenu .mainMenu > li {
    display: table-cell;
    text-align: center;
    width: 14.285%;
    border-left: 1px solid #ddd;
    height: 100px;
    vertical-align: middle;
}
.grobalMenu .mainMenu > li:hover {
    background-color: #fff;
}
.grobalMenu .mainMenu > li:last-child {
    border-right: 1px solid #ddd;
}
.hoverContent {
    display: none;
    position: absolute;
    width: 310px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 10;
}
.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 .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: 20px;
    position: relative;
    transition: 0.3s;
}
.grobalMenu .subMenu > li:last-child {
    border-bottom: 1px solid #ddd;
}
}

/*-----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: 10;
}
.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;
}
.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 .innerBox .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    /* height: 300px; */
    /* padding-top: 60px; */
    padding: 80px 0 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefaf7+50,fefaf7+80&0+50,1+80 */
background: -moz-linear-gradient(top,  rgba(254,250,247,0) 50%, rgba(254,250,247,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,250,247,0) 50%,rgba(254,250,247,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,250,247,0) 50%,rgba(254,250,247,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fefaf7', endColorstr='#fefaf7',GradientType=0 ); /* IE6-9 */
}
.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: 160px 2.5% 0;
}
}
/*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; */
}
.headerTop {
    height: 100px;
    width: 1200px;
    margin: 0 auto;
    display: block;
}
.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;
    transition: 0.3s;
}
.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: 35px;
}
.headContact ul li a.headTel {
    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;
}
.headContact ul li ul.askBtn li {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    padding-left: 0px;
}
.askBox {
    display: flex;
}
.headContact ul li ul.askBox li {
    display: flex;
}
.mainImg {
    width: 100%;
    position: relative;
    height: 540px;
    /*padding-top: 100px;*/
    background-color: #FAF2ED;
}
.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 .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;
    white-space: nowrap;
}
.footer {
    border-top: 1px solid #977153;
}
.tags li {padding-right: 25px;}
.topBtn {
    right: 10px;
}
/*sp*/
@media only screen and (max-width: 767px){
.footer {

}
.copyYear {
    margin-top: 15px;
}
.footeContactArea {
    height: 60px;
    position: relative;
}
.footerContactBox {
    position: absolute;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fafafa;
    z-index: 2;
}

.contactMenu {
    display: flex;
    justify-content: space-around;
}
.contactMenu.foot {
    border-top: 1px solid #edebea;
    padding: 5px 0;
    background: #fff;
}

.footerContactBox .footerBtn, .contactMenu .footerBtn {
    width: 32%;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
    line-height: 1;
    padding: 2.5% 0;
}
.footerContactBox .footerBtn.tel, .contactMenu .footerBtn.tel {
    letter-spacing: -0.02em;
    text-align: center;
    font-size: 4.5vw;
}
.footerContactBox .footerBtn.mail, .contactMenu .footerBtn.mail, .contactMenu .footerBtn.dl {
    font-size: 4.0vw;
    text-align: center;
}


.footerContactBlock {
    width: 100%;
    margin: 0 auto;
}
.footerContactBox .footerBtn.tel,.contactMenu .footerBtn.tel {
    border: 4px solid #333;
}
.footerContactBox .footerBtn.mail,.contactMenu .footerBtn.mail {
    border: 4px solid #ff6b02;
}
.footerContactBox .footerBtn.dl,.contactMenu .footerBtn.dl {
    border: 4px solid #ff6b02;
    background: #ff6b02;
    color: #fff;
}
.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;
}
.footerBtn.dl.pg {
    padding: 5px 10px;
    transition: 0.3s;
    border: 5px solid #ff6c00;
    margin: 0 auto;
    padding: 0px 20px;
    background: #ff6c00;
    color: #fff;
    display: table;
}
}
/*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;
}
.footerContactBlock {
    width: 1000px;
    margin: 0 auto;
}
.footerContactBlock .askSection {
    display: inline-block;
    vertical-align: top;
}
.footerContactBlock .downloadBlock {
    display: flex;
}
.footerContactBlock .number {
    font-size: 30px;
    position: relative;
    padding-left: 30px;
    line-height: 1;
    margin-right: 5px;
}
.footerContactBlock .number:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.footerContactBlock .time {

}
.footerContactBlock .tel {
    margin: auto 0;
}
.footeContactArea {
    display: table;
    margin: 0 auto;
}
.footerContactBox {
    width: 1000px;
}
.footerContactBox .tel {
    position: relative;
    padding-left: 30px;
    display: block;
    float: left;
}
.footerContactBox .tel:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-top: -10px;
}
.footerContactBox .tel span {
    display: block;
}
.footerContactBox .tel .number {
    font-size: 18px;
}
.footerContactBox .tel .time {
    line-height: 1;
}

.footerContactBox .dlBox {

}
.footerContactBox .tel .number {
    font-size: 18px;
}
.footerBtn {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #ff6b00;
    box-sizing: border-box;
}
.footerBtn span {
    font-size: 18px;
    color: #ff6b00;
    padding-left: 15px;
}
.footerBtn.dl {
    transition: 0.3s;
    border: 5px solid #ff6c00;
    margin: 0 auto;
    line-height: 3;
    padding: 5px 20px;
    background: #ff6c00;
    color: #fff;
    display: table;
}
.footerBtn.dl.pg {
    line-height: 1;
    padding: 5px 10px;
    font-size: 14px;
}
.footerBtn.dl:hover {
    background-color: #fff;
    color: #ff6c00;
    transition: 0.3s;
}

.footerBtn.mail {
    transition: 0.3s;
    border: 5px solid #ff6c00;
    margin: 0 auto;
    line-height: 3;
    padding: 5px 20px 5px 50px;
    margin-left: 30px;
    display: table;
}
.footerBtn.mail:hover {
    background-color: #ff6c00;
    color: #fff;
    transition: 0.3s;
}
.footerBtn.mail:after {

}
.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);
    width: 22px;
    left: 20px;
}
.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;
}
}

/*-----layout-----*/
/*all device*/
.underLine {
    text-decoration: underline;
}

.exampleBox {
    background-image: url(../image/exampleBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dateBar {
    background-color: #ff6c00;
    color: #fff;
}
/*sp*/
@media only screen and (max-width: 767px){
.newsList {
    border-bottom: 1px solid #ddd;
}
.newsList .tags {
    background-color: #f66906;
    color: #fff;
    padding: 0px 5px;
    font-size: 12px;
    font-weight: bold;
    width: 110px;
    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;
}*/
.newsList .catLabel a {
	background: #967154;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    padding: 2px 8px;
    float: left;
}
.tagLabel a {
	background: #fff;
    font-size: 14px !important;
    margin: 5px 5px 0 0;
    padding: 3px 8px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: inline-block;
}
.infoBox .tags {
    background-color: #ff6e01;
    color: #fff;
    padding: 2px 2px;
    font-size: 14px;
    font-weight: bold;
    width: 130px;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
}
.infoBoxBt {
    position: absolute;
    right: 0;
    /* bottom: 0; */
}
.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;
}
.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%;
    bottom: 70px;
    /* margin-top: 190px; */
}
.gmap {
    position: relative;
    padding-bottom: 80%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
table.listTable {}
table.listTable th {
    display: block;
    font-weight: bold;
    font-size: 16px;
}
table.listTable td {
    display: block;
    margin: 0px 0 10px;
}
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;
}
.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: 0 auto 50px;
    z-index: 5;
    padding: 30px 30px 50px;
    /*background-color: #fff;*/
}
.newsList h3 {
	margin: 5px 0 10px;
}
.newsList .date {
	margin: 5px 0 0;
}
.newsList .tit {
	font-size: 20px;
}
.newsList .catLabel a {
	background: #967154;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    padding: 2px 8px;
    float: left;
}
.tagLabel a {
	background: #fff;
    font-size: 14px !important;
    margin: 5px 5px 0 0;
    padding: 3px 8px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: inline-block;
}
.infoBox .tags {
    background-color: #ff6e01;
    color: #fff;
    padding: 2px 2px;
    font-size: 14px;
    font-weight: bold;
    width: 130px;
    display: inline-block;
    text-align: center;
    margin-left: 15px;
}
.infoBoxBt {
    position: absolute;
    right: 0;
    /* bottom: 0; */
}
.ripBar:before {
    content: '';
    width: 4px;
    height: 100%;
    background-color: #ececec;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -13px;
    margin-top: 15px;
}
.newsList li {
    /*border-top: 1px solid #ddd; */
    /*padding: 15px 0 0;*/
    /* height: 100px; */
    /* box-sizing: border-box; */
}
.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;
}
.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 td {
    width: 70%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 30px;
}
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;
}
.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;
}
}

/*-----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;
}
/*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;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.subBottomLine {
    border-bottom: 1px solid #ddd;
    padding: 8px 0 8px 20px;
    background-color: #fafafa;
}
.titleHeight {
    /*height: 64px;*/
}
}

/*-----btn-----*/
/*all device*/
.icon {position: relative;}
.icon:before {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;}
/*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: 30px;
    left: 0;
    margin-left: 2.5%;
    margin-bottom: 20px;
}
.innerBtn.second {
    bottom: -20px;
}
.innerBtn.third {
    bottom: -70px;
}
.innerBtn.fourth {
    bottom: -120px;
}
.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;
}
.pickup .inner {
    border: 1px solid #eee;
    padding: 20px 2.5%;
    background: #fff;
}
.pickup .inner .title {
    width: 100%;
}
.pickup .inner .image {
    width: 120px;
}
.pickup .inner .text {
    width: calc(100% - 130px);
}
.pickup .inner .line {
    width: 100%;
    clear: both;
    padding-top: 20px;
}
.pickup .inner .desc {
    width: 100%;
}
.pickup .inner .index {
    width: 100%;
}
.pickup .inner .index dl dt {
    float: left;
    width: 50px;
    margin-top: 8px;
    clear: both;
}
.pickup .inner .index dl dd {
    float: right;
    width: calc(100% - 50px);
    margin-top: 8px;
}
}
/*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;
}
.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);
}
.orangeDlb {
    border: solid #ff6d00;
    border-width: 5px;
    background: #ff6d00;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px;
    position: relative;
    margin-left: -5px;
}
.orangeDlb:hover {

    background: #fff;
    color: #ff6d00;
}
.innerBtn {
    position: absolute;
    bottom: 0;
    left: 0;
}
.innerBtn.second {
    left: 235px;
}
.innerBtn.third {
    top: 347px;
}
.innerBtn.fourth {
    top: 347px;
    left: 235px;
}
.innerBtn.third a {
    background-color: #ff6c00;
    color: #fff;
    font-size: 14px;
}
.innerBtn.third a:before {
    background-image: url(../image/icon/icon_right_white.png);
}
.innerBtn.third a:hover {
    background-color: #fff;
    color: #ff6c00;
}
.innerBtn.third a:hover:before {
    background-image: url(../image/icon/icon_right_orange.png);
}
.innerBtn.fourth a {
    background-color: #ff6c00;
    color: #fff;
    font-size: 14px;
}
.innerBtn.fourth a:before {
    background-image: url(../image/icon/icon_right_white.png);
}
.innerBtn.fourth a:hover {
    background-color: #fff;
    color: #ff6c00;
}
.innerBtn.fourth a:hover:before {
    background-image: url(../image/icon/icon_right_orange.png);
}
.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;
}
.lead:before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(../image/icon/icon_list.png);
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    margin-right: 10px;
}
.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;
}
.pickup .inner {
    border: 1px solid #ddd;
    padding: 35px 40px;
    background: white;
}
.pickup .inner .title {
    width: 130px;
}
.pickup .inner .desc {
    width: calc(100% - 370px);
}
.pickup .inner .image {
    width: 180px;
}
.pickup .inner .text {
    width: calc(100% - 350px);
}
.pickup .inner .line {
    width: calc(100% - 350px);
    margin-top: 30px;
    padding-top: 30px;
}
.pickup .inner .line:before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 0;
}
.pickup .inner .index {
    width: 340px;
    margin-top: -2em;
}
.pickup .inner .index dl dt {
    float: left;
    width: 50px;
    margin-top: 8px;
}
.pickup .inner .index dl dd {
    float: right;
    width: calc(100% - 50px);
    margin-top: 8px;
}
.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*/
.table.normal {
    width: 100%;
}
.req .formLbl, .any .formLbl {
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}
.shorter .req .formLbl {
    width: auto;
    display: inline-block;
}
.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.shorter td {
    width: 60%;
    padding: 0 0 10px;
}
.table.normal.shorter td span.wpcf7-list-item {
	margin: 0 0px 0 10px;
}
.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: none;
}
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: 50px;
}
.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;
}
.mainColumn .blogArea a {
	/*color: blue;*/
	text-decoration: underline;
}
.mainColumn .blogArea a:hover {
	text-decoration: none;
}
.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;
}
.blogArea .relatedPost .catLabel a {
	background: #967154;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    padding: 6px 10px;
    text-decoration: none;
}
.blogArea .relatedPost .tit {
	text-decoration: none;
}
.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;
}
.ytube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ytube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*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 10px;
    font-size: 14px;
    line-height: 1.6em;
}
.blogArea blockquote {
    padding: 0px 20px;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.blogArea .relatedPost ul li {
	list-style: none;
	margin: 0 0 10px 0;
    box-sizing: border-box;
}
.blogArea .relatedPost {
	background: #fff;
    padding: 20px 10px 10px;
    margin: 30px 0 0;
}
.blogArea .relatedPost h3,.blogArea .document h3 {
	font-size: 20px;
	border: none;
	padding-left: 30px;
	margin-top: 0;
	position: relative;
}
.blogArea .relatedPost h3:before,.blogArea .document h3:before  {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: 16px;
    left: 0;
}
.blogArea .document {
	padding: 20px 0px 10px;
	margin: 30px 0;
	border: 1px solid #ddd;
}
.blogArea .document ul li {
	list-style: none;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0;
}
.blogArea .document img {
    box-sizing: border-box;
    padding: 0 20px;
}
.sideColumn img {
    height: auto;
    width: 100%;
    vertical-align: bottom;
}
.wpp-thumbnail {float: none !important;}
.dl_image {
    height: 200px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.dl_image.arc {height: 200px;}
.dlCase {
    padding: 10px;
    margin: 40px 0 20px;
    border: 1px solid #ddd;
    position: relative;
    display: block;
}
.dlCase h3 {
    font-size: 16px;
    padding-left: 30px;
    margin-top: 0;
    position: relative;
}
.dlCase h3:before  {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: 12px;
    left: 0;
}
.dlCase p.dl_sign {
    font-size: 12px;
    background: #333;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    margin-top: 5px;
    font-weight: bold;
    float: right;
}
}
/*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 .relatedPost ul li {
	list-style: none;
    padding: 15px;
    box-sizing: border-box;
}
.blogArea .relatedPost {
	background: #fff;
	padding: 40px 30px 10px;
	margin: 40px 0;
}
.blogArea .relatedPost img {
    margin: 0px 0 10px;
    width: 100%;
    height: auto;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.blogArea .relatedPost h3,.blogArea .document h3 {
	font-size: 24px;
	border: none;
	padding-left: 50px;
	margin-top: 0;
	position: relative;
}
.blogArea .relatedPost h3:before,.blogArea .document h3:before  {
    content: '';
    width: 37px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: 16px;
    left: 0;
}
.blogArea .document {
	padding: 40px 30px 10px;
	margin: 50px 0;
	border: 1px solid #ddd;
}
.blogArea .document ul li {
	list-style: none;
    box-sizing: border-box;
    padding: 0 15px;
}



.dl_image {
    height: 450px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.dl_image.arc {height: 200px;}
.dlCase {
    padding: 20px 0;
    margin: 40px 0 20px;
    border: 1px solid #ddd;
    transition: 0.1s;
    display: block;
}
.dlCase h3 {
    font-size: 18px;
    border: none;
    padding-left: 50px;
    margin-top: 0;
    position: relative;
}
.dlCase h3:before  {
    content: '';
    width: 37px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: 16px;
    left: 0;
}
.dlCase p {padding-right: 20px;}
.dlCase:hover {
    border: 1px solid #ff6c00;
    background: #ff6c00;
    color: #fff;
}
.dlCase:hover .dl_sign {
    color: #333;
    background: #fbc298;
}
.dlCase:hover h3:before {
    background-color: #fff;
}
.dlCase p.dl_sign {
    font-size: 14px;
    background: #333;
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
    float: right;
    margin-right: 25px;
    transition: 0.1s;
}






.sideColumn img {
    height: auto;
    width: 100px;
    vertical-align: bottom;
}
#ez-toc-container {
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    padding: 10px 20px !important;
}
.ez-toc-title-container {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 5px !important;
}
#ez-toc-container > nav {margin-top: 15px;}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before {
    font-size: 12px;
    background: #f0f0f0;
    text-align: center;
    padding: 5px 3px 5px 7px;
    margin-right: 10px;
    letter-spacing: -0.02em;
    color: #777;
}
#ez-toc-container ul li {line-height: 2 !important;}
}

/*----- 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 仲介業者さまへ -----*/
/*-- メインビジュアル --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersImg {
    height: 350px;
    width: 100%;
    background: url(../image/lp02/brokersImg_sp.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 70px;
}
.brokersLead {
    width: 100%;
    margin: 0 auto;
}
.brokersLead__title {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: 0;
}
.brokersLead__title p {
    position: absolute;
    top: 0;
    font-size: 16px;
    font-weight: 200;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px 50px 10px 10px;
    color: #fff;
}
.brokersLead__text {
    color: white;
    font-weight: 600;
    font-size: 20px;
    padding: 60px 8px 0 8px;
}
.brokersLead__textS {
    color: white;
    font-size: 18px;
}
.brokersLead__block {
    padding-top: 24px;
    display: flex;
    margin-left: 10px;
}
.brokersLead__box {
    background: url(../image/lp02/bgLaurel_sp.png);
    width: 100px;
    height: 63px;
    font-size: 14px;
    color: white;
    text-align: center;
    margin-left: 0;
    margin-right: 20px;
}
.brokersLead__boxR {
    background: url(../image/lp02/bgLaurel_sp.png);
    width: 100px;
    height: 63px;
    font-size: 14px;
    color: white;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersImg {
    height: 500px;
    width: 100%;
    background: url(../image/lp02/brokersImg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.brokersLead {
    width: 1200px;
    margin: 0 auto;
    height: 400px;
}
.brokersLead__title {
    font-size: 20px;
    font-weight: 400;
    position: relative;
}
.brokersLead__title p {
    position: absolute;
    top: 24px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    color: #333;
}
.brokersLead__text {
    color: white;
    font-weight: 600;
    font-size: 32px;
    padding-top: 110px;
}
.brokersLead__textS {
    color: white;
    font-size: 28px;
}
.brokersLead__block {
    padding-top: 24px;
    display: flex;
    margin-left: 20px;
}
.brokersLead__box, .brokersLead__boxR {
    background: url(../image/lp02/bgLaurel.png);
    width: 186px;
    height: 120px;
    font-size: 28px;
    color: white;
    text-align: center;
    margin-left: 0;
    margin-right: 20px;
}
}
/*-- 見出し --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersTitle{
    margin: 60px 0;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}
.brokersTitleS{
    margin: 60px 0;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.brokersTitleS__mtL{
    margin: 100px 0 60px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersTitle{
    margin: 60px 0;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}
.brokersTitleS{
    margin: 60px 0;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
.brokersTitleS__mtL{
    margin: 100px 0 60px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
}
/*-- お問い合わせボックス --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersInq {
    margin: 20px 0;
    position: relative;
}
.brokersInq__area {
    width: calc(100% - 32px);
    margin: 0 auto;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 16px;
    background-color: #FFF;
    text-align: center;
    box-sizing: border-box;
}
.brokersInq__text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.brokersInq__box {
    width: 100%;
    margin: 24px auto 0;
}
.brokersInq__telBox {
    width: 100%;
}
.brokersInq__telNo {
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    padding-left: 40px;
    margin: 0 auto;
    position: relative;
}
.brokersInq__telNo:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 38px;
    position: absolute;
    left: 18%;
    top: 0;
    bottom: 0;
}
.brokersInq__telTime {
    font-size: 11px;
}
.brokersInq__mailBox {
    width: auto;
    padding: 8px;
    border: 2px solid #FF6E01;
    text-align: center;
    margin: 16px 0 0;
}
.brokersInq__mailBox:hover {
    background-color: #FF6E01;
    transition: .5s;
}
.brokersInq__mailBoxText {
    color: #FF6E01;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-left: 40px;
}
.brokersInq__mailBoxText:hover {
    color: #FFF;
    transition: .5s;
}
.brokersInq__mailBoxText:before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../image/icon/icon_mail_orange.png);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    margin-left: -34px;
}
.brokersInq__mailBoxText:hover:before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../image/icon/icon_mail_white.png);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    margin-left: -34px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersInq {
    position: relative;
    z-index: 30;
}
.brokersInq__area {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    width: 800px;
    margin: 0 auto;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 24px 40px;
    background-color: #FFF;
    box-sizing: border-box;
}
.brokersInq__text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.brokersInq__box {
    display: flex;
    width: 100%;
    margin: 24px auto 0;
}
.brokersInq__telBox {
    width: 60%;
}
.brokersInq__telNo {
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    padding-left: 40px;
    margin: 0 auto;
    position: relative;
}
.brokersInq__telNo:before {
    content: '';
    background-image: url(../image/icon/icon_freeDial.png);
    width: 38px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.brokersInq__telTime {
    font-size: 11px;
}
.brokersInq__mailBox {
    width: 40%;
    padding: 8px 0;
    border: 2px solid #FF6E01;
    text-align: center;
}
.brokersInq__mailBox:hover {
    background-color: #FF6E01;
    transition: .5s;
}
.brokersInq__mailBoxText {
    color: #FF6E01;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-left: 40px;
}
.brokersInq__mailBoxText:hover {
    color: #FFF;
    transition: .5s;
}
.brokersInq__mailBoxText:before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../image/icon/icon_mail_orange.png);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    margin-left: -40px;
}
.brokersInq__mailBoxText:hover:before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../image/icon/icon_mail_white.png);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    margin-left: -40px;
}
a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
}

/*-- こんなお悩み --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersProblem {
    position: relative;
}
.brokersProblem:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 49vw 0 49vw;
    border-color: #fffaf7 transparent transparent transparent;
    position: absolute;
    top: 104%;
    left: 0;
    right: 0;
    box-sizing: border-box;
}
.brokersProblem__inner {
    width: 100%;
    margin: 0 auto 100px;
}
.brokersProblem__Area {
    width: 100%;
}
.brokersProblem__block {
    width: calc(100% - 32px);
    padding: 16px;
}
.brokersProblem__title {
    content: '';
    width: 330px;
    height: 128px;
    background-image: url(../image/lp02/brokersProblem__titleBgSp.png);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 30px;
    background-size: cover;
    font-size: 18px;
    line-height: 1.8em;
    display: inline-block;
    box-sizing: border-box;
}
.brokersProblem__title02 {
    content: '';
    width: 330px;
    height: 128px;
    background-image: url(../image/lp02/brokersProblem__titleBgSp.png);
    background-repeat: no-repeat;
    padding: 10px 20px 20px 30px;
    background-size: cover;
    font-size: 18px;
    display: inline-block;
    box-sizing: border-box;
}
.yellowLine {
    border-bottom: 4px solid #fbc02d;
}
.brokersProblem__illust {
    width: 100%;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
}
.brokersProblem__text {
    display: block;
    margin: 0 auto;
    width: 100%;
    line-height: 2em;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersProblem {
    padding-top: 200px;
    position: relative;
}
.brokersProblem:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 49vw 0 49vw;
    border-color: #fffaf7 transparent transparent transparent;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    box-sizing: border-box;
}
.brokersProblem__inner {
    width: 1300px;
    margin: 0 auto -40px;
}
.brokersProblem__Area {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.brokersProblem__block {
    width: calc(100% /3 - 60px);
    margin-right: 30px;
}
.brokersProblem__title {
    content: '';
    width: 360px;
    height: 140px;
    background-image: url(../image/brokersProblem__titleBg.png);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 40px;
    font-size: 20px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.8em;
}
.brokersProblem__title02 {
    content: '';
    width: 360px;
    height: 140px;
    background-image: url(../image/brokersProblem__titleBg.png);
    background-repeat: no-repeat;
    padding: 10px 20px 20px 40px;
    font-size: 20px;
    display: inline-block;
    box-sizing: border-box;
}
.yellowLine {
    border-bottom: 4px solid #fbc02d;
}
.brokersProblem__illust {
    width: 100%;
    margin: 20px auto;
    display: block;
    text-align: center;
}
.brokersProblem__text {
    display: block;
    margin: 0 auto;
    width: 100%;
    line-height: 2em;
}
}

/*-- 悩みを解決 --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersSolution {
    background-color: #FFF;
    width: 100%;
    display: block;
}
.brokersSolution__inner {
    width: calc(100% - 32px);
    margin: 0 auto;
    position: relative;
}
.brokersSolution__block {
    margin-top: 80px;
    width: 100%;
}
.brokersSolution__photoBox01 {
    width: 100%;
    height: 200px;
    background-image: url('../image/lp02/brokersSolution_bg01.png');
    background-size: cover;
}
.brokersSolution__photoBox02 {
    width: 100%;
    height: 200px;
    background-image: url('../image/lp02/brokersSolution_bg02.png');
    background-size: cover;
}
.brokersSolution__photoBox03 {
    width: 100%;
    height: 200px;
    background-image: url('../image/lp02/brokersSolution_bg03.png');
    background-size: cover;
}
.brokersSolution__textBox {
    width: 100%;
    margin: 40px auto;
    background-color: #FFF;
}
.brokersSolution__question {
    font-size: 16px;
    color: #666666;
    padding: 8px;
    background-color: #EDE6E2;
    position: relative;
    display: inline-block;
}
.brokersSolution__question:after {
    content: "";
    position: absolute;
    margin: 0;
    bottom: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 30px solid #EDE6E2;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(-30deg);
}
.brokersSolution__title {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0;
}
.brokersSolution__text {
    padding: 0;
    line-height: 2em;
}
.brokersSolution__copy {
    padding-top: 60px;
    width: calc(100% - 20px);
    height: 45px;
    display: inline-block; 
    margin-left: 10px;
}
.brokersSolution__copyInner {
    position: relative;
    color: #FF6E01;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.brokersSolution__copyInner:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    border-left: solid 3px #FF6E01;
    border-top: solid 3px #FF6E01;
    top: -10px;
    left: 0;
    position: absolute;
}
.brokersSolution__copyInner:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    border-right: solid 3px #FF6E01;
    border-bottom: solid 3px #FF6E01;
    bottom: -10px;
    right: 0;
    position: absolute;
}
.brokersSolution__summary {
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    margin: 60px auto 0;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersSolution {
    background-color: #FFF;
    width: 100%;
    display: block;
}
.brokersSolution__inner {
    width: 1300px;
    margin: 100px auto 0;
    padding-top: 40px;
    position: relative;
}
.brokersSolution__block {
    margin-top: 140px;
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
}
.brokersSolution__photoBox01 {
    width: 600px;
    height: 567px;
    background-image: url('../image/lp02/brokersSolution_bg01.png');
    background-size: cover;
    margin: 0 0 0 auto;
}
.brokersSolution__photoBox02 {
    width: 600px;
    height: 567px;
    background-image: url('../image/lp02/brokersSolution_bg02.png');
    background-size: cover;
    margin: 0 0 0 auto;
}
.brokersSolution__photoBox03 {
    width: 600px;
    height: 567px;
    background-image: url('../image/lp02/brokersSolution_bg03.png');
    background-size: cover;
    margin: 0 0 0 auto;
}
.brokersSolution__textBox {
    width: 740px;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    left: 0;
    background-color: #FFF;
}
.brokersSolution__question {
    font-size: 16px;
    color: #666666;
    padding: 8px;
    background-color: #EDE6E2;
    position: relative;
    display: inline-block;
}
.brokersSolution__question:after {
    content: "";
    position: absolute;
    margin: 0;
    bottom: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 30px solid #EDE6E2;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(-30deg);
}
.brokersSolution__title {
    font-size: 28px;
    font-weight: bold;
    margin: 30px 0;
}
.brokersSolution__text {
    padding: 0 40px 40px 0;
    line-height: 2em;
}
.brokersSolution__copy {
    padding-top: 110px;
    width: 600px;  
    display: block;
    margin: 0 auto;
}
.brokersSolution__copyInner {
    position: relative;
    width: 100%;
    color: #FF6E01;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
}
.brokersSolution__copyInner:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 45px;
    border-left: solid 5px #FF6E01;
    border-top: solid 5px #FF6E01;
    top: -10px;
    left: 0;
    position: absolute;
}
.brokersSolution__copyInner:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 45px;
    border-right: solid 5px #FF6E01;
    border-bottom: solid 5px #FF6E01;
    bottom: -10px;
    right: 0;
    position: absolute;
}
.brokersSolution__summary {
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    margin: 80px auto 0;
}
}

/*-- 自信があります --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersConfidence {
    background-color: #FFF;
    width: 100%;
    display: block;
    padding: 40px 0 120px;
    margin-bottom: -120px;
}
.brokersConfidence__inner {
    width: 100%;
    margin: 0 auto;
}
.brokersConfidence__block {
    margin: 0 auto;
    width: calc(100% - 32px);
}
.brokersConfidence__box {
    width: 100%;
}
.brokersConfidence__title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
}
.brokersConfidence__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    top: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
}
.brokersConfidence__text {
    font-size: 14px;
    margin: 32px 0;
    display: block;
    line-height: 2em;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersConfidence {
    background-color: #FFF;
    width: 100%;
    display: block;
    padding: 80px 0 150px;
    margin-bottom: -50px;
}
.brokersConfidence__inner {
    width: 1300px;
    margin: 0 auto;
}
.brokersConfidence__block {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
}
.brokersConfidence__box {
    width: calc(100% /2 - 40px);
}
.brokersConfidence__title {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
    height: 60px;
}
.brokersConfidence__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
    bottom: -20px;
}
.brokersConfidence__text {
    font-size: 14px;
    margin-top: 32px;
    display: block;
    line-height: 2em;
}
}

/*-- 取引実績 --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersResults {
    width: 100%;
    display: block;
    padding-top: 10px;
    margin-top: 40px;
}
.brokersResults__area {
    width: 100%;
    margin: 0 auto;
}
.brokersResults__blockL {
    width: calc(100% - 32px);
    margin: 0 auto 40px;
    display: block;
    text-align: center;
}
.brokersResults__blockR {
    width: calc(100% - 32px);
    margin: 0 auto;
    display: block;
    text-align: center;
}
.brokersResults__blockL img,.brokersResults__blockR img {
    width: 100%;
    height: auto;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersResults {
    width: 100%;
    display: block;
    padding-top: 150px;
    margin-top: 40px;
}
.brokersResults__area {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.brokersResults__blockL {
    width: calc(50% - 28px);
    display: block;
    text-align: right;
}
.brokersResults__blockR {
    width: calc(50% - 28px);
    display: block;
    text-align: left;
}
}
/*-- 買取事例 --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersCase {
    width: 100%;
    display: block;
    margin-top: 40px;
    padding: 40px 0 80px;
    margin-bottom: -40px;
}
.brokersCase__area {
    width: 100%;
    margin: 0 auto;
}
.brokersCase__block {
    width: calc(100% - 32px);
    display: block;
    margin: 0 auto 40px;
}
.brokersCaseHappy__block {
    width: calc(100% - 32px);
    display: block;
    margin: 0 auto 40px;
}
.brokersCase__title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
}
.brokersCase__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
}
.brokersCase__titleS {
    font-size: 16px;
}
.brokersCase__illust {
    width: 100%;
    margin: 60px auto 20px;
    display: block;
    text-align: center;
}
.brokersCase__text {
    font-size: 14px;
    margin-top: 32px;
    display: block;
    text-align: left;
    line-height: 2em;
}
.brokersCase__textTitle {
    font-weight: bold;
    margin-bottom: 10px;
}
.brokersCase__textTitleResult {
    font-weight: bold;
    margin: 20px 0 10px;
    color: #FF6E01;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersCase {
    width: 100%;
    display: block;
    margin-top: 40px;
    padding: 40px 0 80px;
}
.brokersCase__area {
    width: 1300px;
    margin: 80px auto 0;
    display: flex;
    justify-content: space-between;
}
.brokersCase__block {
    width: calc(100%/3 - 168px/3);
    display: block;
}
.brokersCaseHappy__block {
    width: calc(100%/2 - 128px/2);
    display: block;
}
.brokersCase__title {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
}
.brokersCase__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
}
.brokersCase__titleS {
    font-size: 20px;
}
.brokersCase__illust {
    width: 100%;
    margin: 60px auto 20px;
    display: block;
    text-align: center;
}
.brokersCase__text {
    font-size: 14px;
    margin-top: 32px;
    display: block;
    text-align: left;
    line-height: 2em;
}
.brokersCase__textTitle {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
}
.brokersCase__textTitleResult {
    font-weight: bold;
    margin: 20px 0 10px;
    color: #FF6E01;
}
}
/*-- 買取の流れ --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersFlow {
    width: 100%;
    display: block;
    padding: 100px 0 150px;
    background-color: #FFF;
    margin-bottom: -120px;
    margin-top: -80px;
}
.brokersFlow__inner {
    width: 100%;
    margin: 0 auto;
}
.brokersFlow__area {
    width: 100%;
    margin: 0 auto;
}
.brokersFlow__block {
    width: calc(100% - 32px);
    display: block;
    margin: 0 auto;
}
.brokersFlow__step {
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.brokersFlow__title {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    text-align: left;
    display: block;
}
.brokersFlow__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    top: 40px;
    left: 0;
    width: 40px;
}
.brokersFlow__text {
    font-size: 14px;
    margin: 40px 0;
    display: block;
    text-align: left;
}
.brokersFlow__free {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #FF6E01;
    display: inline-block;
    line-height: 1em;
    padding: 4px;
    position: relative;
    top: -2px;
    margin-left: 8px;
    border-radius: 4px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersFlow {
    width: 100%;
    display: block;
    margin-top: 40px;
    padding: 150px 0 150px;
    margin-bottom: -50px;
    background-color: #FFF;
}
.brokersFlow__inner {
    width: 1300px;
    margin: 0 auto;
}
.brokersFlow__area {
    width: 100%;
    margin: 0 auto; 
    display: flex;
    justify-content: space-between; 
}
.brokersFlow__block {
    width: calc(100%/4 - 80px/3);
    display: block;
}
.brokersFlow__step {
    font-size: 16px;
    margin-bottom: 10px;
    color: #666666;
}
.brokersFlow__title {
    font-size: 28px;
    font-weight: bold;
    position: relative;
    text-align: left;
    display: block;
}
.brokersFlow__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    top: 60px;
    left: 0;
    width: 40px;
}
.brokersFlow__text {
    font-size: 14px;
    margin-top: 40px;
    display: block;
    text-align: left;
    line-height: 2em;
}
.brokersFlow__free {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #FF6E01;
    display: inline-block;
    line-height: 1em;
    padding: 5px;
    position: relative;
    top: -4px;
    margin-left: 8px;
    border-radius: 4px;
}
}
/*-- よくある質問 --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersFaq {
    width: 100%;
    display: block;
    padding: 40px 0 150px;
    margin-bottom: -120px;
}
.brokersFaq__inner {
    width: 100%;
    margin: 0 auto;
}
.brokersFaq__block {
    background-color: #FFF;
    width: calc(100% - 32px);
    margin: 40px 16px;
    padding: 16px 0;
}
.brokersFaq__question {
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    line-height: 2em;
}
.brokersFaq__question:before {
    content: 'Q';
    font-size: 18px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
}
.brokersFaq__answer {
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    line-height: 2em;
}
.brokersFaq__answer:before {
    content: 'A';
    font-size: 18px;
    font-weight: bold;
    color: #FF6E01;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersFaq {
    width: 100%;
    display: block;
    margin-top: 50px;
    padding: 150px 0 150px;
    margin-bottom: -40px;
}
.brokersFaq__inner {
    width: 1300px;
    margin: 0 auto;
}
.brokersFaq__block {
    background-color: #FFF;
    width: 800px;
    margin: 40px auto 60px;
    padding: 24px;
}
.brokersFaq__question {
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    line-height: 2em;
}
.brokersFaq__question:before {
    content: 'Q';
    font-size: 18px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
}
.brokersFaq__answer {
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    line-height: 2em;
}
.brokersFaq__answer:before {
    content: 'A';
    font-size: 18px;
    font-weight: bold;
    color: #FF6E01;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
}
}
/*-- お問い合わせフォーム --*/
/*sp*/
@media only screen and (max-width: 767px){
.brokersForm {
    width: 100%;
    display: block;
    padding: 150px 0 40px;
    background-color: #FFF;
    margin-top: -120px;
}
.brokersForm__inner {
    width: calc(100% - 32px);
    margin: 0 auto;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.brokersForm {
    width: 100%;
    display: block;
    /*margin-top: 50px;*/
    padding: 100px 0 150px;
    margin-bottom: -50px;
    background-color: #FFF;
}
.brokersForm__inner {
    width: 800px;
    margin: 0 auto;
}
}
/*----- 経営理念改修　21.01.21 -----*/
/*-- 行間調整 --*/
.textLine_2em {
    line-height: 2em;
    letter-spacing: 2px;
}
.philosophy__lead {
    color: #FF6400;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.5em;
    position: relative;
    width: 600px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px){
    .philosophy__lead {
        color: #FF6400;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        line-height: 1.5em;
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
}
.philosophy__lead:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 45px;
    border-left: solid 5px #FF6E01;
    border-top: solid 5px #FF6E01;
    top: -10px;
    left: 0;
    position: absolute;
}
.philosophy__lead:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 45px;
    border-right: solid 5px #FF6E01;
    border-bottom: solid 5px #FF6E01;
    bottom: -10px;
    right: 0;
    position: absolute;
}

/*-- トップページ --*/
.philosophyBox {
    background-color: #FFF;
    text-align: center;
    width: 100%;
    margin-top: 40px !important;
}
.philosophyBox__inner {
    padding: 50px 0;
    width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px){
    .philosophyBox__inner {
        padding: 100px 0;
        width: calc(100% - 16px);
        margin: 0 auto;
    }
}
.philosophy__text {
    font-size: 18px;
    line-height: 2em;
    letter-spacing: 2px;
}
.philosophy__btn {
    color: #FF6E01;
    width: 240px;
    margin: 24px auto 0; 
}
.philosophy__btnLink {
    display: block;
    color: #FF6E01;
    text-align: center;
    padding: 8px 0;
    font-weight: bold;
    border: 1px solid #FF6E01;
    border-radius: 28px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.philosophy__btnLink:hover {
    display: block;
    color: #FFF;
    background-color: #FF6E01;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}
.topMovie {
    position: relative;
    z-index: 0;
}
.topMovie:before {
    content:'';
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    background-color: #fff;
}
.topMovie:after {
    content:'';
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 3px;
    left: 0;
    background-color: #fff;
}

/*----- LP 地主さまへ -----*/
/*all*/
.landownerImg {
    background: url(../image/lp03/landownerImg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
/*sp*/
@media only screen and (max-width: 767px){
.landowner__h1text{
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.landownerImg {
    height: 350px;
    width: 100%;
    padding-top: 70px;
}
.landowner__copy {
    color: #fff;
    letter-spacing: 0.1rem;
    font-size: 22px;
}
.landowner__copy span {
    font-size: 18px;
}
.landownerTitle {
    margin: 0 auto 30px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}
.landowner__title {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
    color: #fff;
    display: inline-block;
}
.landowner__text {
    color: white;
    font-weight: 600;
    font-size: 20px;
    padding: 60px 8px 0 8px;
}
.landownerLead__block {
    padding-top: 24px;
    display: flex;
    margin-left: 10px;
}
.landownerLead__box {
    background: url(../image/lp02/bgLaurel_sp.png);
    width: 100px;
    height: 63px;
    font-size: 14px;
    color: white;
    text-align: center;
    margin-left: 0;
    margin-right: 20px;
}
.landownerLead__boxR {
    background: url(../image/lp02/bgLaurel_sp.png);
    width: 100px;
    height: 63px;
    font-size: 14px;
    color: white;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}
.yellowMaker {
	border-bottom: 4px solid #fbc02d;
    display: inline-block;
    padding: 0 10px 2px;
    margin-bottom: 5px;
}
.landowner__smalltitle {
    width: 330px;
    height: 128px;
    background-image: url(../image/brokersProblem__titleBg.png);
    background-repeat: no-repeat;
    padding: 10px 20px 20px 30px;
    font-size: 18px;
    display: inline-block;
    box-sizing: border-box;
}
.landownerProblem {
    position: relative;
    padding-top: 30px;
}
.landownerService__title {
    font-size: 5vw;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
    padding-bottom: 20px;
}
.landownerService__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
}
.landownerProblem:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 49vw 0 49vw;
    border-color: #fffaf7 transparent transparent transparent;
    position: absolute;
    box-sizing: border-box;
}
.landownerSolution {
    background-color: #FFF;
    width: 100%;
}
.landownerSolution__inner {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
}
.landownerSolution__block {
    /*margin-top: 80px;*/
    width: 100%;
}
.landownerSolution__photoBox01 {
    width: 100%;
    height: 200px;
    background-image: url('../image/lp03/landownerSolution_bg01.jpg');
    background-size: cover;
}
.landownerSolution__photoBox02 {
    width: 100%;
    height: 200px;
    background-image: url('../image/lp03/landownerSolution_bg02.jpg');
    background-size: cover;
}
.landownerSolution__photoBox03 {
    width: 100%;
    height: 200px;
    background-image: url('../image/lp03/landownerSolution_bg03.jpg');
    background-size: cover;
}
.landownerSolution__textBox {
    width: 100%;
    margin: 40px auto 25px;
    background-color: #FFF;
}
.landownerSolution__question {
    font-size: 16px;
    color: #666666;
    padding: 8px;
    background-color: #EDE6E2;
    position: relative;
    display: inline-block;
}
.landownerSolution__question:after {
    content: "";
    position: absolute;
    margin: 0;
    bottom: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 30px solid #EDE6E2;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(-30deg);
}
.landownerSolution__title {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0;
}
.landownerSolution__text {
    padding: 0;
    line-height: 2em;
}
.landownerSolution__copy {
    padding-top: 30px;
    width: calc(100% - 20px);
    height: 45px;
    display: inline-block; 
    margin-left: 10px;
}
.landownerSolution__copyInner {
    position: relative;
    color: #FF6E01;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.landownerSolution__copyInner:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    border-left: solid 3px #FF6E01;
    border-top: solid 3px #FF6E01;
    top: -10px;
    left: 0;
    position: absolute;
}
.landownerSolution__copyInner:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    border-right: solid 3px #FF6E01;
    border-bottom: solid 3px #FF6E01;
    bottom: -10px;
    right: 0;
    position: absolute;
}
.landownerSolution__summary {
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    margin: 60px auto 0;
    }
.landownerService__block {
    width: calc(100% - 32px);
    display: block;
    margin: 0 auto 40px;
}
.landownerCase {
    width: 100%;
    display: block;
    padding: 40px 0 40px;
}
.landownerCase__area {
	width: calc(100% - 32px);
    margin: 0 auto;
}
.landownerCase__area p {
	line-height: 2;
}
.landownerConfidence__title {
	    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /* margin: 0px 0 30px; */
    padding: 10px 0;
    text-align: center;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.landowner__h1text{
    font-size: 12px;
    color: #fff;
    width: 1200px;
    margin: 0 auto;
    line-height: 1.8rem;
}
.landowner__copy {
    color: #fff;
    line-height: 2;
    letter-spacing: 0.2rem;
}
.landowner__copy span {
    font-size: 28px;
}
.landowner__title {
    display: inline-block;
    font-size: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 16px;
    color: #333;
    }
.landownerImg {
    height: 500px;
    width: 100%;
}
.yellowMaker {
	border-bottom: 4px solid #fbc02d;
    display: inline-block;
    padding: 0 10px 2px;
    margin-bottom: 5px;
}
.landowner__smalltitle {
    width: 360px;
    height: 140px;
    background-image: url(../image/brokersProblem__titleBg.png);
    background-repeat: no-repeat;
    padding: 10px 20px 0px 40px;
    font-size: 20px;
    display: inline-block;
    box-sizing: border-box;
}
.landownerTitle {
    margin: 0 auto 60px;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}
.landownerProblem {
    padding-top: 200px;
    position: relative;
}
.landownerProblem:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 49vw 0 49vw;
    border-color: #fffaf7 transparent transparent transparent;
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    box-sizing: border-box;
}
.landownerProblem__inner {
    width: 1300px;
    margin: 0 auto;
}
.landownerSolution {
    background-color: #FFF;
    width: 100%;
    display: block;
}
.landownerSolution__inner {
    width: 1300px;
    margin: 0px auto 0;
    padding-top: 60px;
    position: relative;
}
.landownerSolution__block {
    margin-top: 160px;
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
}
.landownerSolution__photoBox01 {
    width: 600px;
    height: 95%;
    background-image: url(../image/lp03/landownerSolution_bg01.jpg);
    background-size: cover;
    position: absolute;
    right: 0;
    top: -70px;
}
.landownerSolution__photoBox02 {
    width: 600px;
    height: 95%;
    background-image: url(../image/lp03/landownerSolution_bg02.jpg);
    background-size: cover;
    position: absolute;
    top: -70px;
    right: 0;
}
.landownerSolution__photoBox03 {
    width: 600px;
    height: 90%;
    background-image: url(../image/lp03/landownerSolution_bg03.jpg);
    background-size: cover;
    position: absolute;
    top: -70px;
    right: 0;
    background-position: 80% 0%;
}
.landownerSolution__textBox {
    width: 740px;
    background-color: #FFF;
    z-index: 5;
}
.landownerSolution__question {
    font-size: 16px;
    color: #666666;
    padding: 8px;
    background-color: #EDE6E2;
    position: relative;
    display: inline-block;
}
.landownerSolution__question:after {
    content: "";
    position: absolute;
    margin: 0;
    bottom: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 30px solid #EDE6E2;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(-30deg);
}
.landownerSolution__title {
    font-size: 28px;
    font-weight: bold;
    margin: 30px 0;
}
.landownerSolution__text {
    padding: 0 40px 40px 0;
    line-height: 2em;
}
.landownerSolution__copy {
    padding-top: 110px;
    width: 600px;  
    display: block;
    margin: 0 auto;
}
.landownerSolution__copyInner {
    position: relative;
    width: 100%;
    color: #FF6E01;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
}
.landownerSolution__copyInner:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 45px;
    border-left: solid 5px #FF6E01;
    border-top: solid 5px #FF6E01;
    top: -10px;
    left: 0;
    position: absolute;
}
.landownerSolution__copyInner:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 45px;
    border-right: solid 5px #FF6E01;
    border-bottom: solid 5px #FF6E01;
    bottom: -10px;
    right: 0;
    position: absolute;
}
.landownerSolution__summary {
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    margin: 80px auto 0;
}
.landownerService__title {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
    height: 60px;
}
.landownerService__title:after {
    content: '';
    position: absolute;
    border-bottom: 4px solid #FF6E01;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
    bottom: -20px;
}
.landownerService__block {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}
.landownerService__box {
    width: 30%;
    margin: 60px 5px 40px;
    box-sizing: border-box;
}
.landownerCase {
    width: 100%;
    display: block;
    margin-top: 40px;
    padding: 40px 0 80px;
}
.landownerCaseHead {
    width: 58%;
}
.landownerCase__area {
	width: 1000px;
    margin: 70px auto 20px;
}
.landownerConfidence__title {
	font-size: 24px;
	font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0px 0 15px;
    padding: 10px 0;
    text-align: center;
}
}


/* add 210224 okabe 日付用ここから */
.articleDate {
    overflow: hidden;
    display: table;
    margin: 0 0 0 auto;
}
.articleDate__label {
    font-weight: bold;
    color: #999;
    float: left;
    clear: both;
}
.articleDate__label:after {
    content: '：';
}
.articleDate__date {
    float: left;
}
/* add 210224 okabe 日付用ここまで */


/* add 211209 ogiue サービス底地ここから */
@media only screen and (min-width: 768px){
    .consultationTrouble {
        display: flex;
    }
    .consultationTrouble__textArea {
        width: calc(100% - 350px);
    }
    .consultationTrouble__imgArea {
        width: 350px;
        height: auto;
    }
}
@media only screen and (max-width: 767px){
    .consultationTrouble {
        display: block;
    }
    .consultationTrouble__textArea {
        width: 100%;
    }
    .consultationTrouble__imgArea {
        width: 100%;
        height: auto;
    }
}

.consultationTrouble__list {
}
.consultationTrouble__item {
    position: relative;
    padding-left: 24px;
    list-style: none!important;
}
.consultationTrouble__item:before {
    position: absolute;
    content: '';
    background-image: url(../image/icon/icon_chat-bubble.svg);
    width: 24px;
    height: 24px;
    top: 0;
    left: -16px;
}

.tipsArea {
    background-color: #ede6d9;
    padding: 16px;
}
.tipsArea p, .tipsArea a, .tipsArea ol {
    font-size: 14px;
}
.tipsArea__topTitle {
    margin-top: 0!important;
}
@media only screen and (min-width: 768px){
    .tipsArea__inner {
        display: flex;
        flex-wrap: wrap;
    }
    .tipsArea__block {
        width: calc(100%/2 - 24px/2);
        margin-right: 24px;
    }
    .tipsArea__block:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px){
    .tipsArea__inner {
        display: block;
    }
    .tipsArea__block {
        width: 96%;
    }
}
@media only screen and (max-width: 767px){
    .merit_demeritArea {
        display: block;
    }
    .merit_demeritArea__block {
        width: 100%;
    }
}
@media only screen and (min-width: 768px){
    .merit_demeritArea {
        display: flex;
        justify-content: space-between;
    }
    .merit_demeritArea__block_meritBg, .merit_demeritArea__block_demeritBg {
        width: calc(100%/2 - 24px/2);
        padding: 16px;
    }
    .merit_demeritArea__block_meritBg {
        margin-right: 24px;
    }
    .merit_demeritArea__block_demeritBg {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px){
    .merit_demeritArea {
        display: block;
    }
    .merit_demeritArea__block_meritBg, .merit_demeritArea__block_demeritBg {
        width: 96%;
        padding: 8px;
    }
}
.merit_demeritArea__title {
    font-weight: bold;
    margin: 8px 0 !important;
}
.merit_demeritArea__block_meritBg {
    background-color: #fef4ee;
}
.merit_demeritArea__block_demeritBg {
    background-color: #f2e3da;
}
.merit_demeritArea__block_meritBg h3, .merit_demeritArea__block_demeritBg h3 {
    margin: 0;
}
.serviceCase h2 {
    border: none;
}
.btn_serviceConsultation {
    display: block;
    font-weight: bold;
    color: #ff6c00;
    border: 5px solid #ff6c00;
    background-color: #FFF;
    text-decoration: none!important;
    padding: 8px;
}
.btn_serviceConsultation:hover {
    color: #FFF;
    background-color: #ff6c00;
    border: 5px solid #ff6c00;
}
@media only screen and (min-width: 768px){
    .service_consultation_mt {
        margin-top: 161px;
    }
}
.service__textLink {
    color: #ff6c00;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
}
.service__textLink:before {
    position: absolute;
    content: '';
    background-image: url(../image/icon/icon_tabLink.svg);
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
}
/* add 211209 ogiue サービス底地ここまで */

/* add 220413 hirano 事例 */
table.solution_table {
    margin: 0 0 40px 0;
    border-left :1px solid #ccc;
    border-top :1px solid #ccc;
    border-right :1px solid #ccc;
}
table.solution_table th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 16px;
}
table.solution_table td {
    border-bottom: 1px solid #ccc;
    padding: 16px;
}
@media only screen and (min-width: 768px){
.solList {
    display: flex;
    flex-wrap: wrap;
}
.solList li {
    width: 30%;
    margin-bottom: 40px;
    margin-right: 42px;
    font-weight: bold;
}
.solList li:nth-child(3n) {
    margin-right: 0;
}
.solList li a.thumb {
    display: block;
    height: 254px;
    margin-bottom: 16px;
}
.solList li img {
    width: 100%;
}
.solList li a {
    font-weight: bold;
}
}
@media only screen and (max-width: 767px){
.solList {
}
.solList li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
    padding-bottom: 24px;
}
.solList li:last-child {
    border-bottom: 0;
}
.solList li a.thumb {
    display: inline-block;
    margin-right: 16px;
    max-width: 30%;
    float: left;
}
.solList li a {
    font-weight: bold;
}
.solList li a.thumb img{
    max-width: 100%;
}

}
/* add 2205 ogiue 会話コンテンツ */
/* 会話セクション */
.talkArea .parentsComment:after,
.talkArea .docComment:after,
.talkArea .sonComment:after,
.talkArea .parentsComment:before,
.talkArea .sonComment:before,
.talkArea .docComment:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.talkArea .parentsComment:after {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ddd;
  z-index: 0;
  right: -10px;
  top: 15px;
}
.talkArea .parentsComment:before {
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fff;
  z-index: 1;
  right: -9px;
  top: 16px;
}
.talkArea .sonComment:after {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ddd;
  z-index: 0;
  right: -10px;
  top: 15px;
}
.talkArea .sonComment:before {
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fff;
  z-index: 1;
  right: -9px;
  top: 16px;
}
.talkArea .docComment:after {
  border-width: 10px 10px 10px 0;
  border-color: transparent #ddd transparent transparent;
  z-index: 0;
  left: -10px;
  top: 15px;
}
.talkArea .docComment:before {
  border-width: 9px 9px 9px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 1;
  left: -9px;
  top: 16px;
}
.talkArea .parents span,
.talkArea .son span,
.talkArea .doc span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.4em;
}
.iv-comment {
  font-weight: bold;
  position: relative;
  padding-left: 40px;
}
.iv-comment:before {
  content: "ー";
  position: absolute;
  left: 0;
}
/*pc*/
@media only screen and (min-width: 481px), print {
  .talkArea .parents img.icon_talk,
  .talkArea .son img.icon_talk,
  .talkArea .doc img.icon_talk {
    width: 65px !important;
    height: 65px !important;
    border-radius: 50px;
    margin: 0;
    padding: 5px;
    border: 1px solid #ddd;
  }
  .personBox {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
  }
  .personCase li {
    /*background-color: #f1f1f1;*/
    padding: 10px;
    box-sizing: border-box;
    list-style: none!important;
  }
  .personCase .pix {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }
  .personCase .texts {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .personCase .pix {
    width: 80%;
    display: flex;
    margin: 0 auto;
  }
  .personCase .texts {
    width: 100%;
    box-sizing: border-box;
    /*padding-left: 8px;*/
  }
  .personCase .pix img {
    /*border-radius: 50px;*/
    vertical-align: middle;
  }
  .iv-comment {
    font-size: 18px;
    padding-left: 50px;
  }
  .iv-comment:before {
    margin-left: 10px;
  }
  ul.talkArea li {
    margin: 10px 0;
    list-style: none!important;
  }
  .talkArea .parents,
  .talkArea .son,
  .talkArea .doc {
    width: auto;
    display: inline-block;
    box-sizing: border-box;
  }
  .talkArea .parentsComment,
  .talkArea .sonComment,
  .talkArea .docComment {
    margin-top: 10px;
    max-width: 85%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    padding: 15px 20px;
    background-color: #fff;
    position: relative;
    border: 1px solid #ddd;
    text-align: left;
  }
  .newsBox {
    line-height: 1.4rem;
  }
  ul.infoCase li a:hover,
  ul.sideArea li a:hover,
  ul.worksCase li a:hover {
    opacity: 0.7;
    transition: 0.3s;
　}
}
/*sp*/
@media only screen and (max-width: 480px) {
  .talkArea .parents img.icon_talk,
  .talkArea .son img.icon_talk,
  .talkArea .doc img.icon_talk {
    border-radius: 50px;
    margin: 0 !important;
    padding: 5%;
    box-sizing: border-box;
    border: 1px solid#ddd;
  }
  .personBox {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
  }
  .personCase li {
    /*background-color: #f1f1f1;*/
    padding: 10px;
    box-sizing: border-box;
    list-style: none!important;
  }
  .personCase .pix {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }
  .personCase .texts {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .personCase .pix {
    width: 80%;
    display: flex;
    margin: 0 auto;
  }
  .personCase .texts {
    width: 100%;
    box-sizing: border-box;
    /*padding-left: 5px;*/
  }
  .personCase .pix img {
    /*border-radius: 50px;*/
    vertical-align: middle;
  }
  .iv-comment {
    font-size: 18px;
    padding-left: 30px;
  }
  .iv-comment:before {
    margin-left: 10px;
  }
  ul.talkArea li {
    margin: 10px 0;
    list-style: none!important;
  }
  .talkArea .parents,
  .talkArea .son,
  .talkArea .doc {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
  }
  .talkArea .parentsComment,
  .talkArea .sonComment,
  .talkArea .docComment {
    max-width: 70%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    padding: 2.5%;
    background-color: #fff;
    position: relative;
    border: 1px solid #ddd;
    text-align: left;
  }
}

/*-- 資料ダウンロード --*/
/*pc*/
@media only screen and (min-width: 768px){
    .documentBlock {
        display: flex;
        border: 4px solid #FF6F1B;
        padding: 24px;
        margin: 40px 0;
    }
    .document__imgArea {
        width: 40%;
    }
    .document__img {
        width: 100%;
    }
    .document__textArea {
        width: 60%;
        padding-left: 24px;
    }
    .document__title {
        color: #FF6F1B;
        font-size: 24px;
        font-weight: bold;
    }
    .document__text {
        margin: 32px 0;
        font-size: 16px;
    }
    .document__title {
        color: #FF6F1B;
        font-size: 24px;
        font-weight: bold;
    }
    .document__subtitle {
        color: #967155;
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        margin-top: 80px;
    }
}
/*sp*/
@media only screen and (max-width: 767px){
    .documentBlock {
        border: 4px solid #FF6F1B;
        margin: 24px 0;
        padding: 16px;
    }
    .document__imgArea {
        width: 100%;
    }
    .document__img {
        width: 100%;
    }
    .document__textArea {
        width: 100%;
        margin-top: 24px;
    }
    .document__title {
        color: #FF6F1B;
        font-size: 20px;
        font-weight: bold;
    }
    .document__text {
        margin: 32px 0;
        font-size: 16px;
    }
    .document__title {
        color: #FF6F1B;
        font-size: 20px;
        font-weight: bold;
    }
    .document__subtitle {
        color: #967155;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        margin-top: 40px;
        padding: 0 16px;
    }
}

/* よくあるご質問 */
.blogArea p.textXL {
    font-size: 22px;
}
a.backBtn {
    display: inline-block;
    background: #FF6F1B;
    padding : 10px 30px;
    color: #fff;
    text-decoration: none!important;
    font-weight: bold;
}
span.qa {
    color: #FF6F1B;
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    font-size: 20px;
}
.faqIndex span.qa {
    font-size: 28px;
    padding : 0 10px 15px;
    float: left;
}
.blogArea .faqIndex li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
h2.faqTitle {
    border: 0;
    border-left : 5px solid #FF6F1B;
    padding: 0px 10px;
    font-weight: normal;
    font-size: 18px;
}
@media only screen and (max-width: 767px){
    .blogArea ul.faqIndex li { margin-left:0px; }
    .faqIndex span.qa { display: block; padding: 0 10px 5px 0; float: none;}
}