@charset "UTF-8";
*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@-ms-viewport {
    width: device-width
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0
}

p {
    margin: 0
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: 0;
    margin-left: 0
}

blockquote {
    margin: 0
}

dfn {
    font-style: italic
}

b,em,strong {
    font-weight: bolder;
    font-style: normal
}

small {
    font-size: inherit
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #ff4970;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #e22b52;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,code,kbd,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}


html {
    font-size: 62.5%
}

body {
    color: #333;
    font-family: 'nsjpr','Noto Sans JP','Noto Sans CJK JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-weight: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.8;
    background: #FFF;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: .05em
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

a {
    text-decoration: none
}

a img,input[type="image"] {
    -webkit-transition: .4s;
    transition: .4s
}

a:hover img,input[type="image"]:hover {
    opacity: .7
}

input,button,textarea,select {
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.f_min {
    font-family: 'Noto Serif JP','Noto Serif CJK JP',"Roboto Slab","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E",serif
}

body {
    min-width: 960px;
    overflow-x: hidden
}

@media screen and (min-width: 768px) and (max-width:1120px) {
    body {
        min-width:100%
    }
}

@media screen and (max-width: 768px) {
    body {
        max-width:100%;
        position: static
    }

    body.menu_open {
        position: fixed;
        top: auto
    }
}

body.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%
}

.content_inner {
    width: 960px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 768px) and (max-width:1120px) {
    .content_inner {
        width:100%
    }
}

@media screen and (max-width: 960px) {
    .content_inner {
        max-width:100%
    }
}

#siteWrap {
    position: relative
}

@media screen and (max-width: 768px) {
    body {
        min-width:100%
    }
}

#materialIndex .underlayer.clone-header .header_inner .header_menu_wrap .header_menu .pc_tel {
    background: #fff
}

#materialIndex footer {
    margin-top: 0
}

.sp_only {
    display: none
}

@media screen and (max-width: 768px) {
    .sp_only {
        display:block
    }
}

@media screen and (max-width: 768px) {
    .pc_only {
        display:none
    }
}

.ttl_type01 {
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: 4px;
    line-height: 1.6
}

@media screen and (max-width: 900px) {
    .ttl_type01 {
        font-size:3.4rem
    }
}

@media screen and (max-width: 768px) {
    .ttl_type01 {
        font-size:2rem
    }
}

.ttl_type01 span {
    font-size: 1.6rem;
    font-weight: 600;
    color: #3399ff;
    display: block;
    margin-top: 25px
}

@media screen and (max-width: 768px) {
    .ttl_type01 span {
        font-size:1.1rem;
        margin-top: 5px
    }
}

.ttl_type02 {
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: 4px;
    line-height: 1.6
}

.ttl_type02 span {
    color: #ff2b77
}

@media screen and (max-width: 768px) {
    .ttl_type02 {
        font-size:2rem
    }
}

.merit_sect_common {
    padding: 60px 0 100px
}

@media screen and (max-width: 768px) {
    .merit_sect_common {
        padding:50px 0 30px
    }
}

.merit_sect_common .inner {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 1250px) {
    .merit_sect_common .inner {
        max-width:100%;
        padding: 0 5%
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner {
        padding:0 6%
    }
}

.merit_sect_common .inner h3 {
    font-size: 3.2rem;
    font-weight: 600;
    text-align: center
}

@media screen and (max-width: 900px) {
    .merit_sect_common .inner h3 {
        font-size:2.8rem
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner h3 {
        font-size:2.4rem;
        line-height: 1.6
    }
}

.merit_sect_common .inner h3 i {
    width: 150px;
    margin: 0 auto 55px;
    display: block
}

@media screen and (max-width: 1000px) {
    .merit_sect_common .inner h3 i {
        width:100px
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner h3 i {
        width:70px;
        margin-bottom: 30px
    }
}

.merit_sect_common .inner h3 span {
    color: #ff2b77
}

.merit_sect_common .inner .intro {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2;
    margin-top: 50px;
    margin-bottom: 70px
}

@media screen and (max-width: 900px) {
    .merit_sect_common .inner .intro {
        font-size:1.4rem
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .intro {
        text-align:left;
        margin: 30px 0
    }
}

.merit_sect_common .inner .morebtn {
    margin-top: 60px
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .morebtn {
        margin-top:40px
    }
}

.merit_sect_common .inner .morebtn a {
    display: block;
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    width: 380px;
    margin: 0 auto;
    background-color: #3399ff;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    text-align: center;
    padding: 16px 0;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .morebtn a {
        width:80%;
        font-size: 1.5rem;
        padding: 12px 0
    }
}

.merit_sect_common .inner .morebtn a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .4s;
    transition: .4s
}

.merit_sect_common .inner .morebtn a:hover {
    text-decoration: none;
    background: #333;
    color: #fff
}

.merit_sect_common .inner .morebtn a:hover::after {
    border-color: #fff
}

.defaultbtn {
    margin-top: 60px
}

.defaultbtn a {
    display: block;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 600;
    width: 380px;
    margin: 0 auto;
    background-color: #3399ff;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    text-align: center;
    padding: 1pc 0;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 750px) {
    .defaultbtn a {
        width:100%
    }
}

.defaultbtn a:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
}

.defaultbtn a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .4s;
    transition: .4s
}

.defaultbtn a:hover:after {
    border-color: #fff;
}

.half_sect .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start
}

@media screen and (max-width: 1250px) {
    .half_sect .inner {
        max-width:100%;
        padding: 0 4%
    }
}

@media screen and (max-width: 768px) {
    .half_sect .inner {
        padding:0 5%
    }
}

.half_sect .inner .ttlbox {
    width: 26.5%
}

@media screen and (max-width: 950px) {
    .half_sect .inner .ttlbox {
        width:100%;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .half_sect .inner .ttlbox {
        margin-bottom:30px
    }
}

.half_sect .inner .ttlbox h2 {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 30px
}

@media screen and (max-width: 1250px) {
    .half_sect .inner .ttlbox h2 {
        font-size:3.4rem
    }
}

@media screen and (max-width: 950px) {
    .half_sect .inner .ttlbox h2 {
        text-align:center
    }
}

@media screen and (max-width: 768px) {
    .half_sect .inner .ttlbox h2 {
        font-size:2rem;
        text-align: left;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 950px) {
    .half_sect .inner .ttlbox .intro {
        text-align:center
    }
}

@media screen and (max-width: 768px) {
    .half_sect .inner .ttlbox .intro {
        text-align:left;
        font-size: 1.4rem
    }
}

.half_sect .inner .contents {
    width: 67%
}

@media screen and (max-width: 950px) {
    .half_sect .inner .contents {
        width:100%
    }
}

.half_sect .inner .btn_type01 {
    margin-top: 35px
}

@media screen and (max-width: 768px) {
    .half_sect .inner .btn_type01 {
        margin-top:20px
    }
}

.half_sect .inner .btn_type01 a {
    color: #fff;
    text-align: center;
    background: #3399ff;
    padding: 14px 0;
    font-size: 1.8rem;
    font-weight: 600;
    display: block;
    position: relative;
    -webkit-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.2);
    border-radius: 8px;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .half_sect .inner .btn_type01 a {
        width:80%;
        margin: 0 auto;
        font-size: 1.5rem;
        border-radius: 5px;
        padding: 10px 0
    }
}

.half_sect .inner .btn_type01 a:hover {
    text-decoration: none;
    opacity: .7
}

.half_sect .inner .btn_type01 a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .4s;
    transition: .4s
}

.swiper-pagination-bullet {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    height: 24px;
    line-height: 1.5;
    transition: transform .2s linear;
    width: 24px
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    color: #333;
    transform: scale(1.4)
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px 30px
}

.slideshow {
    margin: 0 auto;
    max-width: 1200px
}

.swiper-mv {
    position: relative
}

.swiper-mv img {
    width: 100%
}

.swiper-mv .swiper-mv-pagination {
    text-align: right;
    position: absolute;
    bottom: 10px;
    z-index: 10
}

@media screen and (max-width: 768px) {
    .swiper-mv .swiper-mv-pagination {
        text-align:left;
        left: 9vw
    }
}

.swiper-mv .swiper-mv-pagination .swiper-pagination-bullet {
    width: 23px;
    height: 23px;
    color: #000;
    font-size: 13px;
    text-align: center;
    line-height: 23px !important;
    vertical-align: middle;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    background-color: #fff;
    opacity: .9
}

.swiper-mv .swiper-mv-pagination .swiper-pagination-bullet-active {
    width: 25px;
    height: 25px;
    color: #000;
    font-size: 15px;
    text-align: center;
    line-height: 25px !important;
    vertical-align: middle;
    background: #ffd600;
    opacity: 1
}

.swiper-mv .swiper-button-next,.swiper-mv .swiper-button-prev {
    color: #666
}

.page_index .sub_nav {
    background: #3399ff
}

@media screen and (max-width: 768px) {
    .page_index .sub_nav {
        display:block
    }
}

.page_index .sub_nav .inner {
    max-width: 1150px;
    margin: 0 auto
}

.page_index .sub_nav .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page_index .sub_nav .inner ul li {
    width: 19%
}

.page_index .sub_nav .inner ul li a {
    color: #333;
    font-weight: 600;
    font-size: 2.2rem;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative
}

@media screen and (max-width: 900px) {
    .page_index .sub_nav .inner ul li a {
        height:100%;
        font-size: 1.8rem;
        padding: 25px 0
    }
}

.page_index .sub_nav .inner ul li a:hover {
    text-decoration: none;
    background-color: #ffe04d
}

.page_index .sub_nav .inner ul li.shop img {
    width: 40px;
    margin-right: 15px
}

.page_index .sub_nav .inner ul li.car img {
    width: 44px;
    margin-right: 15px
}

.page_index .sub_nav .inner ul li.box img {
    width: 35px;
    margin-right: 15px
}

.page_index .sub_nav .inner ul li.phone img {
    width: 21px;
    margin-right: 15px
}

.page_index .sub_nav .inner ul li.yoyaku a:hover {
    background: #56c14a
}

.page_index .sub_nav .inner ul li.yoyaku {
    background: #40aa35;
    width: 28%
}

.page_index .sub_nav .inner ul li.yoyaku a {
    color: #fff
}

.page_index .sub_nav .inner ul li.yoyaku img {
    width: 36px;
    height: auto;
    margin-right: 15px
}

@media screen and (max-width: 768px) {
    .page_index .sub_nav .inner ul li {
        position:relative
    }

    .page_index .sub_nav .inner ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 40px;
        margin-top: -20px;
        background: #fee998;
        display: block
    }

    .page_index .sub_nav .inner ul li a {
        font-size: 1.2rem;
        padding: 20px 0
    }

    .page_index .sub_nav .inner ul li.shop img {
        width: 24px;
        margin-right: 6px
    }

    .page_index .sub_nav .inner ul li.car img {
        width: 30px;
        margin-right: 6px
    }

    .page_index .sub_nav .inner ul li.car:before {
        content: none
    }

    .page_index .sub_nav .inner ul li.box img {
        width: 22px;
        margin: 0 15px
    }

    .page_index .sub_nav .inner ul li.phone {
        display: block
    }

    .page_index .sub_nav .inner ul li.phone img {
        width: 15px;
        margin-right: 10px
    }

    .page_index .sub_nav .inner ul li.yoyaku img {
        width: 20px;
        height: auto
    }

    .page_index .sub_nav .inner ul li.yoyaku:before {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .page_index .sub_nav .inner ul li {
        width:20%
    }

    .page_index .sub_nav .inner ul li.yoyaku {
        width: 40%
    }

    .page_index .sub_nav .inner ul li.phone img {
        margin: 0 15px
    }

    .page_index .sub_nav .inner ul li.yoyaku img {
        width: 24px;
        margin: 0 30px
    }
}

@media screen and (max-width: 280px) {
    .page_index .sub_nav .inner ul li a {
        font-size:1.1rem
    }
}

.banner_gold {
    width: 100%;
    max-width: 980px;
    margin: 30px auto;
    padding: 0 20px
}

.banner_gold img {
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .banner_gold img.sp_only {
        margin:0 auto
    }
}

#merit_sect02 .pc_merit02_slider_wrap {
    margin-top: 40px;
    position: relative;
    padding-top: 0
}

#merit_sect02 .pc_merit02_slider_wrap .pc_merit02_slider {
    padding: 10px 0
}

#merit_sect02 .pc_merit02_slider_wrap .pc_merit02_slider .swiper-slide {
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2)
}

#merit_sect02 .pc_merit02_slider_wrap .pc_merit02_slider_nav {
    width: 90px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0
}

#merit_sect02 .pc_merit02_slider_wrap .pc_merit02_slider_nav .swiper-pagination-fraction {
    bottom: 4px;
    left: 0;
    width: 100%;
    z-index: 0;
    font-size: 1.3rem;
    color: #333;
    text-align: center;
    position: absolute
}

#merit_sect02 .swiper-merit {
    position: relative
}

#merit_sect02 .swiper-merit .swiper-wrapper {
    display: flex
}

#merit_sect02 .swiper-merit .swiper-slide {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    #merit_sect02 .swiper-merit .swiper-slide img {
        width:100%;
        height: auto;
        max-width: 100%
    }

    #merit_sect02 #swiper-merit-pagination {
        padding-bottom: 10px
    }
}

#merit_sect02 .swiper-merit-pagination {
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: right
}

#merit_sect02 .swiper-merit-pagination .swiper-pagination-current {
    font-weight: bold
}

#merit_sect02 #swiper-merit-next.swiper-button-next,#merit_sect02 #swiper-merit-prev.swiper-button-prev {
    color: #ccc
}

.webp .page_index .sect_campaign {
    background: url("https://nazi.sakura.ne.jp/takumi/wp-content/uploads/2024/08/bg_campaign-1.jpg") no-repeat center center;
    background-size: cover
}

.page_index .sect_campaign {
    background: url("https://nazi.sakura.ne.jp/takumi/wp-content/uploads/2024/08/bg_campaign-1.jpg") no-repeat center center;
    background-size: cover
}

.page_index .sect_campaign .merit_sect_common .inner .intro {
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 480px) {
    .page_index .sect_campaign .merit_sect_common .inner .intro {
        margin-top:20px;
        margin-bottom: 20px
    }

    .webp .page_index .sect_campaign {
        background: url("https://media.eco-ring.com/wp-content/themes/kaitori/images/front/bg_campaign_sp.webp") no-repeat center center;
        background-size: cover
    }

    .page_index .sect_campaign {
        background: url("https://media.eco-ring.com/wp-content/themes/kaitori/images/front/bg_campaign_sp.png") no-repeat center center;
        background-size: cover
    }
}

.u480_only {
    display: none
}

.bnr_app {
    max-width: 920px;
    width: 100%;
    margin: 70px auto
}

.bnr_app li.outer-li {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%
}

.bnr_app li.outer-li img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 480px) {
    .o481_only {
        display:none
    }

    .u480_only {
        display: block
    }

    .bnr_app {
        padding: 0 20px
    }

    .bnr_app ul.inner dl {
        margin: 2%;
        align-items: flex-start
    }

    .bnr_app ul.inner dl dt {
        flex: 0 0 16%;
        margin: 0 2% 2% 0;
        color: #fff;
        text-align: center;
        border-radius: 4px
    }

    .bnr_app ul.inner dl dd {
        flex: 0 0 82%;
        margin: 0 0 2% 0
    }

    .bnr_app ul.inner dl dt.value {
        background: #f15c42
    }

    .bnr_app ul.inner dl dt.sdgs {
        background: #4bcf4b
    }

    .app_btn a {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        background: #3eac2c;
        border-radius: 4px;
        padding: 8px;
        color: #fff;
        position: relative
    }

    .app_btn a:hover {
        opacity: .7;
        text-decoration: none;
        color: #fff
    }

    .app_btn a span {
        position: relative;
        padding-right: 40px
    }

    .app_btn a span::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 30px;
        height: 30px;
        margin: -15px 0 0 0;
        background: url(https://media.eco-ring.com/wp-content/themes/kaitori/images/front/icon_right_arrow_white_32_2.png)center center no-repeat;
        background-size: auto;
        background-size: 100% auto
    }
}

@media screen and (max-width: 360px) {
    .bnr_app ul.inner dl dt {
        font-size:1.4rem
    }

    .bnr_app ul.inner dl dd {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 340px) {
    .bnr_app ul.inner dl dt {
        font-size:1.3rem
    }

    .bnr_app ul.inner dl dd {
        font-size: 1.3rem
    }

    .app_btn a {
        font-size: 1.8rem
    }

    .app_btn a span::after {
        width: 28px;
        height: 28px;
        margin-top: -14px
    }
}

@media screen and (max-width: 320px) {
    .bnr_app ul.inner dl dt {
        font-size:1.2rem
    }

    .bnr_app ul.inner dl dd {
        font-size: 1.2rem
    }

    .app_btn a {
        font-size: 1.6rem
    }

    .app_btn a span::after {
        width: 26px;
        height: 26px;
        margin-top: -13px
    }
}

@media screen and (max-width: 280px) {
    .bnr_app ul.inner dl dt {
        font-size:1.1rem
    }

    .bnr_app ul.inner dl dd {
        font-size: 1.1rem
    }

    .app_btn a {
        font-size: 1.5rem
    }

    .app_btn a span::after {
        width: 24px;
        height: 24px;
        margin-top: -12px
    }
}

.fb_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0 auto
}

.fb_column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto
}

.fb_row li.photo img,.fb_row li.image img {
    width: 100%;
    height: auto
}

.fb_column li.photo img,.fb_column li.image img {
    width: 100%;
    height: auto
}

.merit_sect_common#merit_sect01 {
    background: #f7f8f2
}

.merit_sect_common#merit_sect01 .inner .morebtn {
    margin-top: 40px
}

.page_index .sect_merit .wrapper-h {
    text-align: center
}

.page_index .sect_merit .wrapper-h h4 {
    padding-bottom: .5em;
    color: #666;
    font-size: 2.8rem;
    font-weight: 600;
    border-bottom: 3px solid #ff2b77;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .page_index .sect_merit .wrapper-h h4 {
        font-size:2rem
    }
}

.merit_sect_common .inner .item_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin-top: 5%
}

.merit_sect_common .inner .item_list li {
    width: 23%;
    background: #fff;
    border-radius: 5px;
    margin-right: 2%;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    position: relative
}

.merit_sect_common .inner .item_list li:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width: 1000px) {
    .merit_sect_common .inner .item_list li {
        width:19%
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .item_list li {
        width:49%;
        flex: 0 0 49%;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }

    .merit_sect_common .inner .item_list li:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .item_list li img {
        width:100%;
        display: block;
        vertical-align: middle
    }
}

.merit_sect_common .inner .item_list li a {
    color: #333
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .item_list li a {
        width:100%
    }
}

.merit_sect_common .inner .item_list li a:hover {
    text-decoration: none
}

.merit_sect_common .inner .item_list li .name {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 10px 0 15px
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .item_list li .name {
        font-size:1.4rem;
        margin-left: 10px;
        display: block;
        vertical-align: middle;
        padding: 0
    }
}

.sect_merit .more-btn {
    display: block;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 600;
    width: 380px;
    margin: 0 auto;
    background-color: #3399ff;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    text-align: center;
    padding: 1pc 0;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .sect_merit .more-btn {
        width:80%;
        font-size: 1.5rem;
        padding: 9pt 0
    }
}

@media screen and (max-width: 414px) {
    .sect_merit .more-btn {
        width:100%;
        font-size: 1.5rem;
        padding: 9pt 0
    }
}

.sect_merit .more-btn::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: 3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .4s;
    transition: .4s
}

.sect_merit .more-btn:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,.8);
    cursor: pointer
}

.sect_merit .more-btn:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.merit_sect_common .inner .not_box {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .not_box {
        margin-top:30px
    }
}

.merit_sect_common .inner .not_box .txt {
    font-size: 1.6rem;
    font-weight: 500
}

@media screen and (max-width: 1250px) {
    .merit_sect_common .inner .not_box .txt {
        width:70%
    }
}

@media screen and (max-width: 900px) {
    .merit_sect_common .inner .not_box .txt {
        width:60%
    }

    .merit_sect_common .inner .not_box .txt br {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .not_box .txt {
        font-size:1.2rem;
        width: 90%;
        margin: 0 auto
    }
}

.merit_sect_common .inner .not_box .btn {
    font-size: 1.3rem;
    color: #333;
    font-weight: 600;
    position: relative;
    padding: 0 30px 12px
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .not_box .btn {
        font-size:1.2rem;
        padding: 0 20px 12px 15px;
        margin-top: 20px;
        margin-left: 18px
    }
}

.merit_sect_common .inner .not_box .btn::before {
    content: "";
    width: 214px;
    height: 2px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .not_box .btn::before {
        width:194px
    }
}

.merit_sect_common .inner .not_box .btn::after {
    content: "";
    width: 14px;
    height: 2px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    background: #333;
    position: absolute;
    bottom: 6px;
    left: 202px;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .not_box .btn::after {
        left:182px
    }
}

.merit_sect_common .inner .not_box .btn:hover {
    text-decoration: none
}

.merit_sect_common .inner .not_box .btn:hover::before {
    left: 30px
}

.merit_sect_common .inner .not_box .btn:hover::after {
    left: 231px
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .not_box .btn:hover::after {
        left:212px
    }
}

.merit_sect_common .inner .shop_list_box {
    margin-top: 60px
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .shop_list_box {
        margin-top:40px
    }
}

.merit_sect_common .inner .shop_list_box h4 {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 35px
}

@media screen and (max-width: 1000px) {
    .merit_sect_common .inner .shop_list_box h4 {
        font-size:1.8rem;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .shop_list_box h4 span {
        display:block;
        font-size: 1.3rem;
        margin-top: 20px
    }
}

.merit_sect_common .inner .shop_list_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .shop_list_box ul {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.merit_sect_common .inner .shop_list_box ul li {
    padding: 0 20px;
    border-left: 1px solid #b4b4b4;
    line-height: 1;
    margin-bottom: 10px
}

@media screen and (max-width: 1000px) {
    .merit_sect_common .inner .shop_list_box ul li {
        padding:0 10px
    }
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .shop_list_box ul li {
        width:25%;
        text-align: center;
        padding: 0;
        margin-top: 15px
    }

    .merit_sect_common .inner .shop_list_box ul li:nth-of-type(4n) {
        border-right: 1px solid #b4b4b4
    }
}

.merit_sect_common .inner .shop_list_box ul li:last-child {
    border-right: 1px solid #b4b4b4
}

.merit_sect_common .inner .shop_list_box ul li a {
    color: #333;
    font-size: 1.4rem;
    font-weight: 500
}

.webp .page_index .sect_shop {
    background: url("https://media.eco-ring.com/wp-content/themes/kaitori/images/front/bg_shop.webp") no-repeat center center;
    background-size: 110%;
    padding: 80px 0 115px
}

.page_index .sect_shop {
    background: url("https://media.eco-ring.com/wp-content/themes/kaitori/images/front/bg_shop.png") no-repeat center center;
    background-size: 110%;
    padding: 80px 0 115px
}

@media screen and (max-width: 1250px) {
    .webp .page_index .sect_shop,.page_index .sect_shop {
        background-size:130%;
        padding: 65px 0 105px
    }
}

@media screen and (max-width: 1050px) {
    .webp .page_index .sect_shop,.page_index .sect_shop {
        background-size:160%
    }
}

@media screen and (max-width: 768px) {
    .webp .page_index .sect_shop,.page_index .sect_shop {
        background:0;
        padding: 50px 0 30px
    }
}

.page_index .sect_shop .inner {
    max-width: 996px;
    margin: 0 auto
}

@media screen and (max-width: 1050px) {
    .page_index .sect_shop .inner {
        max-width:100%;
        padding: 0 5%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_shop .inner {
        padding:0 2%
    }
}

.page_index .new-open-swiper-wrap .swiper-container {
    padding: 15px 0 0 15px
}

.page_index .new-open-swiper-wrap .swiper-slide .new {
    position: absolute;
    background: #ff2b77;
    color: #fff;
    z-index: 2;
    font-size: 1.2rem;
    font-weight: 400;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -15px;
    left: -15px
}

.page_index .new-open-swiper-wrap .swiper-slide a {
    color: #333;
    font-size: 1.4rem;
    font-weight: 500
}

.page_index .new-open-swiper-wrap {
    margin-top: 40px;
    padding-top: 0;
    position: relative
}

.swiper-new-open {
    position: relative
}

.swiper-new-open .swiper-wrapper {
    padding-top: 40px;
    display: flex
}

.swiper-new-open .swiper-slide {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0
}

#swiper-new-open-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.swiper-new-open-pagination {
    text-align: right
}

.swiper-new-open-pagination .swiper-pagination-current {
    font-weight: bold
}

#swiper-new-open-next.swiper-button-next,#swiper-new-open-prev.swiper-button-prev {
    color: #ccc
}

.page_index .sub_nav_wh {
    background: #fff
}

.page_index .sub_nav_wh .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.page_index .sub_nav_wh .inner ul li a {
    color: #333;
    font-weight: 600;
    font-size: 2.2rem;
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .4s;
    position: relative
}

.page_index .sub_nav_wh .inner ul li a:hover {
    text-decoration: none
}

.page_index .sub_nav_wh .inner ul li {
    width: 25%
}

.page_index .sub_nav_wh .inner ul li.yoyaku {
    background: #40aa35
}

.page_index .sub_nav_wh .inner ul li.yoyaku a {
    color: #fff
}

.page_index .sub_nav_wh .inner ul li.yoyaku a:hover {
    background: #56c14a
}

.page_index .sub_nav_wh .inner ul li.yoyaku img {
    width: 36px;
    height: auto;
    margin-right: 15px
}

.page_index .sub_nav_wh .inner ul li.car img {
    width: 44px;
    margin-right: 15px
}

.page_index .sub_nav_wh .inner ul li.box img {
    width: 35px;
    margin-right: 15px
}

.page_index .sub_nav_wh .inner ul li.phone img {
    width: 21px;
    margin-right: 15px
}

@media screen and (max-width: 768px) {
    .page_index .sub_nav_wh .inner ul li a {
        font-size:2.2vw
    }

    .page_index .sub_nav_wh .inner ul li.yoyaku img {
        width: 20px;
        height: auto
    }

    .page_index .sub_nav_wh .inner ul li.box img {
        margin: 0 15px
    }

    .page_index .sub_nav_wh .inner ul li.yoyaku:before {
        display: none
    }

    .page_index .sub_nav_wh .inner ul li.phone {
        display: block
    }

    .page_index .sub_nav_wh .inner ul li.phone img {
        width: 15px;
        margin-right: 10px
    }

    .page_index .sub_nav_wh .inner ul li.car:before {
        content: none
    }
}

@media screen and (max-width: 480px) {
    .page_index .sub_nav_wh .inner ul li.phone img {
        margin:0 15px
    }

    .page_index .sub_nav_wh .inner ul li.yoyaku img {
        width: 24px;
        margin: 0 30px
    }

    .page_index .sub_nav_wh .inner ul li a {
        padding: 20px 0;
        font-size: 3vw;
        display: flex;
        flex-direction: column
    }

    .page_index .sub_nav_wh .inner ul li.yoyaku img {
        width: 36px;
        height: auto;
        margin: auto
    }

    .page_index .sub_nav_wh .inner ul li.car img {
        width: 44px;
        margin: auto
    }

    .page_index .sub_nav_wh .inner ul li.box img {
        width: 35px;
        margin: auto
    }

    .page_index .sub_nav_wh .inner ul li.phone img {
        width: 21px;
        margin: auto
    }
}

.sect_video {
    padding: 60px 0 85px;
    background: #f7f8f2
}

.video_contents {
    width: 100%;
    max-width: 1000px;
    margin: 60px auto 0
}

.video_item {
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.video-over-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 100
}

.video_text {
    padding: 35px 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end
}

.video_text_inner {
    width: calc(100% - 350px)
}

.video_text h3 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px
}

.video_btn {
    width: 300px
}

.video_btn a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    background: #3eac2c;
    border-radius: 4px;
    padding: 8px;
    color: #fff;
    position: relative
}

.video_btn a span {
    position: relative;
    padding-left: 40px
}

.video_btn a span::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 0;
    background: url(https://media.eco-ring.com/wp-content/themes/kaitori/images/front/icon-video.png)center center no-repeat;
    background-size: 100% auto
}

.video_btn a:hover {
    opacity: .7;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 768px) {
    .sect_video {
        padding-right:5%;
        padding-left: 5%
    }

    .video_contents {
        margin-top: 30px
    }

    .video_text_inner {
        width: 100%
    }

    .video_text h3 {
        text-align: center
    }

    .video_btn {
        width: 100%;
        margin-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .sect_video {
        padding:50px 5% 50px
    }

    .video_text {
        padding: 20px
    }

    .video_text h3 {
        font-size: 1.8rem
    }
}

.modal-video {
    background-color: rgba(0,0,0,0.7)
}

.modal-video .modal-video-close-btn {
    right: 0;
    cursor: pointer
}

.modal-video .modal-video-close-btn:focus {
    outline: 0
}

@media screen and (max-width: 768px) {
    .modal-video .modal-video-movie-wrap {
        width:90%;
        margin: 0 auto
    }
}

.manzokudo {
    background: #e1f2fa;
    padding: 15px 10px 20px
}

.manzokudo img {
    width: 100%
}

@media(min-width: 500px) {
    .manzokudo {
        display:none
    }
}

.page_index .sect_reason {
    position: relative;
    padding: 30px 0 80px
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason {
        padding:50px 0
    }
}

.page_index .sect_reason::before {
    content: "";
    background-color: #fffadd;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 58%;
    left: 0;
    margin-top: -200px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason::before {
        height:30vw;
        margin-top: -13vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason::before {
        height:80vw;
        margin-top: -40vw
    }
}

.page_index .sect_reason .inner {
    max-width: 1250px;
    margin: 0 auto
}

@media screen and (max-width: 1300px) {
    .page_index .sect_reason .inner {
        max-width:100%;
        padding: 0 5%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .inner {
        padding:0 2%
    }
}

.page_index .sect_reason .ttl_type01 {
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .ttl_type01 {
        margin-bottom:20px
    }
}

.page_index .sect_reason .reason_slider_wrap {
    position: relative;
    padding-top: 50px
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap {
        padding-top:40px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider {
        padding:10px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 6px 6px 14px 0 rgba(0,0,0,0.1);
    box-shadow: 6px 6px 14px 0 rgba(0,0,0,0.1)
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide {
        -webkit-box-shadow:3px 3px 7px 0 rgba(0,0,0,0.1);
        box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.1)
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .img {
    width: 51%
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .img {
        width:100%
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content {
    width: 49%
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main {
        padding:75px 18px;
        min-height: 320px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .crown {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 1.6
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .crown {
        font-size:2.4vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .crown {
        font-size:2rem
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main h2 {
    font-weight: 600;
    font-size: 4rem;
    text-align: center;
    line-height: 1.5;
    margin-top: 20px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main h2 {
        font-size:3.6vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main h2 {
        font-size:2rem;
        margin-top: 15px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main h2 span {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#3399ff));
    background: linear-gradient(transparent 60%,#3399ff 60%)
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .h2_mini {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    color: #3399ff;
    margin-top: 20px;
    letter-spacing: 4px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .h2_mini {
        font-size:1.4vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .h2_mini {
        font-size:1.1rem;
        margin-top: 15px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .logo {
    text-align: center;
    margin-top: 35px
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .logo {
        margin-top:20px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .logo img {
    width: 160px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .logo img {
        width:13vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.main .logo img {
        width:100px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num {
    padding: 0 5%
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num {
        padding:22px 18px;
        min-height: 320px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox .num {
    width: 60px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox .num {
        width:4.8vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox .num {
        width:48px;
        margin-right: 12px
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox h3 {
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 30px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox h3 {
        font-size:2.7vw;
        margin-top: 2.4vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox h3 {
        font-size:1.8rem
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .ttlbox h3 .marker {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#3399ff));
    background: linear-gradient(transparent 60%,#3399ff 60%)
}

.page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .txt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 50px
}

@media screen and (max-width: 1250px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .txt {
        font-size:1.2vw;
        margin-top: 3vw
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .txt {
        font-size:1.4rem;
        margin-top: 20px
    }

    .page_index .sect_reason .reason_slider_wrap .reason_slider .swiper-wrapper .swiper-slide .flex .content.num .txt br {
        display: none
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav {
    width: 90px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 768px) {
    .page_index .sect_reason .reason_slider_wrap .reason_slider_nav {
        right:0;
        margin-right: 0
    }
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .swiper-pagination-fraction {
    bottom: 4px;
    left: 0;
    width: 100%;
    z-index: 0;
    font-size: 1.3rem;
    color: #333;
    text-align: center;
    position: absolute
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .reason_swiper-button-prev {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    cursor: pointer
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .reason_swiper-button-prev:focus {
    outline: 0
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .reason_swiper-button-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .reason_swiper-button-next {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    right: 6px;
    position: absolute;
    bottom: 4px;
    cursor: pointer
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .reason_swiper-button-next:focus {
    outline: 0
}

.page_index .sect_reason .reason_slider_wrap .reason_slider_nav .reason_swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(-1px);
    transform: rotate(45deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

#swiper-reason-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.swiper-reason-pagination {
    text-align: right
}

#swiper-reason-pagination .swiper-pagination-current {
    font-weight: bold
}

#swiper-reason-next.swiper-button-next,#swiper-reason-prev.swiper-button-prev {
    color: #ccc
}

.page_index .sect_review {
    background: #f7f8f2;
    padding-top: 120px
}

@media screen and (max-width: 768px) {
    .page_index .sect_review {
        padding-top:50px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .ttlbox h2 {
        text-align:center !important;
        margin-bottom: 0 !important
    }
}

.page_index .sect_review .crown {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 35px
}

@media screen and (max-width: 950px) {
    .page_index .sect_review .crown {
        text-align:center;
        font-size: 1.6rem;
        margin-bottom: 10px
    }
}

.page_index .sect_review .att {
    font-size: 1.2rem;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .att {
        font-size:1.1rem;
        margin-top: 40px;
        line-height: 1.6
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .btn_type01 {
        margin-top:10px !important
    }
}

.page_index .sect_review .review_slider_wrap {
    position: relative;
    padding-bottom: 50px
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap {
        padding-bottom:10px
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider {
    padding: 60px 10px 10px
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider {
        padding-bottom:20px;
        padding-top: 45px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper {
        margin-top:0
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    padding: 30px 30px 50px;
    height: auto
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide {
        padding:30px 25px 35px
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide .name {
    font-size: 1.5rem;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide .name {
        font-size:1.2rem;
        margin-bottom: 15px
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide .star {
    margin-bottom: 15px;
    width: 73px
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide .star {
        margin-bottom:5px
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide .txt {
    font-size: 1.4rem;
    line-height: 2
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider .swiper-wrapper .swiper-slide .txt {
        font-size:1.2rem;
        line-height: 2.2
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav {
    width: 90px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0
}

@media screen and (max-width: 768px) {
    .page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav {
        right:0;
        margin-right: 0
    }
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-button-prev {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    bottom: 7px;
    left: 5px;
    cursor: pointer
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-button-prev:focus {
    outline: 0
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-button-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-button-next {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    right: 5px;
    position: absolute;
    bottom: 6px;
    cursor: pointer
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-button-next:focus {
    outline: 0
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(-1px);
    transform: rotate(45deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.page_index .sect_review .review_slider_wrap .swiper-container.review_slider .review_slider_nav .review_swiper-pagination {
    bottom: 4px;
    left: 0;
    width: 100%;
    z-index: 0;
    font-size: 1.3rem;
    color: #333;
    text-align: center
}

#swiper-review-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.swiper-review-pagination {
    text-align: right
}

#swiper-review-pagination .swiper-pagination-current {
    font-weight: bold
}

#swiper-review-next.swiper-button-next,#swiper-review-prev.swiper-button-prev {
    color: #ccc
}

.pc_merit03_slider_wrap {
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 40px;
    position: relative
}

.pc_merit03_slider_wrap .pc_merit03_slider {
    padding: 10px
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li {
    background: #fff;
    width: 23%;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 3.2%;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1)
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li:nth-child(-n+4) {
    margin-top: 0
}

@media screen and (max-width: 1050px) {
    .pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li {
        width:24%
    }
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li a {
    color: #333
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li a:hover {
    text-decoration: none
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt {
    padding: 10px 20px;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1050px) {
    .pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt {
        padding:1vw 1.5vw
    }
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .name {
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #dfdfdf
}

@media screen and (max-width: 1050px) {
    .pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .name {
        font-size:1.6vw
    }
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .shop,.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .day {
    font-size: 1.4rem
}

@media screen and (max-width: 1050px) {
    .pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .shop,.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .day {
        font-size:1.4vw
    }
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .shop span,.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .day span {
    font-weight: 600
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .cost {
    font-size: 1.4rem;
    line-height: 1.1
}

@media screen and (max-width: 1050px) {
    .pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .cost {
        font-size:1.4vw
    }
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .cost span {
    font-weight: 600;
    color: #cf1320;
    font-size: 2rem
}

@media screen and (max-width: 1050px) {
    .pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .cost span {
        font-size:1.6vw
    }
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .cost span em {
    font-size: 80%
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .reason_btn {
    text-align: right;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #dfdfdf;
    color: #3399ff;
    font-size: 1.2rem;
    font-weight: 600;
    padding-right: 20px;
    position: relative
}

.pc_merit03_slider_wrap .pc_merit03_slider .swiper-wrapper .swiper-slide ul li .txt .reason_btn::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #3399ff;
    border-right: 2px solid #3399ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top
}

.sp_merit03_slider_wrap {
    position: relative;
    padding-top: 35px
}

.sp_merit03_slider_wrap .sp_merit03_slider {
    padding: 5px
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1)
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide a {
    color: #333
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide a:hover {
    text-decoration: none
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt {
    padding: 8px
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .name {
    font-size: 1.3rem;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .shop,.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .day {
    font-size: 1rem
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .shop span,.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .day span {
    font-weight: 600
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .cost {
    font-size: 1rem
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .cost span {
    color: #cf1320;
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 1
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .cost span em {
    font-size: 62%
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .reason_btn {
    text-align: right;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    margin-top: 10px;
    color: #3399ff;
    font-size: 1.1rem;
    font-weight: 600;
    padding-right: 20px;
    position: relative
}

.sp_merit03_slider_wrap .sp_merit03_slider .swiper-wrapper .swiper-slide .txt .reason_btn::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #3399ff;
    border-right: 2px solid #3399ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .4s;
    transition: .4s
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav {
    width: 90px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .swiper-pagination-fraction {
    bottom: 4px;
    left: 0;
    width: 100%;
    z-index: 0;
    font-size: 1.3rem;
    color: #333;
    text-align: center
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .sp_merit03_swiper-button-prev {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    bottom: 7px;
    left: 5px
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .sp_merit03_swiper-button-prev:focus {
    outline: 0
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .sp_merit03_swiper-button-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .sp_merit03_swiper-button-next {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    right: 5px;
    position: absolute;
    bottom: 6px
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .sp_merit03_swiper-button-next:focus {
    outline: 0
}

.sp_merit03_slider_wrap .sp_merit03_slider_nav .sp_merit03_swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(-1px);
    transform: rotate(45deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

#swiper-merit3_pc-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.swiper-merit3-pagination {
    text-align: right
}

#swiper-merit3-pagination .swiper-pagination-current {
    font-weight: bold
}

#swiper-merit3-next.swiper-button-next,#swiper-merit3-prev.swiper-button-prev {
    color: #ccc
}

#swiper-merit3_sp-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.swiper-merit3sp-pagination {
    text-align: right
}

#swiper-merit3sp-pagination .swiper-pagination-current {
    font-weight: bold
}

#swiper-merit3sp-next.swiper-button-next,#swiper-merit3sp-prev.swiper-button-prev {
    color: #ccc
}

.page_index .sect_brand {
    padding: 85px 0;
    background: #f7f8f2
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand {
        padding:50px 0
    }
}

.page_index .sect_brand .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1250px) {
    .page_index .sect_brand .inner {
        max-width:100%;
        padding: 0 5%
    }
}

@media screen and (max-width: 1000px) {
    .page_index .sect_brand .inner .ttlbox {
        text-align:center;
        width: 100%;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand .inner .ttlbox {
        margin-bottom:30px
    }
}

.page_index .sect_brand .inner .ttlbox h2 {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand .inner .ttlbox h2 {
        font-size:2rem
    }

    .page_index .sect_brand .inner .ttlbox h2 br {
        display: none
    }
}

.page_index .sect_brand .inner .brand_list_wrap {
    width: 70%
}

@media screen and (max-width: 1000px) {
    .page_index .sect_brand .inner .brand_list_wrap {
        width:100%
    }
}

.page_index .sect_brand .inner .brand_list_wrap .brand_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page_index .sect_brand .inner .brand_list_wrap .brand_list li {
    width: 25%;
    text-align: center;
    padding: 25px 0
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand .inner .brand_list_wrap .brand_list li {
        width:33%;
        padding: 8px 0
    }

    .page_index .sect_brand .inner .brand_list_wrap .brand_list li:nth-child(n+13):nth-child(-n+28) {
        display: none
    }
}

.page_index .sect_brand .inner .brand_list_wrap .brand_list li a {
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand .inner .brand_list_wrap .brand_list li a {
        font-size:1rem;
        letter-spacing: .2px
    }
}

.page_index .sect_brand .inner .brand_list_wrap .brand_list li a span {
    font-size: 1.3rem;
    color: #c6b357;
    display: block
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand .inner .brand_list_wrap .brand_list li a span {
        font-size:.9rem
    }
}

.page_index .sect_brand .morebtn {
    margin: 60px auto 0
}

.page_index .sect_brand .morebtn a {
    display: block;
    color: #fffffff;
    font-size: 1.8rem;
    font-weight: 600;
    width: 380px;
    margin: 0 auto;
    background-color: #3399ff;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    text-align: center;
    padding: 1pc 0;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .page_index .sect_brand .morebtn a {
        width:100%;
        font-size: 1.5rem;
        padding: 9pt 5em
    }
}

.page_index .sect_brand .morebtn a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .4s;
    transition: .4s
}

.page_index .sect_brand .morebtn a:hover {
    text-decoration: none;
    background: #333;
    color: #fff
}

.page_index .sect_brand .morebtn a:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.sect_ecomore {
    padding: 90px 0
}

@media screen and (max-width: 768px) {
    .sect_ecomore {
        padding:50px 0
    }
}

.sect_ecomore .inner {
    max-width: 1250px;
    margin: 0 auto
}

@media screen and (max-width: 1250px) {
    .sect_ecomore .inner {
        padding:0 5%
    }
}

@media screen and (max-width: 768px) {
    .sect_ecomore .inner {
        padding:0 1%
    }
}

@media screen and (max-width: 768px) {
    .sect_ecomore .inner .ttl_type01 {
        letter-spacing:1.4px
    }
}

.sect_ecomore .inner .ecomore_slider_wrap {
    margin-top: 40px;
    padding-top: 40px;
    position: relative
}

@media screen and (max-width: 768px) {
    .sect_ecomore .inner .ecomore_slider_wrap {
        margin-top:20px;
        padding-top: 30px
    }
}

.sect_ecomore .inner .ecomore_slider_wrap .ecomore_slider {
    padding: 10px
}
.sect_ecomore .inner .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sect_ecomore .inner .ecomore_slider_wrap .ecomore_slider .swiper-slide {
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    width: 32.3333%;
}
.sect_ecomore .inner .ecomore_slider_wrap .ecomore_slider .swiper-slide a img {
    width: 100%;
}

.sect_ecomore #swiper-learn-more-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.sect_ecomore .swiper-learn-more-pagination {
    text-align: right
}

.sect_ecomore #swiper-learn-more-pagination .swiper-pagination-current {
    font-weight: bold
}

.sect_ecomore #swiper-learn-more-next.swiper-button-next,.sect_ecomore #swiper-learn-more-prev.swiper-button-prev {
    color: #ccc
}

.page_index .sect_news {
    background: #f7f8f2;
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .page_index .sect_news {
        padding:50px 0
    }
}

.page_index .sect_news .news_list_wrap {
    background: #fff;
    padding: 35px 25px
}

@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap {
        padding:18px 12px
    }
}

.page_index .sect_news .news_list_wrap .news_list li {
    border-top: 1px solid #ddd;
    padding-top: 25px;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap .news_list li {
        padding-top:12px;
        margin-top: 12px;
        display: none
    }
}

.page_index .sect_news .news_list_wrap .news_list li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

.page_index .sect_news .news_list_wrap .news_list li .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_index .sect_news .news_list_wrap .news_list li .sub .day {
    font-size: 1.4rem;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap .news_list li .sub .day {
        font-size:1.1rem
    }
}

.page_index .sect_news .news_list_wrap .news_list li .sub .cat {
    font-size: 1.3rem;
    font-weight: 600;
    background: #c6b357;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    line-height: 1;
    margin-left: 25px
}

@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap .news_list li .sub .cat {
        font-size:1rem;
        padding: 5px 15px;
        border-radius: 3px;
        margin-left: 15px
    }
}

.page_index .sect_news .news_list_wrap .news_list li .ttl {
    width: calc(100% - 240px)
}

@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap .news_list li .ttl {
        width:100%;
        margin-top: 5px;
        line-height: 1.4
    }
}

.page_index .sect_news .news_list_wrap .news_list li .ttl a {
    color: #333;
    font-size: 1.6rem;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap .news_list li .ttl a {
        font-size:1.3rem;
        line-height: 1.4
    }
}

.page_index .sect_news .news_readMoreBtn {
    display: none;
    text-align: center;
    margin-top: 15px
}

.page_index .sect_news .news_readMoreBtn i {
    display: block;
    text-align: center;
    margin-top: 5px
}

.page_index .sect_news .news_readMoreBtn i img {
    width: 42px
}

.page_index .sect_faq {
    background: #f7f8f2;
    padding-top: 100px;
    padding-bottom: 140px
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq {
        padding:60px 0
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .ttlbox h2 {
        text-align:center !important;
        margin-bottom: 0 !important
    }
}

.page_index .sect_faq .ttlbox span {
    display: block;
    margin-top: 20px;
    width: 160px
}

@media screen and (max-width: 950px) {
    .page_index .sect_faq .ttlbox span {
        margin:10px auto 0;
        width: 120px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .ttlbox span {
        width:80px
    }
}

.page_index .sect_faq .crown {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 30px
}

@media screen and (max-width: 950px) {
    .page_index .sect_faq .crown {
        text-align:center;
        font-size: 1.6rem;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .btn_type01 {
        margin-top:30px !important
    }
}

.page_index .sect_faq .faq_list_wrap {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    padding: 0 50px
}

@media screen and (max-width: 950px) {
    .page_index .sect_faq .faq_list_wrap {
        padding:0 30px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .faq_list_wrap {
        padding:5px 25px
    }
}

    border-bottom: 1px solid #ccc;
    padding: 10px 0
}

.page_index .sect_faq .faq_list_wrap dl:last-child {
    border-bottom: 0
}

.page_index .sect_faq .faq_list_wrap dl dt {
    background: url(https://nazi.sakura.ne.jp/takumi/wp-content/uploads/2024/09/faq_icon_q.png) no-repeat left top 15px;
    background-size: 36px auto;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 20px 45px 20px 50px;
    position: relative;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .faq_list_wrap dl dt {
        background-position:left top 12px;
        background-size: 27px auto;
        font-size: 1.5rem;
        line-height: 2;
        padding: 10px 35px 10px 40px
    }
}

.page_index .sect_faq .faq_list_wrap dl dt::before {
    content: '';
    position: absolute;
    right: 20px;
    top: 33px;
    background: #535353;
    height: 2px;
    width: 26px
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .faq_list_wrap dl dt::before {
        right:0;
        top: 28px;
        width: 15px
    }
}

.page_index .sect_faq .faq_list_wrap dl dt::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 33px;
    background: #535353;
    height: 2px;
    width: 26px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .faq_list_wrap dl dt::after {
        right:0;
        top: 28px;
        width: 15px
    }
}

.page_index .sect_faq .faq_list_wrap dl dt.active::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .4s;
    transition: .4s
}

.page_index .sect_faq .faq_list_wrap dl dd {
    display: none;
    background: url(https://nazi.sakura.ne.jp/takumi/wp-content/uploads/2024/09/faq_icon_a.png) no-repeat left top;
    background-size: 36px auto;
    font-size: 1.4rem;
    line-height: 2;
    padding: 5px 0 20px 50px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .page_index .sect_faq .faq_list_wrap dl dd {
        background-position:left top 8px;
        background-size: 27px auto;
        font-size: 1.2rem;
        padding: 10px 0 10px 45px
    }
}

.page_index .sect_other {
    background: #f7f8f2;
    padding-top: 90px;
    padding-bottom: 90px
}

@media screen and (max-width: 768px) {
    .page_index .sect_other {
        padding:0 0 2px
    }
}

.page_index .sect_other .inner {
    max-width: 1120px;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {
    .page_index .sect_other .inner {
        max-width:100%;
        padding: 0 4%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_other .inner {
        padding:0
    }
}

.page_index .sect_other .ttl_type01 {
    font-size: 3.2rem;
    line-height: 1.6
}

@media screen and (max-width: 768px) {
    .page_index .sect_other .ttl_type01 {
        background:#3399ff;
        font-size: 2rem;
        text-align: left;
        padding: 18px 40px 18px 5%;
        position: relative
    }

    .page_index .sect_other .ttl_type01::after,.page_index .sect_other .ttl_type01::before {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -1px;
        background: transparent;
        height: 2px;
        width: 15px
    }

    .page_index .sect_other .ttl_type01::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .4s;
        transition: .4s
    }

    .page_index .sect_other .ttl_type01.active::after {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .4s;
        transition: .4s
    }
}

.page_index .sect_other .ttl_type01 span {
    margin-top: 15px
}

@media screen and (max-width: 768px) {
    .page_index .sect_other .ttl_type01 span {
        font-size:1rem;
        margin-top: 5px
    }
}

.page_index .sect_other .other_slider_wrap {
    margin-top: 20px;
    position: relative;
    padding-top: 35px
}

@media screen and (max-width: 768px) {
    .page_index .sect_other .other_slider_wrap {
        margin:25px 0 0;
        padding: 30px 5% 40px
    }
}

.page_index .sect_other .other_slider_wrap .swiper-container.other_slider {
    padding: 10px 10px
}

.page_index .sect_other .other_slider_wrap .swiper-container.other_slider .swiper-slide {
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2)
}

.sect_other #swiper-others-pagination {
    bottom: -40px;
    left: 0;
    width: 100%
}

.sect_other .swiper-others-pagination {
    text-align: right
}

.sect_other #swiper-others-pagination .swiper-pagination-current {
    font-weight: bold
}

.sect_other #swiper-others-next.swiper-button-next,#swiper-others-prev.swiper-button-prev {
    color: #ccc
}

.page_index .sect_ecolumn {
    padding: 130px 0
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn {
        padding:50px 0
    }
}

.page_index .sect_ecolumn .ecolumn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page_index .sect_ecolumn .ecolumn_list li {
    width: 47%;
    margin-top: 45px;
    border-bottom: 1px solid #ccc
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li {
        width:100%
    }

    .page_index .sect_ecolumn .ecolumn_list li:first-child {
        border-top: 1px solid #ccc
    }
}

.page_index .sect_ecolumn .ecolumn_list li:nth-child(-n+2) {
    margin-top: 0
}

.page_index .sect_ecolumn .ecolumn_list li a {
    color: #333
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li a {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li a .img {
        width:130px
    }
}

.page_index .sect_ecolumn .ecolumn_list li a .txt {
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li a .txt {
        width:calc(100% - 145px);
        padding: 0
    }
}

.page_index .sect_ecolumn .ecolumn_list li a .txt .cat {
    color: #fff;
    background: #c6b357;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 7px 10px;
    line-height: 1;
    border-radius: 3px;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li a .txt .cat {
        font-size:1rem;
        padding: 6px 10px;
        border-radius: 2px
    }
}

.page_index .sect_ecolumn .ecolumn_list li a .txt .ttl {
    font-size: 1.6rem;
    font-weight: 400;
    color: #333;
    margin-top: 15px
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li a .txt .ttl {
        font-size:1.3rem;
        margin-top: 5px
    }
}

.page_index .sect_ecolumn .ecolumn_list li a .txt .day {
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .page_index .sect_ecolumn .ecolumn_list li a .txt .day {
        margin-top:5px;
        font-size: 1rem
    }
}

.page_index .sect_group {
    padding-top: 90px;
    padding-bottom: 40px
}

@media screen and (max-width: 768px) {
    .page_index .sect_group {
        padding:0 0 2px
    }
}

.page_index .sect_group .inner {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 1250px) {
    .page_index .sect_group .inner {
        max-width:100%;
        padding: 0 4%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .inner {
        padding:0
    }
}

.page_index .sect_group .ttl_type01 {
    font-size: 3.2rem;
    line-height: 1.6
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .ttl_type01 {
        background:#3399ff;
        font-size: 2rem;
        text-align: left;
        padding: 18px 40px 18px 5%;
        position: relative
    }

    .page_index .sect_group .ttl_type01::before {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -1px;
        background: #535353;
        height: 2px;
        width: 15px
    }

    .page_index .sect_group .ttl_type01::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -1px;
        background: #535353;
        height: 2px;
        width: 15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .4s;
        transition: .4s
    }

    .page_index .sect_group .ttl_type01.active::after {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .4s;
        transition: .4s
    }
}

.page_index .sect_group .ttl_type01 span {
    margin-top: 15px
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .ttl_type01 span {
        font-size:1rem;
        margin-top: 5px
    }
}

.page_index .sect_group .group_list_wrap {
    margin-top: 90px
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap {
        margin:0;
        display: none
    }
}

.page_index .sect_group .group_list_wrap .group_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page_index .sect_group .group_list_wrap .group_list li {
    margin: 0 3.5% 65px 0;
    width: 31%;
    position: relative
}

@media screen and (max-width: 950px) {
    .page_index .sect_group .group_list_wrap .group_list li {
        margin-right:6%;
        width: 47%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap .group_list li {
        border-bottom:1px solid #ccc;
        margin: 0;
        width: 100%
    }
}

.page_index .sect_group .group_list_wrap .group_list li:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 950px) {
    .page_index .sect_group .group_list_wrap .group_list li:nth-child(3n) {
        margin-right:6%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap .group_list li:nth-child(3n) {
        margin-right:0
    }
}

@media screen and (max-width: 950px) {
    .page_index .sect_group .group_list_wrap .group_list li:nth-child(even) {
        margin-right:0
    }
}

.page_index .sect_group .group_list_wrap .group_list li::before {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -5px;
    width: 18px;
    height: 18px;
    border-top: 3px solid #535353;
    border-right: 3px solid #535353;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    transform-origin: top
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap .group_list li::before {
        border-top:2px solid #535353;
        border-right: 2px solid #535353;
        width: 12px;
        height: 12px;
        margin-top: -3px
    }
}

.page_index .sect_group .group_list_wrap .group_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap .group_list li a {
        padding:20px 5%
    }
}

.page_index .sect_group .group_list_wrap .group_list li a:hover {
    text-decoration: underline
}

.page_index .sect_group .group_list_wrap .group_list li a .img {
    width: 28%
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap .group_list li a .img {
        width:20%
    }
}

.page_index .sect_group .group_list_wrap .group_list li a .txt {
    padding-right: 36px;
    width: 68%
}

@media screen and (max-width: 768px) {
    .page_index .sect_group .group_list_wrap .group_list li a .txt {
        padding-right:0;
        width: 76%
    }
}

.page_index .sect_group .group_list_wrap .group_list li a .txt .sub {
    color: #c6b357;
    font-size: 1.4rem;
    line-height: 1.5
}

.page_index .sect_group .group_list_wrap .group_list li a .txt .name {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 5px
}

.page_index .sect_information {
    padding-top: 90px;
    padding-bottom: 70px
}

@media screen and (max-width: 768px) {
    .page_index .sect_information {
        padding:0 0 2px
    }
}

.page_index .sect_information .inner {
    max-width: 1120px;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {
    .page_index .sect_information .inner {
        max-width:100%;
        padding: 0 4%
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_information .inner {
        padding:0
    }
}

.page_index .sect_information .ttl_type01 {
    font-size: 3.2rem;
    line-height: 1.6
}

@media screen and (max-width: 768px) {
    .page_index .sect_information .ttl_type01 {
        background:#3399ff;
        font-size: 2rem;
        text-align: left;
        padding: 18px 40px 18px 5%;
        position: relative
    }

    .page_index .sect_information .ttl_type01::before {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -1px;
        background: #535353;
        height: 2px;
        width: 15px
    }

    .page_index .sect_information .ttl_type01::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -1px;
        background: #535353;
        height: 2px;
        width: 15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .4s;
        transition: .4s
    }

    .page_index .sect_information .ttl_type01.active::after {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .4s;
        transition: .4s
    }
}

.page_index .sect_information .ttl_type01 span {
    margin-top: 15px
}

@media screen and (max-width: 768px) {
    .page_index .sect_information .ttl_type01 span {
        font-size:1rem;
        margin-top: 5px
    }
}

.page_index .sect_information .information_slider_wrap {
    margin-top: 20px;
    padding-top: 35px;
    position: relative
}

@media screen and (max-width: 768px) {
    .page_index .sect_information .information_slider_wrap {
        margin:25px 0 0;
        padding: 30px 5% 40px
    }
}

.page_index .sect_information .information_slider_wrap .swiper-container.information_slider {
    padding: 10px 10px
}

.page_index .sect_information .information_slider_wrap .swiper-container.information_slider .swiper-slide {
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2)
}

.page_index .sect_information .information_slider_wrap .information_slider_nav {
    width: 90px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .page_index .sect_information .information_slider_wrap .information_slider_nav {
        bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .page_index .sect_information .information_slider_wrap .information_slider_nav {
        right:0;
        margin-right: 5%
    }
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-button-prev {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    bottom: 7px;
    left: 5px;
    cursor: pointer
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-button-prev:focus {
    outline: 0
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-button-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    transform: rotate(-135deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-button-next {
    width: 14px;
    height: 20px;
    margin-top: -10px;
    right: 5px;
    position: absolute;
    bottom: 6px;
    cursor: pointer
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-button-next:focus {
    outline: 0
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(-1px);
    transform: rotate(45deg) translateY(-50%) translateX(-1px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.page_index .sect_information .information_slider_wrap .information_slider_nav .information-swiper-pagination {
    bottom: 4px;
    left: 0;
    width: 100%;
    z-index: 0;
    font-size: 1.3rem;
    color: #333;
    text-align: center
}
/* return top */
#return_top { position:fixed; bottom:0; right:0; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:50px; height:50px; margin:0; padding:0; background:#bbb url(img/footer/return_top.png) no-repeat center center; z-index: 999; }
#return_top:hover { background-color:#00a2d9; }
#main_col {
    max-width: 1170px;
    margin: 0px auto;
}
#bread_crumb {
    max-width: 1170px;
    margin: 0px auto;
}
#post_title h2 {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .merit_sect_common .inner .item_list li {
        width: 49%;
        flex: 0 0 49%;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: block; /* ここが原因で表示されない */
    }
}
@media screen and (max-width: 768px) {
    .page_index .sect_news .news_list_wrap .news_list li {
        padding-top: 12px;
        margin-top: 12px;
        display: block; /* ここが原因で表示されない */
    }
}
@media screen and (max-width: 768px) {
    .webp .page_index .sect_shop,
    .page_index .sect_shop {
        background: 0; /* 背景が消えてしまう */
        padding: 50px 0 30px; /* マージンの調整のみ */
    }
}
/* パソコン用画像をデフォルトで表示 */
.desktop-image {
    display: block; /* パソコン用画像を表示 */
    width: 100%;
}

/* スマホ用画像をデフォルトでは非表示 */
.mobile-image {
    display: none; /* スマホ用画像を非表示 */
    width: 100%;
}

/* スマホ画面の場合、パソコン用画像を非表示にし、スマホ用画像を表示する */
@media screen and (max-width: 767px) {
    .desktop-image {
        display: none; /* パソコン用画像を非表示 */
    }

    .mobile-image {
        display: block; /* スマホ用画像を表示 */
    }
}
/* Clearfix の設定が正しいか確認 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.desc {
  text-align: left !important;
}

.info .post_date {
	text-align: left !important;
}
.info .title {
	text-align: left !important;
}
.info .title {
	text-align:  left !important;
}
.info .meta.clearfix .meta_category a {
	text-align: left !important;
}
.info .meta.clearfix .meta_category {
	text-align: left !important;
}

.info .meta.clearfix .meta_author a {
	text-align: left !important;
}

.meta {
  text-align: left !important; /* テキストを左揃えにする */
}

.meta li {
  display: inline-block !important; /* リスト項目をインラインで表示 */
  margin-right: 10px !important; /* 各リストアイテムの間にスペースを追加（任意） */
}

.desc {
  text-align: left !important; /* テキストを左揃えにする */
}

.desc + a {
  display: block !important; /* リンクをブロック要素にすることで左揃えにする */
  text-align: left !important; /* リンクのテキストを左揃えにする */
}