@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;}
*html {margin: 0;}

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

/*-----common-----*/
/*all device*/
body {word-wrap:break-word;}
.wrapper {position: relative;}
.taRBlk {text-align: right;display: block;}
.noLine {text-decoration: none;}
.bold {font-weight: bold;}
.poC {margin: 0 auto;}
.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;}
.kome li:before {position: absolute;content: '※';left: -1.2em;top: 0;}
.lhS {line-height: 1.0em;}
.lhM {line-height: 1.5em;}
.lhL {line-height: 1.8em;}
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}
.fL {float: left;}
.fR {float: right;}
.posRel {position: relative;}
.lh0 {line-height: 0;}
.fBox {margin-left: -4%}
.fAll {float: left;width: 96%;margin-left: 4%;}
.f1of2 {float: left;width: 46%;margin-left: 4%;}
.f1of3 {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3 {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4 {float: left;width: 21%;margin-left: 4%;}
.f3of4 {float: left;width: 71%;margin-left: 4%;}
.f1of5 {float: left;width: 16%;margin-left: 4%;}
.f2of5 {float: left;width: 36%;margin-left: 4%;}
.f3of5 {float: left;width: 56%;margin-left: 4%;}
.f4of5 {float: left;width: 76%;margin-left: 4%;}
.f1of6 {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6 {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7 {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7 {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7 {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7 {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7 {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7 {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8 {float: left;width: 8.5%;margin-left: 4%;}
.f3of8 {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto; vertical-align: bottom;}
.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: 70%;margin: 0 auto;display: block;}
.autoImg.sm {width: 30%;margin: 0 auto;display: block;}
.hAuto {height: auto !important;}
.thumb{
    text-align:center;
}
.thumb img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.wordBreak {word-break: keep-all;}
*:after,*:before {background-position: center;background-repeat: no-repeat;background-size: contain;}
/*sp*/
@media only screen and (max-width: 767px){
.wrapper {width: 100%;letter-spacing: 0.05em;line-height: 1.4em;}
.boldSp {font-weight: bold;}
.poCSp {margin: 0 auto;}
.lhSSp {line-height: 1.0em;}
.lhMSp {line-height: 1.5em;}
.lhLSp {line-height: 1.8em;}
.hideSp {display: none !important;}
.taLSp {text-align: left;}
.taCSp {text-align: center;}
.taRSp {text-align: right;}
.fLSp {float: left;}
.fRSp {float: right;}
.fBoxSp {margin-left: -4%}
.fAllSp {float: left;width: 96%;margin-left: 4%;}
.f1of2Sp {float: left;width: 46%;margin-left: 4%;}
.f1of3Sp {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Sp {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Sp {float: left;width: 21%;margin-left: 4%;}
.f3of4Sp {float: left;width: 71%;margin-left: 4%;}
.f1of5Sp {float: left;width: 16%;margin-left: 4%;}
.f2of5Sp {float: left;width: 36%;margin-left: 4%;}
.f3of5Sp {float: left;width: 56%;margin-left: 4%;}
.f4of5Sp {float: left;width: 76%;margin-left: 4%;}
.f1of6Sp {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Sp {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Sp {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Sp {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Sp {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Sp {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Sp {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Sp {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Sp {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Sp {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullSp {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgSp {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdSp {width: 50%;margin: 0 auto;display: block;}
.autoImg.smSp {width: 30%;margin: 0 auto;display: block;}
.hAutoSp {height: auto !important;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.wrapper {width: 100%;min-width: 1200px;letter-spacing: 0.05em;line-height: 1.8em;}
.boldPc {font-weight: bold;}
.poCPc {margin: 0 auto;}
.lhSPc {line-height: 1.0em;}
.lhMPc {line-height: 1.5em;}
.lhLPc {line-height: 1.8em;}
.hidePc {display: none !important;}
.taLPc {text-align: left;}
.taCPc {text-align: center;}
.taRPc {text-align: right;}
.fLPc {float: left;}
.fRPc {float: right !important;}
.fBoxPc {margin-left: -4%}
.fAllPc {float: left;width: 96%;margin-left: 4%;}
.f1of2Pc {float: left;width: 46%;margin-left: 4%;}
.f1of3Pc {float: left;width: 29.3333%;margin-left: 4%;}
.f2of3Pc {float: left;width: 62.6666%;margin-left: 4%;}
.f1of4Pc {float: left;width: 21%;margin-left: 4%;}
.f3of4Pc {float: left;width: 71%;margin-left: 4%;}
.f1of5Pc {float: left;width: 16%;margin-left: 4%;}
.f2of5Pc {float: left;width: 36%;margin-left: 4%;}
.f3of5Pc {float: left;width: 56%;margin-left: 4%;}
.f4of5Pc {float: left;width: 76%;margin-left: 4%;}
.f1of6Pc {float: left;width: 12.6666%;margin-left: 4%;}
.f5of6Pc {float: left;width: 79.3333%;margin-left: 4%;}
.f1of7Pc {float: left;width: 10.2857%;margin-left: 4%;}
.f2of7Pc {float: left;width: 24.5714%;margin-left: 4%;}
.f3of7Pc {float: left;width: 38.8571%;margin-left: 4%;}
.f4of7Pc {float: left;width: 53.1428%;margin-left: 4%;}
.f5of7Pc {float: left;width: 67.4285%;margin-left: 4%;}
.f6of7Pc {float: left;width: 81.7142%;margin-left: 4%;}
.f1of8Pc {float: left;width: 8.5%;margin-left: 4%;}
.f3of8Pc {float: left;width: 33.5%;margin-left: 4%;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc,.autoImgPc.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc,.autoImgPc.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc,.autoImgPc.smPc {width: 30%;margin: 0 auto;display: block;}
.hAutoPc {height: auto !important;}
}
/*lightbox*/
/*.fs-lightbox-overlay {
    z-index: 110;
}
.fs-lightbox {
    z-index: 111;
}
.fs-lightbox-position {
    display: none;
}
.fs-lightbox-content,.fs-lightbox-container {
    overflow: inherit;
}
@media only screen and (max-width: 767px){
.fs-lightbox-close {width: 40px;height: 40px;background: none;color: #111;}
.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.png);
}
.fs-lightbox-control_next:after {
    background-image: url(../image/icon_arrow_right_white.png);
}
.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    height: auto;
    bottom: 200px;
    background-color: rgba(0,0,0,0.6);
    box-sizing: border-box;
    padding: 10px;
}
.fs-lightbox-meta span {
    display: block;
    margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px), print{
.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: -60px;
}
.fs-lightbox-control_next {
    right: -60px;
}
.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.png);
}
.fs-lightbox-control_next:after {
    background-image: url(../image/icon_arrow_right_white.png);
}
.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:870px;margin-left: auto !important;margin-right: auto !important; padding: 0;box-sizing: border-box;}
}

/*-----font-color-----*/
body {color: #333;}
.white {color: #fff;}
.orange {color: #CE242D;}
.brown {color: #931C1C;}
a {color:#333;text-decoration:none;}
a.uLine {text-decoration: underline;}
a.uLine:hover {text-decoration: none;}

@media only screen and (max-width: 767px){
}
@media only screen and (min-width: 768px), print{
}

/*-----background-color-----*/
body {background-color: #fafafa;}
.whiteBg {background-color: #fff;}
.grayBg {background-color: #EDF1F4;}
@media only screen and (max-width: 767px){
.whiteBgSp {background-color: #fff;}
}


/*-----font-family-----*/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}
html{font-family:Noto Sans Japanese, YuGothic, '游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-display: swap;}
.ming {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.qs {font-family: 'Quicksand', sans-serif; font-weight: light;}
@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*/
.indent {
    padding-left:1em;
    text-indent:-1em;
}
/*sp*/
@media only screen and (max-width: 767px){
.textXXXL,.textXXXLSp {font-size: 9vw;}
.textXXL,.textXXLSp {font-size: 8vw;}
.textXL,.textXLSp {font-size: 7vw;}
.textLL,.textLLSp {font-size: 5.5vw;}
.textL,.textLSp {font-size: 18px;}
.textM,.textMSp {font-size: 14px;}
.textS,.textSSp {font-size: 12px;}
.textXS,.textXSSp {font-size: 10px;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.textXXXL,.textXXXLPc {font-size: 48px;}
.textXXL,.textXXLPc {font-size: 42px;}
.textXL,.textXLPc {font-size: 32px;}
.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), print{
.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,.mbXSp {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;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.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,.ptXSp {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;}
.pdTop {padding-top: 80px !important;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.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: 80px !important;}
.pdTop {padding-top: 140px !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;}
.pdBottom {padding-bottom: 80px !important;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.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: 80px !important;}
.pdBottom {padding-bottom: 100px !important;}
}
/*-----paddingBox-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px){
.pdBoxS,.pdBoxSSp {box-sizing: border-box;padding-left: 5px;padding-right: 5px;}
.pdBoxM,.pdBoxMSp {box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.pdBoxL,.pdBoxLSp {box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.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*/
.menuArea {
    border-top: 5px solid #ce242d;
}
.grobalMenu .subMenu > li > a:after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(../image/icon/icon_right_black.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: #ce242d;
}
.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 - 55px);
    margin-top: 55px;
    overflow-y: scroll;
    background-color: rgba(255, 255, 255, 0.9);
}
.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 {
    display: block;
    border-top: 1px solid #cccccc;
    font-weight: bold;
    font-size: 16px;
    padding: 18px 0 18px 10px;
    text-shadow: #fff 1px 0 10px;
}
.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: 40px;
    height: 40px;
    right: 15px;
    top: 10px;
    background-color: #ce242d;
    border-radius: 50px;
}
.mainMenu .topMenu > .toggleBtn:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../image/icon/icon_down_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    transition: 0.5s;
}
.mainMenu .topMenu > .toggleBtn.active:before {
    background-image: url(../image/icon/icon_up_white.png);
    transition: 0.5s;
}
.subMenu {
    background-color: rgba(237, 241, 244, 0.6);
}
.subMenu > li {
    border-top: 1px solid #ccc;
    position: relative;
}
.subMenu > li > a {
    display: block;
    font-size: 14px;
    padding: 16px 0 16px 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: 14px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 16px 0 16px 10px;
    background-color: #f4f7f8;
}
.headContactPanel {
    margin: 0 auto;
    display: table;
    width: 100%;
}
.headContactPanel li {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    width: 50%;
}
.headContactPanel li:last-child {
    border-right: none;
}
.headContactPanel .leadNumber a, .leadMail a {
    display: block;
    position: relative;
    padding: 30px 0 5px;
}
.headContactPanel .leadNumber a:before {
    content: '';
    background-image: url(../image/icon/icon_phone_black.png);
    height: 20px;
    width: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 45px;
}
.headContactPanel .leadMail a:before {
    content: '';
    background-image: url(../image/icon/icon_mail_black.png);
    height: 20px;
    width: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 45px;
}
}
/*pc*/
@media only screen and (min-width: 768px) {
.grobalMenu {min-width: 1300px;}
.grobalMenu .mainMenu {
    margin: 0 0 0 auto;
    display: table;
}
.grobalMenu .mainMenu > li {
    display: table-cell;
    text-align: center;
    height: 70px;
    vertical-align: middle;
}
.grobalMenu .mainMenu > li:hover {
    background-color: #fff;
}
.grobalMenu .mainMenu > li.leadNumber:hover {
    background-color: rgba(255, 255, 255, 0)
}
.grobalMenu .mainMenu > li:last-child {
}
.grobalMenu .mainMenu > li.home {
    width: 60px;
}
.grobalMenu .mainMenu > li.leadNumber {
    display: inline-block;
    text-align: center;
    width: 400px;
    vertical-align: middle;
    padding-top: 18px;
    padding-right: 5px;
}
.grobalMenu .mainMenu > li.leadNumber .text {display: inline-block; vertical-align: middle;}
.grobalMenu .mainMenu > li.leadNumber .ask {display: inline-block; vertical-align: middle;}
.grobalMenu .mainMenu > li.leadNumber .text:before {
    background-image: url(../image/icon/icon_phone_orange.png);
    content: "";
    height: 25px;
    width: 25px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    margin-left: -35px;
}
.hoverContent {
    display: none;
    position: absolute;
    width: 280px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    z-index: 5;
}
.hoverContent.lefty {
    right: 0;
}
.hoverContent a {
    color: #333;
}
.grobalMenu .mainMenu .topMenu {
    position: relative;
}
.grobalMenu .mainMenu .topMenu > a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    display: block;
    position: relative;
    white-space: nowrap;
    height: 50px;
    padding: 30px 10px 10px 10px;
    text-shadow: #fff 3px 3px 10px;
}
.grobalMenu .mainMenu .topMenu > a:after {
    content: '';
    position: absolute;
    background-color: #ccc;
    width: 1px;
    height: 20px;
    right: 0;
    top: 35px;
}
.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: 14px;
    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 #eee;
    background-color: rgba(255, 255, 255, 0.8);
}
.grobalMenu .subMenu > li:hover {
    background-color: #fff;
}
.grobalMenu .subMenu > li:last-child:hover {
    background-color: none;
}
.grobalMenu .subMenu > li > a {
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 25px;
    position: relative;
    text-shadow: #fff 3px 3px 10px;
    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: rgba(255,255,255,0.9);
    z-index: 103;
}
.header .logo {
    float: left;
    padding: 15px 0 0 5px;
}
.header .logo a {
    display: block;
    width: 177px;
    height: 35px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.header {
    width: 100%;
    min-width: 1200px;
    height: 95px;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s;
    z-index: 103;
}
.header .logo {
    float: left;
    padding: 23px 0 0 23px;
}
.header .logo a {
    display: block;
    width: 230px;
    height: 50px;
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.header .logo a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
}

/*-----breadcrumb-----*/
/*all device*/
.breadcrumb {
    border-bottom: 1px solid #eee;
    height: 30px;
    font-size: 12px;
    background-color: #ffffff;
    box-sizing: border-box;
}
.breadcrumb > div > span {
    display: block;
    position: relative;
    padding-right: 30px;
    line-height: 30px;
    height: 30px;
    float: left;
}
.breadcrumb > div > span:after {
    content: '';
    width: 12px;
    height: 30px;
    background-image: url(../image/icon/bread_list.svg);
    position: absolute;
    right: 9px;
    top: 0;
}
.breadcrumb span a span {
    font-weight: bold;
    color: #333;
    transition: 0.3s;
}
.breadcrumb span a span:hover {
    opacity: 0.7;
    transition: 0.3s;
}
/*sp*/
@media only screen and (max-width: 767px){
.breadcrumb {
    line-height: 30px;
}
}
/*-----footer-----*/
/*all device*/
.footerMenuArea {
    background-color: #333;
    /* overflow: hidden; */
}
.footerMenuArea a {
    color: #fff;
    transition: 0.3s;
}
/*sp*/
@media only screen and (max-width: 767px){
.copyYear {
}
.footerContactBox {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.9);

}
.topBtn {
    display: inline-block;
    position: relative;
    width: 60px;
    padding-top: 30px;
}
.topBtn:before {
    background-image: url(../image/icon/icon_arrow_top_orange.png);
    content: "";
    height: 15px;
    width: 15px;
    left: 5px;
    position: absolute;
    bottom: 30px;
}
.topBtn:after {
    background-image: url(../image/icon/a1_cat.png);
    content: "";
    height: 50px;
    width: 36px;
    right: -3px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}
.contactPanel {
    margin: 0 auto;
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
}
.contactPanel li {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #ddd;
}
.contactPanel li:last-child {
    border-right: none;
}
.leadNumber a, .leadMail a {
    display: block;
    position: relative;
    padding: 30px 0 5px;
}
.leadNumber a:before {
    content: '';
    background-image: url(../image/icon/icon_phone_black.png);
    height: 20px;
    width: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 45px;
}
.leadMail a:before {
    content: '';
    background-image: url(../image/icon/icon_mail_black.png);
    height: 20px;
    width: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 45px;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.topBtn {
    display: inline-block;
    position: relative;
    width: 80px;
    padding-top: 30px;
}
.topBtn:before {
    background-image: url(../image/icon/icon_arrow_top_orange.png);
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    /* right: 0; */
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
}
.topBtn:after {
    background-image: url(../image/icon/a1_cat.png);
    content: "";
    height: 55px;
    width: 50px;
    right: -8px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}
.contactArea {
    background-color: #fff;
}
.contactPanel {
    width: 1000px;
    margin: 0 auto;
    display: table;
}
.contactPanel li {
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    padding: 15px 10px;
}
.contactPanel li:last-child {
    border-right: 1px solid #ddd;
}
.leadNumber .text {display: inline-block; vertical-align: middle;}
.leadNumber .ask {display: inline-block; vertical-align: middle;}
.leadNumber .text:before {
    background-image: url(../image/icon/icon_phone_orange.png);
    content: "";
    height: 25px;
    width: 25px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    margin-left: -35px;
}
.footerContactBox {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    border-top: 1px solid #ddd;
    border-bottom: 5px solid #ce242d;
}
.footerMenuArea .logo a {
    width: 250px;
    height: 52px;
    background-image: url(../image/logo_white.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}
.footerMenuArea .footerMenuBox .footerMenu .footerMenuList {
    float: left;
    width: 25%;
    color: #fff;
}
.footerMenuArea a:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.footerMenuList > li > a {
    font-weight: bold;
}
.footerMenuList > li > ul > li {
    margin-left: 1em;
}
.copyYear {
    margin-top: 30px;
    border-top: 1px solid #ccc;
}
}

/*-----layout-----*/
/*all device*/
.newsList li {
    border-top: 1px solid #ddd;
    padding: 15px 0;
}
.newsList li:last-child {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
a.companyArea {
    display: table;
    background-color: #fff;
}
.categoryBox li a {
    background-color: #f7f7f7;
    padding: 5px 10px;
    display: block;
}
.categoryBox li a:after {
    background-image: url(../image/icon/icon_right_black.png);
    content: "";
    height: 10px;
    width: 10px;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    position: absolute;
}
.categoryBox li a:hover {opacity: 0.6;}
.thumb-item-nav li div {width: 100%; height: 80px; border-left: 1px solid #fff;}
.thumb-item li div {width: 100%; height: 378px;}
.slick-next:before {
    content: '';
    background-image: url(../image/icon/icon_right_white.png);
    width: 16px;
    height: 16px;
}
.slick-prev:before {
    content: '';
    background-image: url(../image/icon/icon_left_white.png);
    width: 16px;
    height: 16px;
}
.slick-prev, .slick-next {
    height: 40px;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.thumb-item-nav {margin-top: 1px;}
.staffImg {border-radius: 500px;}
.olList {
    list-style-type: decimal;
}
.olList > li {
    padding: 15px;
    margin-left: 20px;
}
.olList > li > ul > li{
    padding: 5px;
    margin-left: 20px;
}
.newsList .date {
    width: 110px;
    display: inline-block;
}
.specList {
    border-top: 1px solid #eee;
}
.specList li {
    width: 100%;
    font-size: 13px;
    background-color: #eee;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    display: table;
}
.specList.half li {
    width: 50%;
}
.specList.half li.long {
    width: 100%;
}
.specList li span {
    background-color: #eeeeee;
    font-size: 12px;
    width: 20%;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #fff;
    margin-right: 10px;
    height: 100%;
}
.specList.half li div {
    box-sizing: border-box;
    height: 70px;
}
.specList li div {
    height: 35px;
}
.specList li div.titleHead {
    width: 20%;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    border-bottom: 1px solid #fff;
}
.specList li div.titleHead.titleHeadRed {
    background: #c62527;
    color: #fff;
    font-weight: bold;
}

.specList li div.titleBody {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.8;
    padding: 5px 5px 5px 8px;
    width: 80%;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.specList li p {padding-left: 100px;}
.purchaseList {
    display: block;
    position: relative;
    /* z-index: 1; */
}
.purchaseList:after {
    content: "";
    background-image: url(../image/purchaseImg.png);
    background-position: right;
    background-size:contain;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.purchaseList li {
	padding-left:15px;
	position: relative;
    padding-bottom: 5px;
}
.purchaseList li:before{
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../image/icon/marker.png);
    background-size: cover;
    left: -10px;
    top: 1px;
    position: relative;
}
.maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*sp*/
@media only screen and (max-width: 767px){
.shadow,.shadowSp {
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    transition: 0.3s;
    display: block;
}
.infoBox {
    position: relative;
    padding-bottom: 80px;
}
.guideCase .guideImg {display: inline-block; width: 40%; box-sizing: border-box; vertical-align: middle;}
.guideCase .guideText {display: inline-block; width: 58%; box-sizing: border-box; vertical-align: middle;}
.sideColumn img {
    height: auto;
    vertical-align: bottom;
    width: 100%;
}
.wpp-post-title {
    font-weight: bold;
}
.specList.half li {
    width: 100%;
}
.specList.half li div {
    height: 45px;
}
.gmap {
    position: relative;
    padding-bottom: 100%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.maps {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 75%;
}
.staffComent {
    overflow: hidden;
    padding: 15px 0px 0;
}
.titleBox {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #eee;
    padding: 10px;
    overflow: hidden;
}
.purchaseList:after {
    background-size:cover;
    opacity: 0.2;
}
.olList > li {
    padding: 15px 0px;
    margin-left: 25px;
}
}

/*pc*/
@media only screen and (min-width: 768px), print{
.shadow,.shadowPc {
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: 0.3s;
    display: block;
}
.shadow:hover,.shadowPc:hover {
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.infoBox {
    position: relative;
    padding-bottom: 120px;
}
.infoBox .date {
    width: 110px;
    display: inline-block;
}
.companyArea .textBox {
    padding: 20px;
    height: 90px;
}
.staffComent {
    height: 460px;
    overflow: hidden;
    padding: 0 10px;
}
.readMore {
    position: absolute;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    left: 0;
    right: 0;
    top: 0;
    margin: 30px auto 0;
    opacity: 0;
    transition: 0.6s;
    box-sizing: border-box;
    z-index: 2;
}
a:hover .readMore {
    opacity: 1;
    transition: 0.6s;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 60px;
}
.thumBox .img {
    overflow: hidden;
    line-height: 0;
    position: relative;
    height: 170px;
}
.thumBox .img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: 0.3s;
    z-index: 1;
}
.thumBox .img img {
    moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.thumBox:hover .img:before {
    opacity: 0.4;
    transition: 0.3s;
}
.sideColumn {
    background-color: rgba(255,255,255,0.8);
    padding-top: 15px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.sideColumn img {
    height: auto;
    width: 100px;
    vertical-align: bottom;
}
.wpp-post-title {
    font-weight: bold;
}
.specText {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #eee;
    padding: 10px 20px;
    overflow: hidden;
}
.titleBox {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #eee;
    padding: 20px 30px;
    overflow: hidden;
}
.specText.slideText {height: 340px;}
.specList li.long div.titleHead {
    width: 9%;
}
.gmap {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.maps {
    margin: 0 auto;
    position: relative;
    height: 400px;
}
.table.normal {
    width: 100%;
}
.table.normal.narrow th {
    width: 20%;
    padding-bottom: 15px;
    padding-left: 5px;
    font-weight: bold;
}
.table.normal.narrow td {
    width: 80%;
    padding-bottom: 15px;
}
.table.normal td {
    width: 70%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 30px;
}
a.companyArea {
    margin: 0 20px;
}
.featuresImg {
	border-right: 1px solid #ddd;
	padding: 15px;
	box-sizing: border-box;
}
.featuresText {
}
}

/*-----ttl-----*/
/*all device*/
.dish {position: relative;}
.dish:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #727171;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    margin-top: 15px;
}
.frameTit {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #eee;
    padding: 10px;
}
.lineTit {
    border-bottom: 1px solid #ddd;
    padding: 0;
}
.lineTit span {
    border-bottom: 4px solid #c62526;
    padding: 0 0 8px 0;
    margin: 0;
    display: inline-block;
}
.categoryTit {
    border-bottom: 1px solid #ddd;
    margin: 0 20px;
    padding-bottom: 5px;
}
.parenthesis {
    position: relative;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.parenthesis::before,
.parenthesis::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.parenthesis::before {
    top: 0;
    left: 0;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
}
.parenthesis::after {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
}
.redLineTit {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #d07613;
    display: inline-block;
}
.redLineTit.longer {
     display: block;
}
/*sp*/
@media only screen and (max-width: 767px){
.saleTag {
    position: absolute;
    background-color: #666;
    padding: 0px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.stateTag {
    background-color: #666;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
.nameTag {
    padding: 1px 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    border-left: 3px solid #333;
}
.stateTit {
    width: 75%;
    display: inline-block;
}
.categoryTit {
    margin: 0 5px;
}
.parenthesis {
    width: 100%;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.saleTag {
    position: absolute;
    background-color: #666;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
.stateTag {
    background-color: #666;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
.nameTag {
    padding: 1px 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    border-left: 3px solid #c62526;
}
.parenthesis {
    width: 760px;
}
}

/*-----btn-----*/
/*all device*/
.radius50 {
    border-radius: 50px;
}
.orangeGr a {
    padding: 15px 20px;
    background: rgb(206,121,36); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(206,121,36,1) 0%, rgba(206,36,45,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(206,121,36,1) 0%,rgba(206,36,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(206,121,36,1) 0%,rgba(206,36,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce7924', endColorstr='#ce242d',GradientType=1 ); /* IE6-9 */
}
.orangeGr a:hover {opacity: 0.6; transition: 0.6;}
.arrowRightOrange a:after,
.guideBtn.arrowRightOrange:after,
.headBtn.arrowRightOrange a:after {
    content: '';
    display: inline-block;
    background-image: url(../image/icon/icon_arrow_right_orange.png);
}
.mailWhite a:before {
    content: '';
    display: inline-block;
    background-image: url(../image/icon/icon_mail_white.png);
}

/*sp*/
@media only screen and (max-width: 767px){
.redFrame {
    border: 1px solid #ce242d;
    padding: 10px 20px;
}
.boxBtn {
    display: table;
    box-sizing: border-box;
    position: relative;
    transition: 0.3s;
}
.guideBtn {
    display: table;
    margin: 0 auto;
    border: 1px solid #ce242d;
    padding: 5px 20px;
}
.mailWhite a:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.cardBox {
    background-color: #fafafa;
    margin-top: 10px;
}
.cardArrow {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    background: #fff;
}
.cardArrow img {vertical-align: bottom;}
.cardArrow:after {
    content: '';
    background-image: url(../image/icon/icon_cardArrow.png);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.headBtn a {
    display: table;
    border: 1px solid #ce242d;
    padding: 10px 20px;
    border-radius: 50px;
}
.headBtn a:active {
    background-color: #ce242d;
    color: #fff;
}
.headBtn.arrowRightOrange a:active:after {
    background-image: url(../image/icon/icon_arrow_right_white.png);
}
a:active .guideBtn {
    background-color: #ce242d;
    color: #fff;
    transition: 0.3s;
}
a:active .guideBtn.arrowRightOrange:after {
    background-image: url(../image/icon/icon_arrow_right_white.png);
}
.arrowRightOrange a:after,
.guideBtn.arrowRightOrange:after {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}
}

/*pc*/
@media only screen and (min-width: 768px), print{
.redFrame {
    border: 1px solid #ff0000;
    padding: 10px 20px;
}
.boxBtn {
    display: table;
    box-sizing: border-box;
    position: relative;
    transition: 0.3s;
}
.guideBtn {
    display: table;
    margin: 0 auto;
    border: 1px solid #ce242d;
    padding: 5px 20px;
}
.headBtn a {
    display: table;
    border: 1px solid #ce242d;
    padding: 10px 20px;
    border-radius: 50px;
}
.headBtn a:hover {
    background-color: #ce242d;
    color: #fff;
    transition: 0.3s;
}
a:hover .guideBtn {
    background-color: #ce242d;
    color: #fff;
    transition: 0.3s;
}
a:hover .guideBtn.arrowRightOrange:after {
    background-image: url(../image/icon/icon_arrow_right_white.png);
    transition: 0.3s;
}
.arrowRightOrange a:after,
.guideBtn.arrowRightOrange:after,
.headBtn.arrowRightOrange a:after {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}
.headBtn.arrowRightOrange a:hover:after {
    background-image: url(../image/icon/icon_arrow_right_white.png);
    transition: 0.3s;
}
.mailWhite a:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    transition: 0.3s;
}
.cardArrow {
    position: relative;
}
.cardArrow:after {
    content: '';
    background-image: url(../image/icon/icon_cardArrow.png);
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.toggleContentsStyle {
    display: block !important;
}
}

/*-----mainVisual-----*/
/*all device*/
.a1_cat:after {
    background-image: url(../image/icon/a1_cat.png);
    content: "";
    margin: auto 0;
    position: absolute;
}
/*sp*/
@media only screen and (max-width: 767px){
.a1_cat:after {
    height: 40px;
    width: 40px;
    top: 25px;
    bottom: 0;
    left: 160px;
}
.mainVisual {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.mainVisual .slider {
    transform: rotate(30deg);
    margin-top: -70px;
    margin-left: -80px;
    margin-right: -100px;
}
.mainVisual .slide {
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.mainVisual .slide.slide1 {background-image: url(../image/slide/01.png);}
.mainVisual .slide.slide2 {background-image: url(../image/slide/01.png);}
.mainVisual .inner {
    position: absolute;
    bottom: 0;
    height: 240px;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.a1_cat:after {
    height: 80px;
    width: 80px;
    top: 20px;
    bottom: 0;
    left: 240px;
}
.mainVisual {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}
.mainVisual .slider {
    transform: rotate(30deg);
    margin-top: -70px;
    margin-left: -80px;
    margin-right: -140px;
}
.mainVisual .slide {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.mainVisual .slide.slide1 {background-image: url(../image/slide/01.png);}
.mainVisual .slide.slide2 {background-image: url(../image/slide/01.png);}
.mainVisual .slide.slide3 {background-image: url(../image/slide/01.png);}
.mainVisual .inner {
    position: absolute;
    bottom: 0;
    height: 370px;
    left: 23px;
}
}
/*-----subVisual-----*/
/*all device*/
.subVisual {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.subVisual.history {background-image: url(../image/header/historyHead.jpg);} 
.subVisual.company {background-image: url(../image/header/companyHead.jpg);} 
.subVisual.features {background-image: url(../image/header/featuresHead.jpg);} 
.subVisual.message {background-image: url(../image/header/messageHead.jpg);} 
.subVisual.overview {background-image: url(../image/header/overviewHead.jpg);} 
.subVisual.performance {background-image: url(../image/header/performanceHead.jpg);} 
.subVisual.properties {background-image: url(../image/header/propertiesHead.jpg);} 
.subVisual.policy {background-image: url(../image/header/historyHead.jpg);} 
.subVisual.purchase {background-image: url(../image/header/purchaseHead.jpg);} 
.subVisual.recruit {background-image: url(../image/header/recruitHead.jpg);} 
.subVisual.rent {background-image: url(../image/header/historyHead.jpg);} 
.subVisual.sale {background-image: url(../image/header/historyHead.jpg);} 
.subVisual.staff {background-image: url(../image/header/staffHead.jpg);} 
.subVisual.vacant {background-image: url(../image/header/vacantHead.jpg);} 
.subVisual.single {background-image: url(../image/header/singleHead.jpg);} 
/*sp*/
@media only screen and (max-width: 767px){
.subVisual {height: 160px;}
}
/*pc*/
@media only screen and (min-width: 768px), print{
.subVisual {height: 260px;}
}

/*-----blog-----*/
/*all device*/
.wp-pagenavi {
    text-align: center;
}
.blogArea h2,.blogArea h3,.blogArea h4,.blogArea h5,.blogArea h6 {
    margin: 60px 0 20px;
}
.blogArea h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6em;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}
.blogArea h2 {
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0;
}
.blogArea h3 {
    font-size: 16px;
    font-weight: bold;
    border-left: 5px solid #333;
    padding-left: 10px;
}
.blogArea h4 {
    font-size: 14px;
    font-weight: bold;
}
.blogArea h5 {
    font-size: 14px;
    font-weight: bold;
}
.blogArea h6 {
    font-size: 14px;
    font-weight: bold;
}
.blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {
    margin: 20px 0;
    font-size: 16px;
}
.blogArea blockquote {
    background-color: #f1f1f1;
    padding: 10px 20px;
    box-sizing: border-box;
}
.blogArea img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.blogArea ul li:last-child,.blogArea ol li:last-child {
    margin-bottom: 0;
}
.blogArea ul li {
    list-style-type: disc;
}
.blogArea ol li {
    list-style-type: decimal;
}
.post-navigation {
    overflow: hidden;
    padding: 30px 0;
}
.prev a {
    position: relative;
    float: left;
    background-color: #eee;
    padding: 10px;
}
.next a {
    position: relative;
    float: right;
    text-align: right;
    background-color: #eee;
    padding: 10px;
}
/*sp*/
@media only screen and (max-width: 767px){
.blogArea h2,.blogArea h3,.blogArea h4,.blogArea h5,.blogArea h6 {
    margin: 40px 0 15px;
}
.blogArea h1 {
    font-size: 22px;
    line-height: 1.6em;
    padding-bottom: 10px;
}
.blogArea h2 {
    font-size: 20px;
    padding: 10px 0;
}
.blogArea h3 {
    font-size: 18px;
    padding-left: 10px;
}
.blogArea h4 {
    font-size: 18px;
}
.blogArea h5 {
    font-size: 16px;
}
.blogArea h6 {
    font-size: 14px;
}
.blogArea p,.blogArea ul,.blogArea ol,.blogArea blockquote {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.6em;
}
.blogArea blockquote {
    padding: 0px 20px;
}
.blogArea ul li,.blogArea ol li {
    margin-left: 20px;
    margin-bottom: 10px;
}
}
/*pc*/
@media only screen and (min-width: 768px), print{
}

/*-----form-----*/
/*all device*/
.table.normal {
    width: 100%;
}
.req .formLbl, .any .formLbl {
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}
.req .formLbl:before {
    content: '必須';
    background-color: #ff0000;
}
.any .formLbl:before {
    content: '任意';
    background-color: #2196f3;
}
.req .formLbl:before, .any .formLbl:before {
    position: absolute;
    color: #fff;
    border-radius: 3px;
    left: 0;
    line-height: 1em;
}
div.wpcf7-mail-sent-ok {
    color: #fff;
    background-color: #d02126;
    font-weight: bold;
    border: none !important;
}
div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}
input[type="submit"] {
  -webkit-appearance: none;
}

/*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 tr {
}
.table.normal.narrow th {
    font-weight: bold;
}
.table.normal td {
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.contactTel {
    font-size: 36px;
    display: table;
    margin: 0 auto;
}
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;
    -webkit-appearance: none;
}
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;
    -webkit-appearance: none;
}
input[type="submit"] {
    display: table;
    margin: 20px auto 0px;
    cursor: pointer;
    padding: 10px 60px;
    border: 1px solid #ce242d;
    border-radius: 50px;
}
input[type="radio"] {

}
.formBtn li {
    display: inline-block;
    margin: 0px 0 10px;
}
}
/*pc*/
@media only screen and (min-width: 768px){
.table.normal tr {
	border-bottom: 1px solid #eee;
}
.table.normal th {
    padding: 20px 10px 10px;
    vertical-align: top;
}
.table.normal th.agree {
    padding: 10px 10px 0px;
    vertical-align: top;
}
.table.normal td {
    padding: 20px 10px 10px;
    width: 65%;
}
.table.normal td.policyBtn {padding: 15px;}
.req .formLbl, .any .formLbl, .out .formLbl {
    padding-left: 45px;
}
.req .formLbl:before, .any .formLbl:before {
    font-size: 11px;
    padding: 5px;
    top: 2px;
}
.contactTel {
    font-size: 65px;
    padding-left: 75px;
    display: table;
    margin: 0 auto;
}
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: 1px solid #ce242d;
    border-radius: 50px;
}
input[type="submit"]:hover {
    background-color: #ce242d;
    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;
}
}

@media print{
#header {
    display: none !important;
}
}