@charset "utf-8";
/* CSS Document */
/*------------------------------------------

　共通css

------------------------------------------*/
.font-mincho {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 600;
}
@media (min-width: 1280px) {
    .font-mincho {
        text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px;
    }
}
:focus {
    outline: none;
}
.notes {
    border: #DDD solid 1px;
    border-radius: 2px;
    font-size: 12px;
    padding: 1.2em;
    line-height: 1.4;
    text-align: center!important;
    margin-top: 10px;
}
.notes strong {
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
}
.wf_section {
    padding: 40px 0 0;
}
.wf_section.bk_gray {
    background-color: rgba(0,0,0,0.1);
}
.col-wrap {
    max-width: calc(1000px + 40px);
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin: 0 auto;
}
.col-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.col-row-ct {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
}
.col-33, .col-40 {
    flex-grow: 1;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px;
}
.col-33 {
    flex-basis: 50%;
    max-width: 50%;
}
.col-40 {
    flex-basis: 50%;
    max-width: 50%;
}
#voice-sec .col-40 {
    flex-basis: 100%;
    max-width: 100%;
}
.align-items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
@media all and (-ms-high-contrast: none) {
  .align-items {
	  display: block;
  }
}
.align-center {
    justify-content: center;
}
.border-ttl {
    background-image: url("../img/common/img_border.png");
    background-size: auto 2px;
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: .5em;
    margin-top: .75em;
    margin-bottom: .5em;
}
.col-wrap p {
    text-align: left;
    margin: 0;
}
.col-wrap a {
    text-decoration: none;
}
@media (min-width: 768px) {
    .col-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .border-ttl {
        font-size: 20px;
    }
}
@media (min-width: 1024px) {
    .col-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .col-33, .col-40 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 60px;
    }
    .col-33 {
        flex-basis: 33.33337%;
        max-width: 33.33337%;
    }
    .col-40, #voice-sec .col-40 {
        flex-basis: 40%;
        max-width: 40%;
    }
}
.flex-b {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex-l {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.box30 {
    width: 30%;
}
.box32 {
    width: 32%;
}
.box48 {
    width: 48%;
}
.no-border {
    border: none !important;
}
.shop-info-inner {
    position: relative;
}
#shop-select-box {
    z-index: 10;
}
#shop-result-box {
    margin-top: 10px;
    display: none;
}
#shop-result-box.select-is-active {
    display: block;
    animation-name: menu-fade;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}
@keyframes menu-fade {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.shop-select-box-inner {
    background-color: #FFF;
    padding: 20px;
    text-align: left;
}
.shop-select-box-inner .shop-select-box-shop {
    margin-top: 20px;
}
.shop-select-box-inner h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}
.shop-select-box-inner select, input, textarea {
    font-size: 14px;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}
.shop-select-box-inner a {
    text-decoration: none;
    display: block;
}
.shop-select-box-inner a:hover {
    opacity: 0.8;
}
.shop-name {
    color: #007440;
    line-height: 1.4;
    border-bottom: #DDD solid 1px;
    padding-bottom: 5px;
    margin-bottom: 10px !important;
}
#shop-image {
    margin-bottom: 15px;
}
.shop-address {
    font-size: 14px;
    line-height: 1.4;
    padding-right: 20px;
    position: relative;
    margin: 0;
}
.shop-address::before {
    content: "";
    border-top: #007440 solid 2px;
    border-left: #007440 solid 2px;
    height: 8px;
    width: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    opacity: 0.5;
    transform: rotate(135deg);
}
@media (min-width: 1024px) {
    #shop-select-box {
        margin: auto;
        position: absolute;
        top: 120px;
        left: 10px;
        z-index: 10;
    }
    .shop-select-box-inner {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
        border-radius: 2px;
        min-width: 280px;
        max-width: 400px;
    }
}
.fw-form input, .fw-form select, .fw-form textarea {
    background-color: #EEE;
    border: 2px solid #EEE;
    border-radius: 4px;
    background-clip: padding-box;
    width: 100%;
    padding: .6em 2.5em .6em 1em;
    margin: 0px;
    z-index: 1;
    outline: none;
    display: inline-flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 12px;
}
.select-arrow {
    display: inline-block;
    position: relative;
}
.select-arrow::before {
    content: "";
    border-top: #333 solid 3px;
    border-left: #333 solid 3px;
    width: 9px;
    height: 9px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 2;
    top: -2px;
}
/* ================================================================
   #googleマップレスポンシブ
================================================================ */
.wf_gmap {
    background-color: #BBB;
    position: relative;
    width: 100%;
    margin: auto;
    padding-top: 80%;
}
.wf_gmap iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    right: 0;
}
/* CSS Document */
.ovHid {
    overflow: hidden;
}
.pickColumn3 a:hover img {
    opacity: 1.0;
}
.pickColumn3_un a:hover img {
    opacity: 1.0;
}
.grayArea {
    background-color: #F8F9F9;
    padding: 10px;
    margin-bottom: 70px;
}
.grayW {
    width: 890px;
    margin: 0 auto;
}
.grayW .ttlArea.underline .ttl {
    font-size: 187.5%;
    font-weight: bold;
    padding-bottom: 35px;
    background-size: 50px 4px;
    line-height: 1.3;
    margin-top: 70px;
}
.grayWtop {
    width: 790px;
    margin: 0 auto;
}
.mb40 {
    margin-bottom: 40px;
}
.topMessage {
    border: #004136 1px solid;
    padding: 20px;
    margin-top: 40px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.BottomMessage {
    border: #004136 1px solid;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.wellness {
    background-image: url(/assets/img/index/img_bg01.jpg);
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
.wellness .outer {
    margin-top: 100px;
}
.wellness .ttl {
    font-size: 200%;
    line-height: 1.3;
    padding-bottom: 15px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 70px;
}
.wellness .ttl span {
    font-size: 80%;
    line-height: 2;
    text-align: centenormalbold;
}
.smallTxt {
    line-height: 180%;
    margin-bottom: 40px;
}
.largeTxt {
    font-size: 150%;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 40px;
}
.btnArea.white a {
    display: block;
    width: 100%;
    font-size: 90%;
}
.btnArea.gray a {
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
    color: #333;
    margin-bottom: 70px;
}
.btnArea.gray a:hover {
    border: 1px solid #004136;
}
.btnArea.gray {
    margin-bottom: 70px;
}

.ttlArea.underline .ttl_underline span {
    font-size: 50%;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #004136;
}
.gr {
    color: #004136;
}
/* clearfix */
.clearfix:after {
    content: "."; /* 新しい要素を作る */
    display: block; /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px; /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
/* 基本設定 */
html {
    position: relative;
}
body {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 16px;
    background: #fff;
    line-height: 1.6785;
    color: #333;
    text-align: center;
}
#contentArea {
    padding-top: 88px;
    overflow: hidden;
}
.serif {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
a {
    border: none;
    color: #333;
    text-decoration: none;
}
.fade-layer, body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
    display: none !important;
}
body.fade-layer-off:before {
    content: none;
}
a:focus {
    outline: none;
}
a:hover {
    border: none;
    text-decoration: underline;
}
a.textLink {
    color: #007440;
}
a.textLink:hover {
    text-decoration: underline;
}

.imgArea {
    text-align: center;
}
.imgArea.half {
    width: 50%;
}
.imgArea.widIh img {
    width: inherit;
}
.imgArea img {
    width: 100%;
    margin: 0 auto;
}
a img {
    opacity: 1;
}
a:hover img {
    opacity: 0.8;
}
a.noOpacity:hover img {
    opacity: 1;
}
#wrapper {
    border-top: 1px solid #d8d8d8;
    padding-bottom: 40px;
}
.section {
    margin-bottom: 70px;
}
.miniSect {
    margin-bottom: 35px;
}
.last {
    margin-bottom: 0 !important;
}
.outer {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.top-image{
    width: calc(100% - 64px); 
}
p {
    font-size: 90%;
    margin-bottom: 25px;
}
.taC {
    text-align: center !important;
}
.taR {
    text-align: right !important;
}
.taL {
    text-align: left !important;
}
.taL img {
    margin-left: 0;
}
.wid75 {
    width: 75% !important;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.flNone {
    float: none !important;
}
.vaB {
    vertical-align: bottom !important;
}
.pdn {
    padding-bottom: none;
}
.m0 {
    margin: 0 !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.ml0 {
    margin-left: 0 !important;
}
.mr0 {
    margin-right: 0 !important;
}
.mr20 {
    margin-right: 20px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pt100 {
    padding-top: 100px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.hana
00 {
    padding-top: 100px !important;
}
.box505 {
    width: 50.5%;
}
.box50 {
    width: 50%;
}
.onlyPc {
    display: block;
}
.onlySp {
    display: none;
}
.dispIB {
    display: inline-block;
}
.emphasis {
    -webkit-text-emphasis-style: dot filled;
    text-emphasis-style: dot filled;
}
.emphasis.bold {
    font-weight: bold;
}
.clrBth {
    clear: both;
}
/* ヘッダー */
header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #d8d8d8;
}
header .logoArea .logo {
    width: 180px;
}
#site-logo {
    display: flex;
    align-items: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
}
#site-logo a {
    display: block;
    height: 24px;
}
#site-logo a img {
    height: 100%;
    width: auto;
}
@media (min-width: 768px) {
    #site-logo {
        left: 48px;
    }
}
/* フッター */
.analytics {
    display: none;
}
footer {
    background: #004136;
    color: #fff;
    position: relative;
}
footer .copyright {
    background: #f2f2f2;
    padding: 15px 0;
}
@media (max-width: 1280px) {
    footer .copyright {
        padding: 15px 0 72px;
    }
}
footer .copyright p {
    margin-bottom: 0;
    font-size: 70%;
    color: #999;
}
footer .pagetop {
    position: fixed;
    bottom: 60px;
    right: 8px;
    z-index: 999999;
}
footer .pagetop img {
    width: 40px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0.8;
}
footer .pagetop img:hover {
    opacity: 0.6;
}
footer .footer01 .menu-container .menu {
    display: block;
}
footer .footer02 {
    background: #fff;
    color: #666;
    padding: 40px;
}
footer .footer02 .companyInfo {
    float: left;
    text-align: left;
    font-size: 90%;
}
footer .footer02 .companyInfo ul {
    display: table;
}
footer .footer02 .companyInfo ul li {
    display: table-cell;
    vertical-align: middle;
}
footer .footer02 .companyInfo ul li {
    padding-right: 50px;
}
footer .footer02 .companyInfo ul li:last-child {
    padding-right: 0;
}
footer .footer02 .companyInfo ul li a:hover {
    text-decoration: underline;
}
footer .footer02 .companyInfo ul li.logoArea img {
    max-width: 180px;
}
footer .footer02 .sns {
    float: right;
}
footer .footer02 .sns ul {
    display: table;
    float: right;
}
footer .footer02 .sns ul li {
    display: table-cell;
    vertical-align: middle;
}
footer .footer02 .sns ul li img {
    width: 24px;
    margin-left: 6px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
}
footer .footer02 .sns ul li img:hover {
    opacity: 0.8;
}
footer .footer02 .sns ul li:first-child img {
    margin-left: 0;
}

/* パンくず */
#breadclumbs {
    text-align: left;
/*    padding: 88px 0 0;*/
    padding: 0px 0 0;
}
#breadclumbs ol {
    padding: 15px 0;
}
#breadclumbs ol li {
    display: inline;
    list-style-type: none;
    color: #666;
    font-size: 80%;
    line-height: 1;
}
#breadclumbs ol li a {
    color: #004136;
}
#breadclumbs ol li:before {
    content: "　/　";
    color: #afafaf;
}
#breadclumbs ol li:first-child:before {
    content: "";
}
a:hover {
    text-decoration: none;
}
.next_btn {
    border: solid 1px #231815;
    background-color: #fff;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    width: 500px;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 140%;
    letter-spacing: 5.5px;
}
.next_btn:after {
    content: "\03e";/*大なり　＞*/
    /*font-size: 39px;*/
    font-size: 17px;
    text-align: right;
    position: relative;
    right: -6%;
    line-height: 0;
    top: 5px;
}
.next_btn-s {
    border: solid 1px #231815;
    background-color: #fff;
    box-shadow: none;
    width: 45%;
    padding: 7px 0;
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
}
.next_btn-s:after {
    content: "\03e";/*大なり　＞*/
    font-size: 16px;
    text-align: right;
    position: relative;
    right: -6%;
    line-height: 0;
    top: 1px;
}
@media only screen and (max-width: 768px) {
    .next_btn {
        width: 80%;
        padding: 10px 0;
        letter-spacing: 2.5px;
        margin-top: 60px;
    }
  
    .next_btn:after {
        font-size: 30px;
        top: 4px;
        right: -4%;
    }
  
    .flex-b {
    align-items: flex-start;
    }
}

/* サブメニュー */
.subMenu {
    border-bottom: 1px solid #d8d8d8;
    background: #f2f2f2;
}
.subMenu .outer ul {
    display: table;
    margin: 0 auto;
}
.subMenu .outer ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}
.subMenu .outer ul li a {
    text-decoration: none;
    padding: 10px 0;
    display: block;
    border-bottom: 2px solid #f2f2f2;
}
.subMenu .outer ul li a span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: bold;
    font-size: 90%;
    width: 150px;
    border-right: 2px solid #9E9E9F;
}
.subMenu .outer ul li:last-child a span {
    border-right: none;
}
.subMenu .outer ul li.current a, .subMenu .outer ul li a:hover {
    border-bottom: 3px solid #086858;
}
.subMenu .outer ul li:hover a {
    text-decoration: none;
}
/* メインビジュアルエリア */
.product #visualArea {
    display: flex;
    width: calc(100% - 54px);
    background-image: url(../img/common/h1_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-bottom: 45px;
}
#visualArea-c {
    display: flex;
    width: 100%;
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-bottom: 45px;
}
#visualArea .ttlArea {
    padding: 90px 0 80px 0;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.product #visualArea .ttlArea {
    margin: auto 40px auto auto;
    padding: 0;
    max-width: 100%;
}
.most-center {
    margin: auto auto auto;
    padding: 0;
    max-width: 100%;
}
#visualArea .ttlArea .ttl {
    font-size: 187.5%;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.3;
}
#visualArea-c .ttl {
    font-size: 187.5%;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.3;
}
#visualArea .ttlArea.underline.noLead .ttl_underline {
    margin-bottom: 0;
}
#visualArea .ttlArea.underline .ttl_underline {
    font-size: 187.5%;
    font-weight: bold;
    padding-bottom: 35px;
    background: url(../img/common/bg_ttl_underline.gif) no-repeat center bottom;
    background-size: 50px 4px;
    /*margin-bottom: 30px;*/
    line-height: 1.3;
}
#visualArea-c .ttlArea.underline .ttl_underline {
    font-size: 187.5%;
    font-weight: bold;
    background: none;
    background-size: 50px 4px;
    margin-bottom: 30px;
    line-height: 1.3;
}
.product #visualArea .ttlArea.underline .ttl_underline {
    background: none;
    padding-bottom: 0px;
    margin: 0 auto;
}
#visualArea .ttlArea .lead, .ttlArea .lead {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 0;
}
.product #visualArea .imgArea {
    width: 56.5%;
}
#visualArea .imgArea img {
    max-width: 1120px;
}
/* アンカーリンク */
.ankerLink {
    margin-bottom: 50px;
}
.ankerLink .outer {
    background: #f2f2f2;
    padding: 20px;
}
.ankerLink .outer ul {
    display: table;
    margin: 0 auto;
}
.ankerLink .outer ul li {
    display: table-cell;
    vertical-align: top;
    padding-right: 50px;
}
.ankerLink .outer ul li:last-child {
    padding-right: 0;
}
.ankerLink .outer ul li a {
    background: url(../img/common/ico_ankerLink.png) no-repeat center bottom;
    background-size: 16px 10px;
    padding-bottom: 15px;
    display: block;
    font-weight: bold;
}
/* テキストリンク */
.linkArea {
    padding-top: 25px;
}
.linkArea a {
    line-height: 1;
    font-size: 90%;
/*    background-image: url("/assets/img/link/linkArrow.png");*/
    background-image: url("../img/link/linkArrow.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 15px;
    margin-right: 0px;
}
.linkArea a:hover {
    text-decoration: underline;
}
/* 補足 */
.supplement {
    font-size: 80%;
    text-align: left;
}
.supplement ul li:before {
    content: "※";
}
.supplement ul li {
    margin-left: 1em;
    text-indent: -1em;
}
.ttlArea .green {
    color: #004136 !important;
}
.green, .green a {
    color: #004136 !important;
}
.lightergreen, .lightergreen a {
    color: #0c6a5a !important;
}
.black, .black a {
    color: #333 !important;
}
.orange, .orange a {
    color: #e67e22 !important;
}
/* 四角囲みタイトル */
.ttlArea.box {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
.ttlArea.box .ttl_box {
    display: table-cell;
    width: 135px;
    height: 135px;
    vertical-align: middle;
    background: #004136;
    color: #fff;
}
.ttlArea.box .ttl_box strong {
    display: block;
    font-size: 145%;
}
.ttlArea.box .ttl_box span {
    font-size: 85%;
}
.ttlArea.box .subTtl {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 40px;
    font-size: 125%;
    font-weight: bold;
}
/* 全幅下線タイトル */
.ttlArea.ulFullLength .ttl_underline {
    font-size: 145%;
    line-height: 1.3;
    border-bottom: 1px solid #004136;
    padding-bottom: 15px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
}
/* 左線タイトル */
.ttlArea.leftIcon .ttl_li {
    font-size: 115%;
    padding-left: 10px;
    border-left: 3px solid #004136;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}
/* 左線タイトル　文字サイズ小 */
.ttlArea.leftIcon .ttl_li_small {
    font-size: 95%;
    padding-left: 10px;
    border-left: 3px solid #004136;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}
/* 左線タイトル　文字サイズ中 */
.ttlArea.leftIcon .ttl_li_midium {
    font-size: 110%;
    padding-left: 10px;
    border-left: 3px solid #004136;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}
/* 四角アイコンタイトル */
.ttlArea.leftSquere .ttl_squere {
    font-size: 95%;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
    background: url(../img/common/ico_squere.gif) no-repeat left center;
    background-size: 7.5px 7.5px;
    padding-left: 15px;
}
.ttlArea.normal {
    text-align: left;
}
/* シンプルタイトルそのままサイズ */
.ttlArea.normal .ttl_normal_just {
    font-size: 90%;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}
/* シンプルタイトル */
.ttlArea.normal .ttl_normal {
    font-size: 115%;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}
/* シンプルタイトル大 */
.ttlArea.normalLarge .ttl_normalL {
    font-size: 175%;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    line-height: 1;
}
/* シンプルタイトル特大 */
.ttlArea.normalLargest .ttl_normalLL {
    font-size: 200%;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    line-height: 1;
}
/* シンプルタイトル中 */
.ttlArea.normalMidium .ttl_normalM {
    font-size: 145%;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    line-height: 1;
}
/* 上付きタイトル */
.ttlArea.sub .subscription {
    font-size: 80%;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
    line-height: 1;
}
/* 四角アイコンリスト */
.icoList li {
    font-size: 90%;
    margin-bottom: 1em;
    text-align: left;
    background: url(../img/common/ico_squere.gif) no-repeat left center;
    background-size: 7.5px 7.5px;
    padding-left: 15px;
}
/* 2カラム */
.column2 {
    display: table;
    width: 100%;
}
.column2.one-two {
    width: 50%;
}
.column2.bb {
    border-bottom: 1px solid #d9d9d9;
}
.column2.bt {
    border-top: 1px solid #d9d9d9;
}
.column2 .columnContent {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding-top: 30px;
    padding-bottom: 30px;
}
.column2.bn .columnContent {
    border: none;
    padding-top: 0;
}
.column2 .columnContent .inner {
    width: 96%;
    margin: 0 auto;
}
.column2 .columnContent:nth-of-type(1), .column2 .columnContent:nth-of-type(2) {
    border-left: 0 solid #d9d9d9;
    border-right: 0 solid #d9d9d9;
}
.column2 .columnContent:last-child {
    border-right: 0 solid #d9d9d9;
}
.column2 .columnContent:nth-of-type(1) .inner {
    margin-left: 0;
}
.column2 .columnContent:nth-of-type(2) .inner {
    margin-right: 0;
}
.column2 .columnContent .inner .imgArea {
    margin-bottom: 30px;
}
.column2 .columnContent .inner h3 {
    margin-bottom: 20px;
    font-size: 115%;
    font-weight: bold;
    color: #004136;
}
.column2 .columnContent .inner p {
    margin-bottom: 0;
}
.column2.pd .columnContent {
    width: 49%;
    padding-right: 1%;
}
.column2.pd.pb0 .columnContent {
    padding-bottom: 0;
}
.column2.pb0 .columnContent {
    padding-bottom: 0;
}
.column2.pd .columnContent:nth-child(even) {
    width: 49%;
    padding-left: 1%;
    padding-right: 0;
}
/* 3カラム */
.column3 {
    display: table;
    width: 100%;
}
.column3.one-three {
    width: 33.4%;
}
.column3.two-three {
    width: 66.6%;
}
.column3.bb {
    border-bottom: 1px solid #d9d9d9;
}
.column3.bt {
    border-top: 1px solid #d9d9d9;
}
.column3 .columnContent {
    display: table-cell;
    width: 33.3%;
    vertical-align: top;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding-top: 30px;
    padding-bottom: 30px;
}
.column3.bn .columnContent {
    border: none;
    padding-top: 0;
}
.column3 .columnContent .inner {
    width: 96%;
    margin: 0 auto;
}
.column3 .columnContent:nth-of-type(1), .column3 .columnContent:nth-of-type(3) {
    border-left: 0 solid #d9d9d9;
    border-right: 0 solid #d9d9d9;
}
.column3 .columnContent.double {
    width: 66.6%;
}
.column3 .columnContent:last-child {
    border-right: 1px solid #d9d9d9;
}
.column3.bn .columnContent:last-child, .column3 .columnContent.br0 {
    border-right: none;
}
.column3 .columnContent:nth-of-type(1) .inner, .column3 .columnContent:nth-of-type(3) .inner {
    width: 96%;
    margin: 0 auto;
}
.column3 .columnContent .inner .imgArea {
    margin-bottom: 30px;
}
.column3 .columnContent .inner h3 {
    margin-bottom: 20px;
    font-size: 115%;
    font-weight: bold;
    color: #004136;
}
.column3 .columnContent .inner p {
    margin-bottom: 0;
    text-align: left;
}
/* 4カラム */
.column4 {
    display: table;
    width: 100%;
}
.column4.bb {
    border-bottom: 1px solid #d9d9d9;
}
.column4.bt {
    border-top: 1px solid #d9d9d9;
}
.column4 .columnContent {
    display: table-cell;
    width: 25%;
    vertical-align: top;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding-top: 20px;
    padding-bottom: 20px;
}
.column4.bn .columnContent {
    border: none;
    padding-top: 0;
}
.column4 .columnContent .inner {
    width: 96%;
    margin: 0 auto;
}
.column4 .columnContent:nth-of-type(1), .column4 .columnContent:nth-of-type(4) {
    border-left: 0 solid #d9d9d9;
    border-right: 0 solid #d9d9d9;
}
.column4 .columnContent.double {
    width: 50%;
}
.column4 .columnContent.triple {
    width: 75%;
}
.column4 .columnContent:last-child {
    border-right: 0 solid #d9d9d9;
}
.column4 .columnContent:nth-of-type(1) .inner, .column4 .columnContent:nth-of-type(4) .inner {
    width: 96%;
    margin: 0 auto;
}
.column4 .columnContent .inner .imgArea {
    margin-bottom: 30px;
}
/* 5カラム */
.column5 {
    display: table;
    width: 100%;
}
.column5.one-five {
    width: 20%;
}
.column5.two-five {
    width: 40%;
}
.column5.three-five {
    width: 60%;
}
.column5.four-five {
    width: 80%;
}
.column5.bb {
    border-bottom: 1px solid #d9d9d9;
}
.column5.bt {
    border-top: 1px solid #d9d9d9;
}
.column5 .columnContent {
    display: table-cell;
    width: 19.5%;
    vertical-align: top;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding-top: 30px;
    padding-bottom: 30px;
}
.column5 .columnContent.double {
    width: 67.3%;
}
.column5.bn .columnContent {
    border: none;
    padding-top: 0;
}
.column5 .columnContent .inner {
    width: 96%;
    margin: 0 auto;
}
.column5 .columnContent:nth-of-type(1), .column5 .columnContent:nth-of-type(5) {
    width: 18.5%;
    border-left: 0 solid #d9d9d9;
    border-right: 0 solid #d9d9d9;
}
.column5 .columnContent:last-child {
    border-right: 0 solid #d9d9d9;
}
.column5 .columnContent:nth-of-type(1) .inner, .column5 .columnContent:nth-of-type(5) .inner {
    width: 96%;
    margin: 0 auto;
}
.column5 .columnContent:nth-of-type(1) .inner {
    margin-left: 0;
}
.column5 .columnContent:nth-of-type(5) .inner {
    margin-right: 0;
}
.column5 .columnContent .inner .imgArea {
    margin-bottom: 20px;
}
.column5 .columnContent .inner p {
    text-align: left;
    margin-bottom: 0;
}
/* ボックス囲み */
.boxContent {
    background: #f2f2f2;
    padding: 10px;
    margin-bottom: 20px;
}
.boxContent.fullLength:last-child {
    margin-bottom: 0;
}
.boxContent .inner {
    background: #fff;
    border: 1px solid #d9d9d9;
}
.boxContent .inner.table {
    display: table;
    width: 100%;
}
.boxContent .inner.table .txtArea {
    display: table-cell;
    vertical-align: top;
    width: 55%;
}
.boxContent .inner.table .txtArea.wide {
    width: 65%;
}
.boxContent .inner .txtArea p {
    font-size: 80%;
}
.boxContent .inner.table .imgArea {
    display: table-cell;
    vertical-align: top;
    text-align: right;
}
.boxContent .inner .txtArea {
    text-align: left;
    padding: 30px 0 25px 0;
    position: relative;
}
.column2 .boxContent .inner .txtArea {
    padding: 15px 0;
}
.boxContent .inner .ttlArea.leftIcon .ttl_li {
    line-height: 1.2;
    margin-bottom: .5em;
}
.boxContent .inner .txtArea p {
    padding: 0 1em;
    margin-bottom: 0;
}
.boxContent .inner .txtArea .linkArea {
    padding-top: 0;
    position: absolute;
    bottom: .5em;
}
.boxContent .inner .txtArea .linkArea.static {
    position: static;
    bottom: inherit;
}
.halfBoxContent .column2 .columnContent:nth-of-type(1) {
    width: 49%;
    padding-right: 1%;
}
.halfBoxContent .column2 .columnContent:nth-of-type(2) {
    width: 49%;
    padding-left: 1%;
}
/* ボタン */
.btnArea {
    margin: 0px auto;
    text-align: left;
}
.btnArea a {
    display: table-cell;
    padding: 1em 3em 1em 1.5em;
    vertical-align: middle;
    background: #004136;
    border: 1px solid #004136;
    color: #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    line-height: 1.3;
}
.btnArea.noIco a {
    padding: 1em 1.5em;
}
.btnArea.white a {
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #333;
}
.btnArea.green a {
    background: #004136;
    border: 1px solid #004136;
    color: #fff !important;
}
.btnArea.lightgreen a {
    background: #0c6a5a;
    border: 1px solid #0c6a5a;
}
.btnArea.left a, .btnArea.arrowPrev a {
    padding: 1em 1.5em 1em 3em;
}
.btnArea a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.btnArea.white a:hover {
    border: 1px solid #004136;
}
.btnArea.mr {
    margin-right: 1em;
}
.btnArea a span {
    font-size: 85%;
}
.arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow.left::before, .arrow.left::after {
    left: 20px;
    right: inherit;
}
.dogleg::before {
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006554;
    border-right: 2px solid #006554;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
}
.dogleg.left::before {
    left: 20px;
    right: inherit;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.dogleg.lightgreen::before {
    border-top: 2px solid #008d75;
    border-right: 2px solid #008d75;
}
.close a {
    padding: 1em 3em 1em 1.5em !important;
    background: #fff url(../img/common/ico_close.png) no-repeat 90% !important;
    background-size: 10px 10px !important;
}
.arrowPrev {
    position: relative;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.arrowPrev::before, .arrowPrev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.doglegPrev::before {
    left: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006554;
    border-right: 2px solid #006554;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    z-index: 10;
}
.backToList {
    clear: both;
}
/* タグ 
   min-widthを各自指定すること */
.tagArea span {
    background: #004136;
    color: #fff;
    font-size: 80%;
    padding: .5em 1em;
    display: inline-block;
    text-align: center;
}
/* ページャー */
.pagerArea {
    padding: 30px 0 0 0;
    border-top: 1px solid #d8d8d8;
}
.pagerArea ul {
    display: table;
    margin: 0 auto;
}
.pagerArea ul li {
    display: table-cell;
    padding: 0 .5em;
    font-size: 90%;
    vertical-align: middle;
    line-height: 1;
}
.pagerArea ul li.current {
    color: #004136;
}
.pagerArea ul li a:hover {
    text-decoration: underline;
}
/* ページ移動ボタン */
.transitionArea {
    padding: 30px 0 0 0;
    border-top: 1px solid #d8d8d8;
}
.transitionArea .btnArea a {
    min-width: 28em;
    text-align: center;
    padding: 1em !important;
}
/* セレクトボックス */
.selector select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    line-height: 1.6785;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.selector .custom {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    border: 1px solid #d9d9d9;
    background-color: white;
}
.selector .custom > select {
    width: 130%;
    padding: 1em 3em 1em 1.5em;
    line-height: 1;
}
.selector .custom:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.8em;
    display: block;
    content: "";
    background: url(../img/common/ico_downArrow.png) center no-repeat;
    background-size: 12px 8px;
    pointer-events: none;
}
.selector .default .custom > select {
    width: auto;
}
.selector .txt {
    display: inline-block;
    padding: 1em 0;
    vertical-align: top;
}
/* チェックボックス */
input[type="checkbox"] {
    display: none;
}
label {
    position: relative;
    display: inline-block;
    padding: 3px 22px 3px 3px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
label::before, label::after {
    position: absolute;
    content: '';
    -webkit-transition: all .2s;
    transition: all .2s;
}
label::before {
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #f4f4f4;
    border: 1px solid #333;
}
label::after {
    opacity: 0;
    top: 50%;
    right: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #004136;
    border-bottom: 2px solid #004136;
    -webkit-transform: rotate(-45deg) scale(.5);
    transform: rotate(-45deg) scale(.5);
}
label:hover::before {
    background: #fff;
}
input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #004136;
}
input[type="checkbox"]:checked + label::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
/* スライダー補足 */
.bx-wrapper .bx-controls-direction a {
    z-index: 999 !important;
}
@media only screen and (max-width: 1024px) {
    /* 基本設定 */
    .outer {
        width: 96%;
    }
    #contentArea {
        padding-top: 64px;
    }
    /* ヘッダー */
    header {
        min-width: inherit;
        display: block;
        padding: 0;
    }
    header .menu-button {
        position: absolute;
        top: 12px;
        right: 4%;
    }
    header .menu-button img {
        width: 30px;
    }
    header .menuArea nav {
        float: none;
        position: absolute;
        top: 50px;
        left: 0;
        display: block;
        width: 100%;
    }
    header .menuArea {
        display: block;
        float: none;
    }
    header .flexnav .touch-button {
        display: inline-block;
        color: #004136;
    }
    header .flexnav {
        border-top: 1px solid #d8d8d8;
        background: rgba(255, 255, 255, 0.95);
    }
    header .flexnav li a {
        padding: 0;
        border-bottom: 1px solid #d8d8d8;
    }
    header .flexnav li a span {
        display: block;
        height: auto !important;
        padding: 1em;
    }
    header .flexnav li a span br {
        display: none;
    }
    /* フッター */
    footer .menu-container {
        background: #fff;
        line-height: 1;
    }
    footer .footer02 {
        padding: 4% 0;
    }
    footer .footer02 .companyInfo {
        float: none;
        width: 100%;
    }
    footer .footer02 .companyInfo {
        text-align: center;
    }
    footer .footer02 .sns {
        float: none;
        width: 100%;
    }
    footer .footer02 .companyInfo ul {
        display: block;
    }
    footer .footer02 .companyInfo ul li {
        display: block;
        padding-right: 0;
        margin-bottom: 1em;
    }
    footer .footer02 .companyInfo ul li img {
        margin-left: auto;
        margin-right: auto;
    }
    footer .footer02 .companyInfo ul li:last-child {
        margin-bottom: 2em;
    }
    footer .footer02 .sns ul {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    footer .footer02 .sns ul li img {
        margin-left: 20px;
    }
    footer .pagetop {
        bottom: 8px;
    }
}
@media only screen and (max-width: 768px) {
    /* 基本設定 */
    body {
        font-size: 12px;
    }
    p {
        margin-bottom: 3.2%;
    }
    .top-image {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    /* 基本設定 */
    #wrapper {
        padding-bottom: 40px;
    }
    .taL img {
        margin-left: auto;
    }
    .section {
        margin-bottom: 9.1%;
    }
    .miniSect {
        margin-bottom: 4.6%;
    }
    .mb5 {
        margin-bottom: .7% !important;
    }
    .mb10 {
        margin-bottom: 1.3% !important;
    }
    .mb15 {
        margin-bottom: 1.9% !important;
    }
    .mb20 {
        margin-bottom: 2.6% !important;
    }
    .mb25 {
        margin-bottom: 3.2% !important;
    }
    .mb30 {
        margin-bottom: 3.9% !important;
    }
    .mb40 {
        margin-bottom: 5.2% !important;
    }
    .mb50 {
        margin-bottom: 6.5% !important;
    }
    .onlyPc {
        display: none;
    }
    .onlySp {
        display: block;
    }
    .left {
        float: none;
        width: 100%;
        margin-bottom: 4.6%;
    }
    .right {
        float: none;
        width: 100%;
    }
    /* パンくず */
    #breadclumbs {
/*    padding: 63px 3% 0%;*/
    padding: 0px 3% 0%;
    }
    #breadclumbs ol {
    padding: 8px 0;
    }
    #breadclumbs .outer {
        width: 100%;
    }
    /* メインビジュアルエリア */
    #visualArea .ttlArea.underline .ttl, #visualArea .ttlArea.underline .ttl_underline {
        font-size: 165%;
    }
    #visualArea .imgArea {
        margin-bottom: 12%;
    }
    #visualArea .ttlArea {
        padding: 12% 2% 0 2%;
    }
    /* 四角囲みタイトル */
    .ttlArea.box .ttl_box {
        width: 105px;
        height: 105px;
    }
    .ttlArea.box .subTtl {
        padding-left: 5%;
    }
    .ttlArea.box .subTtl br {
        display: none;
    }
    .ttlArea.box {
        margin-bottom: 4%;
    }
    /* 全幅下線タイトル */
    .ttlArea.ulFullLength .ttl_underline {
        padding-bottom: 1.9%;
        margin-bottom: 3.9%;
    }
    /* 左線タイトル */
    .ttlArea.leftIcon .ttl_li {
        margin-bottom: 1.9%;
    }
    /* 左線タイトル　文字サイズ小 */
    .ttlArea.leftIcon .ttl_li_small {
        margin-bottom: 1.9%;
    }
    /* 左線タイトル　文字サイズ中 */
    .ttlArea.leftIcon .ttl_li_midium {
        margin-bottom: 1.9%;
    }
    /* 四角アイコンタイトル */
    .ttlArea.leftSquere .ttl_squere {
        margin-bottom: 1.9%;
    }
    /* シンプルタイトル */
    .ttlArea.normal .ttl_normal {
        margin-bottom: 1.9%;
    }
    /* シンプルタイトル大 */
    .ttlArea.normalLarge .ttl_normalL {
        margin-bottom: 1.3%;
    }
    /* シンプルタイトル特大 */
    .ttlArea.normalLargest .ttl_normalLL {
        font-size: 175%;
    }
    /* シンプルタイトル中 */
    .ttlArea.normalMidium .ttl_normalM {
        margin-bottom: 1.3%;
    }
    /* 上付きタイトル */
    .ttlArea.sub .subscription {
        margin-bottom: 1.9%;
    }
    /* 3カラム */
    .column3 {
        display: block;
    }
    .column3 .columnContent {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: 100%;
    }
    .column3.bt {
        border-top: none;
    }
    .column3.bb {
        border-bottom: none;
    }
    .column3 .columnContent:nth-of-type(1), .column3 .columnContent:nth-of-type(3) {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: 100%;
    }
    .column3 .columnContent:last-child {
        border-right: none;
    }
    .column3 .columnContent.double {
        width: 100%;
    }
    .column3 .columnContent:nth-of-type(2) {
        border-left: none;
        border-right: none;
    }
    .column3 .columnContent:nth-of-type(1) .inner {
        margin-left: auto;
    }
    .column3 .columnContent:nth-of-type(3) .inner {
        margin-right: auto;
    }
    .column3.two-three {
        width: 100%;
    }
    .column3 .columnContent .inner .imgArea {
        margin-bottom: 3%;
    }
    .column3 .columnContent .inner h3 {
        margin-bottom: 2%;
    }
    .column3.one-three {
        width: 100%;
    }
    /* 4カラム */
    .column4 {
        display: block;
    }
    .column4 .columnContent {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: 100%;
    }
    .column4 .columnContent:nth-of-type(1), .column4 .columnContent:nth-of-type(4) {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: 100%;
    }
    .column4 .columnContent.double, .column4 .columnContent.triple {
        width: 100%;
    }
    .column4 .columnContent:nth-of-type(2) {
        border-left: none;
        border-right: none;
    }
    .column4 .columnContent:nth-of-type(1) .inner {
        margin-left: auto;
    }
    .column4 .columnContent:nth-of-type(4) .inner {
        margin-right: auto;
    }
    .column4.two-three {
        width: 100%;
    }
    .column4 .columnContent .inner .imgArea {
        margin-bottom: 3%;
    }
    .column4 .columnContent .inner h3 {
        margin-bottom: 2%;
    }
    /* 2カラム */
    .column2 {
        display: block;
    }
    .column2 .columnContent {
        padding-top: 5%;
        padding-bottom: 5%;
        border-left: none;
        border-right: none;
        display: block;
        width: 100%;
    }
    .column2 .columnContent:nth-of-type(1), .column2 .columnContent:nth-of-type(2) {
        border-left: none;
        border-right: none;
    }
    .column2 .columnContent:nth-of-type(1) .inner {
        margin-left: auto;
    }
    .column2 .columnContent:nth-of-type(2) .inner {
        margin-right: auto;
    }
    .column2 .columnContent .inner .imgArea {
        margin-bottom: 0;
    }
    .column2 .columnContent .inner h3 {
        margin-bottom: 2.6%;
    }
    .column2.pd .columnContent, .column2.pd .columnContent:nth-child(even) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .column2.one-two {
        width: 100%;
    }
    .column2.pd .columnContent:nth-child(odd) {
        padding-bottom: 3.2%;
    }
    /* 5カラム */
    .column5.three-five {
        width: 100%;
    }
    .column5 .columnContent, .column5 .columnContent:nth-of-type(1), .column5 .columnContent:nth-of-type(5) {
        display: block;
        width: 50%;
        float: left;
        padding-bottom: 3.9%;
    }
    .column5 .columnContent:nth-child(2n+1) {
        clear: both;
    }
    /* アンカーリンク */
    .ankerLink .outer {
        padding: 1em 1em 0 1em;
    }
    .ankerLink .outer ul li {
        padding-right: .5em;
        padding-left: .5em;
        display: inline-block;
        margin-bottom: 1em;
    }
    /* ボックス囲み */
    .boxContent:last-of-type {
        margin-bottom: 0;
    }
    .boxContent .inner.table {
        display: block;
        width: 100%;
    }
    .boxContent .inner.table .txtArea, .boxContent .inner.table .txtArea.wide {
        display: block;
        width: 100%;
        padding: 4% 0 3.2% 0;
    }
    .boxContent .inner.table .imgArea {
        display: block;
        width: 100%;
    }
    .boxContent .inner .txtArea .ttlArea.leftIcon .ttl_li {
        padding-left: 10px;
    }
    .boxContent .inner .txtArea p {
        padding: 0 3%;
    }
    .boxContent .inner .imgArea img, .boxContent .inner .imgAreaLink img {
        width: 50%;
        margin-bottom: 4%;
        margin-left: auto;
        margin-right: auto;
    }
    .boxContent .inner .imgArea.full img {
        width: 100%;
        margin-bottom: 0;
    }
    .column2 .columnContent .boxContent {
        margin-bottom: 2.6%;
    }
    .column2 .columnContent .boxContent:last-of-type {
        margin-bottom: 0;
    }
    .halfBoxContent .column2 .columnContent:nth-of-type(1) {
        width: 100%;
        padding-right: 0;
    }
    .halfBoxContent .column2 .columnContent:nth-of-type(2) {
        width: 100%;
        padding-left: 0;
    }
    .boxContent .inner .txtArea {
        position: inherit;
    }
    .boxContent .inner .txtArea .linkArea {
        position: inherit;
        bottom: inherit;
    }
    /* サブメニュー */
    .subMenu {
        border-bottom: 1px solid #d8d8d8;
        padding: 2% 0 0 0;
    }
    .subMenu .outer ul {
        display: block;
    }
    .subMenu .outer ul li {
        display: inline-block;
        padding: 0;
        margin-bottom: 2%;
    }
    .subMenu .outer ul li a {
        padding: 0;
        border-bottom: 0;
    }
    .subMenu .outer ul li.current a, .subMenu .outer ul li a:hover {
        color: #004136;
        border-bottom: 0;
    }
    .subMenu .outer ul li a span {
        border: 0;
        padding: 0 1em;
        width: unset;
    }
    /* ボタン */
    .btnArea {
        text-align: left;
    }
    .btnArea a {
        padding: 1em;
    }
    .btnArea.arrow a, .btnArea.close a {
        padding: 1em 2em 1em 1em;
    }
    .btnArea.close a {
        padding: 1em 2em 1em 1em !important;
        background: #fff url(../img/common/ico_close.png) no-repeat 97% !important;
        background-size: 10px 10px !important;
    }
    .btnArea.left a {
        padding: 1em 1em 1em 2em;
    }
    .btnArea.left {
        width: inherit;
        float: left;
    }
    .btnArea.right {
        width: inherit;
        float: right;
    }
    .long .btnArea.left {
        float: none;
        margin-bottom: 0;
    }
    .long .btnArea.right {
        float: none;
    }
    .dogleg::before {
        right: 10px;
    }
    .dogleg.left::before {
        left: 10px;
    }
    /* ページ移動ボタン */
    .transitionArea .btnArea.left {
        margin-bottom: 4.2%;
        float: none;
        width: 100%;
    }
    .transitionArea .btnArea.right {
        float: none;
        width: 100%;
    }
    .transitionArea .btnArea.left a, .transitionArea .btnArea.right a {
        display: block;
        text-align: center;
        min-width: inherit;
    }
    /* 一覧へ戻るボタン */
    .backToList {
        padding-top: 4.2%;
    }
    .backToList .btnArea {
        width: 100%;
    }
    .backToList .btnArea a {
        display: block;
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    /* 基本設定 */
    #contentArea {
        padding-top: 64px;
    }
}
/* 電子広告 */
.koukoku {
    text-align: left;
}
.koukoku .Arrow {
    width: 4px;
    height: 7px;
    padding-left: 10px;
    background: url(/koukoku/img/arrow_gray.gif) no-repeat left center;
}
.koukoku .PDF {
    width: 27px;
    height: 12px;
    padding-right: 150px;
    background: url(/koukoku/img/icon_pdf.gif) no-repeat left center;
}

/* ------------------------------
more
-------------------------------*/

#more {
	margin-top:30px;
	max-width: 850px;
    margin: 30px auto 0;
    padding-top: 50px;
}

#more p {
    font-size: 100%;
}

#more .box32 {
    border: solid 1px;
    padding: 15px;
    border-radius: 8px;
}

#more .next_btn {
    border: solid 1px #231815;
    background-color: #fff;
    box-shadow: none;
    width: 45%;
    padding: 7px 0;
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
}

#more .next_btn:after {
    font-size: 22px;
    top: 4px;
}

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

    #more .box32 {
        width: 100%;
        margin-bottom: 20px;
    }
  
    #more .next_btn {
        margin: 0 auto 0 0;
    }
    
    #more p {
        font-size: 90%;
    }
   
    #more {
        max-width: 95%;
        margin: 0 auto;
        padding: 0;
    }
}

/* ------------------------------
bottom3
-------------------------------*/

#bottom3 {
	background-color: #ededed;
    padding: 30px;
}

#bottom3 .bg-box {
	max-width: 630px;
    margin: 0 auto;
}

#bottom3 p {
    font-size: 121%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

#bottom3 .box32 {
    border: solid 3px #A71E41;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    transition: 0.5s;
    color: #A71E41;
}

#bottom3 .box32 .img1 {
    background-image: url(../../assets/img/product/plus/top/bottom3_01.png);
}

#bottom3 .box32 .img2 {
    background-image: url(../../assets/img/product/plus/top/bottom3_02.png);
}

#bottom3 .box32 .img3 {
    background-image: url(../../assets/img/product/plus/top/bottom3_03.png);
}

#bottom3 .box32:hover {
    border: solid 3px #fff;
    padding: 15px;
    border-radius: 8px;
    background-color: #A71E41;
    color: #fff;
}

#bottom3 .box32:hover .img1 {
    background-image: url(../../assets/img/product/plus/top/bottom3_011.png);
}

#bottom3 .box32:hover .img2 {
    background-image: url(../../assets/img/product/plus/top/bottom3_021.png);
}

#bottom3 .box32:hover .img3 {
    background-image: url(../../assets/img/product/plus/top/bottom3_031.png);
}


#bottom3 .next_btn {
    border: solid 1px #231815;
    background-color: #fff;
    box-shadow: none;
    width: 45%;
    padding: 7px 0;
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
}

#bottom3 .next_btn:after {
    font-size: 22px;
    top: 4px;
}

.product #visualArea .h1-text {
    position: absolute;
    top: 48%;
    width: 100%;
    display: block;
    font-size: 128%;
    line-height: 1.9;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (max-width: 1080px) {
    .product #visualArea .h1-text {
    font-size: 100%;
   }
}
@media only screen and (max-width: 767px) {
    #bottom3 {
        padding: 30px 2.5%;
    }  
  
    #bottom3 .box32 {
        border: solid 1px #A71E41;
        padding: 15px;
        border-radius: 5px;
        width: 100%;
        font-size: 120%;
        position: relative;
        padding: 10px 0 5px;
        margin-bottom: 15px;
    }
    
    #bottom3 .icon01:before {
        content: "";
        background-image: url(../../assets/img/product/plus/top/bottom3_01.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 30px;
        height: 26px;
        position: absolute;
        top: 12px;
        left: 39px;
    }
  
    #bottom3 .icon02:before {
        content: "";
        background-image: url(../../assets/img/product/plus/top/bottom3_02.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 30px;
        height: 26px;
        position: absolute;
        top: 12px;
        left: 39px;
    }
  
    #bottom3 .icon03:before {
        content: "";
        background-image: url(../../assets/img/product/plus/top/bottom3_03.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 30px;
        height: 26px;
        position: absolute;
        top: 12px;
        left: 39px;
    }
  
    /*.box-l01 p, .box-r01 p {
        font-size: 90%;
    }*/
  
    .product #visualArea .h1-text {
        top: 46%;
        left: 18%;
        max-width: 61%;
        margin: 0 auto;
        display: block;
        font-size: 80%;
        line-height: 1.1;
        font-weight: 300;
    }
}


#more .box32 p {
    text-align: left;
}

/*---------------------PC/SP強制切替設定------------------------*/

@media only screen and (min-width: 768px) {
    .sp {
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .pc {
        display: none !important;
    }
}