@charset "UTF-8";

/* ================================================
===================================================
===================================================
Base
===================================================
===================================================
================================================ */
body{-webkit-text-size-adjust: 100%;color: #292929;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;padding: 0;height: auto;font-size: 16px;}
img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*++++++++++++++++++++++++++
	Link : Img
++++++++++++++++++++++++++*/
/*  PC  */
@media screen and (min-width: 641px){a:hover img {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}a:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
/* hover */.hover,a.hover{text-decoration:none ;-webkit-transition: background-color 0.4s linear;-moz-transition: background-color 0.4s linear;-o-transition: background-color 0.4s linear;transition: background-color 0.4s linear;filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}}
dl,dt,dd,ul,ol,li{margin: 0px;padding: 0px;list-style:none;}
/*++++++++++++++++++++++++++
	汎用クラス
++++++++++++++++++++++++++*/
td {text-align: left;}
th {font-weight: normal;text-align: center;}
section {clear: both;margin: 0;padding: 0;}
/* ================================================
===================================================
===================================================
Base end
===================================================
===================================================
================================================ */

/* ================================================
===================================================
===================================================
reset
===================================================
===================================================
================================================ */
/*
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com
	Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;margin: 0;font-style: normal;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;padding:0 ;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
.clear_both {clear: both;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
address{font-style:normal ;}
/* ================================================
===================================================
===================================================
reset end
===================================================
===================================================
================================================ */

/*++++++++++++++++++++++++++
	背景
++++++++++++++++++++++++++*/
html{
    scroll-padding-top: 85px;
}
.wrapper {
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Montserrat", "Hiragino Kaku Gothic ProN W3";
    max-width: 1200px;
    width: 90%;
    margin: auto;
}
body{
    background-color: #fff;
    color: #171717;
    overflow-x: hidden;

}
img{
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}
body a:hover{
    opacity: 1;
}
body a:hover img{
    opacity: 1;
}
/*++++++++++++++++++++++++++
	ボタン
++++++++++++++++++++++++++*/

a{text-decoration:none; color:#171717;}
a:link{text-decoration:none; color:#171717;}
a:visited{text-decoration:none; color:#171717;}
a:hover{text-decoration:none; color:#171717;}
a:active {text-decoration:none; color:#171717;}

.link-btn{
    margin-top: clamp(15px, 6vw, 60px);
    text-align: center;
}
.link-btn .arrow{
	position: relative;
}
.link-btn .arrow::before,
.link-btn .arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 14px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.link-btn .type::before{
	width: 24px;
	height: 24px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FB0000;
    transition: background-color .3s;
}
.link-btn .type::after{
	right: 23px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    transition: border-color .3s;
}
.link-btn a:hover .type::before{
	background: #fff;
}
.link-btn a:hover .type::after{
	border-top: 2px solid #FB0000;
	border-right: 2px solid #FB0000;
}
.link-btn .lb-inner{
    display: inline-block;
    background-color: #fff;
    border: solid 1px #FB0000;
    border-radius: 100px;
    width: clamp(100px, 100%, 300px);
    box-sizing: border-box;
    transition: background-color .3s;
}
.link-btn a:hover .lb-inner{
    background-color: #FB0000;
    border: solid 1px #fff;
}
.link-btn .lb-inner .txt{
    font-size: clamp(15px, 1.6vw, 17px);
    font-weight: 600;
    text-align: center;
    padding: 15px 10px;
    color: #000000;
    transition: color .3s;
}
.link-btn a:hover .lb-inner .txt{
    color: #fff;
}
.link-btn .lb-icon{
    position: relative;
}
.link-btn .lb-inner i{
    position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
    width: 16px;
}
@media only screen and (max-width: 500px) {
    .link-btn .lb-inner{
        width: 100%;
    }
}
/*++++++++++++++++++++++++++
	共通コンテンツ
++++++++++++++++++++++++++*/
section{
    overflow-x: hidden;
}
.sp{
    display: none;
}
.pc{
    display:block;
}
.f-en{
    font-family: "Montserrat", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium";
}
.f-kakugo{
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium";
}
.title_m{
    margin-bottom: 30px;
}
.title_m h2{
    font-size: clamp(28px, 3.6vw, 36px);
    font-weight: 700;
}
.title_m p{
    font-size: 14px;
    font-weight: 500;
}
.title_l{
    position: relative;
    margin-bottom: clamp(50px, 9vw, 90px);
}
.title_l h2{
    font-size: clamp(28px, 3.6vw, 36px);
    font-weight: 700;
}
.title_l .back{
    font-size: clamp(100px, 14vw, 140px);
    font-weight: 600;
    color: #FFE6E6;
    position: absolute;
    top: -100%;
    left: 0;
    z-index: -1;
    width: 800px;
}
@media only screen and (max-width: 780px) {
.sp{
     display: block;
}
.pc{
     display: none;
}
.title_m h2{
    text-align: center;
}
.title_m p{
    text-align: center;
    margin-top: 10px;
}
.title_l h2{
    text-align: center;
}
.title_l .back{
    left: -0.3em;
}
}

/*++++++++++++++++++++++++++
	PC ヘッダー
++++++++++++++++++++++++++*/
#head-menu{
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "Montserrat", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3";
}
#head-menu .main-head{
    position: fixed;
    width: 100%;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 15;
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
    background-color: #fff;
    border-bottom: solid 1px #EEEBEB;
}
#head-menu .logo{
    position: absolute;
    top: 10px;
    left: 20px;
}
#head-menu .logo-icon img{
    width: 130px;
}
#head-menu .menu ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
    align-items: center;
    padding-top: 15px;
}
#head-menu .menu ul li{
    margin-right: clamp(5px, 1.3vw, 30px);
}
#head-menu .menu ul.nav-min li{
    margin-right: clamp(15px, 2vw, 60px);
}
#head-menu .menu ul li:last-child,
#head-menu .menu ul.nav-min li:last-child{
    margin-right: 0;
}
#head-menu .main-head .m-txt p{
    font-size: clamp(8px, 1.1vw, 14px);
    font-weight: 700;
}
#head-menu .main-head .min-txt p{
    font-size: clamp(6px, 1.0vw, 12px);
    font-weight: 500;
}
#head-menu .main-head .ic-link p::after{
    content: '';
    display: inline-block;
    background-image: url(../images/ico-link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-left: 0.2em;
}
#head-menu .main-head .ic-arrow p::before{
    content: '';
    color: #FB0000;
  position: absolute;
  margin-left: -0.92em;
  margin-top: 0.53em;
  width: .45em;
  height: .45em;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#head-menu .main-head .inquiry{
    margin-left: 3%;
}
#head-menu .main-head .inquiry .inner{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
}
#head-menu .main-head .inquiry .inner .phone,
#head-menu .main-head .inquiry .inner .contact{
    width: 80px;
    background-color: #FB0000;
    position: relative;
}
#head-menu .main-head .inquiry .inner figure{
    width: 32px;
    margin: auto auto 8px;
}
#head-menu .main-head .inquiry .inner p{
    font-size: clamp(10px, 1.0vw, 12px);
    font-weight: 700;
    text-align: center;
    color: #fff;
}
#head-menu .main-head .inquiry .inner .element{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
#head-menu .main-head .inquiry .inner .phone{
    background-color: #fff;
    border: solid 3px #FB0000;
    box-sizing: border-box;
}
#head-menu .main-head .inquiry .inner .phone figure{
    width: 27px;
}
#head-menu .main-head .inquiry .inner .phone p{
    color: #FB0000;
}
@media only screen and (max-width: 780px) {
    #head-menu .main-head{
        height: 70px;
    }
    #head-menu .logo{
        top: 10px;
        left: 20px;
    }
    #head-menu .logo-icon img{
        width: 115px;
    }
    #head-menu .menu{
        display: none;
    }
    #head-menu .main-head .inquiry{
        margin-left: auto;
        margin-right: 70px;
    }
    #head-menu .main-head .inquiry .inner .phone,
    #head-menu .main-head .inquiry .inner .contact{
        width: 70px;
    }
    #head-menu .main-head .inquiry .inner figure{
        width: 28px;
        margin: auto auto 6px;
    }
    #head-menu .main-head .inquiry .inner .phone figure{
        width: 24px;
    }
}
/*+++++++nav-menu end+++++++*/

/*++++++++++++++++++++++++++
メインビジュアル
++++++++++++++++++++++++++*/
#mainvisual{
    background: url(../images/home/main-bg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 80px;
    overflow: hidden;
    position: relative;
}
#mainvisual .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1800px;
    width: 96%;
    margin: auto;
}
#mainvisual .inner .text{
    width: 45%;
    margin-top: -15%;
}
#mainvisual .inner .person{
    width: 53%;
    margin-top: 10px;
}
#mainvisual .inner .text p{
    font-size: clamp(10px, 1.67vw, 31.5px);
    font-weight: 700;
    text-align: center;
}
#mainvisual .hukidashi{
    position: absolute;
    top: 70px;
    right: 10px;
    width: 20%;
}
@media only screen and (min-width: 1860px) {
    #mainvisual .hukidashi{
        top: 70px;
        right: calc(50% - 900px);
        width: 350px;
    }
}
@media only screen and (max-width: 780px) {
    #mainvisual{
        background-position: 80% 0;
    }
    #mainvisual .inner .text{
        width: 100%;
        margin-top: auto;
    }
    #mainvisual .inner .person{
        width: 130%;
        margin-left: -15%;
        margin-right: -15%;
    }
    #mainvisual .inner .text p{
        font-size: 3.5vw;
    }
    #mainvisual .hukidashi{
        top: 38%;
        right: 0;
        width: 35%;
    }
}
/*++++++++++++++++++++++++++
オススメトピックス
++++++++++++++++++++++++++*/
#topics{
    padding: clamp(40px, 8vw, 80px) 0;
}
#topics .title_m .inbl{
    display: inline-block;
    vertical-align: middle;
}
#topics .title_m h2{
    margin-right: 20px;
}
#topics ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#topics ul li{
    width: 24%;
}

#topics ul li figure{
    position: relative;
    margin-bottom: clamp(8px, 1.2vw, 12px);
}
#topics ul li figure img{
    width: 100%;
}
#topics ul li figure .pickup{
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
}
#topics ul li figure .pickup .pu-txt{
    background-color: #fff;
    color: #FB0000;
    font-size: clamp(10px, 1.2vw, 12px);
    text-align: center;
    padding: 3px 2px;
}
#topics ul li p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.5em;
}
@media only screen and (max-width: 780px) {
    #topics .title_m .inbl{
        display: block;
    }
    #topics .title_m h2{
        margin-right: auto;
    }
    #topics ul li{
        width: 49%;
    }
    #topics ul li:nth-child(1),
    #topics ul li:nth-child(2){
        margin-bottom: 45px;
    }
}


/*top topics*/
#topics ul{
    display: flex;
    flex-wrap: wrap;
  justify-content: flex-start;
}

#topics ul >*{
    margin-right: 1%;
}

#topics ul >*:last-child{
    margin-right: 0;
}


#topics ul li figure {
    position: relative;
    margin-bottom: clamp(8px, 1.2vw, 12px);
    aspect-ratio: 5 / 3; /* 例えば4:3比率。必要に応じて変更 */
    overflow: hidden; /* はみ出た部分を非表示 */
}

#topics ul li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* coverで切り取り */
    object-position: center; /* 中央配置 */
    display: block;
}



/*++++++++++++++++++++++++++
バイクサービスautobike
++++++++++++++++++++++++++*/
#autobike{
    padding: clamp(20px, 10vw, 100px) 0;
}
#autobike .box-service{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#autobike .box-service.bk-rent{
    flex-direction: row-reverse;
}
#autobike .box-service .txt-blk,
#autobike .box-service .img-blk{
    width: 50%;
}
#autobike .box-service .txt-blk{
    background-color: #FB0000;
}
#autobike .box-service.bk-rent .txt-blk{
    background-color: #FFEB00;
}
#autobike .box-service .img-blk{
    background: url(../images/home/bike-purchase-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
#autobike .box-service.bk-rent .img-blk{
    background: url(../images/home/bike-rental-bg.jpg) no-repeat center center;
    background-size: cover;
}
#autobike .box-service .img-blk figure{
    position: absolute;
    bottom: 0;
    right: -5%;
    width: 100%;
}
#autobike .box-service.bk-rent .img-blk figure{
    bottom: inherit;
    top: 0;
    right: inherit;
    left: -10%;
}
#autobike .box-service .txt-blk .inner{
    padding-top: clamp(20px, 8vw, 80px);
    padding-bottom: clamp(30px, 8vw, 80px);
    max-width: 450px;
    margin: auto;
}
#autobike .box-service .txt-blk h3{
    font-size: clamp(32px, 4vw, 40px);
    text-align: center;
    color: #fff;
    font-weight: 500;
    line-height: 1.8em;
}
#autobike .box-service.bk-rent .txt-blk h3{
    color: #000000;
}
#autobike .box-service .txt-blk h3 span{
    font-size: clamp(55px, 8.5vw, 85px);
    color: #FFEB00;
    font-weight: 700;
    display: block;
}
#autobike .box-service.bk-rent .txt-blk h3 span{
    color: #FB0000;
}
#autobike .box-service .txt-blk p{
    font-size: clamp(14px, 1.6vw, 16px);
    color: #fff;
    line-height: 1.6em;
    margin-top: clamp(15px, 4vw, 40px);
}
#autobike .box-service.bk-rent .txt-blk p{
    color: #000000;
}
.bk-rent .link-btn a:hover .lb-inner{
    background-color: #FFEB00;
}
.bk-rent .link-btn a:hover .lb-inner .txt{
    color: #000000;
}
.bk-rent .link-btn .lb-inner{
    border: solid 1px #fff;
}

@media only screen and (min-width: 1400px) {
    #autobike .box-service .img-blk figure{
        right: calc(50% - 340px);
        width: 680px;
    }
    #autobike .box-service.bk-rent .img-blk figure{
        left: calc(50% - 340px);
        width: 680px;
    }
}
@media only screen and (max-width: 780px) {
    #autobike .box-service{
        flex-direction: column-reverse;
    }
    #autobike .box-service.bk-rent{
        flex-direction: column-reverse;
    }
    #autobike .box-service .txt-blk,
    #autobike .box-service .img-blk{
        width: 100%;
    }
    #autobike .box-service .img-blk figure{
        position: inherit;
        bottom: inherit;
        right: inherit;
        top: inherit;
        width: 500px;
        margin: auto;
        margin-top: -8%;
    }
    #autobike .box-service.bk-rent .img-blk figure{
        left: -6%;
        margin-top: auto;
        margin-bottom: -5%;
    }
    #autobike .box-service .txt-blk .inner{
        max-width: 100%;
    }
    #autobike .box-service .txt-blk p{
        text-align: center;
    }
}
@media only screen and (max-width: 500px) {
    #autobike .box-service .img-blk figure{
        width: 105%;
    }
}
/*++++++block2++++++++*/
#autobike .bike-sub{
    padding-top: clamp(50px, 9vw, 90px);
    padding-bottom: clamp(10px, 3vw, 30px);
}
.flex2-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex2-block .left,
.flex2-block .right{
    width: 48%;
}
.flex2-block h4{
    font-size: clamp(20px, 3.2vw, 32px);
    font-weight: 600;
    text-align: center;
    margin-top: clamp(10px, 1.5vw, 15px);
}
.flex2-block p{
    font-size: 16px;
    margin-top: clamp(10px, 1.5vw, 15px);
    min-height: 3em;
}
@media only screen and (max-width: 780px) {
    .flex2-block .left,
    .flex2-block .right{
        width: 100%;
    }
    .flex2-block .left{
        margin-bottom: 45px;
    }
    .flex2-block p{
        min-height: auto;
    }
}
/*++++++++++++++++++++++++++
しみずyaが選ばれる理由reason
++++++++++++++++++++++++++*/
#reason{
    padding: clamp(40px, 6.5vw, 65px) 0;
    background: url(../images/home/reason-bg.jpg) no-repeat center center;
    background-size: cover;
}
#reason .re-title{
    text-align: center;
    margin-bottom: clamp(15px, 3vw, 30px);
}
#reason .re-title h4{
    font-size: clamp(20px, 3.2vw, 32px);
    font-weight: 600;
    color: #fff;
    position: relative;
    display: inline-block;
}
#reason .re-title h4::before,
#reason .re-title h4::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: clamp(25px, 4vw, 40px);
    height: 3px;
    background-color: #fff;
    border-radius: 5px;
}
#reason .re-title h4::before{
    left: -40px;
    -webkit-transform: rotate(70deg);
	transform: rotate(70deg);
}
#reason .re-title h4::after{
    right: -40px;
    -webkit-transform: rotate(-70deg);
	transform: rotate(-70deg);
}
#reason .re-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#reason .re-block .box{
    width: 31%;
    background-color: #fff;
    border-radius: 10px;
}
#reason .re-block .box .inner{
    padding: 12% 6% 6%;
}
#reason .re-block .box .midashi-cont{
    margin-bottom: 15px;
}
#reason .re-block .box figure{
    width: 150px;
    margin: auto;
}
#reason .re-block .box .txt1{
    font-size: clamp(17px, 2vw, 20px);
    font-weight: 500;
    line-height: 1.5em;
    color: #FB0000;
    text-align: center;
    margin-top: clamp(10px, 2vw, 20px);
}
#reason .re-block .box p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.6em;
}
@media only screen and (max-width: 780px) {
    #reason .re-title h4::before{
        left: -25px;
    }
    #reason .re-title h4::after{
        right: -25px;
    }
    #reason .re-block .box{
        width: 100%;
    }
    #reason .re-block .box:nth-child(1),
    #reason .re-block .box:nth-child(2){
        margin-bottom: 2%;
    }
    #reason .re-block .box .inner{
        padding: 6%;
    }
    #reason .re-block .box .midashi-cont{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    #reason .re-block .box .mc1{
        width: 90px;
    }
    #reason .re-block .box .mc2{
        width: calc(98% - 90px);
    }
    #reason .re-block .box figure{
        width: 90px;
    }
    #reason .re-block .box .txt1{
        text-align: left;
        margin-top: auto;
    }
}
/*++++++++++++++++++++++++++
レンタルサービスrental
++++++++++++++++++++++++++*/
#rental{
    padding: clamp(60px, 14vw, 140px) 0;
}
#rental .link-btn .lb-inner i svg{
    fill:#FB0000;
    transition: fill .3s;
    position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
    width: 16px;
}
#rental .link-btn a:hover .lb-inner i svg{
    fill:#fff;
}
/*++++++++++++++++++++++++++
お知らせnews
++++++++++++++++++++++++++*/
#news{
    padding: clamp(40px, 6vw, 60px) 0;
}
#news .main-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
#news .main-box .left{
    width: 200px;
    min-height: 150px;
}
#news .main-box .right{
    width: calc(90% - 200px);
}
#news .main-box .link-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
}
#news .main-box .right ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: clamp(28px, 3.2vw, 32px);
}
#news .main-box .right ul li:last-child{
    margin-bottom: auto;
}
#news .main-box .right ul li .date{
    width: 6em;
    margin-top: 0.2em;
}
#news .main-box .right ul li .category{
    width: 7em;
}
#news .main-box .right ul li .detail{
    width: calc(100% - 16em);
}
#news .main-box .right ul li .date p{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
#news .main-box .right ul li .category p{
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    color: #fff;
    padding: 5px 2px;
    border-radius: 50px;
}
#news .main-box .right ul li .category p.notice{
    background-color: #FB0000;
}
#news .main-box .right ul li .category p.event{
    background-color: #FFB51F;
}
#news .main-box .right ul li .category p.vehicle{
    background-color: #52A3D7;
}
#news .main-box .right ul li .detail p{
    font-size: 16px;
    line-height: 1.5em
}
@media only screen and (max-width: 780px) {
    #news .main-box .left{
        width: 100%;
    }
    #news .main-box .right{
        width: 100%;
    }
    #news .main-box .link-btn{
        position: inherit;
        margin: 30px auto auto;
        width: 300px;
    }
    #news .main-box .right ul li{
        justify-content: left;
    }
    #news .main-box .right ul li .date{
        width: 6em;
        margin-top: 0.2em;
    }
    #news .main-box .right ul li .category{
        width: 6em;
    }
    #news .main-box .right ul li .detail{
        width: 100%;
        margin-top: 10px;
    }
    #news .main-box .right ul li .date p{
        text-align: left;
    }
}
@media only screen and (max-width: 500px) {
    #news .main-box .link-btn{
        width: 100%;
    }
}
/*++++++++++++++++++++++++++++++++++++++++
共通フッター（追従メニュー）
++++++++++++++++++++++++++++++++++++++++*/
#under-menu{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    z-index: 15;
    background-color: rgba(0, 0, 0, 0.85);
}
#under-menu .big-inner{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    width: 90%;
    margin: auto;
}
#under-menu .big-inner .txt-blk{
    width: 38%;
}
#under-menu .big-inner .btn-blk{
    width: 62%;
}
#under-menu .big-inner .txt-blk h6{
    font-size: clamp(10px, 1.5vw, 20px);
    letter-spacing: -0.05em;
    line-height: 1.4em;
    font-weight: 700;
    color: #fff;
}
#under-menu .big-inner .txt-blk h6 span{
    font-size: 1.3em;
    color: #FFEB00;
    text-decoration: underline;
}


#under-menu .big-inner .btn-blk{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#under-menu .big-inner .btn-blk .contents{
    width: 49%;
    background: linear-gradient(#FB0000, #7E0000);
    border-radius: 10px;
    min-height: 70px;
    position: relative;
}
#under-menu .big-inner .btn-blk .contents .inner{
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
#under-menu .big-inner .btn-blk .contents .inner .txt2{
    font-size: clamp(10px, 1.8vw, 22px);
    font-weight: 600;
    line-height: 1.5em;
}
#under-menu .big-inner .btn-blk .contents .inner .txt2::before{
    content: '';
    display: inline-block;
    background-image: url(../images/ico-phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.2em;
}
#under-menu .big-inner .btn-blk .contents .inner .txt3{
    font-size: clamp(6px, 1vw, 12px);
    font-weight: 500;
    line-height: 1.5em;
}
#under-menu .big-inner .btn-blk .contents .inner .txt4{
    font-size: clamp(10px, 1.6vw, 20px);
    font-weight: 700;
    line-height: 1.5em;
}
@media only screen and (max-width: 780px) {
    #under-menu{
        display: none;
    }
}
#under-menu {
    transition: opacity 0.2s ease;
    opacity: 1;
    pointer-events: auto;
  }

  #under-menu.hidden {
    opacity: 0;
    pointer-events: none;
  }
/*++++++++++++++++++++++++++++++++++++++++
共通フッター（お問い合わせはこちらから）
++++++++++++++++++++++++++++++++++++++++*/
#inquiry{
    padding: clamp(35px, 8.5vw, 85px) 0;
    background: url(../images/home/inquiry-bg.png) repeat center center;
    background-size: 192px;
    background-color: #FFE64A;
}
#inquiry h6{
    font-size: clamp(17px, 2.8vw, 28px);
    font-weight: 700;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: clamp(12px, 3vw, 30px);
}
#inquiry .btn-blk{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#inquiry .btn-blk .contents{
    width: 49%;
    background: linear-gradient(#FB0000, #7E0000);
    border-radius: 5px;
    min-height: 160px;
    position: relative;
}
#inquiry .btn-blk .contents .inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
}
#inquiry .btn-blk .contents .inner .txt1{
    font-size: clamp(13px, 1.4vw, 16px);
    font-weight: 700;
    line-height: 1.5em;
}
#inquiry .btn-blk .contents .inner .txt2{
    font-size: clamp(34px, 3.8vw, 42px);
    font-weight: 500;
    line-height: 1.5em;
}
#inquiry .btn-blk .contents .inner .txt2::before{
    content: '';
    display: inline-block;
    background-image: url(../images/ico-phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.2em;
}
#inquiry .btn-blk .contents .inner .txt3{
    font-size: clamp(11px, 1.2vw, 14px);
    font-weight: 500;
    line-height: 1.5em;
}
#inquiry .btn-blk .contents .inner .txt4{
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 700;
    line-height: 1.5em;
}
#inquiry .btn-blk .contents .inner::before{
    content: '';
    color: #fff;
  position: absolute;
  right: 1.3em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.7em;
  height: 0.7em;
  border-bottom: solid 3px currentColor;
  border-right: solid 3px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media only screen and (max-width: 780px) {
    #inquiry .btn-blk .contents{
        width: 100%;
        min-height: 150px;
    }
    #inquiry .btn-blk .contents:first-child{
        margin-bottom: 2%;
    }
}

/*++++++++++++++++++++++++++
フッター
++++++++++++++++++++++++++*/
.foot-wrap {
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Montserrat", "Hiragino Kaku Gothic ProN W3";
    max-width: 1200px;
    width: calc(100% - 160px);
    margin: auto;
}
#footer{
    padding-top: clamp(40px, 7vw, 70px);
    border-top: solid 3px #FB0000;
    position: relative;
}
#footer .footcont1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: clamp(20px, 8vw, 80px);
    font-size: 0;
    position: relative;
}
#footer .footcont1 .foot-logo{
    width: 190px;
}
#footer .footcont1 .txt1{
    font-size: clamp(12px, 1.4vw, 14px);
    line-height: 1.5em;
    margin-top: clamp(15px, 4vw, 40px);
    margin-bottom: clamp(15px, 2vw, 20px);
}
#footer .footcont1 .txt2,
#footer .footcont2 .txt2{
    font-size: clamp(11px, 1.2vw, 12px);
    line-height: 1.5em;
    text-decoration: underline;
}
#footer .footcont1 ul{
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 28px 0;
    justify-content: space-between;
    padding: 0;
}
#footer .list2 {
    grid-column-start: 1;
    grid-row-start: 2;
}
#footer .list3 {
    grid-column-start: 1;
    grid-row-start: 3;
}
#footer .list4 {
    grid-column-start: 1;
    grid-row-start: 4;
}
#footer .list5 {
    grid-column-start: 1;
    grid-row-start: 5;
}
#footer .list6 {
    grid-column-start: 2;
    grid-row-start: 1;
}
#footer .list7 {
    grid-column-start: 2;
    grid-row-start: 2;
}
#footer .list8 {
    grid-column-start: 2;
    grid-row-start: 3;
}
#footer .list9 {
    grid-column-start: 3;
    grid-row-start: 1;
}
#footer .list10 {
    grid-column-start: 3;
    grid-row-start: 2;
}
#footer .list11 {
    grid-column-start: 3;
    grid-row-start: 3;
}
#footer .footcont1 ul li{
    display: inline-block;
    text-align: left;
    padding-left: 50px;
}
#footer .footcont1 ul li a{
    font-size: 14px;
    font-weight: 600;
}
#footer .footcont1 ul li a.arrow{
    position: relative;
}
#footer .footcont1 ul li a.arrow::before{
    content: '';
    color: #FB0000;
    position: absolute;
    left: -1em;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.4em;
    height: 0.4em;
    border-bottom: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#footer .footcont1 .sns-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    background-color: #F2F2F2;
}

#footer .footcont1 .sns-icon figure {
    width: 17px;
    height: 17px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#footer .br900{
    display: none;
}
#footer .footcont2{
    padding-top: clamp(15px, 3vw, 30px);
    padding-bottom: clamp(15px, 3vw, 30px);
    border-top: solid 1px #EEEBEB;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#footer .footcont2 .copyright{
    font-size: clamp(10px, 1.2vw, 12px);
    font-weight: 600;
}
#footer .totop{
    position: absolute;
    bottom: 0;
    right: 0;
}
#footer .totop .inner{
    width: 70px;
    height: 80px;
    background-color: #FB0000;
}
#footer .totop .inner .txt{
    font-size: clamp(11px, 1.2vw, 12px);
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-top: 40px;
    position: relative;
}
#footer .totop .inner .txt::before{
    content: '';
    position: absolute;
    top: calc(50% + 2px);
    right: 0;
    left: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
@media only screen and (max-width: 950px) {
    #footer .footcont1 .foot-logo{
        width: 140px;
    }
    #footer .footcont1 ul li{
        padding-left: 25px;
    }
    #footer .br900{
        display: block;
    }
}
@media only screen and (max-width: 780px) {
    #footer{
        padding-top: 0;
    }
    .foot-wrap {
        width: 100%;
    }
    #footer .footcont1{
        flex-direction: column-reverse;
    }
    #footer .footcont1 .left{
        width: 90%;
        margin: 35px auto auto;
    }
    #footer .footcont1 .right{
        width: 100%;
    }
    #footer .footcont1 .foot-logo{
        width: 190px;
        margin: auto;
    }
    #footer .footcont1 .txt1{
        text-align: center;
    }
    #footer .br900{
        display: none;
    }
    #footer .footcont1 ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }
    #footer .list2 {
        grid-column-start: 2;
        grid-row-start: 1;
    }
    #footer .list3 {
        grid-column-start: 1;
        grid-row-start: 2;
    }
    #footer .list4 {
        grid-column-start: 2;
        grid-row-start: 2;
    }
    #footer .list5 {
        grid-column-start: 1;
        grid-row-start: 3;
    }
    #footer .list6 {
        grid-column-start: 2;
        grid-row-start: 3;
    }
    #footer .list7 {
        grid-column-start: 1;
        grid-row-start: 4;
    }
    #footer .list8 {
        grid-column-start: 2;
        grid-row-start: 4;
    }
    #footer .list9 {
        grid-column-start: 1;
        grid-row-start: 5;
    }
    #footer .list10 {
        grid-column-start: 2;
        grid-row-start: 5;
    }
    #footer .list11 {
        grid-column-start: 1;
        grid-row-start: 6;
    }
    #footer .footcont1 ul li:last-child{
        display: none;
    }
    #footer .footcont1 ul{
        justify-content: left;
    }
    #footer .footcont1 ul li{
        padding-left: 0;
        border-bottom: solid 1px #F2F2F2;
        width: 100%;
    }
    #footer .footcont1 ul li a{
        display: block;
        width: 100%;
        padding: 20px 0;
        margin-left: 30px;
    }
    #footer .footcont1 ul li:nth-child(odd){
        border-right: solid 1px #F2f2f2;
    }
    #footer .footcont1 .sns-icon{
        position: inherit;
        bottom: inherit;
        right: inherit;
        margin: 25px auto auto;
    }
    #footer .footcont2{
        border-top: none;
        display: block;
        width: 90%;
        margin: auto;
    }
    #footer .footcont2 .inbl{
        display: inline-block;
        margin-right: 20px;
    }
    #footer .footcont2 .copyright{
        margin-top: 15px;
    }
    #footer .totop .inner{
        width: 50px;
        height: 60px;
    }
    #footer .totop .inner .txt{
        padding-top: 30px;
    }
    #footer .totop .inner .txt::before{
        top: calc(50%);
        width: 5px;
        height: 5px;
    }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++
セカンドページ
++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++セカンドヘッダー（共通）++++++++++++*/
#second-head{
    margin-top: 95px;
    margin-bottom: clamp(50px, 8vw, 80px);
}
#second-head .pankuzu ul{
    text-align: left;
    font-size: 0;
}
#second-head .pankuzu ul li{
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 10px;
}
#second-head .pankuzu ul li a{
    text-decoration: underline;
    position: relative;
    margin-right: 28px;
}
#second-head .pankuzu ul li:last-child a{
    margin-right: auto;
}
#second-head .pankuzu ul li a::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -16px;
    margin: auto;
    border-right: solid 1px #171717;
    width: 1px;
    height: 14px;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
}
#second-head .page-title_l.head_purchase{
    background-image: url(../images/purchase/header-purchase.jpg);
}
#second-head .page-title_l.head_sale{
    background-image: url(../images/sale/header-sale.jpg);
}
#second-head .page-title_l.head_maintenance{
    background-image: url(../images/maintenance/header-maintenance.jpg);
}
#second-head .page-title_l.head_snow{
    background-image: url(../images/snowblower/header-snowblower.jpg);
}
#second-head .page-title_l.head_shop{
    background-image: url(../images/shop/header-shop.jpg);
}
#second-head .page-title_l{
    padding: clamp(40px, 9vw, 90px) 0;
    background: no-repeat center center;
    background-size: cover;
    background-color:rgba(0,0,0,0.45);
    background-blend-mode: darken;
}
#second-head .page-title_l h1{
    font-size: clamp(32px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.5em;
    color: #fff;
}
#second-head .page-title_m{
    padding: clamp(35px, 7vw, 70px) 0;
    background-color:#000000;
}
#second-head .page-title_m h1{
    font-size: clamp(32px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.5em;
    color: #fff;
}
#second-head .page-title_news{
    padding: clamp(35px, 7vw, 70px) 0;
    background-color:#F5F5F5;
}
#second-head .page-title_news h1{
    font-size: clamp(28px, 3.8vw, 38px);
    font-weight: 600;
    line-height: 1.5em;
}
@media only screen and (max-width: 780px) {
    #second-head{
        margin-top: 85px;
    }
}
/*+++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++
セカンド コンテンツ
+++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++*/
#second{
    margin-bottom: clamp(60px, 12vw, 120px);
}
#second .link-btn .lb-inner i svg{
    fill:#FB0000;
    transition: fill .3s;
    position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
    width: 16px;
}
#second .link-btn a:hover .lb-inner i svg{
    fill:#fff;
}
#second .location-btn .link-btn .lb-inner{
    width: clamp(100px, 100%, 350px);
}
#second .img-only{
    margin-bottom: clamp(30px, 4vw, 40px);
}
#second .img-only figure{
    width: 100%;
}
#second .sateimuryo{
    font-size: clamp(42px, 6.4vw, 64px);
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: clamp(12px, 1.6vw, 16px);
}
#second .sateimuryo span{
    color: #FB0000;
}
#second p.txt1{
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.6em;
}
#second p.txt2{
    font-size: clamp(16px, 1.8vw, 18px);
    line-height: 1.6em;
}
#second p.txt3{
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.6em;
}
#second p.txt4{
    font-size: clamp(11px, 1.2vw, 12px);
    line-height: 1.6em;
}
#second p.txt2 a{
    text-decoration: underline;
}
#second .purchase-flow p.txt2 a{
    color: #FB0000;
    text-decoration: underline;
}
#second a.jumplink::after{
    content: '';
    display: inline-block;
    background-image: url(../images/ico-link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: .8em;
    height: .8em;
    margin-left: .2em;
    margin-right: .4em;
}
#second .sc-block{
    margin-top: clamp(80px, 12vw, 120px);
}
#second .back-gray{
    background-color: #F5F5F5;
    margin-top: clamp(60px, 12vw, 120px);
    padding: clamp(60px, 12vw, 100px) 0;
}
#second .back-gray .sc-block{
    margin-top: 0;
}
#second h2{
    font-size: clamp(22px, 2.8vw, 28px);
    font-weight: 600;
    line-height: 1.5em;
    border-left: solid 3px #FB0000;
    padding-left: clamp(10px, 2vw, 20px);
    margin-bottom: clamp(25px, 3.5vw, 35px);
}
#second h3{
    font-size: clamp(22px, 2.8vw, 28px);
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: clamp(15px, 2.4vw, 24px);
}
#second h3 span{
    color: #FB0000;
}
#second h4{
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 500;
    margin-bottom: clamp(8px, 1vw, 10px);
    text-indent: -1.2em;
    margin-left: 1.2em;
}
#second h4::before{
    content: '■';
    color: #FB0000;
    margin-right: 0.2em;
}
#second .sc-block .support{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: clamp(10px, 4vw, 40px);
}
#second .sc-block .support .conts{
    width: 31%;
    margin-right: calc(7% / 2);
    margin-bottom: clamp(50px, 10vw, 100px);
}
#second .sc-block .support .conts:nth-child(3),
#second .sc-block .support .conts:nth-child(5){
    margin-right: 0;
}
#second .sc-block .support .conts:nth-child(4),
#second .sc-block .support .conts:nth-child(5){
    margin-bottom: 0;
}
#second .sc-block .support .conts figure{
    position: relative;
}
#second .sc-block .support .conts figure .number{
    position: absolute;
    top: -2.2em;
    left: -1.2em;
}
#second .sc-block .support .conts figure .number .num-txt{
    font-size: clamp(13px, 1.4vw, 14px);
    font-weight: 500;
    text-align: center;
    line-height: 1.85em;
    color: #FB0000;
}
#second .sc-block .support .conts figure .number .num-txt span{
    font-size: 2.8em;
    font-weight: 700;
    display: block;
}
#second .sc-block .support .conts .sup-txt{
    font-size: clamp(20px, 2.4vw, 24px);
    line-height: 1.4em;
    font-weight: 500;
    color: #FB0000;
    margin: 8px 0;
}
#second .sc-block .purchase-flow ul li{
    position: relative;
    margin-bottom: 50px;
}
#second .sc-block .purchase-flow ul li:last-child{
    margin-bottom: 0;
}
#second .sc-block .purchase-flow ul li::before{
    content: '';
    position: absolute;
    bottom: -45px;
    left: calc(3.6em + 85px);
    width: 1px;
    height: 40px;
    background-color: #000000;
}
#second .sc-block .purchase-flow ul li:last-child::before{
    content: none;
}
#second .sc-block .purchase-flow ul li .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    align-items: center;
}
#second .sc-block .purchase-flow ul li .inner .left{
    width: 170px;
    margin-right: 40px;
}
#second .sc-block .purchase-flow ul li .inner .right{
    width: calc(100% - 270px);
}
#second .sc-block .purchase-flow ul li .inner figure{
    position: relative;
}
#second .sc-block .purchase-flow ul li .inner figure .number{
    position: absolute;
    top: 0;
    left: -3.6em;
}
#second .sc-block .purchase-flow ul li .inner figure .number .num-txt{
    font-size: clamp(34px, 3.8vw, 38px);
    font-weight: 700;
    text-align: center;
    line-height: 1.2em;
    color: #FB0000;
}
#second .sc-block .support .conts figure .number .num-txt span{
    font-size: 2.8em;
    font-weight: 700;
    display: block;
}
#second .sc-block .purchase-flow ul li .inner .main-txt{
    font-size: clamp(24px, 3.2vw, 32px);
    margin-bottom: clamp(8px, 1.6vw, 16px);
    line-height: 1.5em;
    font-weight: 500;
}
#second .sc-block .purchase-flow ul li .inner .min-txt{
    font-size: clamp(15px, 1.6vw, 16px);
    margin-top: clamp(8px, 1.6vw, 16px);
    line-height: 1.5em;
    font-weight: 500;
    color: #FB0000;
}
#second .sc-block .pay-box .method{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: clamp(35px, 4vw, 40px);
}
#second .sc-block .pay-box .method .left{
    width: 250px;
    background-color: #666666;
    position: relative;
    min-height: 60px;
}
#second .sc-block .pay-box .method .right{
    width: calc(100% - 260px);
}
#second .sc-block .pay-box .method .left .inner{
    position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 60px;
}
#second .sc-block .pay-box .method .pay-txt{
    font-size: clamp(18px, 2vw, 20px);
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    color: #fff;
}
#second .sc-block .pay-box .method ul{
    font-size: 0;
}
#second .sc-block .pay-box .method ul li{
    display: inline-block;
    width: 85px;
    vertical-align: middle;
    margin: 10px;
}
#second .sc-block .pay-box .method ul li.pay110{
    width: 110px;
}
#second .sc-block .location{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#second .sc-block .location .left{
    width: 45%;
}
#second .sc-block .location .right{
    width: 50%;
}
#second .sc-block .location iframe{
    height: 400px;
}
#second .sc-block .location .left figure{
    margin-bottom: clamp(30px, 4vw, 40px);
}
#second .sc-block .location .lc-info ul li{
    margin-bottom: clamp(14px, 1.6vw, 16px);
}
#second .sc-block .location .lc-info ul li > div{
    display: inline-block;
    vertical-align: top;
}
#second .sc-block .location .lc-info ul li .list{
    width: 7em;
    margin-right: .5em;
}
#second .sc-block .location .lc-info ul li .detail{
    width: calc(100% - 9em);
}
#second .sc-block .location .lc-info ul li .list .li-txt{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.6em;
    color: #fff;
    background-color: #FB0000;
}
#second .sc-block .location .lc-info ul li .detail .de-txt{
    font-size: 16px;
}
#second .mainte-link{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
}
#second .mainte-link .ml-box{
    width: 19.5%;
}
#second .mainte-link .ml-box .inner{
    border: solid 2px #FB0000;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    padding: clamp(8px, 1.2vw, 12px) 0;
    font-size: 0;
}
#second .mainte-link .ml-box .inner > div{
    display: inline-block;
    vertical-align: middle;
}
#second .mainte-link .ml-box .inner .ml-img{
    width: 35px;
    margin-right: clamp(6px, 1vw, 10px);
}
#second .mainte-link .ml-box .inner .ml-txt p{
    font-size: clamp(12px, 1.4vw, 20px);
    font-weight: 700;
    line-height: 1.5em;
    color: #FB0000;
}
#second .sc-block .pricelist{
    margin-bottom: clamp(20px, 2.4vw, 24px);
}
#second .sc-block .pricelist table{
    width: 100%;
}
#second .sc-block .pricelist table th,
#second .sc-block .pricelist table td{
    font-size: clamp(15px, 1.6vw, 16px);
    padding: 4px 5px;
    line-height: 1.5em;
    text-align: center;
    border-right: solid 1px #fff;
    box-sizing: border-box;
}
#second .sc-block .pricelist table tr{
    background-color: #FCFCFC;
}
#second .sc-block .pricelist table tr:nth-child(odd){
    background-color: #F2F2F2;
}
#second .sc-block .pricelist table tr th{
    background-color: #FB0000;
    color: #fff;
    font-weight: 600;
}
#second .sc-block .pricelist .notes{
    font-size: clamp(11px, 1.2vw, 12px);
    text-align: right;
    margin-top: 5px;
}
#second .sc-block .recommend{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#second .sc-block .recommend .conts{
    width: 20%;
    border-right: solid 1px #CCCBCB;
    box-sizing: border-box;
}
#second .sc-block .recommend .conts:last-child{
    border-right: none;
}
#second .sc-block .recommend .conts .inner{
    width: 80%;
    margin: auto;
}
#second .sc-block .recommend .conts .number .num-txt{
    font-size: 10px;
    font-weight: 500;
    line-height: 1.85em;
    color: #FB0000;
}
#second .sc-block .recommend .conts .number .num-txt span{
    font-size: 2.6em;
    font-weight: 700;
    display: block;
}
#second .sc-block .recommend .conts figure{
    margin: clamp(8px, 1vw, 10px) auto;
}
#second .sc-block .recommend .conts .rec-txt1{
    font-size: clamp(16px, 1.8vw, 18px);
    font-weight: 500;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 4px;
}
#second .sc-block .recommend .conts .rec-txt2{
    font-size: clamp(20px, 2.4vw, 24px);
    font-weight: 500;
    line-height: 1.5em;
    text-align: center;
}
#second .sc-block .recommend .conts .rec-txt2 span{
    font-size: 0.6em;
}
#second .sc-block .flx2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#second .sc-block .flx2 .left{
    width: 50%;
}
#second .sc-block .flx2 .right{
    width: 45%;
}
#second .sc-block .snowproduct{
    max-width: 850px;
    width: 100%;
}
#second .sc-block .snowproduct .conts{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;
}
#second .sc-block .snowproduct .conts:last-child{
    margin-bottom: 0;
}
#second .sc-block .snowproduct .conts .left{
    width: 55%;
}
#second .sc-block .snowproduct .conts .right{
    width: 42%;
}
#second .sc-block .snowproduct .companylogo figure{
    max-width: 200px;
    width: 100%;
    margin-bottom: clamp(16px, 2vw, 20px);
}
#second .sc-block .snowproduct .name{
    font-size: clamp(22px, 2.8vw, 28px);
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: clamp(16px, 2vw, 20px);
}
#second .sc-block .snowproduct .price .midashi{
    font-size: 13px;
    margin-bottom: 8px;
}
#second .sc-block .snowproduct .price .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px #DDDCDC;
}
#second .sc-block .snowproduct .price .box .period{
    width: 6em;
    background-color: #666666;
    position: relative;
}
#second .sc-block .snowproduct .price .box .fee{
    width: calc(100% - 7em);
    padding: 4px 0;
}
#second .sc-block .snowproduct .price .box .period .txt{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
    color: #fff;
    padding: 4px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
#second .sc-block .snowproduct .price .box .fee .txt{
    font-size: 16px;
    line-height: 1.4em;
}
#second .sc-block .snowproduct .price .box .fee .txt span{
    font-size: 0.8em;
    margin-left: 0.2em;
}
#second .sc-block .snowproduct .spec{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-top: clamp(18px, 2vw, 20px);
}
#second .sc-block .snowproduct .spec .box{
    width: 24%;
    margin-right: 1%;
    height: clamp(30px, 9.5vw, 90px);
    background-color: #EFEFEF;
    border-radius: 3px;
    position: relative;
}
#second .sc-block .snowproduct .spec .box:last-child{
    margin-right: 0;
}
#second .sc-block .snowproduct .spec .box .inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
#second .sc-block .snowproduct .spec .box .inner .txt{
    font-size: clamp(12px, 1.4vw, 14px);
    line-height: 1.5em;
    font-weight: 500;
    text-align: center;
}
#second .sc-block .map-btn{
    margin-top: clamp(15px, 3vw, 30px);
    text-align: right;
}
#second .sc-block .map-btn .mp-inner{
    display: inline-block;
    background-color: #fff;
    border: solid 3px #000;
    border-radius: 100px;
    width: clamp(100px, 100%, 260px);
    box-sizing: border-box;
    transition: background-color .3s;
}
#second .sc-block .map-btn a:hover .mp-inner{
    background-color: #000000;
}
#second .sc-block .map-btn .mp-inner .txt{
    font-size: clamp(15px, 1.6vw, 17px);
    font-weight: 600;
    text-align: center;
    padding: 15px 10px;
    color: #000;
    transition: color .3s;
}
#second .sc-block .map-btn .mp-inner .txt::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 0.5em;
    width: 6px;
	height: 6px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    transition: border-color .3s;
}
#second .sc-block .map-btn a:hover .mp-inner .txt::before{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
#second .sc-block .map-btn a:hover .mp-inner .txt{
    color: #fff;
}
#second .sc-block .nomal-table{
    margin-top: clamp(15px, 1.8vw, 18px);
}
#second .sc-block .nomal-table ul li{
    border-top: solid 1px #C3C3C3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#second .sc-block .nomal-table ul li:last-child{
    border-bottom: solid 1px #C3C3C3;
}
#second .sc-block .nomal-table .list{
    width: 16em;
    background-color: #F2F1EF;
    padding: 10px;
    box-sizing: border-box;
}
#second .sc-block .nomal-table .detail{
    width: calc(100% - 16em);
    padding: 10px;
    box-sizing: border-box;
}
#second .sc-block .nomal-table .list .li-txt{
    font-size: clamp(15px, 1.6vw, 16px);
    font-weight: 500;
    line-height: 1.6em;
}
#second .sc-block .nomal-table .detail .de-txt{
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.6em;
}
#second .sc-block .staff{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#second .sc-block .staff .box{
    max-width: 320px;
    width: 32%;
}
#second .sc-block .staff .box figure{
    width: 80%;
    margin: auto auto 10px;
}
#second .sc-block .staff .box figure img{
    border-radius: 1000px;
}
#second .sc-block .staff .box .post,
#second .sc-block .staff .box .qualification,
#second .sc-block .staff .box .furigana{
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 8px;
}
#second .sc-block .staff .box .name{
    text-align: center;
    font-size: clamp(18px, 2vw, 20px);
    line-height: 1.5em;
    margin-bottom: 8px;
}
#second .sc-block .catch-txt{
    margin-top: clamp(60px, 8vw, 80px);
    font-size: clamp(16px, 2.2vw, 22px);
    line-height: 1.8em;
    text-align: center;
}

#second .gallery .swiper-wrapper {
  transition-timing-function: linear;
}
#second .gallery .swiper-slide img {
  height: auto;
  width: 100%;
}

#second .privacy{
    margin-bottom: clamp(25px, 3vw, 30px);
}
#second .privacy .clause{
    font-size: clamp(18px, 2vw, 20px);
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: clamp(10px, 1.4vw, 14px);
}
#second .privacy .pp-txt1{
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.7em;
}
#second .privacy .pp-txt_foot{
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.7em;
    text-align: right;
}
#second .privacy ol li{
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.7em;
    margin-left: 1em;
    text-indent: -1em;
}
#second .privacy ol li::before{
    content: '1.';
    margin-right: 0.15em;
}
#second .privacy ol li:nth-child(2)::before,
#second .privacy ol li.list2::before{
    content: '2.';
}
#second .privacy ol li:nth-child(3)::before{
    content: '3.';
}
#second .privacy ol li:nth-child(4)::before{
    content: '4.';
}
#second .privacy ol li:nth-child(5)::before{
    content: '5.';
}
#second .privacy ol li:nth-child(6)::before{
    content: '6.';
}
#second .privacy ol li:nth-child(7)::before{
    content: '7.';
}
#second .privacy ol li:nth-child(8)::before{
    content: '8.';
}
#second .privacy ol li:nth-child(9)::before{
    content: '9.';
}
#second .privacy ol li:nth-child(10)::before{
    content: '10.';
}
#second .privacy ol.inner{
    margin-top: clamp(10px, 1.4vw, 14px);
    margin-left: 1em;
}
#second .privacy ol.in-inner{
    margin-top: clamp(10px, 1.4vw, 14px);
    margin-left: 2em;
}

#second .mgn-b10{
    margin-bottom: clamp(8px, 1vw, 10px);
}
#second .mgn-b14{
    margin-bottom: clamp(10px, 1.4vw, 14px);
}
#second .mgn-b24{
    margin-bottom: clamp(20px, 2.4vw, 24px);
}
@media only screen and (max-width: 780px) {
    #second .location-btn .link-btn .lb-inner{
        width: 100%;
    }
    #second .sateimuryo{
        text-align: center;
    }
    #second .sateimuryo span{
        display: block;
    }
    #second .sc-block .support .conts figure .number{
        top: 0.5em;
        left: 0.5em;
    }
    #second .sc-block .support .conts{
        width: 100%;
        margin-right: auto;
    }
    #second .sc-block .support .conts:nth-child(3),
    #second .sc-block .support .conts:nth-child(5){
        margin-right: auto;
    }
    #second .sc-block .support .conts:nth-child(4){
        margin-bottom: clamp(50px, 10vw, 100px);
    }
    #second .sc-block .purchase-flow ul li{
        margin-bottom: 65px;
    }
    #second .sc-block .purchase-flow ul li .inner .left{
        width: 100%;
        margin-right: auto;
    }
    #second .sc-block .purchase-flow ul li .inner .right{
        width: 100%;
    }
    #second .sc-block .purchase-flow ul li::before{
        bottom: -60px;
        left: 50%;
    }
    #second .sc-block .purchase-flow ul li .inner figure{
        margin: auto;
        text-align: center;
    }
    #second .sc-block .purchase-flow ul li .inner figure img{
        max-width: 180px;
        width: 60%;
    }
    #second .sc-block .purchase-flow ul li .inner figure .number{
        top: 0;
        left: 0;
    }
    #second .sc-block .purchase-flow ul li .inner .main-txt{
        text-align: center;
    }
    #second .sc-block .pay-box .method .left,
    #second .sc-block .pay-box .method .right{
        width: 100%;
    }
    #second .sc-block .pay-box .method .left{
        min-height: 40px;
    }
    #second .sc-block .pay-box .method ul li{
        width: 70px;
        margin: 8px;
    }
    #second .sc-block .pay-box .method ul li.pay110{
        width: 100px;
    }
    #second .sc-block .location .left{
        width: 100%;
        margin-bottom: 15px;
    }
    #second .sc-block .location .right{
        width: 100%;
    }
    #second .sc-block .location iframe{
        height: 350px;
    }
    #second .mainte-link .ml-box{
        width: 49%;
        margin-bottom: 2%;
    }
    #second .mainte-link .ml-box .inner .ml-img{
        width: 25px;
    }
    #second .mainte-link .ml-box .inner .ml-txt p{
        font-size: 14px;
    }
    #second .sc-block .pricelist{
        overflow-y: scroll;
    }
    #second .sc-block .pricelist table{
        width: 800px;
    }
    #second .sc-block .recommend .conts{
        width: calc(100% / 3);
        margin-bottom: 3%;
    }
    #second .sc-block .recommend .conts:nth-child(3){
        border-right: none;
    }
    #second .sc-block .flx2 .left{
        width: 100%;
        margin-bottom: 20px;
    }
    #second .sc-block .flx2 .right{
        width: 100%;
    }
    #second .sc-block .snowproduct .conts{
        margin-bottom: 45px;
    }
    #second .sc-block .snowproduct .conts .left{
        width: 100%;
        margin-bottom: 20px;
    }
    #second .sc-block .snowproduct .conts .right{
        width: 100%;
    }
    #second .sc-block .snowproduct .spec .box{
        height: clamp(30px, 12vw, 90px);
    }
    #second .sc-block .map-btn{
        text-align: center;
    }
    #second .sc-block .nomal-table ul li{
        border-top: none;
    }
    #second .sc-block .nomal-table ul li:last-child{
        border-bottom: none;
    }
    #second .sc-block .nomal-table .list{
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 0;
    }
    #second .sc-block .nomal-table .detail{
        width: 100%;
    }
    #second .sc-block .nomal-table li:nth-child(odd) .list,
    #second .sc-block .nomal-table li:nth-child(odd) .detail{
        background-color: #F2F1EF;
    }
    #second .sc-block .nomal-table .list .li-txt{
        font-weight: 700;
    }
    #second .sc-block .staff .box{
        width: 48%;
        margin-bottom: 30px;
    }
    #second .sc-block .staff .box:last-child,
    #second .sc-block .staff .box:nth-last-child(2){
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 500px) {
    #second .sc-block .recommend{
        justify-content: left;
    }
    #second .sc-block .recommend .conts{
        width: calc(100% / 2);
        margin-bottom: 5%;
    }
    #second .sc-block .recommend .conts:nth-child(even){
        border-right: none;
    }
    #second .sc-block .recommend .conts:nth-child(3),
    #second .sc-block .recommend .conts:last-child{
        border-right: solid 1px #CCCBCB;
    }
    #second .sc-block .map-btn .mp-inner{
        width: 100%;
    }
}
/*++++++++++よくある質問++++++++++++*/
.faq-box{
    margin-bottom: clamp(50px, 7vw, 80px);
}
.faq-box .accordion {
    margin: 0 auto;
    padding: 5px 0;
    border-top: solid 1px #CCCBCB;
    background-color: #fff;
}
.faq-box .accordion:last-child{
    border-bottom: solid 1px #CCCBCB;
}
.faq-box .accordion .accordion_header {
    padding: 20px 60px 20px 70px;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}
.faq-box .accordion .accordion_header .question{
    font-size: clamp(16px, 1.8vw, 18px);
    font-weight: bold;
}
.faq-box .accordion .accordion_header .ic_q{
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background-color: #FB0000;
    border-radius: 1000px;
    color: #fff;
    text-align: center;
}
.faq-box .accordion .accordion_header .one_i {
    position: absolute;
    top: calc(50% - 12px);
    right: 25px;
    display: block;
    width: 24px;
    height: 24px;
    transform-origin: center;
    transition-duration: 0.2s;
}
.faq-box .accordion .accordion_header .one_i:before, .faq-box .accordion .accordion_header .one_i:after {
    display: flex;
    content: '';
    background-color: #000;
    border-radius: 10px;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 11px;
    left: 0;
    transform-origin: center center;
    transition-duration: 0.2s;
}
.faq-box .accordion .accordion_header .one_i:before {
    width: 2px;
    height: 24px;
    top: 0;
    left: 11px;
}
.faq-box .accordion .accordion_header.open .one_i:before {
    height: 0;
}
.faq-box .accordion .accordion_inner {
    display: none;
    padding: 20px 20px 20px 70px;
    box-sizing: border-box;
    position: relative;
}
.faq-box .accordion .accordion_inner .ic_a{
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: solid 1px #FB0000;
    border-radius: 1000px;
    color: #FB0000;
    text-align: center;
}
.faq-box .accordion .accordion_inner p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.7em;
}
.faq-box .accordion .accordion_inner a{
    font-size: clamp(12px, 1.4vw, 14px);
    color: #FB0000;
}
@media only screen and (max-width: 780px) {
    .faq-box .accordion .accordion_header {
        padding: 20px 55px 20px 55px;
    }
    .faq-box .accordion .accordion_header .ic_q{
        top: calc(50% - 24px);
        font-size: 25px;
        line-height: 45px;
        width: 45px;
        height: 45px;
    }
    .faq-box .accordion .accordion_header .one_i {
        right: 15px;
    }
    .faq-box .accordion .accordion_inner {
        padding: 20px 15px 20px 55px;
    }
    .faq-box .accordion .accordion_inner .ic_a{
        top: 9px;
        font-size: 25px;
        line-height: 45px;
        width: 45px;
        height: 45px;
    }
}
/*++++++++++お問い合わせ++++++++++++*/
#second-contact{
    margin-bottom: clamp(60px, 12vw, 120px);
}
/*-------------------------------------------
---------------------------------------------
          フォーム
---------------------------------------------
-------------------------------------------*/
.formWrap{
    margin-top: clamp(50px, 7vw, 70px);
}
.formWrap .formTable ul{
    border-bottom: solid 1px #E2E2E2;
    padding: clamp(20px, 2.4vw, 24px) 0;
}
.formWrap .formTable ul.item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.formWrap .formTable ul.item .form-label{
    width: 35%;
}
.formWrap .formTable ul.item .form-input{
    width: 65%;
}
.formWrap .formTable ul.item .form-label p{
    font-size: clamp(15px, 1.6vw, 16px);
    font-weight: 500;
    line-height: 1.5em;
    margin-top: 10px;
}
.formWrap .formTable ul.item .form-label p span.hissu{
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background-color: #FB0000;
    padding: 2px 6px;
    margin-left: 10px;
}

.formWrap .formTable select,
.formWrap .formTable input[type=text],
.formWrap .formTable input[type=tel],
.formWrap .formTable input[type=email],
.formWrap .formTable textarea{
    appearance: none;
    width: 100%;
    padding: 15px;
    background-color: #F5F5F5;
    border: none;
    color: #222222;
    cursor: pointer;
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.5em;
}
.formWrap .formTable input[type=text],
.formWrap .formTable input[type=tel],
.formWrap .formTable input[type=email],
.formWrap .formTable textarea{
    width: calc(100% - 30px);
}
.formWrap .formTable textarea{
    height: 12em;
}
.formWrap .formTable .multiflx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.formWrap .formTable .multiflx .f-box{
    width: 48%;
}
.formWrap .formTable .multiple .m-box,
.formWrap .formTable .multiflx .f-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}
.formWrap .formTable .multiple .m-box{
    margin-bottom: clamp(20px, 2.4vw, 24px);
}
.formWrap .formTable .multiple .m-box:last-child,
.formWrap .formTable .multiflx .f-box:last-child{
    margin-bottom: 0;
}
.formWrap .formTable .multiple .m-box .m-name,
.formWrap .formTable .multiflx .f-box .f-name{
    font-size: clamp(14px, 1.5vw, 15px);
    line-height: 1.2em;
}

.formWrap .formTable .wid15em{
    width: 1.5em;
}
.formWrap .formTable .wid15em + input{
    width: calc(100% - 30px - 1.5em);
}
.formWrap .formTable .wid25em{
    width: 2.5em;
}
.formWrap .formTable .wid25em + input{
    width: calc(100% - 30px - 2.5em);
}
.formWrap .formTable .wid6em{
    width: 5em;
}
.formWrap .formTable .wid6em + input{
    width: calc(70% - 30px - 5em);
}

.formWrap .formTable .slct-box{
    position: relative;
}
.formWrap .formTable .slct-box::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    transform: rotate(45deg);
    content: '';
    pointer-events: none;
}
.formWrap .submit-btn {
    margin: clamp(60px, 8vw, 80px) auto auto;
}
.formWrap .submit-btn input[disabled]{
    background-color: #C2C2C2;
    cursor:inherit;
}
.formWrap .chusyaku{
    font-size: clamp(13px, 1.4vw, 14px);
    line-height: 1.5em;
    margin-top: 12px;
}
.formWrap .chusyaku a{
    text-decoration: underline;
}
.formWrap .submit-btn input{
    letter-spacing: 0.1em;
    display: block;
    margin: auto;
    color: #fff;
    border: none;
    width: 450px;
    padding: 24px 0;
    font-size: 18px;
    background-color: #333333;
    border-radius: 1000px;
    cursor: pointer;
}
.formWrap .form-input input[type=radio],
.formWrap .form-input input[type=checkbox]{
    width: 15px;
    height: 15px;
    accent-color: #FB0000;
}
/* .formWrap .form-input input[type=radio],
.formWrap .form-input input[type=checkbox] {
    display: none;
}
.formWrap .form-input label{
    position: relative;
    font-size: 16px;
    z-index: 1;
}
.formWrap .form-input input[type=checkbox] + label{
    padding-left: 45px;
}

.formWrap .form-input input[type=radio] + label::before,
.formWrap .form-input input[type=radio] + label::after{
    position: absolute;
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    left: 0;
    top: -3px;
    z-index: -1;
    transform: scale(0, 0);
}
.formWrap .form-input input[type=checkbox]  + label::before,
.formWrap .form-input input[type=checkbox]  + label::after{
    position: absolute;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    left: 0;
    top: -3px;
    z-index: -1;
    transform: scale(0, 0);
}
.formWrap .form-input input[type=radio]  + label::after,
.formWrap .form-input input[type=checkbox]  + label::after {
    border: solid 1px #DDDDDD;
    transform: scale(1, 1);
}
.formWrap .form-input input[type=radio]:checked + label::after,
.formWrap .form-input input[type=checkbox]:checked + label::after {
    background-image: url(../images/check.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1, 1);
} */
@media only screen and (max-width: 780px) {
    .formWrap .formTable ul.item .form-label{
        width: 100%;
        margin-bottom: 10px;
    }
    .formWrap .formTable ul.item .form-input{
        width: 100%;
    }
    .formWrap .formTable ul.item .form-label p{
        margin-top: 0;
    }
    .formWrap .formTable .wid15em,
    .formWrap .formTable .wid25em,
    .formWrap .formTable .wid6em{
        width: auto;
    }
    .formWrap .formTable .wid15em + input,
    .formWrap .formTable .wid25em + input,
    .formWrap .formTable .wid6em + input{
        width: calc(100% - 30px);
    }
    .formWrap .formTable .multiple input,
    .formWrap .formTable .multiflx input{
        margin-top: 10px;
    }
    .formWrap .submit-btn input{
        width: 100%;
    }
}

/*---------------------------------
              safari用
---------------------------------*/
_::-webkit-full-page-media,_:future,:root .formWrap{
    margin-top: clamp(50px, 7vw, 70px);
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable ul{
    border-bottom: solid 1px #E2E2E2;
    padding: clamp(20px, 2.4vw, 24px) 0;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-label{
    width: 35%;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-input{
    width: 65%;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-label p{
    font-size: clamp(15px, 1.6vw, 16px);
    font-weight: 500;
    line-height: 1.5em;
    margin-top: 10px;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-label p span.hissu{
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background-color: #FB0000;
    padding: 2px 6px;
    margin-left: 10px;
}

_::-webkit-full-page-media,_:future,:root .formWrap .formTable select,
_::-webkit-full-page-media,_:future,:root .formWrap .formTable input[type=text],
_::-webkit-full-page-media,_:future,:root .formWrap .formTable input[type=tel],
_::-webkit-full-page-media,_:future,:root .formWrap .formTable input[type=email],
_::-webkit-full-page-media,_:future,:root .formWrap .formTable textarea{
    appearance: none;
    width: 100%;
    padding: 15px;
    background-color: #F5F5F5;
    border: none;
    color: #222222;
    cursor: pointer;
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.5em;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable input[type=text],
_::-webkit-full-page-media,_:future,:root .formWrap .formTable input[type=tel],
_::-webkit-full-page-media,_:future,:root .formWrap .formTable input[type=email],
_::-webkit-full-page-media,_:future,:root .formWrap .formTable textarea{
    width: calc(100% - 30px);
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable textarea{
    height: 12em;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiflx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiflx .f-box{
    width: 48%;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiple .m-box,
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiflx .f-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiple .m-box{
    margin-bottom: clamp(20px, 2.4vw, 24px);
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiple .m-box:last-child,
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiflx .f-box:last-child{
    margin-bottom: 0;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiple .m-box .m-name,
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiflx .f-box .f-name{
    font-size: clamp(14px, 1.5vw, 15px);
    line-height: 1.2em;
}

_::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid15em{
    width: 1.5em;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid15em + input{
    width: calc(100% - 30px - 1.5em);
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid25em{
    width: 2.5em;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid25em + input{
    width: calc(100% - 30px - 2.5em);
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid6em{
    width: 5em;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid6em + input{
    width: calc(70% - 30px - 5em);
}

_::-webkit-full-page-media,_:future,:root .formWrap .formTable .slct-box{
    position: relative;
}
_::-webkit-full-page-media,_:future,:root .formWrap .formTable .slct-box::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    transform: rotate(45deg);
    content: '';
    pointer-events: none;
}
_::-webkit-full-page-media,_:future,:root .formWrap .submit-btn {
    margin: clamp(60px, 8vw, 80px) auto auto;
}
_::-webkit-full-page-media,_:future,:root .formWrap .submit-btn input[disabled]{
    background-color: #C2C2C2;
    cursor:inherit;
}
_::-webkit-full-page-media,_:future,:root .formWrap .submit-btn input{
    letter-spacing: 0.1em;
    display: block;
    margin: auto;
    color: #fff;
    border: none;
    width: 450px;
    padding: 24px 0;
    font-size: 18px;
    background-color: #333333;
    border-radius: 1000px;
    cursor: pointer;
}
_::-webkit-full-page-media,_:future,:root .formWrap .chusyaku{
    font-size: clamp(13px, 1.4vw, 14px);
    line-height: 1.5em;
    margin-top: 12px;
}
_::-webkit-full-page-media,_:future,:root .formWrap .chusyaku a{
    text-decoration: underline;
}
_::-webkit-full-page-media,_:future,:root .formWrap .submit-btn input{
    letter-spacing: 0.1em;
    display: block;
    margin: auto;
    color: #fff;
    border: none;
    width: 450px;
    padding: 24px 0;
    font-size: 18px;
    background-color: #333333;
    border-radius: 1000px;
    cursor: pointer;
}
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=radio],
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox]{
    width: 15px;
    height: 15px;
    accent-color: #FB0000;
}
/* _::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=radio],
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox] {
    display: none;
}
_::-webkit-full-page-media,_:future,:root .formWrap .form-input label{
    position: relative;
    font-size: 16px;
    z-index: 1;
}
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox] + label{
    padding-left: 45px;
}

_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=radio] + label::before,
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=radio] + label::after{
    position: absolute;
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    left: 0;
    top: -3px;
    z-index: -1;
    transform: scale(0, 0);
}
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox]  + label::before,
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox]  + label::after{
    position: absolute;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    left: 0;
    top: -3px;
    z-index: -1;
    transform: scale(0, 0);
}
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=radio]  + label::after,
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox]  + label::after {
    border: solid 1px #DDDDDD;
    transform: scale(1, 1);
}
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=radio]:checked + label::after,
_::-webkit-full-page-media,_:future,:root .formWrap .form-input input[type=checkbox]:checked + label::after {
    background-image: url(../images/check.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1, 1);
} */
@media only screen and (max-width: 780px) {
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-label{
        width: 100%;
        margin-bottom: 10px;
    }
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-input{
        width: 100%;
    }
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable ul.item .form-label p{
        margin-top: 0;
    }
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid15em,
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid25em,
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid6em{
        width: auto;
    }
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid15em + input,
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid25em + input,
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .wid6em + input{
        width: calc(100% - 30px);
    }
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiple input,
    _::-webkit-full-page-media,_:future,:root .formWrap .formTable .multiflx input{
        margin-top: 10px;
    }
    _::-webkit-full-page-media,_:future,:root .formWrap .submit-btn input{
        width: 100%;
    }
}
/*++++++++++お知らせ++++++++++++*/
#second-news{
    margin-bottom: clamp(80px, 12vw, 120px);
}
#second-news .nav-category .list {
    max-width: 1200px;
    width: 100%;
    font-size: 0;
    margin-bottom: clamp(40px, 5vw, 50px);
}
#second-news .nav-category .list li {
    display: inline-block;
    width: 18%;
    margin-right: calc(5% / 3);
    margin-bottom: 10px;
}
#second-news .nav-category .list li:last-child{
    margin-right: 0;
}
#second-news .nav-category .list li a{
    font-size: clamp(14px, 1.6vw, 16px);
    text-align: center;
    font-weight: 700;
    background-color: #EFEFEF;
    color: #171717;
    border-radius: 3px;
    display: block;
    padding: clamp(15px, 1.8vw, 18px) 0;
}
#second-news .nav-category .list li a.active{
    background-color: #000000;
    color: #fff;
}
#second-news .nav-category .list li a.active:hover{
    cursor: auto;
}

#second-news .news-contents ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
#second-news .news-contents ul li{
    width: 23%;
    margin-right: calc(8% / 3);
    margin-bottom: clamp(50px, 10vw, 100px);
}
#second-news .news-contents ul li:nth-child(4n){
    margin-right: 0;
}
#second-news .news-contents ul li figure{
    border: solid 1px #C3C3C3;
}
#second-news .news-contents ul li figure img{
    width: 100%;
    height: 14.5vw;
    max-height: 200px;
    object-fit: cover;
}
#second-news .news-contents ul li .info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: clamp(12px, 1.4vw, 14px) 0;
}
#second-news .news-contents ul li .info .category,
#second-news .news-contents ul li .info .date{
    width: 50%;
}
#second-news .news-contents ul li .info .category a{
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    color: #fff;
    padding: 5px 2px;
    border-radius: 50px;
    display: block;
}
#second-news .news-contents ul li .info .category a.notice{
    background-color: #FB0000;
}
#second-news .news-contents ul li .info .category a.event{
    background-color: #FFB51F;
}
#second-news .news-contents ul li .info .category a.vehicle{
    background-color: #52A3D7;
}
#second-news .news-contents ul li .info .category a.pickup{

    background-color: #ffffff;
    border: #FB0000 1px solid;
    color: #FB0000;
}

#second-news .news-contents ul li .info .date p{
    text-align: center;
    font-size: clamp(13px, 1.4vw, 14px);
    font-weight: 600;
}
#second-news .news-contents ul li .detail p{
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.6em;
}
@media only screen and (max-width: 780px) {
    #second-news .news-contents ul li{
        width: 48%;
        margin-right: 4%;
    }
    #second-news .news-contents ul li:nth-child(4n){
        margin-right: 4%;
    }
    #second-news .news-contents ul li:nth-child(even){
        margin-right: 0;
    }
    #second-news .news-contents ul li figure img{
        height: 27vw;
    }
        #second-news .nav-category .list li {
        display: inline-block;
        width: 30%;
        margin-right: 3%;
    }
    #second-news .nav-category .list li:nth-child(5n) {
        margin-right: 0;
    }
}
/*++++++++++お知らせ 詳細++++++++++++*/
.page-title_news .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    margin-bottom: clamp(24px, 3.2vw, 32px);
    gap: 8px;
    /* カテゴリと日付の間の余白 */
}
.page-title_news .info .date {
    width: auto;
}
.page-title_news .info .category {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    /* カテゴリ同士の間隔 */
    width: auto;
}
.page-title_news .info .category a {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    color: #fff;
    padding: 5px 12px;
    border-radius: 50px;
    display: inline-block;
    white-space: nowrap;
    width: 120px
}
.page-title_news .info .category a.notice{
    background-color: #FB0000;
}
.page-title_news .info .category a.event{
    background-color: #FFB51F;
}
.page-title_news .info .category a.vehicle{
    background-color: #52A3D7;
}
.page-title_news .info .category a.pickup{
    background-color: #ffffff;
    border: #FB0000 1px solid;
    color: #FB0000;
}
.page-title_news .info .date p{
    font-size: clamp(13px, 1.4vw, 14px);
    font-weight: 600;
}
/*+++++お知らせ 詳細 本文+++++*/
#news-post{
    margin-bottom: clamp(80px, 12vw, 120px);
}
#news-post .post-contents{
    margin-bottom: clamp(60px, 10vw, 100px);
}
#news-post h2{
    font-size: clamp(18px, 2vw, 20px);
    line-height: 1.6em;
    margin-bottom: clamp(20px, 2.4vw, 24px);
    background-color: #F5F5F5;
    padding: 15px;
    font-weight: 700;
}
#news-post h3{
    font-size: clamp(18px, 2vw, 20px);
    line-height: 1.6em;
    margin-bottom: clamp(20px, 2.4vw, 24px);
    background-color: #fff;
    padding: 15px;
    font-weight: 700;
}
#news-post p.n-txt1{
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.6em;
    margin-bottom: clamp(30px, 4vw, 40px);
}
#news-post .bg-gray p.n-txt1{
    margin-bottom: auto;
}
#news-post a.n-link{
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.6em;
    color: #A40111;
    margin-bottom: clamp(30px, 4vw, 40px);
    display: inline-block;
}
#news-post .thumbnail{
    width: 100%;
    margin-bottom: clamp(30px, 4vw, 40px);
}
#news-post .bg-gray{
    background-color: #F5F5F5;
    padding:3%;
}
#news-post .flx2,
#news-post .flx3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: clamp(40px, 5vw, 50px);
}
#news-post .flx2 .box{
    width: 49%;
}
#news-post .flx3 .box{
    width: 32.5%;
}


#news-post p{
    font-size: clamp(16px, 2vw, 16px);
    line-height: 1.8em;
    margin: 0 auto 30px;
}
#news-post h2{
    font-size: clamp(18px, 2vw, 20px);
    line-height: 1.6em;
    margin-bottom: clamp(5px, 2.4vw, 5px);
    background-color: #F5F5F5;
    padding: 15px;
    font-weight: 700;
}

#news-post h3{
    font-size: clamp(18px, 2vw, 20px);
    line-height: 1.6em;
    margin-bottom: clamp(20px, 2.4vw, 24px);
    padding-bottom: clamp(20px, 2.4vw, 24px);
    padding: 15px 0;
    font-weight: 700;
    border-bottom: #F5F5F5 solid 2px;
}

#news-post h4{
    font-size: clamp(18px, 2vw, 20px);
    line-height: 1.6em;
    background-color: #fff;
    padding: 15px;
    font-weight: 700;
    border: 20px #F5F5F5 solid;
}

#news-post h5{
    font-size: clamp(18px, 2vw, 18px);
    line-height: 1.6em;
    padding: 0 0 5px;
    font-weight: 700;
    color: #FB0000;
}

#news-post .wp-block-image{
    margin: 0 auto 30px;
}

#news-post a{
    font-size: clamp(15px, 1.6vw, 16px);
    line-height: 1.6em;
    color: #A40111;
    margin-bottom: clamp(30px, 4vw, 40px);
    display: inline-block;
}
#news-post .wp-block-file__button {
    padding: 3px 15px;
    color: #fff;
}

#news-post .wp-element-caption {
    text-align: center;
    font-size: 14px;
}

#news-post .wp-block-table thead {
    border-bottom:0px solid
}

#news-post .wp-block-table td, #news-post .wp-block-table th {
    border: 1px solid #e5e5e5 !important;
}

#news-post dl,#news-post dt,#news-post dd,#news-post ul,#news-post ol,#news-post li{
    padding: revert;
    list-style: revert;
}

#news-post img {
  width: auto; /* 上書き */
  max-width: 100%;
  height: auto;
  margin: 1em 0;
}

#news-post pre {
  background: #f5f5f5;
  padding: 1em;
  overflow: auto;
  font-family: monospace;
  border-radius: 5px;
}
#news-post code {
  background: #f0f0f0;
  padding: 0.2em 0.4em;
  border-radius: 3px;
}



@media only screen and (max-width: 780px) {
    #news-post .flx2 .box,
    #news-post .flx3 .box{
        width: 100%;
        margin-bottom: 2%;
    }
}
/*++++++++++++++ページ切替え（記事一覧）++++++++++++++++*/
.paging{
    text-align: center;
}
.paging nav{
    font-size: 0;
}
.paging nav > div{
    display: inline-block;
    vertical-align: middle;
}
.paging nav .next .ic-next,
.paging nav .prev .ic-prev{
    position: relative;
    width: 45px;
    height: 45px;
    background-color: #DCDCDB;
    border-radius: 100px;
}
.paging nav .next .ic-next{
    margin-left: 10px;
}
.paging nav .prev .ic-prev{
    margin-right: 10px;
}
.paging nav .prev .ic-prev.active,
.paging nav .next .ic-next.active{
    background-color: #A5A6A6;
}
.paging nav .next .ic-next::before,
.paging nav .prev .ic-prev::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.paging nav .next .ic-next::before{
    right: calc(50% - 4px);
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.paging nav .prev .ic-prev::before{
    left: calc(50% - 4px);
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
}
.paging nav .links{
    font-size: 0;
}
.paging nav .links a{
    display: inline-block;
}
.paging nav .links a.number{
    background-color: #EFEFEF;
    border-radius: 100px;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    font-size: clamp(13px, 1.5vw, 15px);
    font-weight: 600;
    line-height: 35px;
    color: #171717;
    margin-right: 10px;
    text-align: center;
}
.paging nav .links a.number:last-child{
    margin-right: 0;
}
.paging nav .links a.number.active{
    background-color: #FB0000;
    color: #fff;
}
/*++++++++++++++ページ切替え（記事詳細）++++++++++++++++*/
.article-paging{
    border-top: solid 1px #C3C3C3;
    padding-top: clamp(40px, 6vw, 60px);
}
.article-paging nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.article-paging nav .art-prev a,
.article-paging nav .art-next a{
    font-size: clamp(10px, 1.2vw, 12px);
    line-height: 1em;
}
.article-paging nav .art-prev a.arrow,
.article-paging nav .art-next a.arrow{
    position: relative;
}
.article-paging nav .art-prev a.arrow{
    padding-left: 15px;
}
.article-paging nav .art-next a.arrow{
    padding-right: 15px;
}
.article-paging nav .art-prev a.arrow::before,
.article-paging nav .art-next a.arrow::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.article-paging nav .art-prev a.arrow::before{
    left: 0;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;

}
.article-paging nav .art-next a.arrow::before{
    right: 0;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
}
.article-paging nav .art-back .inner{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #FB0000;
}
.article-paging nav .art-back .ic-back{
    color: #fff;
    position: relative;
    margin-left: 12px;
    margin-top: 19px;
    width: 17px;
    height: 2px;
    background-color: currentColor;
}
.article-paging nav .art-back .ic-back::before{
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 17px;
    height: 8px;
    border-top: solid 2px currentColor;
    border-bottom: solid 2px currentColor;
}
.article-paging nav .art-back .ic-back::after{
    content: '';
    position: absolute;
    top: -6px;
    left: 2px;
    width: 2px;
    height: 15px;
    background-color: #FB0000;
}

.article-paging nav:has(.art-back):not(:has(.art-prev, .art-next)) {
    justify-content: center;
}

.article-paging nav >*{
    width: 33%;
}
.article-paging nav .art-back{
    text-align: center;
}
.article-paging nav .art-next{
    text-align: right;
}


/* チェックされた状態（黒く塗りつぶす） */
.formWrap .form-input input[type=checkbox]:checked + label::after {
    background-color: #767676; /* ←黒に塗りつぶし */
 }

 .wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 0em !important;
}


/*wp-pagenavi*/
.wp-pagenavi{
    text-align: center;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;padding: 0;height: auto;font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-flex; /* ← inline-block を inline-flex に変更 */
    justify-content: center; /* 横方向中央 */
    align-items: center;     /* 縦方向中央 */
	    background-color: #EFEFEF;
    border-radius: 100px;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    font-size: clamp(13px, 1.5vw, 15px);
    font-weight: 600;
    color: #171717;
    margin-right: 10px;
    text-align: center;
    border: 0px solid #BFBFBF !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border: 0;
}

.wp-pagenavi .current{
    background-color: #FB0000;
    color: #fff;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink
{
    width: 45px;
    height: 45px;
    position: relative;
}

.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.wp-pagenavi .nextpostslink::before{
    right: calc(50% - 4px);
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;

}
.wp-pagenavi .previouspostslink::before{
    left: calc(50% - 4px);
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
}