@charset "UTF-8";
/*
Theme Name:c-big
Theme URI: http://cbig.jp
Description: cbigのオリジナルテーマ
Author: watabe_design
Author URI: https://watabe-design.jp/
*/
/* ------------------------------
全体の共通部分
------------------------------ */
html, body {
  height: 100%;
}
html {
    font-size: 62.5%;
    /* scroll-behavior: smooth; */
}
body {
    color: #231815;
    font-family: "Zen Kaku Gothic New","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-style: normal;
    font-size: 1.3rem;
    font-size: clamp(1.3rem,2vw,1.6rem);
}
 /* ページを移動する際にふわっと表示するJSコード */
/* .siteWrap {
    display: none;
} */
.questrial-regular {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.wrapper {
    max-width: 1300px;
    margin: 0 auto;
}
.inner_wrapper {
    max-width: 930px;
    margin: 0 auto;
}
.smartslider {
    width: 100%;
}
.flex {
    display: flex;
}
.sp-only {
    display: none;
}
.sp-none {
    display: none;
}
.title_set,
.subtitle_set {
    text-align: center;
}
.subtitle_set,
.subtitle_set_company {
    margin-top: 8%;
}
.title_set_img {
    width: 60%;
}
.zen-kaku-gothic-new-light {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .zen-kaku-gothic-new-regular {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .zen-kaku-gothic-new-medium {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .questrial-regular {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
.grecaptcha-badge {
	left:6px!important;
	width:70px!important;
}
.grecaptcha-badge:hover {
	left:6px!important;
	width:256px!important;
}  
/* ーーーーフォントサイズーーーー*/
h1 {
    font-size: clamp(2.1rem,3vw,3.1rem);
    min-height: 0vw;
    letter-spacing: 0.1em;
    text-align: center;
    font-family: "Questrial", sans-serif;
    font-weight: bold;
}
h2 {
    display: block;
    /* font-family: 'RyuminPro','游明朝体',serif; */
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1.1rem,3vw,1.7rem);
    font-weight: bold;
    letter-spacing: 0.118em;
    line-height: 1.47;
    text-align: center;
    margin-top: 2%;
}
h3 {
    font-size: clamp(0.6rem,3vw,1.4rem);
    letter-spacing: 0.18em;
    text-align: center;
    font-weight: 600;
}
h4 {
    font-size: clamp(1.8rem,3vw,3.5rem);
    letter-spacing: 0.12em;
    line-height: 1.457;
    font-weight: bold;
    color: #231815;
}
h5 {
    font-size: clamp(1.7rem,3vw,2.1rem);
    letter-spacing: 0.2em;
    line-height: 1.523;
    color: #fff;
}
p {
    font-weight: 500;
    color: #231815;
}
a {
    /* font-family: 'RyuminPro','游明朝体',serif;
    font-family: 'Kozuka Gothic','小塚ゴシックPr6N',sans-serif; */
    color: #231815;
}

/* ーーーースマホの時消すーーーー*/
.sp-none {
    display: none;
}
/* ーーーーふわっと出すため最初は透明設定するーーーー*/
.fadeInUpTrigger{
	opacity: 0;
}
/* ------------------------------
ふわっと表示
------------------------------ */
/* 文字を左からふわっとフェードイン */
.fadeIn_left {
    opacity: 0;
    transform: translate(-50%, 0);
    transition: 2s;
    }
    .fadeIn_left.is-show {
    transform: translate(0, 0);
    opacity: 1;
    }
    /* 画像を下からふわっとフェードイン */
    .fadeIn_up {
    opacity: 0;
    transform: translate(0, 50%);
    transition: 2s;
    }
    .fadeIn_up.is-show {
    transform: translate(0, 0);
    opacity: 1;
    }
    /* sdgsロゴをその場でふわっとフェードイン */
    .fadeIn {
    opacity: 0;
    transition: 2s;
    }
    .fadeIn.is-show {
    opacity: 1;
    }
/* ------------------------------
固定ページの共通部分
------------------------------ */
/* 台形の背景 */
.subtitle_set {
    position: relative;
    z-index: 1;
}
.subtitle_set::before {
    content: "";
    display: block;
    width: 72%;
    height: 0px;
    border-bottom: 10rem solid #83A5BA;
    clip-path: polygon(17% 0%, 100% 0%, 100% 100%, 0% 100%);
    background: #83A5BA;
    opacity: 0.18;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 35px;
    margin: auto;
    z-index: -1;
}
.subtitle_set::after {
    content: "";
    display: block;
    width: 55%;
    height: 0px;
    border-bottom: 6rem solid #83A5BA;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    background: #83A5BA;
    opacity: 0.18;
    position: absolute;
    left: 0;
    top: 43px;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
.subtitle_set02::after {
    content: "";
    display: block;
    width: 55%;
    height: 0px;
    border-bottom: 6rem solid #83A5BA;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    background: #83A5BA;
    opacity: 0.18;
    position: absolute;
    left: 0;
    top: 75px;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
/* ------------------------------
トップイメージ画像:slick スライダー
------------------------------ */
/* 画像の高さ調整 */
.slick-slide img {
    display: block;
    width: 100vw;
    height: 95vh;
    object-fit: cover;
    object-position: center 50%;
}
/* ドットの隙間を無くす */
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
/* ドットの位置調整 */
.slick-dots {
    bottom: 2%;
}
/* ドットの形と色 */
.slick-dots button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.slick-dots li {
    width: 12px;
    height: 12px;
    /* background-color: #fff; */
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 2px;
    cursor: pointer;
    transition: background-color .5s ease;
}
.slick-dots li button {
    display: none;
}
.slick-dots li.slick-active {
    background-color: #fff;
}
.slick-dots li:hover {
    background-color: #fff;
}
/* ------------------------------
トップページ共通：トップイメージ画像
------------------------------ */
.header_container {
    position: relative;
}
/* ------------------------------
トップページ：ナビメニュー
------------------------------ */
.navi-icon {
    position: relative;
}
.navi-icon::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../c-big/img/car11w.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: -72%;
    left: 35%;
}
.top_nav_logo {
    position: relative;
}
.site-logo {
    position: absolute;
    z-index: 999;
    width: 8%;
    margin-top: 1%;
    left: 4%;
}
#gnav {
    position: absolute;
    z-index: 999;
    margin-top: 3%;
    right: 3%;
}
.gnav_list {
    display: flex;
}
.gnav_list li {
    margin: 0 30px;
}
.gnav_list li a {
    font-size: clamp(1.6rem,3vw,1.9rem);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    color: #FFF;
    letter-spacing: 0.08em;
}
.slider-container {
    position: relative;
}
.site-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 997;
    width: 22%;
}
.site-subtitle {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 997;
}
.site-subtitle > p {
    font-size: clamp(1.9rem,3vw,2.9rem);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    color: #FFF;
    letter-spacing: 0.22em;
    text-align: center;
}

/* ------------------------------
 トップページ：ナビゲーション「中心から外に線が伸びる（下部）」
------------------------------*/
.gnav_list li a{
    /*線の基点とするためrelativeを指定*/
  position: relative;
}
.gnav_list li.current a,
.gnav_list li a:hover{
  color:#FFF;
}
.gnav_list li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -35%;
    left: 0%;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background:#fff;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}
/*現在地とhoverの設定*/
.gnav_list li.current a::after,
.gnav_list li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}
.gnav_list a img {
    width: 100%;
}
#gnav img {
    transition: all .2s;
}
#gnav img:hover {
    transform: scale(0.8);
}
/* ------------------------------
トップページ共通： （#heading）
------------------------------ */
#heading {
    margin-top: 8%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.heading_list {
    text-align: center;
}
.heading_p01 {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1.2rem,3vw,2.9rem);
    font-weight: bold;
    letter-spacing: 0.22em;
    line-height: 1.75;
}
.heading_p02 {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1.4rem,3vw,2.3rem);
    font-weight: 600;
    letter-spacing: 0.18em;
    margin-top: 5%;
}
.heading_a01 {
    color: #F27000;
    font-family: "Questrial", sans-serif;
    font-size: clamp(2.3rem,3vw,6.8rem);
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-top: 1%;
}
.heading_map {
    padding-left: 2%;
}
/* ------------------------------
トップページ： SERVICES
------------------------------ */
#top_services {
    margin-top: 5%;
    margin-bottom: 7%;
}
.services_grid {
    margin-top: 3%;
}
.services_grid ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.franchise_grid {
    margin-top: 3%;
    margin-bottom: 3%;
}
.franchise_grid ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 30px;
}
/* ------------------------------
トップページ： NEWS
------------------------------ */
#top_news_sns {
    background-color: #D8DCDB;
    padding-top: 4%;
}
.news_bg_white {
    background-color: #fff;
    padding: 2% 5%;
}
#top_news_sns ul {
    font-size: clamp(1rem,3vw,1.4rem);
    min-height: 0vw;
    letter-spacing: 0.2em;
}
.top_news_outer {
    background-color: #fff;
    padding: 4% 0%;
    margin-top: 4%;
}
.top_news_flex {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.top_news_flex::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #82A4B9;
    display: inline-block;
    bottom: -17px;
    right: 0px;
}
.top_news_flex::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 20px;
    background-image: url(../c-big/img/car333.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: 107%;
    right: 10px;
}
.top_news_time {
    font-family: "Zen Kaku Gothic New","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: clamp(1rem,2vw,1.4rem);
    min-height: 0vw;
    letter-spacing: 0.12em;
    background-color: #B4C8D5;
    padding: 3% 7%;
    color: #231815;
    font-weight: bold;
}
.more {
    display: flex;
    justify-content: end;
}
.more_btn {
    display: flex;
    background-color: #B4C8D5;
    border-radius: 50px;
    padding: 1% 2%;
    margin-top: 10px;
}
.more_pin {
    margin-right: 15px;
}
.news_list {
    width: 100%;
}
.top_news_title {
    width: 60%;
}
.top_news_arrowS {
    width: 20%;
}
.text_title {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1.1rem,2vw,1.8rem);
    letter-spacing: 0.12em;
}
.text_title > a {
    color: #231815;
    margin-left: 5px;
}
.text_text {
    color: #231815;
    display: block;
    margin-top: 10px;
}
.text_text > p {
    font-family: "Zen Kaku Gothic New",'游明朝体','FOT-ロダン ProN',sans-serif;
}
.top_schedule {
    margin-top: 7%;
}
.calendar_text {
    margin-top: 4%;
}
.top_cm01 {
    margin-top: 4%;
}
.top_cm02 {
    margin-top: 4%;
}
.top_instagram {
    margin-top: 7%;
}
/* ------------------------------
トップページ：SCHEDULE(カレンダー)
------------------------------ */
.calendar_text {
    background-color: #fff;
    padding: 3%;
}
.calendar_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: justify;
}
.calendar_thumbnail {
    width: 50%;
}
.calendar_thumbnail a img {
    width: 120%;
    height: 120%;
}
.calendar_content {
    width:45%;
}
.calendar_title {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1.5rem,2vw,2rem);
    letter-spacing: 0.12em;
    font-weight: bold;
}
.calendar_excerpt {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1rem,2vw,1.8rem);
    letter-spacing: 0.12em;
    margin-top: 3%;

}
/* ------------------------------
トップページ：SDGs
------------------------------ */
#top_sdgs {
    margin: 5% 0;
}
.sdpgs_text01 {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1rem,2vw,1.5rem);
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin-top: 4%;
    font-weight: bold;
}
.sdgs_grid {
    display: grid;
    grid-template-columns: repeat(2,2fr);
    gap: 15px;
    margin-top: 3%;
}
.sdgs_item {
    border: solid 1px #231815;
    padding: 3% 5% 3% 10%;
    display: grid;
    align-content: space-between;
}
.sdgs_copy {
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 4%;
}
.sdpgs_text02 {
    text-align: center;
    margin-bottom: 3%;
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1.3rem,2vw,1.5rem);
    letter-spacing: 0.1em;
    line-height: 1.6;
    font-weight: bold;
}
.sdpgs_text03 {
    position: relative;
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(1rem,2vw,1.3rem);
    letter-spacing: 0.1em;
    line-height: 1.6;
    font-weight: bold;
}
.sdpgs_text03::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #231815;
    border-radius: 50%;
    top: 5px;
    left: -17px;
}
.sdgs_flex {
    display: flex;
    justify-content: center;
    margin-top: 5%;
}
.sdgs_flex li {
    margin-left: 7px;
}
.sdgs_flex li:last-child {
    margin-right: 7px;
}
.sdgs_flex li img {
    width: 65px;
}
.sdgs_logo {
    width: 53%;
}
.sdgs_ss_text {
    width: 42%;
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: clamp(0.6rem,2vw,1rem);
    letter-spacing: 0.121em;
    line-height: 1.7;
    font-weight: normal;
}


/* ------------------------------
固定ページ：NEWS
------------------------------ */
#news {
    margin-top: 8%;
    padding: 8% 0%;
    background-color: #D9E4EA;
}
.news_outer {
    background-color: #fff;
    padding: 4% 0%;
}
.news_wrapper {
    max-width: 760px;
    margin: 0 auto;
}
.news_list {
    padding: 5% 0%;
}
.news_flex {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.news_flex::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #82A4B9;
    display: inline-block;
    bottom: -20px;
    right: 0px;
}
.news_flex::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../c-big/img/car333.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: 107%;
    right: 10px;
}
.news_category {
    width: 20%;
}
.news_title {
    width: 70%;
}
.news_time {
    font-family: "Questrial", sans-serif;
    font-size: clamp(0.8rem,2vw,1.4rem);
    font-weight: bold;
    min-height: 0vw;
    letter-spacing: 0.12em;
    background-color: #B4C8D5;
    padding: 3% 7%;
    color: #fff;
}
.news_arrowS {
    width: 10%;
    text-align: center;
}
/* NEWSのくの字３つarrowーーーーーーーーーーーーー */
.news_arrow01 {
    position: relative;
    display: inline-block;
    width: 3px;
    height: 12px;
  }
.news_arrow01::before,
.news_arrow01::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 10px;
    height: 1px;
    border-radius: 9999px;
    background-color: #231815;
    transform-origin: calc(105% - 1px) 50%;
}
.news_arrow01::before {
    transform: rotate(45deg);
}

.news_arrow01::after {
    transform: rotate(-45deg);
}
/* NEWSのくの字３つarrowーーーーーーーここまでーーーーーー */
/* ------------------------------
news： お知らせ_ページネーションプラグイン「WP-PageNavi」のカスタマイズ
------------------------------ */
.wp-pagenavi {
	margin: 3% 0 0 0;
	font-size: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #77a0d1;
}
.wp-pagenavi a {
    color: #77a0d1;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page {
	margin: 0 10px 0 0;
	border: solid 1px #82A4B9;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	justify-content: center;
	display: flex;
	align-items: center;
	transition: .3s;
}
.wp-pagenavi span.current {
    border: none;
    background: #82A4B9;
    color: #fff;
}
.wp-pagenavi a.page {
	background: none;
}
.wp-pagenavi a.page:hover {
    background: #82A4B9;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: none;
}
/* ------------------------------
個別ページ:「お知らせ」single.php
------------------------------ */
#single_area {
    width: 100%;
}
#single_area > h2 {
    margin-top: 10%;
}
.single_wrapper {
    max-width: 1050px;
    margin: 0 auto;
}
.single_content {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}
.single_img img {
    width: 65%;
}
.single_time {
    font-size: clamp(1rem,1.5vw,1.5rem);
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #909090;
}
.single_category a{
    color: #909090;
    margin-left: 10px;
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    letter-spacing: 0.1em;
}
.single_flex {
    display: flex;
    margin-top: 3%;
    align-items: center;
}
.single_title {
    background-color: #82A4B9;
    color: #fff;
    font-size: clamp(1.4rem,1.5vw,1.8rem);
    padding: 2% 4%;
    margin-top: 5%;
}
.single_text {
    letter-spacing: 0.2em;
    font-size: clamp(1.2rem,1.5vw,1.6rem);
    line-height: 1.5;
    margin-top: 3%;
}

.single_pagenavi {
    display: flex;
    justify-content: center;
    margin: 1% 0% 8% 0%;
}
.single_pagenavi li:nth-child(1) a:hover{
    color: #82A4B9;
    background-color: #fff;
    border: 1px solid #82A4B9;
}
.single_pagenavi li:nth-child(3) a:hover {
    color: #82A4B9;
    background-color: #fff;
    border: 1px solid #82A4B9;
}
.single_pagenavi li a:hover {
    color: #82A4B9;
    background-color: #fff;
    border: 1px solid #82A4B9;

}
.single_pagenavi li:nth-child(1) a,
.single_pagenavi li:nth-child(3) a{
    background-color: #82A4B9;
    border: 1px solid #82A4B9;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:15px 15px;
    font-size: clamp(1rem,1.5vw,1.2rem);
    transition: .3s;
}
.newslink {
    background-color: #82A4B9;
    border: 1px solid #82A4B9;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:15px 55px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: clamp(1rem,1.5vw,1.2rem);
    letter-spacing: 0.2em;
    transition: .3s;
}
.wp-block-image img {
    margin: 5% 0;
}
/* ------------------------------
固定ページ：SERVICES
------------------------------ */
/* FAQと共通のボタンーーーーーーーーーー */
.B-btn a {
    position: relative;
    display: block;
    padding: 0.6em 0.5em;
    background-color: #fff;
    border: 2px solid #82A4B9;
    border-radius: 50px;
    font-size: 14px;
    color: #82A4B9;
    text-align: center;
    transition: .4s;
    font-weight: 500;
  }
  .btn-arrow-bottom a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #82A4B9;
    border-right: 2px solid #82A4B9;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
    transition: .4s;
  }
  .btn-arrow-bottom a:hover {
    background-color: #82A4B9;
    border: 2px solid #82A4B9;
    color: #fff;
  }
  .btn-arrow-bottom a:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
/* FAQと共通のボタンーーーーーーここまで */
.subsite-logo {
    position: absolute;
    z-index: 999;
    width: 8%;
    margin-top: 1%;
    left: 4%;
}
.B-btn_wrapper {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 2%;
}
.B-btn_list {
    display: grid;
   grid-template-columns: repeat(4,1fr);
   gap: 5px;
   margin-top: 9%;
   margin-bottom: 4%;
}
#services01 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 41%, #E0E8ED 41%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services02 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 35%, #E0E8ED 35%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services03 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 34%, #E0E8ED 34%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services04 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 32%, #E0E8ED 32%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services05 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 34%, #E0E8ED 34%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services06 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 30%, #E0E8ED 30%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services07 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 33%, #E0E8ED 33%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services08 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 38%, #E0E8ED 38%, #E0E8ED 100%);
    padding: 5% 0%;
}
.services_heading {
    text-align: center;
}
.services_flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 3%;
}
.services_thumb {
    width: 48%;
}
.services_info {
    width: 48%;
}
.services_text_yellow {
    margin-left: 20px;
}
.yellow_lead {
    position: relative;
    color: #FFFF3B;
    font-size: clamp(1.3rem,1.5vw,1.7rem);
}
.yellow_lead::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../c-big/img/car11w.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: 2px;
    left: -23px;
}
.yellow_lead::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #FFFF3B;
    display: inline-block;
    top: 23px;
    right: 0px;
}
.yellow_sublead {
    font-size: small;
    color: #FFFF3B;
}
.FAQ_hp li a{
    color: #F27000;
    transition: .3s;
}
.FAQ_hp li a:hover{
    color: #658faa;
}
.services_thumb_link {
    margin-top: 2%;
    display: block;
    color: #F27000;
}
.services_detail {
    margin-top: 8%;
}
.services_detail p {
    font-size: clamp(1.3rem,2vw,1.55rem);
    line-height: 1.8;
    font-weight: 500;
	letter-spacing: 0.1em;
    text-align: justify;
}
/* ------------------------------
固定ページ：FAQ
------------------------------ */
.title_bg {
    background-color: #82A4B9;
    padding: 1% 0;
}
.title_bg02 {
    background-color: #658faa;
}
.FAQ_wrapper {
    max-width: 987px;
    margin: 0 auto;
}
.FAQ_heading {
    margin-top: 5%;
}
.QA_container {
    margin-top: 3%;
}
.accordion-area {
    margin-top: 3%;
    margin-bottom: 5%;
}
.FAQ_copy {
    font-size: clamp(1.7rem,2vw,2.5rem);
    line-height: 2.1;
    font-weight: bold;
    text-align: center;
}
.FAQ_lead {
    font-size: clamp(1.1rem,2vw,1.5rem);
    line-height: 1.9;
    font-weight: bold;
    text-align: center;
}
/* ------------------------------
固定ページ：FAQ
/* ここからアコーディオン機能
------------------------------ */
/*アコーディオンタイトル*/
.title_bg {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.title_bg::before,
.title_bg::after{
    position: absolute;
    content:'';
    width: 20px;
    height: 3px;
    background-color: #fff;
    border-radius: 10px;
}
.title_bg::before{
    top:50%;
    right: 15%;
    transform: rotate(0deg);
}
.title_bg::after{
    top:50%;
    right: 15%;
    transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/

.title_bg.close::before{
	transform: rotate(0deg);
}

.title_bg.close::after{
	/* transform: rotate(-45deg); */
    display: none;
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    margin-bottom: 3%;
}

/* ここまでアコーディオン機能
------------------------------ */


/*QtとA、車と線のアイコン疑似要素*/
.Q ,.Q2 {
    position: relative;
    font-weight: bold;
}
.Q::before {
    position: absolute;
    content: '';
    width: 29px;
    height: 29px;
    background-image: url(../c-big/img/Q-icon.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: 1px;
    left: -32px;
}
.Q::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../c-big/img/car333.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: 13px;
    right: 0px;
}
.Q2::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../c-big/img/car333.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: 38px;
    right: 0px;
}
.A {
    position: relative;
    margin-top: 2%;
    font-size: clamp(1.3rem,2vw,1.55rem);
    letter-spacing: 0.1em;
    text-align: justify;
}
.A::before {
    position: absolute;
    content: '';
    width: 29px;
    height: 29px;
    background-image: url(../c-big/img/A-icon.webp);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    top: -2px;
    left: -32px;
}
.A::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #82A4B9;
    display: inline-block;
    /* background-size: contain;
    vertical-align: middle; */
    top: -15px;
    right: 0px;
}
.QA-flex {
    display: flex;
    justify-content: space-between;
    margin: 1% 0;
}
.QA-flex > a {
    width: 48%;
}
.faq_tel {
    color: #F27000;
    font-size: clamp(2rem,1.5vw,2.8rem);
    font-weight: bold;
    letter-spacing: 0.1em;
}
.faq_shop {
    color: #F27000;
}
.FAQ_last_box {
    margin-top: 3%;
}
.FAQ_last_ul {
    margin-top: 2%;
}
.FAQ_last_ul li a {
    color: #F27000;
    transition: .3s;
}
.FAQ_last_ul li a:hover {
    color: #658faa;
}
/* ------------------------------
固定ページ：COMPANY
------------------------------ */
#company {
    background-color: #82A4B9;
    padding: 10% 0;
    margin-top: 8%;
}
.company_wrapper {
    max-width: 930px;
    margin: 0 auto;
    background-color: #fff;
    padding: 8% 5% 0% 7%;
}
.company-logo {
    text-align: center;
}
.company-logo img {
    width: 25%;
}
.company_table {
    margin-top: 8%;
    width: 100%;
    padding-bottom: 8%;
    font-size: 15px;
    border-collapse: separate; /* セル間のボーダーを維持 */
    border-spacing: 0 12px; /* 上下の行間隔を15pxに設定 */
    font-size: clamp(1rem,3vw,1.3rem);
    letter-spacing: 0.13em;
    line-height: 2;
}
.company_tr {
    margin: 1%;
}
.company_th {
    width: 18%;
    text-align: justify;
    text-align-last: justify;
    vertical-align: top;
}
.company_th p {
    background-color: #82A4B9;
    padding: 1% 8%;
}
.company_td {
    padding-left: 20px;
    font-weight: 500;
}
.company_td02 {
    margin-top: 5px;
}
.company_wrapper02 {
    max-width: 930px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 3%;
    padding: 2% 5% 5% 6%;
}
.company_wrapper02 ul {
    margin-top: 4%;
    margin-left: 30%;
}
.company_wrapper02 ul li {
    margin-bottom: 10px;
}
.company_wrapper02 ul li a {
    font-size: clamp(1.6rem,3vw,2rem);
    letter-spacing: 0.22em;
    transition: .3s;
    color: #F27000;
}
.company_wrapper02 ul li a:hover {
    color: #658faa;
}
/* ------------------------------
固定ページ：CONTACT お問合せ
------------------------------ */
#contact {
    background-color: #D9E4EA;
    padding: 5% 0;
}
.contact_heading {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 3%;
}
.contact_info {
    text-align: center;
}
.contact_lead {
    font-size: clamp(1rem,2vw,1.3rem);
    letter-spacing: 0.2em;
    font-weight: bold;
}
.contact_tel {
    color: #231815;
    font-family: "Questrial", sans-serif;
    font-size: clamp(2.8rem,3vw,3.2rem);
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 8px 0 2px 0;
    display: block;
}
.contact_text00 {
    text-align: center;
}
.contact_text {
    display: inline-block;
    text-align: center;
    border: 1px solid #949494;
    font-size: clamp(1rem,2vw,1.1rem);
    line-height: 2;
    padding: 2% 4%;
}
.contact_text02 {
    margin-top: 10px;
}
.form_table {
    max-width: 100%;
    margin: 0 auto;
}
.form_th {
    width: 22%;
    text-align: justify;
    text-align-last: justify;
}
.form_th > p {
    background-color: #82A4B9;
    padding: 2% 10%;
}
.hissu {
    width: 8%;
    background-color: transparent;
}
.hissu > p {
    color: #E60012;
    font-size: smaller;
    background-color: #ccc;
    margin-right: 9px;
    margin-left: 12px;
}
.form_td {
    width: 56%;
}
/* ------------------------------
コンタクト:メールフォーム
------------------------------ */
/* フォーム全体のスタイル */
.wpcf7-form {
    background-color: #fff;
    padding: 30px;
}
/* 入力フィールドのスタイル */
.wpcf7-form .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-family: '游明朝体','FOT-ロダン ProN',sans-serif;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-select,
.wpcf7-form textarea,
.wpcf7-form input[type="file"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    margin: 3% 0;
    font-family: "Zen Kaku Gothic New","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: 16px;
}
/* フォーカス時のスタイル */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form input[type="select"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input[type="file"]:focus {
    border-color: #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
    background-color: #82A4B9;
    color: #FFFFFF;
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-size: 15px;
    padding: 10px 47px;
    letter-spacing: 0.1em;
    margin-top: 3%;
    transition: background-color 0.3s ease;
}
.wpcf7-form input[type="submit"]:hover {
    background-color: #333;
}
.wpcf7-spinner {
    display: block;/* form-submitぼ送信ボタンの中央揃えがずれるのでプラグインのフォームを調整 */
}
.form-submit {
    text-align: center;
}
label {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}
#reservation {
    margin-top: 3%;
}
.reservation_wrapper {
    max-width: 800px;
    margin: 0 auto;
}
.contact_p01 {
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    text-align: center;
    margin: 3% 0;
}
.Google_reCAPTCHA > p{
    font-family: "Zen Kaku Gothic New","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    text-align: center;
    font-size: clamp(1rem,2vw,1.1rem);
}
/* ------------------------------
404.php
------------------------------ */
.wrapper404 {
    max-width: 930px;
    margin: 0 auto;
    background-color: #fff;
    padding: 8% 5% 8% 7%;
}

/* ------------------------------
共通のフッター部分
------------------------------ */
#footer {
    padding-bottom: 3%;
    background-color: #83A5BA;
}
.footer_map {
    margin-bottom: 3%;
}
.map_p {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    color: #AE0E16;
    text-align: center;
    letter-spacing: 0.26em;
    font-size: clamp(2rem,2vw,2.7rem);
}
.GoogleMap {
    width: 100%;
    vertical-align: bottom;
}
.footer_gnav_list li a {
    color: #fff;
}
.footer_gnav_list li a span{
    color: #fff;
}
.footer_area {
    padding-top: 6%;
}
.footer_logo {
    max-width: 100%;
}
.footer_logo_img {
    width: 43%;
    margin-left: 15%;
}
.footer_left {
    width: 38%;
}
.footer_right {
    width: 60%;
}
.footer_c_name {
    font-size: clamp(1.2rem,2vw,1.8rem);
    letter-spacing: 0.12em;
    font-weight: bold;
}
.footer_sub_name {
    font-size: clamp(0.4rem,2vw,0.8rem);
    letter-spacing: 0.14em;
}
.footer_address {
    font-size: clamp(1.3rem,2vw,1.3rem);
    letter-spacing: 0.22em;
    font-weight: 600;
    line-height: 2.15em;
    margin-top: 5%;
}
.footer_yubin {
    margin-right: 5px;
}
.footer_sns_btn {
    margin-top: 4%;
    margin-left: -2%;
    display: flex;
}
.footer_sns_btn a img {
    transform: scale(0.6,0.6);
}
.footer_Gmap {
    margin-top: 3%;
    margin-left: -6%;
    margin-bottom: 4%;
}
.footer_Gmap a img{
    transform: scale(0.7,0.7);
}
.icon-Gmap {
    margin-top: 3%;
}
.footer_gnav {
    margin-top: 3%;
    text-align: center;
}
.footer_gnav_list {
    justify-content: center;
}
.footer_gnav_list li {
    text-align: start;
    margin: 0 50px;
}
.footer_gnav_list li a {
    color: #fff;
    transition: .5s;
}
small.copyright {
    font-family: "Questrial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    display: block;
    letter-spacing: 0.12em;
    text-align: center;
    margin-top: 1%;
}

/* ------------------------------
JS/ページトップリンク_上矢印
------------------------------ */
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	width: 60px;
	height: 60px;
	color: #6C6C6C;
    border:1px solid #333333;
	transition:all 0.3s;
    background-color: #ffffff5c;
}
#page-top p {
    font-size: 1.2rem;
    position: relative;
    top: -18px;
    color: #333;
}
#page-top span {
    position: relative;
    top: -10px;
}
#page-top span::after {
    content: '';
    position: absolute;
    left: 6px;
    top: -7px;
    background: #333333;
    width: 1px;
    height: 20px;
    transform: rotate(-45deg);
}
#page-top span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -3px;
    background: #333;
    width: 1px;
    height: 30px;
}

/* #page-top a:hover{
	background: #83A5BA;
} */

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*上に上がる動き*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*下に下がる動き*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}
/*ここからSPスマホ==================================================
共通部分
===================================*/
@media screen and (max-width:990px) {
/* ------------------------------
 共通部分
------------------------------sp*/
.sp-only {
    display: block;
}
.pc-only {
    display: none;
}
.sp_block {
    display: block;
}
.wrapper {
    padding: 0 4%;
}
.inner_wrapper {
    padding: 0 4%;
}
#heading {
    padding: 7% 0;
    display: block;
}
.title_set_img {
    width: 75%;
}
/* ------------------------------
固定ページの共通部分
------------------------------ */
.subtitle_set::before {
    width: 80%;
    border-bottom: 5rem solid #83A5BA;
    bottom: 7px;
}
.subtitle_set::after {
    border-bottom: 3rem solid #83A5BA;
    top: 35px;
}
.subtitle_set02::after {
    border-bottom: 3rem solid #83A5BA;
    top: 51px;
}
/* ------------------------------
 トップページ：gnavナビゲーション「中心から外に線が伸びる（下部）」
------------------------------sp*/

.gnav_list li span:nth-child(2) {
    display: none;
}
.gnav_list li a::after {
    display: none;
}
.sample3:hover .mask {
	display: none;

}
/*===========================================================*/
/* ハンバーガーメニューボタン */
/*===========================================================sp*/
.openbtn{
	position: fixed;
    z-index: 9999;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background: #949494;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
/*========= ナビゲーションのためのCSS ===============*/
#gnav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 998;
    /*ナビのスタート位置と形状*/
	top:-30px;
    left: -120%;
	width:60%;
	background: #82a4b9;
    /*動き*/
	transition: all 0.6s;
	min-height: 180vh;
}
.panelactive {
    position:fixed;
    z-index: 9999;
}
/*アクティブクラスがついたら位置を0に*/
#gnav.panelactive{
    left: 0;
    justify-content: end;
}
.gnav_list li {
    margin-top: 3vh;
}
.gnav_list {
    display: block;
    margin-top: 60%;
    background-color: transparent;
}
.gnav_list li span{
    transform: none;
    text-align: center;
}
.gnav_list li a {
    color: #0b0c0c;
}
.btn_reservation {
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    box-shadow: 0px 0px 0px 5px #AE0E16;
    border: solid 2px #FFF;
    transition: .4s;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    color: #AE0E16;
    width: 140px;
    height: 140px;
    box-shadow: 0px 0px 0px 5px #FFF;
    border: solid 2px #AE0E16;
    top: 59%;
    left: 9%;
}
/*========= ナビゲーションのためのCSS ==========ここまで=====*/
/* ------------------------------
トップイメージ画像:slick スライダー
------------------------------sp */
/* 画像の高さ調整 */
.slick-slide img {
    height: 127vw;
    object-fit: cover;
    object-position: 28% 50%;
}
/* ------------------------------
トップイメージ画像:slick スライダー横のロゴマーク位置
------------------------------sp */
.slider-container {
    position: relative;
}
.top_p_logo {
    position: absolute;
    top: 40%;
    left: 25%;
    width: 50%;
}
/* ------------------------------
トップページ：
------------------------------sp */
.site-logo {
    width: 15%;
    margin-top: 5%;
    left: 7%;
}
.site-title {
    top: 40%;
    width: 26%;
}
.site-subtitle {
    top: 57%;
}
.services_grid ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.franchise_grid ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 13px 30px;
}
#top_news_sns {
    padding-top: 10%;
}
.top_news_outer {
    padding: 8% 4%;
}
.top_news_flex {
    display: block;
}
.top_news_title {
    font-size: small;
    width: 100%;
    margin-top: 5%;
}
.top_news_arrowS {
    display: none;
}
.top_news_flex::after  {
    top: 101%;
}
.more_btn {
    padding: 1% 6%;
    margin-top: 30px;
}
.news_arrow01::before, .news_arrow01::after {
    width: 8px;
    top: calc(50% - 0px);
}
.top_schedule {
    margin-top: 12%;
}
.sdgs_item {
    padding: 3% 5% 3% 7%;
}
.sdgs_grid {
    grid-template-columns: repeat(1, 2fr);
    margin-top: 6%;
}
.sdpgs_text03::before  {
    width: 10px;
    height: 10px;
    top: 3px;
    left: -13px;
}
.sdgs_copy {
    display: block;
}
.sdgs_logo {
    width: 100%;
    text-align: center;
}
.sdgs_logo > img {
    width: 93%;
}
.sdgs_ss_text {
    width: 100%;
}
.sdgs_ss_text > p {
    text-align: center;
    font-size: larger;
    margin-top: 2%;
}
.navi-icon::before {
    left: 1%;
}
/* ------------------------------
トップページ：SCHEDULE(カレンダー)
-----------------------------sp- */
.calendar_flex {
    display: block;
}
.calendar_thumbnail {
    width: 100%;
}
.calendar_content {
    width: 100%;
}
/* ------------------------------
services： サービス
------------------------------sp */
.subtop_img > img {
    height: 10vh;
    width: 100vw;
    object-fit: cover;
    object-position: 33% 50%;
}
.subsite-logo {
    width: 15%;
    margin-top: 5%;
    left: 5%;
}
.B-btn_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.B-btn a {
    font-size: 13px;
}
.B-btu02 > a{
    font-size: 12px;
    padding: 0.8em 0.5em;
    padding-right: 22px;
}
.services_flex {
    display: block;
}
.services_thumb {
    width: 100%;
}
.services_info {
    width: 100%;
    margin-top: 10px;
}
.services_text_yellow {
    margin-top: 10px;
}
#services01 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 54%, #E0E8ED 54%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services02 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 18%, #E0E8ED 18%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services03 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 55%, #E0E8ED 55%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services04 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 15%, #E0E8ED 15%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services05 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 49%, #E0E8ED 49%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services06 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 12%, #E0E8ED 12%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services07 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 76%, #E0E8ED 76%, #E0E8ED 100%);
    padding: 5% 0%;
}
#services08 {
    background: linear-gradient(180deg, #82A4B9 0%, #82A4B9 26%, #E0E8ED 26%, #E0E8ED 100%);
    padding: 5% 0%;
}
.franchise_grid {
    padding: 0 4%;
    margin-bottom: 3%;
}
.yellow_lead::after {
    top: 18px;
}
/* ------------------------------
news： お知らせ
------------------------------sp */
#news {
    margin-top: 13%;
    padding: 15% 4%;
}
.news_outer {
    padding: 7% 4% 12% 4%;
}
.news_wrapper {
    margin: 7% 0;
}
.news_title {
    margin-left: 10px;
}
.wp-pagenavi {
    margin: 10% 0 0 0;
}
.news_flex::after {
    top: 110%;
}
/* ------------------------------
single.php 「お知らせ」個別ページ
------------------------------sp */
.single_content {
    margin-top: 4%;
    margin-bottom: 4%;
}
.single_pagenavi {
    margin: 1% 0% 15% 0%;
}
/* ------------------------------
固定ページ： FAQ
------------------------------sp */
.accordion-area {
    margin-bottom: 13%;
    margin-top: 0%;
}
.FAQ_heading {
    padding: 4% 0%;
}
.FAQ_wrapper {
    padding: 3% 8%;
}
.box {
    padding: 0 6% 0 11%;
}
.Q::before {
    width: 25px;
    height: 25px;
    top: -2px;
    left: -27px;
}
.Q::after {
    display: none;
}
.Q2::after {
    display: none;
}
.A::before {
    width: 25px;
    height: 25px;
    top: -2px;
    left: -27px;
}
.A::after {
    top: -5px;
}
.QA_container {
    margin-top: 8%;
}
.faq_tel_center {
    text-align: center;
    margin-top: -25px;
}
.QA-flex {
    display: block;
}
.FAQ-line {
    margin-top: 10px;
}
/* ------------------------------
固定ページ： company
------------------------------sp */
#company {
    padding: 6% 5%;
    margin-top: 13%;
}
.company_wrapper {
    padding: 8% 4% 0% 4%;
}
.contact_tel {
    margin: 3px 0 2px 0;
}
.company_th {
    width: 25%;
}
.company_sp_wrapper {
    padding: 0;
}
.company_wrapper02 ul {
    margin-top: 6%;
    margin-left: 6%;
}
/* ------------------------------
固定ページ： お問合せ
------------------------------sp */
.contact_heading {
    margin-top: 10%;
    margin-bottom: 5%;
}
.form_table {
    margin-top: 5%;
}
.wpcf7-form {
    padding: 10px;
}
.form_th {
    width: 40%;
    display: block;
}
.hissu {
    width: 20%;
    display: block;
}
.hissu > p {
    margin-left: 0px;
    margin-top: 5px;
}
.form_td {
    width: 100%;
    display: block;
}
.wpcf7-form input[type="submit"]  {
    font-size: 14px;
    padding: 10px 38px;
    margin-top: 8%;
}

/* ------------------------------
共通のフッター部分
------------------------------sp */
.footer_area {
    padding-top: 15%;
}
.footer_logo {
    display: block;
    text-align: center;
}
.footer_logo_img {
    margin-left: 0;
}
.footer_left {
    width: 100%;
}
.footer_right {
    width: 100%;
}
.footer_sns_btn {
    display: block;
}
.footer_Gmap a img {
    transform: scale(0.5,0.5);
}
.footer_gnav {
    display: none;
}

}