@charset "UTF-8";

/**====================================

 * CSS information

 * file name	: style.css

====================================**/



/*/////////////////////////////////////////////////////////////////////////////





              // Top //

	  



/////////////////////////////////////////////////////////////////////////////*/

/* ==================================================

    visual

================================================== */

.visual {
    width: 100%;
    height: 490px;
    position: relative;
    background: url("/img/main.webp") center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.visual .inner {
    max-width: 1000px;
    height: 100%;
    margin: auto auto auto auto;
    position: relative;
    text-align: center;
    padding: 35px 0 0;
    box-sizing: border-box;
}



/* visual__lead

-------------------------------------------------- */

.visual-lead {
    position: relative;
    display: inline-block;
    padding: 45px 95px 20px;
}

.circle-item {
    position: absolute;
    transform-origin: center center;
}

.circle-item._item01 {
    width: 245px;
    height: 245px;
    left: 0;
    top: 0;
    transform: rotate(36deg);
}

.circle-item._item02 {
    width: 200px;
    height: 200px;
    left: 24px;
    top: 24px;
    transform: rotate(21deg);
}

.circle-item._item02::after {
    content: "";
    width: 9px;
    height: 22px;
    background: url("/img/circle_item.png") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -30px;
    top: calc(50% - 22px);
}

.circleText {
    overflow: visible;
}

.circleText__circle {
    fill: none;
}

.circleText__text {
    fill: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    font-feature-settings: "palt" 1;
}

.circleText__text tspan {
    font-size: 2.2rem;
}

.ribbon-txt {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}

.ribbon-txt:before,
.ribbon-txt:after {
    content: '';
    position: absolute;
    width: 28px;
    bottom: -4px;
}

.ribbon-txt:before {
    left: -28px;
    border: 19px solid #D66332;
    border-left: 9px solid transparent;
}

.ribbon-txt:after {
    right: -28px;
    border: 19px solid #D66332;
    border-right: 9px solid transparent;
}

.ribbon-txt p {
    display: inline-block;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    margin: 0;
    padding: 0 20px 2px;
    color: #ffffff;
    background: #EA703B;
    z-index: 1;
}

.ribbon-txt p:before,
.ribbon-txt p:after {
    position: absolute;
    content: '';
    top: 100%;
    border: none;
    border-bottom: solid 7px transparent;
    z-index: 1;
}

.ribbon-txt p:before {
    left: 0;
    border-right: solid 28px #ffffff;
}

.ribbon-txt p:after {
    right: 0;
    border-left: solid 28px #ffffff;
}


/* visual-ttl
-------------------------------------------------- */
.visual-ttl {
    padding-bottom: 20px;
}

.visual-ttl .ttl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.08em;
    color: #ffffff;
}

.visual-ttl .ttl span {
    display: block;
    font-size: 5.4rem;
    font-weight: 900;
}



/* ===============================

   Hero visual 読みやすさ強化（自然版）

================================= */
.visual {
    position: relative;
}


.visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    z-index: 0;
}



.visual .inner {
    position: relative;
    z-index: 1;
}



.visual-ttl .ttl {
    text-shadow:
        0 3px 10px rgba(0, 0, 0, 0.7),
        0 0 20px rgba(0, 0, 0, 0.4);
}



.visual-ttl .ttl span {
    text-shadow:
        0 4px 15px rgba(0, 0, 0, 0.8),
        0 0 30px rgba(0, 0, 0, 0.5);
}





/* .visual-point

-------------------------------------------------- */

.visual-point {
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-point-item {
    width: 127px;
    height: 127px;
    font-size: 1.2rem;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
    box-sizing: border-box;
    position: relative;
    background: #ffffff;
    border-radius: calc(infinity * 1px);
}

/*.v-point-item::before {

    content: "";

    width: 127px;

    height: 127px;

    background: #ffffff;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

}*/

.v-point-item .box {

    position: relative;

}

.v-point-item ._grn {

    display: block;

}

.v-point-item .note {

    font-size: 1.1rem;

    line-height: 1.2;

    color: #888888;

}

.v-point-item._item01 {

    font-size: 1.4rem;

    font-weight: 700;

}

.v-point-item._item01 ._grn {

    font-size: 4.0rem;

    line-height: 1.2;

}

.v-point-item._item02 ._grn {

    font-size: 1.7rem;

    font-weight: 700;

    padding-bottom: 3px;

}

.v-point-item._item02 ._small {

    font-size: 1.2rem;

    letter-spacing: 0;

}

.v-point-item._item02 ._en {

    display: inline-block;

    font-size: 2.4rem;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.02em;

    padding-right: 2px;

}

.v-point-item._item03 {

    line-height: 1.3;

    padding-bottom: 5px;

}

.v-point-item._item03 ._grn {

    font-size: 1.7rem;

    font-weight: 700;

    padding-bottom: 5px;

}



/* visual-img

-------------------------------------------------- */

.visual-img01 {

    width: 184px;

    position: absolute;

    left: 60px;

    bottom: 0;

    z-index: 1;

}

.visual-img02 {

    width: 305px;

    position: absolute;

    right: -15px;

    bottom: 0;

    z-index: 1;

}



/* ==================================================

    sp-cta

================================================== */

.sp-cta {

    display: none;

}



/* ==================================================

    sec-weather

================================================== */

.sec-weather {

    max-width: 820px;

    margin: 0 auto;

    padding: 15px 0 0px;

}

#location {

    font-size: 1.8rem;

    font-weight: 700;

    color: #3480BA;

    margin-bottom: 15px;

}

#location span {

    font-size: 1.1rem;

    font-weight: normal;

}

.weatherForecast {

    display: flex;

}

.weather {

    width: 14.2857%;

    text-align: center;

}

.weather .date {

    font-size: 1.3rem;

    font-weight: bold;

    color: #3480BA;

}

.weather .icon {

    width: 45px;

    height: 45px;

    margin: 5px auto;

}

.weather .weatherImg {

    display: block;

    width: 100%;

    height: auto;

}

.weather .temp {

    display: inline-block;

    font-size: 1.2rem;

    color: #777777;

}

.weather .tempMin {

    color: #35A7C9;

    font-size: 1.2rem;

    margin-right: 5px;

}

.weather .tempMax {

    color: #EBA300;

    font-size: 1.2rem;

    margin-left: 3px;

}



/* ==================================================

    t-sec-ttl

================================================== */

.t-sec-ttl {

    text-align: center;

    padding-bottom: 45px;

}

.t-sec-ttl .icon {

    display: inline-block;

    width: 55px;

}

.t-sec-ttl .ttl {

    font-size: 4.0rem;

    font-weight: 700;

    line-height: 1.5;

    padding: 8px 0 6px;

}

.t-sec-ttl ._en {

    font-size: 1.4rem;

    color: #7FC236;

}



/* ==================================================

    t-about

================================================== */

.t-about {

    overflow: hidden;

    background-image: linear-gradient(0deg, rgba(127, 194, 54, 1), rgba(255, 255, 255, 1));

    border-radius: 0 0 32px 32px;

    padding: 80px 0;

}

.t-about-slider {

    padding: 0 10px 40px 0;

    margin: 0 auto;

}

.t-about-slider .slick-list {

    overflow: visible !important;

}

.t-about-slider .slick-track {

    display: flex;

}

.t-about-slider .slick-slide {

    height: auto !important;

}

.t-about-block {

    text-align: center;

    background: #ffffff;

    position: relative;

    padding: 40px 20px 35px;

    border-right: 1px solid #CEEDFB;

    border-top: 1px solid #CEEDFB;

    border-bottom: 1px solid #CEEDFB;

    line-height: 1.5;

    overflow: hidden;

}

.t-about-block:first-child {

    border-left: 1px solid #CEEDFB;

    border-radius: 6px 0 0 6px;

}

.t-about-block .numb {

    width: 70px;

    height: 58px;

    font-size: 2.0rem;

    position: absolute;

    left: -1px;

    top: -1px;

    background: url("/img/about_slider_bg.png") left top no-repeat;

    background-size: 100% 100%;

    box-sizing: border-box;

    color: #ffffff;

    text-align: center;

    padding: 10px 5px 0 0;

}

.t-about-block .numb._en {

    font-weight: 400;

}

.t-about-block .icon {

    display: inline-block;

    width: 110px;

    padding: 0 0 5px;

}



/* ==================================================

    t-lineup

================================================== */

.t-lineup {

    padding: 65px 0 80px;

}

.t-lineup-list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 30px;

}

.t-lineup-block {

    width: 23.8%;

}

.t-lineup-block a {

    display: block;

    box-sizing: border-box;

    border-radius: 8px;

    text-align: center;

    padding: 4px;

}

.t-lineup-block._onebox a {

    background: #E5CE4F;

}

.t-lineup-block._compact a {

    background: #74AA56;

}

.t-lineup-block._minivan a {

    background: #3EC1BF;

}

.t-lineup-block._lightcar a {

    background: #EB845A;

}

.t-lineup-block .ttl {

    font-size: 1.6rem;

    line-height: 1.5;

    font-weight: 700;

    padding: 11px 10px 12px;

    background: #ffffff;

    border-radius: 6px 6px 0 0;

}

.t-lineup-block .fig {

    padding: 25px 20px 21px;

}



/* t-equipment

-------------------------------------------------- */

.t-equipment-ttl {

    font-size: 2.0rem;

    font-weight: 700;

    color: #7FC236;

    text-align: center;

    margin-bottom: 15px;

}

.t-equipment-ttl span {

    display: inline-block;

    position: relative;

    padding: 0 15px;

}

.t-equipment-ttl span::before,

.t-equipment-ttl span::after {

    content: "";

    width: 1px;

    height: 22px;

    background-image: linear-gradient(to bottom, #7FC236, #7FC236 2px, transparent 2px, transparent 4px);

    background-size: 1px 4px;

    position: absolute;

    bottom: 2px;

}

.t-equipment-ttl span::before {

    left: 0;

    transform: rotate(-45deg);

}

.t-equipment-ttl span::after {

    right: 0;

    transform: rotate(45deg);

}

.box-list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.box-list li {

    width: 24.14%;

    font-size: 1.4rem;

    line-height: 1.5;

    border: 1px solid #CCCCCC;

    box-sizing: border-box;

    text-align: center;

    padding: 14px 10px 15px;

    margin-bottom: 5px;

    border-radius: 6px;

}

.box-list._bg li {

    background: #E2ECF2;

    border: 1px solid #E2ECF2;

}

/* ==================================================

    t-hoken

================================================== */

.t-hoken {

    position: relative;

    padding: 75px 0;

    margin-bottom: 115px;

}

.t-hoken .t-hoken-img {

    width: calc(50% + 300px);

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.t-hoken .t-hoken-img .thumb {

    height: 100%;

}

.t-hoken .section-inner {

    display: flex;

    justify-content: flex-end;

}

.t-hoken-block {

    width: 47.7%;

    padding: 50px 60px 60px;

    background: #ffffff;

    position: relative;

    box-sizing: border-box;

}

.t-hoken-block .figtxt {

    width: 219px;

    position: absolute;

    left: -10px;

    top: -10px;

}

.t-hoken-block .ttl {

    font-size: 3.2rem;

    font-weight: 700;

    line-height: 1.5;

    text-align: center;

    margin-bottom: 20px;

}

.t-hoken-block .ttl span {

    display: inline-block;

    position: relative;

    padding-bottom: 10px;

}

.t-hoken-block .ttl span::after {

    background: radial-gradient(circle farthest-side, #333333, #333333 20%, transparent 20%, transparent);

    background-size: 8px 8px;

    content: '';

    display: inline-block;

    height: 8px;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

}

.t-hoken-block .btn {

    margin-top: 20px;

}



/* ==================================================

    t-flow

================================================== */

.t-flow {

    margin-bottom: 80px; 

}

.t-flow-wrap {

    width: 645px;

    margin: 0 auto;

}

.t-flow-block {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    padding-bottom: 25px;

    margin-bottom: 25px;

    border-bottom: 1px dashed #888888;

    position: relative;

}

.t-flow-block:last-child {

    margin-bottom: 0;

    border-bottom: none;

}

.t-flow-block::after {

    content: "";

    width: 20px;

    height: 20px;

    background: #7FC236;

    border-left: 1px dashed #888888;

    border-bottom: 1px dashed #888888;

    position: absolute;

    bottom: -11px;

    left: 50%;

    transform-origin: center center;

    transform: translateX(-50%) rotate(-45deg);

}

.t-flow-block:last-child::after {

    display: none;

}

.t-flow-block .numb {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 22%;

    background: #7FC236;

    border-radius: 8px;

    color: #ffffff;

    padding: 20px 0;

}

.t-flow-block .numb p {

    font-weight: 500;

    text-align: center;

    line-height: 1.2;

}

.t-flow-block .numb p span {

    display: block;

    font-size: 3.0rem;

}

.t-flow-cont {

    width: 69.7674%;

    line-height: 1.5;

}

.t-flow-cont .ttl {

    font-size: 2.2rem;

    font-weight: 700;

    margin-bottom: 7px;

}

.t-flow-cont .cont-col2 {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.t-flow-block._step02 .cont-col2 {

    align-items: center;

}

.t-flow-block._step01 .cont-col2 .inner {

    width: 50.2232%;

}

.t-flow-block._step01 .cont-col2 .side {

    width: 44.6428%;

}

.t-flow-block._step02 .cont-col2 .inner {

    width: 52%;

}

.t-flow-block._step02 .cont-col2 .side {

    width: 45.3928%;

}

.t-flow-block._step04 .cont-col2 .inner {

    width: 43.75%;

}

.t-flow-block._step04 .cont-col2 .side {

    width: 52%;

}

.t-flow-block .list-note {

    margin-top: 10px;

}





/*/////////////////////////////////////////////////////////////////////////////





              // About //

	  



/////////////////////////////////////////////////////////////////////////////*/



/* ==================================================

    Reason

================================================== */

.reason-list {

    padding-bottom: 20px;

}

.reason-block {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-top: 50px;

}

.reason-block:nth-child(2n) {

    flex-direction: row-reverse;

}

.reason-fig {

    width: 47%;

}

.reason-cont {

    width: 49%;

}

.reason-block-ttl {

    display: flex;

    justify-content: space-between;

    color: #7FC236;

    padding-bottom: 20px;

}

.reason-block-ttl .numb {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 60px;

    min-height: 78px;

    font-size: 2.4rem;

    text-align: center;

    border-right: 1px solid #7FC236;

    border-left: 1px solid #7FC236;

}

.reason-block-ttl .ttl {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    width: calc(100% - 85px);

    font-size: 2.6rem;

    font-weight: 700;

    line-height: 1.5;

}

.reason-block .inner p {

    margin-bottom: 10px;

}



/* ==================================================

    Staff

================================================== */

.staff-block {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    background: #ffffff;

    border-radius: 6px;

    padding: 55px;

    margin-bottom: 10px;

    box-sizing: border-box;

}

.staff-info {

    width: 170px;

    padding-right: 55px;

    border-right: 1px dashed #7FC236;

    box-sizing: border-box;

}

.staff-info .icon {

    width: 115px;

    height: 115px;

    border-radius: 50%;

    overflow: hidden;

    margin-bottom: 10px;

}

.staff-info .inner {

    text-align: center;

}

.staff-info .position {

    margin-bottom: 2px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.staff-info .position-item {

    font-size: 1.1rem;

    color: #7FC236;

    line-height: 1.5;

    border: 1px solid #7FC236;

    padding: 1px 10px 2px;

    margin: 0 2px 4px;

    margin-bottom: 5px;

    border-radius: calc(infinity * 1px);

}

.staff-info .name {

    font-size: 1.8rem;

    line-height: 1.5;

}

.staff-cont {

    width: calc(100% - 225px);

}

.staff-detail .ttl {

    font-size: 1.3rem;

    font-weight: 700;

    line-height: 1.5;

    color: #7FC236;

    position: relative;

    padding: 0 0 0 13px;

    margin-bottom: 10px;

}

.staff-detail .ttl::before {

    content: "";

    width: 5px;

    height: 100%;

    background: #7FC236;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-47%);

    border-radius: 3px;

}

.staff-detail .cont {

    font-size: 1.3rem;

    line-height: 1.5;

    margin-bottom: 20px;

}

.staff-detail .cont:last-child {

    margin-bottom: 0;

}

.staff-detail-goodlist {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 12px;

}

.staff-detail-goodlist li {

    font-size: 1.3rem;

    line-height: 1.5;

    border: 1px solid #DEDEDE;

    padding: 0 10px 1px;

    margin: 0 4px 4px 0;

}

.staff-detail-table {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding-top: 10px;

}

.staff-detail-table dt {

    width: 20%;

    font-size: 1.3rem;

    font-weight: 700;

    border-top: 2px solid #7FC236;

    padding: 10px 0 12px;

    box-sizing: border-box;

}

.staff-detail-table dd {

    width: calc(80% - 2px);

    font-size: 1.2rem;

    border-top: 2px solid #E2ECF2;

    padding: 11px 0 12px 10px;

    box-sizing: border-box;

}



/*/////////////////////////////////////////////////////////////////////////////





              // Line up //

	  



/////////////////////////////////////////////////////////////////////////////*/



/* lineup-anchor

-------------------------------------------------- */

.lineup-anchor {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.lineup-anchor-block {

    width: 49.2%;

    padding: 8px 24px;

    margin-bottom: 1.6%;

    background: #F7F7F7;

    box-sizing: border-box;

}

.lineup-anchor-block .ttl {

    font-size: 1.6rem;

    font-weight: 700;

    text-align: center;

    padding-bottom: 5px;

}

.lineup-anchor-list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.lineup-anchor-item {

    width: 46.8468%;

    margin-bottom: 10px;

}

.lineup-anchor-item a {

    display: block;

    font-size: 1.4rem;

    line-height: 1.5;

    background: #ffffff;

    border: 2px solid #7FC236;

    border-radius: 4px;

    text-align: center;

    padding: 8px;

    position: relative;

    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.16);

}

.lineup-anchor-item a::after {

    content: "";

    width: 17px;

    height: 17px;

    position: absolute;

    right: 16px;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    background: #7FC236 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="17" height="17" viewBox="0 0 17 17"><path fill="none" stroke="rgb(255, 255, 255)" d="M5.4,7.3l3.1,3.1,3.1-3.1"/></svg>') center center no-repeat;

    background-size: 100% auto;

}

.lineup-anchor-item .manufacturer {

    display: inline-block;

    font-size: 1.2rem;

    color: #7FC236;

    background: #E2ECF2;

    border-radius: calc(infinity * 1px);

    padding: 1px 16px;

    margin-bottom: 3px;

}



/* lineup-wrap

-------------------------------------------------- */

.lineup-wrap {

    margin-bottom: 40px;

}

/* lineup-block

-------------------------------------------------- */

.lineup-block {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-top: 32px;

}

.lineup-fig {

    width: 50%;

}

.lineup-fig .fig {

    padding: 45px 30px;

}

.lineup-ttl {

    font-size: 1.6rem;

    position: relative;

    padding-left: 16px;

}

.lineup-ttl::before {

    content: "";

    width: 8px;

    height: 8px;

    background: #7FC236;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0.66em;

}

.lineup-cont {

    width: 50%;

}

.lineup-info {

    margin-bottom: 20px;

}

.lineup-detail {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    border: 1px solid #7FC236;

    border-radius: 8px;

    overflow: hidden;

    margin-top: 8px;

}

.lineup-detail .ttl {

    font-size: 1.4rem;

    line-height: 1.5;

    color: #ffffff;

    writing-mode: vertical-rl;

    background: #7FC236;

    text-align: center;

    padding: 12px;

}

.lineup-detail-inner {

    width: calc(100% - 45px);

    padding: 5px 25px;

    box-sizing: border-box;

}

.lineup-table {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.lineup-table dt {

    width: 31%;

    font-size: 1.3rem;

    font-weight: 700;

    border-bottom: 2px solid #7FC236;

    padding: 10px 0;

    box-sizing: border-box;

}

.lineup-table dd {

    width: calc(69% - 2px);

    font-size: 1.3rem;

    border-bottom: 2px solid #E2ECF2;

    padding: 10px 0 10px 10px;

    box-sizing: border-box;

}

.lineup-table:last-child dt:nth-last-child(2),

.lineup-table:last-child dd:last-child {

    border-bottom: none;

}

.lineup-detail .list-note {

    padding: 6px 0 8px;

}



/*/////////////////////////////////////////////////////////////////////////////





              // Hoken //

	  



/////////////////////////////////////////////////////////////////////////////*/



/* ==================================================

    plan

================================================== */



/* hoken-point-list

-------------------------------------------------- */

.hoken-point-list {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    flex-wrap: wrap;

}

.hoken-point-list li {

    width: 19%;

    font-size: 1.4rem;

    line-height: 1.5;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: #EFFFDE;

    border-radius: 6px;

    padding: 10px;

    margin-bottom: 8px;

    box-sizing: border-box;

}

.plus {

    display: block;

    width: 51px;

    height: 51px;

    background: #333333;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: -42px;

    transform: translateX(-50%);

}

.plus::before,

.plus::after {

    content: "";

    width: 21px;

    height: 1px;

    background: #ffffff;

    position: absolute;

    left: 15px;

    top: 50%;

}

.plus::after {

    transform: rotate(90deg);

}



/* hoken-standard

-------------------------------------------------- */

.hoken-standard-col2 {

    display: flex;

    justify-content: space-between;

}

.hoken-standard-col2 .inner {

    width: 47%;

}

.hoken-standard-table {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.hoken-standard-table dt {

    width: 31%;

    font-size: 1.4rem;

    font-weight: 700;

    border-top: 2px solid #7FC236;

    padding: 15px 0 20px;

    box-sizing: border-box;

}

.hoken-standard-table dd {

    width: calc(69% - 2px);

    font-size: 1.3rem;

    border-top: 2px solid #E2ECF2;

    padding: 17px 0 20px 10px;

    box-sizing: border-box;

}

.hoken-standard-block .ttl {

    font-size: 1.4rem;

    line-height: 1.5;

    padding: 10px 15px;

    margin-bottom: 15px;

    background: #F2F2F2;

    border-radius: 6px;

}

.hoken-standard-block li {

    font-size: 1.3rem;

}





/*/////////////////////////////////////////////////////////////////////////////





              // Faq //

	  



/////////////////////////////////////////////////////////////////////////////*/

.faq-block {

    padding-bottom: 10px;

}

.faq-block:last-child {

    padding-bottom: 0;

}

.faq-block .question,

.faq-block .answer {

	position: relative;

    padding: 12px 20px 12px 45px;

    margin-bottom: 5px;

}

.faq-block .question {

    font-size: 1.6rem;

    font-weight: 700;

    line-height: 1.5;

    background: #EFFFDE;

}

.faq-block .question::before,

.faq-block .answer::before {

    font-size: 1.8rem;

    font-weight: 700;

    position: absolute;

    left: 15px;

    top: 9px;

}

.faq-block .question::before {

    content: "Q";

    color: #35D0BA;

}

.faq-block .answer::before {

    content: "A";

    color: #EA703B;

}

.faq-block .answer p {

    margin-bottom: 10px;

}



/*/////////////////////////////////////////////////////////////////////////////





              // Access //

	  



/////////////////////////////////////////////////////////////////////////////*/

.access-map {

    width: 100%;

    height: 400px;

    margin-bottom: 40px;

}