/*
Theme Name: 多業種対応HPシステム(CMSテーマ)【Hide Professional Theme】ITツールNo:TL29-0042726
Theme URI:     https://yamato.studio/package/
Author: 株式会社大和(Yamato)
Author URI: https://yamato.studio/
Description: CMS(Wordpress)のスクラッチテーマです。 CMSホームページ導入により売上アップおよび業務効率化が可能です。（既存顧客の維持、新規顧客獲得、エンドユーザー様の利便性の向上、売上向上、顧客管理）ブログやホームページ内の更新はもちろん、メールフォームの追加や編集、予約機能の切り替え、受発注処理を行うことのできるパッケージテーマです。 お客様のビジョンを明確にし、目標設定、ブランディングからペルソナデザインまで行い、お客様にとっての最良のホームページという24時間不眠不休で働く営業マンを作成いたします。 それによりPRやお問合せ受付、社内でのお知らせによる情報共有、予約スケジュール、顧客管理と生産性を向上させます。 下記内容がサーバーにアップしテーマを有効化した状態で行いますので、すぐに運用を開始できます。 ・ブログの更新、お知らせの更新、ページ内の更新は、プログラムの言語が分からなくても直感的に行えます。 ・情報をカテゴリーごとに分けユーザーがほしい情報にたどりつきやすくなっております。 ・管理画面内で使用、不使用を選択できるので今後の展開も視野に入れてお使いいただけます。 ・メール機能も簡単にカスタマイズできるのでお問合せ以外に受注発注の処理も一貫して行うことができます。 ・メールにて収集したメールアドレスを管理することも可能です。 ・お客様の声など、現場の声をより簡単に更新が行えます ・タイムスケジュール、カレンダーの同期も行えます。
Version: 1.0.2
*/

:root { 
	--main:#E73628;
	--sub:#FFE400;
	--gray:#a5a5a5;
	--gray2:#F3F3F3;
	--gray3:#333333;
	--bgw:#FFFFFF;
	--bgc:#FFF6E2;
	--fcw:#FFFFFF;
	--bk:#000000;
	--shadow: 0 3px 10px rgba(0,0,0,.16);
	--shadow2: 0px 5px 11px rgba(0,0,0,.16);
	--shadow2: 0px 3px 6px rgba(0,0,0,.16);
    --noto:"Noto Sans JP","小塚ゴシック Pro","游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;

	--cat01:#DB0807;
	--cat02:#EB6FAB;
	--cat03:#0B71C0;
	--cat04:#5285CE;
	--cat05:#B33F1D;
	--cat06:#F4A207;
	--cat07:#BFD907;
	--cat08:#1AAD3A;
	--cat09:#FF6600;
	--cat10:#18A8E4;
	--cat11:#BEA936;
	--cat12:#F40002;
	--cat13:#000000;
	--cat14:#FFE200;
	--cat15:#AC0089;
	--cat16:#809400;
	--cat17:#2ED6BA;
	
    --fz0:1.2rem;
    --fz1:1.4rem;
    --fz2:1.6rem;
    --fz3:1.8rem;
    --fz4:2.4rem;
    --fz5:3.6rem;
    --fz6:20.0rem;
}




body {
  background: var(--bgw);
  color: var(--bk);
  font-family: 'Barlow Semi Condensed','Noto Sans JP',"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}


figure{margin: 0;}

/* 背景色 */
.bg_gray{background-color: var(--gray2);}
.bg_w{background-color: var(--bgw);}


/* アコーディオン */
.acMenu > dd{display: none;}

/* ------------------------------------------------------------------------- *
 *  WordPressのネイティブcss
/* ------------------------------------------------------------------------- */

.blog_article_area p {
    display: block;
    margin: 1em 0;
}
.blog_article_area h1, h2, h3, h4, h5, h6 ,ul,li,img,table,tr,th,td,dl,dt,dd{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

.blog_article_area strong { font-weight: bold; }
.blog_article_area em { font-style: italic; }
.blog_article_area blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}


/*  base : img
/* ------------------------------------ */
.blog_article_area .aligncenter {
    display: block;
    margin: 0 auto;
}
.blog_article_area .alignright { float: right; }
.blog_article_area .alignleft { float: left; }
img[class*="wp-image-"],
.blog_article_area img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

.breadcrumb {
    white-space: nowrap;
    overflow: hidden;
}


/* ------------------------------------------------------------------------- *
 *  WP-PageNavi
/* ------------------------------------------------------------------------- */
.wp-pagenavi {
    display: flex;
    justify-content: center;flex-wrap: wrap;grid-gap: 15px 0px;
}
.wp-pagenavi span,
.wp-pagenavi a {
    display: inline-block;
    min-width: 28px;
    padding: 0 2px;
    margin: 0 6px;
    text-align: center;
    border: 1px solid #000;
    font-size: 1.6rem;
    line-height: 32px;
}
.wp-pagenavi .pages {
    padding: 0 10px;
}
.wp-pagenavi .current {
    font-weight: bold;
    background-color: #ccc;
}






/* CSS Document */


.site_wrapper {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 767px) {
  .site_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
}
.indent_content {
  padding: 100px 0;position: relative;
}
.indent_content_f {
  padding: 100px 0;position: relative;
}

.indent_mb0 {
  padding: 100px 0 0 0;position: relative;
}
.indent_mt0 {
  padding: 0 0 100px 0;position: relative;
}
.indent_content0 {
  padding: 0px 0;position: relative;
}
@media screen and (max-width: 767px) {
  .indent_content {
    padding: 50px 20px;
  }
  .indent_content_f {
    padding: 0 20px 50px 20px;
  }
  .indent_mb0 {
    padding: 50px 20px 0 20px;
  }
  .indent_mt0 {
    padding: 0px 20px 50px 20px;
  }
  .indent_content0 {
    padding: 0px 20px;
  }
}


.indent_content2 {
  padding: 60px 0;position: relative;
}
@media screen and (max-width: 767px) {
  .indent_content2 {
    padding: 30px 20px;
  }
}


.sp_indent15_lr {}
@media screen and (max-width : 767px) {
  .sp_indent15_lr {
    padding: 0 15px;
  }
}

.sp_indent20_lr {}
@media screen and (max-width : 767px) {
  .sp_indent20_lr {
    padding: 0 20px;
  }
}

#wrapper_all {
  text-align: center;
  min-width: 1240px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #wrapper_all {
    min-width: 100%;
  }
}

.ma{margin: auto;}

/* hd_nav　ヘッダー
-------------------------------------------------------------------*/

.bg_h1 {width: 100%;
  padding: 5px;
  font-size: 1.2rem;
  background: var(--main);
  color: var(--fcw);text-align: left;
}
.bg_f1 {background-color: var(--bk);color: var(--fcw);
  padding: 20px 0;
  font-size: 1.6rem;
}

.bg_f1 .site_wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.btns{display: flex;flex-wrap: wrap;grid-gap: 20px 20px;}
.btns li{min-width: 180px;}
.btns li a{display: block;font-weight: 900;border-radius: 30px;text-align: center;padding:10px 20px;}
.btns li a.n1{background-color: var(--sub);color: var(--bk);border: 2px solid var(--bk);}
.btns li a.n2{background-color: var(--main);color: var(--fcw);border: 2px solid var(--bk);}
.btns li a.n3{background-color: var(--bk);color: var(--fcw);border: 2px solid var(--fcw);}

.sp_btns{display: none;}

@media screen and (max-width: 767px) {
  .bg_h1, .bg_f1 {
    padding: 5px 20px;
    font-size: 1.2rem;
  }
	.bg_f1 .btns{display: none;}
	
	.sp_btns{display: block;width: 55%;position: absolute;top: 160px;right: 15px;}
	.sp_btns .btns li{width: 100%;}
}

header.header{position: relative;background: var(--bgw);z-index: 300;}

.header_in{position: relative;}

.header_ue{}
.header_in .area_hd01{
display: flex;height: 100px;
justify-content: space-between;align-items: center;}
@media screen and (max-width: 767px) {
    .header_in .area_hd01{height: auto;}
	
	
	.area_hd01 .btns{display: none;}
	
	
}

.area_hd01 .left_area{width: 300px;padding: 30px 0;}
.area_hd01 .right_area{width: 810px;
display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.area_hd01 .right_area #header_search{padding: 10px 10px 10px 40px;
    font-size: 1.6rem;
    background: url(/_quarantine/lupe.webp)no-repeat left 10px center var(--bgw);
    border: 1px solid #868686;
    width: 100%;
    background-size: 24px 24px;
    border-radius: 5px;}

.head_ico{flex-wrap: wrap;justify-content: space-between;
display: flex;width: 95px;}

@media screen and (max-width: 767px) {
.area_hd01 .left_area{width: 165px;padding: 10px 0 10px 15px;}
    .area_hd01 .right_area{width: auto;margin: 0;padding-right: 0px;text-align: center;align-items: center;display: -webkit-flex;

    display: flex;justify-content: flex-end;column-gap: 50px;}
	.area_hd01 .right_area form{z-index: 2;position: absolute;right: 45px;top: auto;
	display: flex;justify-content: flex-end;}
	.area_hd01 .right_area #header_search{border: none;
		padding: 10px 10px 10px 32px;
		width: 40px;background-size: 16px 16px;background-position: left 13px center;
		  transition: all 0.5s;/*transitionを使ってスムースに伸ばす*/
		 outline: none;
  cursor: pointer;/*カーソルを指マークに*/
	}
.area_hd01 .right_area #header_search:focus {
  width: 100%;/*テキスト入力エリアが伸びる後の横幅*/
    border: 1px solid #868686;
}
	
.head_ico{width: 80px;}
.head_ico > li{width: 40px;}
	.head_ico > li a{display: block;overflow: hidden;padding: 7px;}
}

.g_nav_area{padding: 30px 0 30px 0;background-color: var(--bgw);border-top: 1px solid #000;}


#fixnavi{display: block;width: 100%;transition: 0.5s;opacity: 0;  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;}
/* 上部に固定させるスタイルを用意 */
#fixnavi.fixed {opacity: 1;
	display: block;

}
#fixnavi.fixed .g_nav_area{border-top: none;}

@media screen and (max-width: 767px) {
	.g_nav_area{padding: 0;}
}
.g_nav > ul{
display: flex;
justify-content: space-between;
}
.g_nav >ul > li{}
.g_nav >ul > li:nth-child(1){}
.g_nav > ul > li > a {
  display: block;
  font-weight: 900;letter-spacing: 0.1em;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.2;
}

.g_nav > ul > li > a img{display: block;margin:0 auto 5px;}

.g_nav li a:hover,.g_nav li.current a{
	color: #ccc;
}
.g_nav > ul > li > a svg{vertical-align: top;margin-right: 10px;}

@media screen and (max-width: 1400px) {
.g_nav > ul > li > a {
	padding: 5px 15px;
}
}

/*ナビのスタイル*/
nav.NavMenu{
position: fixed;
z-index: 12;
top: 0;
right: 0;
background: rgba(255,255,255,.90);
text-align: center;
width: 90%;
height: 100%;
display: none;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0 50px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

nav.NavMenu ul li{
list-style-type: none;text-align: left;
width: 100%;
padding-bottom: 0px;
}
nav.NavMenu ul li a img{display: inline-block;vertical-align: middle;margin-right: 20px;}
nav.NavMenu ul li:last-child{
padding-bottom: 0;
}

nav.NavMenu ul li a{
display: block;
padding: 15px 0;
font-weight: bold;
font-size: 1.8rem;
}

/*ボタンのスタイル*/
.Toggle {
position: relative;
width: 40px;
height: 28px;
cursor: pointer;
z-index: 13;
display: block;
}

.Toggle span {
display: block;
position: absolute;
width: 22px;
border-bottom: solid 2px var(--bk);
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 4px;
}

.Toggle span:nth-child(1) {
top: 6px;
}

.Toggle span:nth-child(2) {
top: 13px;
}

.Toggle span:nth-child(3) {
top: 20px;
}

.Toggle.active span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 2px #bbb;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 2px #bbb;
}


.tit_cat {background-color: var(--main);text-align: center;padding: 10px 20px;font-weight: bold;font-size: 2.0rem;display: inline-block;}
@media screen and (max-width: 767px) {
    .tit_cat{font-size: 1.4rem;}
}

.bd_04{border-bottom: 4px solid var(--sub);}


.col_1_1{width: 100%;text-align: left;
display: flex;flex-wrap: wrap;justify-content: flex-start;}
.col_1_1 > li{width: 50%;}
@media screen and (max-width: 767px) {
.col_1_1 > li{width: 100%;}
}

.col_1_2{display: flex;flex-wrap: wrap;justify-content: space-between;}

.col_1_2 > .left_area{width: 35%;}
.col_1_2 > .right_area{width: 60%;}
@media screen and (max-width: 767px) {
    .col_1_2{display: block;}
.col_1_2 > .left_area{width: 100%;margin-bottom: 60px;}
.col_1_2 > .right_area{width: 100%;}
}

.col_2{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col_2 > li,.col_2 > .left_area,.col_2 > .right_area{width: 48%;}

@media screen and (max-width: 767px) {
.col_2{justify-content: center;}
 .col_2 > li{width: 100%;margin-bottom: 60px;overflow: hidden;}
    .col_2 > .left_area,.col_2 > .right_area{width: 100%;}
}


.col_3{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col_3 > li{width: 30%;}

@media screen and (max-width: 767px) {
.col_3{justify-content: center;}
 .col_3 > li{width: 100%;margin-bottom: 60px;overflow: hidden;}
}

.col_4{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col_4 > li{width: 23%;}

@media screen and (max-width: 767px) {
.col_4{justify-content: center;}
.col_4 > li{width: 100%;margin-bottom: 60px;overflow: hidden;}
}

.col_5{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col_5 > li{width: 19%;}

@media screen and (max-width: 767px) {
.col_5{justify-content: center;}
.col_5 > li{width: 30%;margin-bottom: 60px;overflow: hidden;}
}

.col_1_3{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.col_1_3 > .left_area{width: 35%;}
.col_1_3 > .right_area{width: 60%;}

.col_3_1{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;width: 100%;}
.col_3_1 > .left_area{width: 60%;}
.col_3_1 > .right_area{width: 35%;}

@media screen and (max-width: 767px) {
    
.col_1_3 > .left_area{width: 100%;}
.col_1_3 > .right_area{width: 100%;}

.col_3_1{flex-direction: row;}
.col_3_1 > .left_area{width: 100%;}
.col_3_1 > .right_area{width: 100%;}
}

/* トップページメインスライドイメージ */
.main_slider_wrap{position: relative;}

.slide-media{position: relative;
    overflow: hidden;}
    
.main_slider_wrap .slide-media{height: 650px;}
.top_coupon .slide-media,.top_ad_bnr .slide-media{padding-top: 71%;}

@media screen and (max-width: 767px) {
.main_slider_wrap .slide-media{/*height: 157vw;*/
	height: 66vw;}
	
	
.top_coupon .slide-media,.top_ad_bnr .slide-media{padding-top: 60%;}
}

.top_pickupslide .slide-media,.top_featureslide .slide-media{padding-top: 100%;}
.slide-media img{
	
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 7s 1s ease-out;
}

.main_slider_wrap .swiper-slide[class*=-active] .slide-media img {
    transition-delay: 0s;
    transform: scale(1.05);
}


.main_slider_wrap .swiper-slide[class*=-active] .slide-media {
    animation: main_slider_wrap-fadeIn 2s 0.5s var(--easing) both;
}
@keyframes main_slider_wrap-fadeIn {
    0% {
        transform: scale(0.5);
        opacity: 0;
        filter: blur(300px);
    }
    100% {
        transform: scale(1);
        opacity: 1;
        filter: blur(0);
    }
}

.top_ad_bnr_outer{padding: 60px 0;position: relative;}
@media screen and (max-width: 767px) {
.top_ad_bnr_outer{padding: 20px 0;}
	.top_ad_bnr_outer .slide{padding:0 12px;}
}

/* 前へ次への矢印カスタマイズ */
.top_ad_bnr_outer .swiper-button-prev,
.top_ad_bnr_outer .swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.top_ad_bnr_outer .swiper-button-prev::after,
.top_ad_bnr_outer .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印カスタマイズ */
.top_ad_bnr_outer .swiper-button-prev::after {
  background-image: url("/_quarantine/slide_l_1.webp");
}
/* 次への矢印カスタマイズ */
.top_ad_bnr_outer .swiper-button-next::after {
  background-image: url("/_quarantine/slide_r_1.webp");
}

@media screen and (max-width: 767px) {
/* 前へ次への矢印カスタマイズ */
.top_ad_bnr_outer .swiper-button-prev,
.top_ad_bnr_outer .swiper-button-next {
  height: 40px;
  width: 40px;
}
/* 前へ次への矢印カスタマイズ */
.top_ad_bnr_outer .swiper-button-prev::after,
.top_ad_bnr_outer .swiper-button-next::after {
  height: 40px;
  width: 40px;
}
.top_ad_bnr_outer .swiper-button-next{right: 20px;}
.top_ad_bnr_outer .swiper-button-prev{left: 20px;}
}


.top_slide_txtarea{padding: 60px 80px;text-align: left;
display: flex;flex-wrap: wrap;justify-content: space-between;}
.icon_list{
display: flex;justify-content: flex-start;flex-wrap: wrap; grid-gap: 10px 10px;}
.icon_list a{display: inline-block;padding: 2px 15px;border-radius: 20px;font-weight: bold;font-size: 1.4rem;letter-spacing: 0.1em;}
.top_slide_txtarea_in {max-width: calc(100% - 130px);}
.top_slide_txtarea_in .tit{font-size: 3.2rem;font-weight: bold;line-height: 1.5;padding: 20px 0;letter-spacing: 0.1em;}
.time{background: url("/_quarantine/ico_clock.webp")no-repeat left center;background-size: 12px 12px;padding-left: 20px;  font-size: 1.2rem;color: #ABB8C3;font-weight: bold;}


.author {font-size: 1.2rem;font-weight: bold;letter-spacing: 0.1em;width: 100%;}
.author .author_img{display: inline-block;vertical-align: middle;width: 45px;border-radius: 50%;overflow: hidden;margin: 0 15px 0 0;}

.top_slide_txtarea .author {text-align: center;width: 100px;}
.top_slide_txtarea .author .author_img{display: block;width: 70px;border-radius: 50%;margin: 0 auto 15px auto;}

@media screen and (max-width: 767px) {
	.top_slide_txtarea{padding: 15px;}
	.icon_list a{padding: 1px 14px;font-size: 1.2rem;}
	.top_slide_txtarea_in {max-width: calc(100% - 90px);}
	.top_slide_txtarea_in .tit{font-size: 1.8rem;padding: 10px 0;}
	.top_slide_txtarea .author{width: 90px;}
	.top_slide_txtarea .author .author_img{width: 45px;}
	.author{font-size: 1.0rem;}
}


/*　//トップメインスライドここまで　*/



.bdrs{border-radius: 10px;}
.img-cover{position: relative;overflow: hidden;padding-top: 71%;}
.img-cover img{
	
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 7s 1s ease-out;
}


.li_indent > li{text-indent: -1em;padding-left: 1em;}


/*　トップ特集　*/
.indent_60{padding: 60px;}
.indent_60_0{padding: 60px 0;}
.indent_0_60{padding: 0px 60px;}
@media screen and (max-width: 767px) {
.indent_0_60{padding: 0px 0px;}
}
.top_feature{position: relative;}

.col_dai{width: 34%;position: absolute;left: 50%;top: 0;margin-left: -17%;}

@media screen and (max-width: 767px) {
.col_dai{width: 100%;position: relative;left: 0;top: 0;margin-left: 0;margin-bottom: 50px;}
}

.col_sho .pick_list{display: flex;justify-content: space-between;flex-wrap: wrap;gap:2vw 30%;}
.col_sho .pick_list > li{width: 31%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.col_sho .pick_list > li > .left{width: 48%;}
.col_sho .pick_list > li > .right{width: 48%;text-align: left;}
 .col_sho .pick_list > li > div .icon_list a{font-size: 1.2rem;}
@media screen and (max-width: 767px) {
	.col_sho .pick_list{gap:20px 0;}
	.col_sho .pick_list > li{width: 100%;}
	.col_sho .pick_list > li > .right .tit{font-size: 1.4rem;line-height: 1.4;}
		.col_sho .pick_list > li:nth-child(n+4){display: none;}
}


.top_featureslide .slide{position: relative;}
.top_featureslide .slide .top_slide_txtarea{position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;color: var(--fcw) !important;align-items: flex-end;}
.top_featureslide .slide .top_slide_txtarea .icon_list a{font-size: 1.2rem;}
.top_featureslide .slide .top_slide_txtarea .time{color: var(--fcw);padding: 10px 20px;}
.top_featureslide .slide .top_slide_txtarea .tit {font-size: 1.6rem;color: var(--fcw);line-height:1.5;padding: 0;}
.top_featureslide .slide .top_slide_txtarea a{color: var(--fcw);}

.top_featureslide .slide .top_slide_txtarea .top_slide_txtarea_in {max-width: calc(100% - 70px);}
.top_featureslide .slide .top_slide_txtarea .author {text-align: center;width: 60px;font-size: 1.2rem;}
.top_featureslide .slide .top_slide_txtarea .author .author_img{width: 45px;margin: 0 auto 10px auto;}



/*　トップピックアップ　*/


.top_pickup_col{
display: flex;flex-wrap: wrap;text-align: left;}

.top_pickup_col > div{width: 50%;}
@media screen and (max-width: 767px) {
.top_pickup_col > div{width: 100%;}
	.top_pickup_col > .col_left{margin-bottom: 30px;}
}
.top_pickup_col .slide{position: relative;}
.top_pickup_col .slide .top_slide_txtarea{position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;color: var(--fcw) !important;}
.top_pickup_col .slide .top_slide_txtarea .top_slide_txtarea_in{width: 100%;max-width: 100%;}
.top_pickup_col .slide .top_slide_txtarea .icon_list a{font-size: 1.2rem;}
.top_pickup_col .slide .top_slide_txtarea .time{color: var(--fcw);}
.top_pickup_col .slide .top_slide_txtarea .tit {font-size: 1.6rem;color: var(--fcw);line-height:1.5;}
.top_pickup_col .slide .top_slide_txtarea a{color: var(--fcw) !important;}

.top_pickup_col .column_txt{padding: 15px;}

.pick_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pick_list > li{width: 50%;}


/* トップページクーポン */
.top_coupon {margin-bottom: 60px;}
@media screen and (max-width: 767px) {
.top_coupon {margin-bottom: 30px;}
}
.top_coupon .top_coupon_txtarea{padding: 15px 0;text-align: left;}
.top_coupon .icon_list a{font-size: 1.2rem;padding: 0 8px;}
.top_coupon .top_coupon_txtarea{}

/* 前へ次への矢印カスタマイズ */
.top_coupon .swiper-button-prev,
.top_coupon .swiper-button-next {
  height: 50px;
  width: 50px;top: 29%;
}
/* 前へ次への矢印カスタマイズ */
.top_coupon .swiper-button-prev::after,
.top_coupon .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印カスタマイズ */
.top_coupon .swiper-button-prev::after {
  background-image: url("/_quarantine/slide_l_2.webp");
}
/* 次への矢印カスタマイズ */
.top_coupon .swiper-button-next::after {
  background-image: url("/_quarantine/slide_r_2.webp");
}

@media screen and (max-width: 767px) {
/* 前へ次への矢印カスタマイズ */
.top_coupon .swiper-button-prev,
.top_coupon .swiper-button-next {
  height: 40px;
  width: 40px;
}
/* 前へ次への矢印カスタマイズ */
.top_coupon .swiper-button-prev::after,
.top_coupon .swiper-button-next::after {
  height: 40px;
  width: 40px;
}
.top_coupon .swiper-button-next{right: 0px;}
.top_coupon .swiper-button-prev{left: 0px;}
}




ul.side_coupon_list{background: url("/_quarantine/bar_slash.webp")repeat-x left bottom;padding-bottom: 20px;}
ul.side_coupon_list > li{display:flex ;justify-content: space-between;padding: 20px 0;border-top: 1px solid #000;}
ul.side_coupon_list > li:nth-child(1){border-top: none;padding: 0 0 20px 0;}
ul.side_coupon_list > li:nth-child(n+4){display: none;}
.side_coupon_list > li .left{width: 100px;position: relative;}
.side_coupon_list > li .left figure.img-cover{position: relative;padding-top: 100%;}
.side_coupon_list > li .left .num{font-size: 1.4rem;font-weight: bold;width: 20px;height: 20px;text-align: center;position: absolute;left: 0;top: 0;color: #fff;background-color: #000;}
.side_coupon_list > li .right{width: calc(100% - 120px);}

.side_coupon_list .icon_list a{font-size: 1.2rem;padding: 0 8px;}




.bd3{border: 3px solid #000;}

/*　見出し仕様　*/

.ttl_00{font-size: 4.0rem;font-weight: bold;letter-spacing: 0.2em;margin-bottom: 30px;text-align: center;}
@media screen and (max-width: 767px) {
    .ttl_00{font-size: var(--fz4);letter-spacing: 0.05em;text-align: left;}
}


.ttl_01_box{text-align: center;margin-bottom: 70px;position: relative;}
.ttl_01{font-size: var(--fz3);font-weight: bold;margin: 0px 0 10px 0;letter-spacing: 0.1em;}
.ttl_01_box .en{font-size:6.0rem;position: relative;display: block;letter-spacing: 0.1em;}
.ttl_01_box::after{content: ""; position: absolute;left: 50%;bottom: -20px;font-weight: bold;margin-left: -40px;width: 80px;height: 5px;background: var(--gradation);display: block;}

@media screen and (max-width: 767px) {
	.ttl_01_box{margin-bottom: 30px;}
.ttl_01{font-size: var(--fz2);font-weight: bold;margin: 0px 0 10px 0;}
    .ttl_01_box .en{font-size:3.8rem;}
}

.ttl_02{font-size: var(--fz5);text-align: center;font-weight: bold;margin: 20px 0 80px 0;text-transform: capitalize;position: relative;}
.ttl_02 .jp{font-weight: bold;font-size:var(--fz3);position: relative;}
.ttl_02::after{content: ""; position: absolute;left: 50%;bottom: -15px;font-weight: bold;margin-left: -20px;width: 40px;height: 1px;background-color: var(--main);display: block;}

@media screen and (max-width: 767px) {
.ttl_02{font-size: var(--fz4);font-weight: bold;margin: 20px 0 40px 0;}
    .ttl_02_box .en{font-size:var(--fz2);}
}

.ttl_03{font-size: var(--fz5);text-align: left;font-weight: bold;margin: 0px 0 25px 0;text-transform: capitalize;position: relative;border-bottom: 1px solid var(--sub);}


@media screen and (max-width: 767px) {
.ttl_03{font-size: var(--fz4);font-weight: bold;margin: 20px 0 20px 0;}
}


.ttl_04{font-size: var(--fz4);text-align: left;font-weight: bold;margin: 20px 0 80px 0;text-transform: capitalize;position: relative;}
.ttl_04::after{content: ""; position: absolute;left: 0;bottom: -15px;font-weight: bold;margin-left: 0px;width: 40px;height: 1px;background-color: var(--main);display: block;}

@media screen and (max-width: 767px) {
.ttl_04{font-size: var(--fz3);font-weight: bold;margin: 20px 0 40px 0;}
}



.z_2{z-index: 2;}


.f_grad{ 
  background: var(--gradation);
  background: -webkit-var(--gradation);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}



.g_circle{margin-bottom: 80px;}
.g_circle li{background: var(--gradation);width: 200px;height: 200px;margin: auto;text-align: center;align-items: center;border-radius: 50%;color: var(--fcw);
display: flex;justify-content: center;flex-wrap: wrap;font-size: 2.0rem;}
.g_circle li .num{display: inline-block;font-weight: bold;font-size: 3.0rem;border-bottom: 1px solid #fff;}
.g_circle li p{width: 100%;margin-bottom: 30px;}
@media screen and (max-width: 767px) {
    .g_circle{margin-bottom: 40px;}
.g_circle li{background: var(--gradation);width: 150px;height: 150px;margin: auto;text-align: center;align-items: center;border-radius: 50%;color: var(--fcw);
display: flex;justify-content: center;flex-wrap: wrap;font-size: 1.4rem;margin-bottom: 20px;}
    .g_circle li .num{display: inline-block;font-weight: bold;font-size: 2.0rem;border-bottom: 1px solid #fff;margin-bottom: 10px;}
}

.u_arrow{
display: flex;clear: both;margin-bottom: 100px;}
.u_arrow > li{width: 50%;position: relative;}
.u_arrow > li:nth-child(1):before{content: "";position: absolute;top: 0;right: -1%;width: 100%;border-bottom: 1px solid var(--main);
transform: rotate(10deg);
}
.u_arrow > li:nth-child(2):before{content: "";position: absolute;top: 0;left: -1%;width: 100%;border-bottom: 1px solid var(--main);
transform: rotate(-10deg);
}
@media screen and (max-width: 767px) {
.u_arrow{margin-bottom: 50px;}
}

.bdg{position: relative;text-align: center;font-weight: bold;font-size: var(--fz5);}
.bdg::after{content: ""; background: var(--gradation);width: 500px;height: 4px;position: absolute;left: 50%;bottom: -10px;margin-left: -250px;}

@media screen and (max-width: 767px) {
.bdg{position: relative;text-align: center;font-weight: bold;font-size: var(--fz4);}
.bdg::after{content: ""; width: 240px;height: 4px;position: absolute;left: 50%;bottom: -10px;margin-left: -120px;}
}




/* パンくずリスト
-------------------------------*/
nav#breadcrumbs {
  padding: 10px 0 10px;
}
@media screen and (max-width: 767px) {
  nav#breadcrumbs {
    padding: 10px 20px 30px;
  }
}
nav#breadcrumbs ol{
display: flex;flex-wrap: wrap;
    justify-content: flex-start;
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size: 1.0rem;
}
nav#breadcrumbs ol li:before {
  content: "　>　";
}
nav#breadcrumbs ol li:first-child:before {
  content: "";
}


/* トップページコンテンツ */





.infinite-slider{width: 100%;overflow: hidden;}

.infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}




/* トップページバナーエリア */

.top_bnr_list{
display: flex;justify-content: flex-start;flex-wrap: wrap;grid-gap:30px 3%;}
.top_bnr_list > li{width: 48.5%;}
.top_bnr_list > li a{display: block;border-radius: 10px;border: 3px solid var(--bk);background-repeat: no-repeat,no-repeat;background-position: left center,right 30px center;
background-size: auto 100%,28px 28px;}
.top_bnr_list > li a .waku{background-color: #fff;width: 45%;display: block;margin: 0 0% 0 40%;padding: 40px;font-size: 2.4rem;letter-spacing: 0.1em; font-weight: bold;color: var(--bk);}
.top_bnr_list > li a .waku .en{font-size: 1.6rem;display: block;}
.top_bnr_list > li:nth-child(1) a{background-color: var(--cat01);background-image: url("/_quarantine/scene_01.webp"),url("/_quarantine/arrow_01.webp");}
.top_bnr_list > li:nth-child(1) a .en{color: var(--cat01);}
.top_bnr_list > li:nth-child(2) a{background-color: var(--cat07);background-image: url("/_quarantine/scene_02.webp"),url("/_quarantine/arrow_01.webp");}
.top_bnr_list > li:nth-child(2) a .en{color: var(--cat07);}
.top_bnr_list > li:nth-child(3) a{background-color: var(--cat06);background-image: url("/_quarantine/scene_03.webp"),url("/_quarantine/arrow_01.webp");}
.top_bnr_list > li:nth-child(3) a .en{color: var(--cat06);}
.top_bnr_list > li:nth-child(4) a{background-color: var(--cat02);background-image: url("/_quarantine/scene_04.webp"),url("/_quarantine/arrow_01.webp");}
.top_bnr_list > li:nth-child(4) a .en{color: var(--cat02);}
.top_bnr_list > li:nth-child(5) a{background-color: var(--cat10);background-image: url("/_quarantine/scene_05.webp"),url("/_quarantine/arrow_01.webp");}
.top_bnr_list > li:nth-child(5) a .en{color: var(--cat10);}

@media screen and (max-width: 767px) {
.top_bnr_list{grid-gap:15px 0;}
.top_bnr_list > li{width: 100%;}
	.top_bnr_list > li a{border: 1px solid var(--bk);background-position: left -15px center,right 15px center;background-size: auto 100%,20px 20px;}
	
	.top_bnr_list > li a .waku{width: 65%;margin: 0 0 0 22%;padding: 15px;font-size: 1.8rem;font-weight: 900;}
	.top_bnr_list > li a .waku .en{font-size: 1.2rem;}
}


/*　おすすめ記事　*/
.top_cat{display: inline-block;background: var(--sub);color: var(--fcw);padding: 2px 15px;margin-bottom: 10px;font-size: var(--fz0);}


.column_top{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:30px;}

.column_top .time{padding: 12px 0px 12px 15px;}
.column_txt .time{padding: 5px 0px 5px 15px;}

@media screen and (max-width: 767px) {
	.column_top{grid-template-columns:1fr;}
}


.rec_col{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: left;padding:0 60px;}
.rec_col .column_top {width: calc(100% - 480px);}

.rec_col .side_ranking{width: 420px;}
@media screen and (max-width: 767px) {
	.rec_col{padding: 0;}
.rec_col .column_top {width:100%;margin-bottom: 40px;}
.rec_col .side_ranking{width: 100%;}
}

.side_ranking {background: url("/_quarantine/bar_slash.webp")repeat-x left top;}
.side_ranking h3{background: url("/_quarantine/ico_cr.webp")no-repeat left center;
background-size:25px 21px ;padding: 30px;font-weight: bold;font-size: 2.4rem;letter-spacing: 0.1em;}
.side_ranking ul{background: url("/_quarantine/bar_slash.webp")repeat-x left bottom;padding-bottom: 20px;}
.side_ranking ul.ranking_list > li{display:flex ;justify-content: space-between;padding: 20px 0;border-top: 1px solid #000;}
.side_ranking ul.ranking_list > li:nth-child(n+6){display: none;}
.ranking_list > li .left{width: 100px;position: relative;}
.ranking_list > li .left figure.img-cover{position: relative;padding-top: 100%;}
.ranking_list > li .left .num{font-size: 1.4rem;font-weight: bold;width: 20px;height: 20px;text-align: center;position: absolute;left: 0;top: 0;color: #fff;background-color: #000;}
.ranking_list > li .right{width: calc(100% - 120px);}

.side_ranking .icon_list a{font-size: 1.2rem;padding: 0 8px;}



/* 検索ボックス */
.bg_search{background:var(--bgc);
}

.bg_search_in{padding: 60px 0;}
@media screen and (max-width: 767px) {
    .bg_contact{padding: 40px 15px;}
}


#feas-searchform-0{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:45px; }
#feas-searchform-0 > .wrap{width: 100%;position: relative;}

#feas-searchform-0 > .wrap:nth-child(1){grid-row: 1 / span 2;}
#feas-searchform-0 > .wrap:nth-child(2){grid-row: 1 / span 2;}
#feas-searchform-0 > .wrap:nth-child(3){grid-row: 1 / 1;height: 30px;}
#feas-searchform-0 > .wrap:nth-child(4){grid-row: 2 / 2;}
#feas-searchform-0 > .wrap:nth-child(5){grid-column: 2 / 2;}
@media screen and (max-width: 767px) {
	#feas-searchform-0{grid-template-columns:1fr;
	appearance: 0; grid-template-rows:auto;gap:0px;}
	#feas-searchform-0 > .wrap{border-bottom: 1px solid #000;}
	#feas-searchform-0 > .wrap:nth-child(1),
	#feas-searchform-0 > .wrap:nth-child(2),
	#feas-searchform-0 > .wrap:nth-child(3),
	#feas-searchform-0 > .wrap:nth-child(4),
	#feas-searchform-0 > .wrap:nth-child(5){grid-column: 1;grid-row:auto;height: auto;}
	#feas-searchform-0 > .wrap:nth-child(5){padding: 25px 20px 40px;border-bottom: none;}
	
}

#feas-searchform-0 > .wrap p{background: no-repeat left center;position: relative;
background-size:auto 100%; font-size: 2.2rem;font-weight: 900;padding: 15px 15px 15px 80px;margin-bottom: 15px;}

#feas-searchform-0 > .wrap .midashi_01{background-image: url("/_quarantine/ico_01.webp");}
#feas-searchform-0 > .wrap .midashi_02{background-image: url("/_quarantine/ico_02.webp");}
#feas-searchform-0 > .wrap .midashi_03{background-image: url("/_quarantine/ico_03.webp");}
#feas-searchform-0 > .wrap .midashi_04{background-image: url("/_quarantine/ico_04.webp");}

@media screen and (max-width: 767px) {
	#feas-searchform-0 > .wrap p{font-size: 1.6rem;padding: 20px 15px 20px 80px;background-position: left 20px center;background-size:auto 60%;margin-bottom: 0;}
	#feas-searchform-0 > .wrap p::after{
	border-right: solid 2px #000;
    border-top: solid 2px #000;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 25px;
    top: 25px;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out,top .3s ease-in-out;
		width: 8px;}
	#feas-searchform-0 > .wrap p.active::after{
	top: 30px;
		transform: rotate(-45deg);}
}

#feas_0_4{padding: 20px 10px 20px 50px;font-size: 1.6rem;background: url("/_quarantine/lupe.webp")no-repeat left 20px center var(--bgw);border: 1px solid #868686;width: 100%;
background-size: 24px 24px;border-radius: 5px;}
#feas_0_4::placeholder {
	padding-left: 10px;letter-spacing: 0.1em;
}
#feas-searchform-0 .wrap input[type=checkbox]{display: none;}
#feas-searchform-0 .wrap_in{
display: flex;justify-content: flex-start;flex-wrap: wrap;grid-gap: 10px 10px;}
#feas-searchform-0 label span {
	background-color: var(--bgw);
    color:  var(--bk); /* 文字色を黒に */
    font-size: 1.4rem; /* 文字サイズを14pxに */
	font-weight: 500;
    border: 1px solid #333; /* 淵の線を指定 */
    border-radius: 20px; /* 角丸を入れて、左右が丸いボタンにする */
    padding: 5px 15px; /* 上下左右に余白をトル */
	display: block;
	font-family: var(--noto);
}
@media screen and (max-width: 767px) {
	#feas-searchform-0 .wrap_in{padding: 15px 20px;border-top: 1px dotted #000;}
}

#feas-searchform-0 label span:hover{cursor: pointer;}
#feas-searchform-0 label input:checked + span {
    color: #FFF; /* 文字色を白に */
    background: var(--main); /* 背景色を薄い赤に */
    border: 1px solid var(--main); /* 淵の線を薄い赤に */
}
#feas-submit-button-0{border: 2px solid #000;border-radius: 5px;background:url("/_quarantine/arrow_02.webp")no-repeat right 15px center var(--sub);grid-column: 2 / 2;
background-size: 28px 28px;font-weight: bold;font-size: 1.8rem;letter-spacing: 0.1em;padding: 20px;}
#feas-submit-button-0:hover{cursor: pointer;}
@media screen and (max-width: 767px) {
	#feas-submit-button-0{grid-column: 1;grid-row:auto;height: auto;margin: 0 20px;}
}

/* 検索ボックスここまで */


.contact_bd{border: 2px solid var(--fcw);padding: 20px 80px;}

.contact_col{
display: flex;flex-wrap: wrap;justify-content: space-between;}

.con_tel a{color: var(--fcw);font-size: 4.5rem;font-weight: bold;line-height: 1.1;}
.con_time{font-weight: bold;}

.con_mail a{display: block;background: var(--bgw);max-width: 100%;width: 525px;border: 1px solid var(--bgw);text-align: center;padding: 20px;font-weight: bold;font-size:var(--fz4);}
.con_mail a svg{fill:var(--sub);vertical-align: middle;margin-right: 10px;}
.con_mail a:hover{background-color: var(--sub);color: var(--fcw);}
.con_mail a:hover svg{fill:var(--fcw);}

@media screen and (max-width: 767px) {
.contact_col{
display: block;}
.contact_bd{padding: 20px 15px;}
.con_tel a{font-size: 3.2rem; margin-bottom: 15px;display: block;}
       .con_tel a svg{max-width: 25px;vertical-align: sub;}
.con_mail a{display: block;background: var(--bgw);width: 100%;margin-top: 15px;padding: 10px;font-size:var(--fz2);letter-spacing: 0;}
    .con_mail a svg{max-width: 25px;}
}


.footer{background: var(--gray2);border-top: 3px solid #000;padding: 60px 0 0 0;}
.footer nav{margin-bottom: 50px;position: relative;flex-wrap: wrap;
display: flex;}

@media screen and (max-width: 767px) {
	.footer{padding: 30px 0 0 0;}
}

.ft_logo{width: 460px;}
.ft_nav{width: 640px;
display: flex;justify-content: flex-start;flex-wrap: wrap;gap:20px 0px;
}
.ft_nav > li{min-width: 120px; }
.ft_nav a{color: var(--bk);font-size: 1.4rem;font-weight: 900;letter-spacing: 0.1em;text-transform: uppercase;}

@media screen and (max-width: 767px) {
.footer nav{padding: 0 15px;}
	.ft_logo{width: 100%;text-align: center;margin-bottom: 50px;}
	.ft_logo img{width: 200px;}
	.ft_nav{width: 40%;overflow: hidden;gap:15px 0px;}
    .ft_nav li{width: 100%;}
	
}

.ft_ico{display: flex;width: 95px;justify-content: space-between;margin-bottom: 50px;}
@media screen and (max-width: 767px) {
.ft_ico{width: 55%;justify-content: center;column-gap: 15px; position: absolute;right: 15px;top: 100px;}

}

.ft_btn{width: 80px;height: 80px;display: block;position: fixed;right: 10px;bottom: 10px;z-index: 58;}
.ft_btn a{display: block;background: var(--gradation);border: 2px solid var(--fcw);position: relative;width: 80px;height: 80px;border-radius: 50%;}
.ft_btn a .bar_01{background-color: var(--bgw);width: 20px;height: 2px;transform: rotate(-45deg);position: absolute;top: 34px;left: 21px;}
.ft_btn a .bar_02{background-color: var(--bgw);width: 20px;height: 2px;transform: rotate(45deg);position: absolute;top: 34px;left: 35px;}

.ft_btn a:hover{background: var(--main);	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
	transition: 0s;}
/*　//フッターここまで　*/
@media screen and (max-width: 767px) {
.ft_btn{width: 60px;height: 60px;}
.ft_btn a{display: block;background: var(--gradation);border: 2px solid var(--fcw);position: relative;width: 60px;height: 60px;border-radius: 50%;}
.ft_btn a .bar_01{background-color: var(--bgw);width: 15px;height: 2px;transform: rotate(-45deg);position: absolute;top: 26px;left: 15px;}
.ft_btn a .bar_02{background-color: var(--bgw);width: 15px;height: 2px;transform: rotate(45deg);position: absolute;top: 26px;left: 26px;}
}


/*　内部ページ　*/
.bg_ttl{background: url("/_quarantine/bg_ttl.webp")no-repeat center center;-webkit-background-size: cover;
background-size: cover;
position: relative;
}

.bg_ttl_content,.bg_ttl_column{background: url("/_quarantine/bg_ttl.webp")no-repeat center center;-webkit-background-size: cover;
background-size: cover;
position: relative;
}

.bg_ttl_column{background: url("/_quarantine/bg_ttl.webp")no-repeat center center;-webkit-background-size: cover;
background-size: cover;
position: relative;
}



.bg_ttl .site_wrapper{min-height: 400px;text-align: center;padding: 180px 0;}
.bg_ttl .en{font-family: var(--os);color: var(--fcw);font-size: 6.0rem;text-transform: uppercase;font-weight: 500;letter-spacing: 0.1em;}
.bg_ttl .ja{color: var(--fcw);font-size: 2rem;font-weight: bold;}
@media screen and (max-width: 767px) {
.bg_ttl .site_wrapper{min-height: auto;padding: 80px;}
.bg_ttl .en{font-size: 3.0rem;}
.bg_ttl .ja{font-size: 1.6rem;}

}

.in_copy{font-size: var(--fz5);font-weight: bold;}

/*　会社概要　*/
.com_dl{width: 100%;}

.com_dl tr th{width: 20%;border-bottom: 1px solid var(--gray3);padding: 25px 0;font-weight: bold;}
.com_dl tr td{width: 80%;border-bottom: 1px solid var(--gray3);padding: 25px ;}

@media screen and (max-width: 767px) {
    .com_dl{display: block;}
    .com_dl tbody{display: block;width: 100%;}
    .com_dl tr{display: block;width: 100%;}
    .com_dl tr th{width: 100%;display: block;padding: 15px;}
    .com_dl tr td{width: 100%;display: block;padding: 15px;}
}


.content_head{
display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 10px;align-items: center;margin-bottom: 20px;}

.content_head .cat_box{color: var(--main);border: 1px solid var(--main);border-radius: 3px;text-align: center;padding: 3px 10px;}

.content_head .name{font-size: var(--fz4);font-weight: bold;}
.content_head .age{font-size: var(--fz3);font-weight: bold;}
.content_head .period{border: 1px solid var(--sub);border-radius: 3px;text-align: center;padding: 3px 10px;}
.content_head .period span{color: var(--main);font-size: 2.0rem;font-weight: bold;}

/* アクセス */
.google_add a{color: var(--main);border-bottom: 1px dashed var(--main);}

.access_tel {margin-bottom: 30px;font-size: 3.0rem;font-weight: bold;}
.access_tel svg{width: 25px;margin-right: 5px;vertical-align: sub; fill:var(--sub);}

.access_gal{
display: flex;flex-wrap: wrap;justify-content:flex-start;
}
.access_gal li{width: 25%;}
@media screen and (max-width: 767px) {
    .access_gal li{width: 50%;}.access_gal li img{width: 100%;}
}

/*　ブログ　*/

h1.title{font-size: 3.2rem;font-weight: bold;letter-spacing: 0.1em;line-height: 1.4;padding: 20px 0;}

.content_area{text-align: left;
display: flex;justify-content: space-between;flex-wrap: wrap;padding:0 60px;
}
.content_area .main_area{width: 74%;text-align: left;}
.content_area .side_area{max-width: 420px;width: 22%;
	position: sticky;
    bottom: 0px;
    align-self: flex-end;}

@media screen and (max-width: 767px) {
	h1.title{font-size: 1.8rem;}
	.content_area{padding: 0 0px;}
.content_area .main_area{width: 100%;margin-bottom: 40px;}
	.content_area .main_area .main_inner{padding:0 20px;}
.content_area .side_area{width: 100%;position: relative;bottom: auto;padding: 0 20px;}
    
}

.side_box{margin-bottom: 80px; }
.side_ttl{font-size: 1.2rem;letter-spacing: 0.1em;border-bottom: 3px solid var(--bk);padding-bottom: 20px;margin-bottom: 30px;}
.side_ttl .en{font-size: 2.4rem;display: block;letter-spacing: 0.1em;font-weight: bold;}
.side_box .cate li{line-height: 2;font-size: 1.6rem;letter-spacing: 0.1em;}

.side_box .article_list .img-cover{margin-bottom: 20px;}
.side_box .icon_list a{font-size: 1.2rem;}



.date .time{font-weight: bold;font-size: 1.6rem;margin-bottom: 20px;color: var(--bk);}
.news_list .icon_list a{padding: 3px 10px;font-size: var(--fz0);}

.writer_name{margin-bottom: 40px;}
.writer_name .name a{color: #5FC0BC;text-decoration: underline;font-weight: bold;}
@media screen and (max-width: 767px) {
	.date .time{
    font-size: 1.2rem;margin-bottom: 5px;}
	.writer_name{margin-bottom: 30px;}
	.writer_name .author {font-size: 1.0rem;font-weight: 500;}
	.writer_name .author_img{width: 30px;}
	.writer_name .name a{font-size: 1.2rem;}
}
.cat_area {display: flex;flex-wrap: wrap;grid-gap: 10px 10px;margin-bottom: 50px;}
.cat_area li a{border-radius: 30px;color: #000;border: 1px solid #000;background-color:var(--gray2) ;padding: 2px 15px;}

#wysi p{font-size: 1.8rem;letter-spacing: 0.1em;margin-bottom: 50px;line-height: 2;}
#wysi figure{margin-bottom: 50px;}
#wysi h2{border-left: 6px solid var(--main);font-size: 2.6rem;font-weight: bold;letter-spacing: 0.1em;margin-bottom: 50px;line-height: 1.8;padding-left: 20px;}
#wysi h3{border-left: 3px solid var(--main);font-size: 2.2rem;font-weight: bold;letter-spacing: 0.1em;margin-bottom: 50px;line-height: 1.8;padding-left: 20px;}
#wysi ul.li_indent{margin-bottom: 50px;font-size: 1.8rem;} 
#wysi ul.li_indent li{margin-bottom: 10px;}
#wysi iframe{max-width: 100%;margin-bottom: 60px;}
#wysi table{max-width: 100%;}
@media screen and (max-width: 767px) {
	.cat_area {margin-bottom: 40px;}
	
	#wysi p{font-size: 1.4rem;max-width: 100%;overflow: hidden;}
	#wysi h2{font-size: 1.8rem;}
	#wysi h3{font-size: 1.8rem;}
}
@media screen and (max-width: 767px) {

	#wysi .wp-block-image img{max-width: 100%;height: auto !important;}
	
}

.blog_img{width: 100%;margin: 20px 0 60px;}
.blog_img img{width: 100%;}
@media screen and (max-width: 767px) {
.blog_img{width: 100%;margin: 0px 0 50px;}
}
/* ブログ内インフォメーション */
#wysi .information_box{position: relative;background: var(--gray2);padding: 50px;display: flex;flex-wrap: wrap; justify-content: space-between;margin: 60px 0;}
#wysi .information_box iframe{margin-bottom: 0;}
#wysi .information_box h3{width: 100%;margin: 0;padding-left: 0;border: none;text-align: center;position: absolute;left: 0;top: -30px;line-height: 1;font-size: 6rem;font-weight: 600;letter-spacing: 0.1em;}
.information_box .left_area{width: calc(100% - 500px);}
.information_box .right_area{width: 480px;}
#wysi .information_box .right_area p{margin: 0;}
.information_box .left_area dl{font-size: 1.8rem;
display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 5px;align-items:  baseline;}
.information_box .left_area dl dt{font-weight: bold;}
#wysi .information_box .left_area dl dd p{margin: 0;}
#wysi .information_box a{border-bottom: 1px solid var(--cat03);color: var(--cat03);}
#wysi .information_box .maplink{text-align: right;}
@media screen and (max-width: 767px) {
#wysi .information_box{padding:45px 15px;}
#wysi .information_box h3{font-size: 2.0rem;top: -10px;}
	.information_box .left_area dl{font-size: 1.4rem;}
#wysi .information_box .left_area{width: 100%;margin-bottom: 30px;}
#wysi .information_box .right_area{width: 100%;}
	#wysi .information_box .maplink{text-align: left;}

}

 .information_box .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }


/* リンクカード */
#wysi .wp-embedded-content{width: 100%;border: 2px solid #000;max-width: 100%;margin-bottom: 60px;}

.wp-embed {width: 100%;padding: 50px;background: var(--gray2);
	display: flex;justify-content: space-between;flex-wrap: wrap;
}

.wp-embed-featured-image {
	width: 185px;padding-top: 185px;
}

.wp-embed-heading {
	width: calc(100% - 235px);
}
.wp-embed-heading .bb{font-size: 2.2rem;font-weight: bold;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 2px dotted #000;}

.btn_embed > a{display: block;width: 400px;
    border: 2px solid #000;text-align: center;
    border-radius: 5px;
    background: url(/_quarantine/arrow_02.webp)no-repeat right 15px center var(--sub);
    background-size: 28px 28px;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    padding: 20px;}
.btn_embed > a:hover{background-color: var(--bk);color: var(--sub);}
@media screen and (max-width: 767px) {
	.wp-embed{padding:25px 15px;position: relative;}
	.wp-embed-featured-image {width: 70px;padding-top: 70px;position: absolute;left: 15px;top: 25px;}
	.wp-embed-heading{width: 100%;}
	.wp-embed-heading .bb{font-size: 1.4rem;padding-bottom: 20px;margin-bottom: 20px;padding-left: 90px;min-height: 90px;}
    .btn_embed > a{margin: auto;max-width: 100%;padding: 15px;line-height: 1;
    background-size: 20px 20px;background-position: right 10px center;}
}

/*　記事のURLコピー　*/
.share_box{position: relative;border: 2px solid #000;background: var(--gray2);padding: 50px;display: flex;flex-wrap: wrap; justify-content: space-between;margin-bottom: 60px;}
.share_box h3{background: linear-gradient(to bottom, var(--bgw) 50%, var(--gray2) 50%);width: 220px;text-align: center;position: absolute;left: 50%;top: -30px;margin-left: -110px;line-height: 1;font-size: 6rem;font-weight: 600;letter-spacing: 0.1em;}
.share_box .left_area{width: 42%;}
.share_box .right_area{width: 52%;}
.share_box .right_area .bb{font-size: 2.2rem;font-weight: bold;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 2px dotted #000;}
.share_box .right_area p,.share_box .right_area p a{max-width: 100%;width: 100%;}

@media screen and (max-width: 767px) {
	.share_box{padding:25px 15px;position: relative;}
	.share_box h3{font-size: 2.0rem;width: 100px;top: -10px;margin-left: -50px;}
	.share_box .left_area {position: absolute;left: 15px;top: 25px;}
	.share_box .left_area .img-cover{width: 70px;padding-top: 70px;}
.share_box .right_area{width: 100%;}
	.share_box .right_area .bb{font-size: 1.4rem;padding-bottom: 20px;margin-bottom: 20px;min-height: 90px;padding-left: 90px;}
	.share_box .right_area p a{font-size: 1.6rem;}
}

.copy-button{
display: block;width: 100%;
    border: 2px solid #000;text-align: center;
    border-radius: 5px;
    background: url(/_quarantine/arrow_02.webp)no-repeat right 15px center var(--sub);
    background-size: 28px 28px;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    padding: 20px;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
.copy-button{margin: auto;max-width: 100%;font-size: 1.6rem;background-size: 20px 20px;padding: 15px;line-height: 1;background-position: right 10px center;}
}



/* 目次 */
#toc_container{border: transparent;border-left: 6px solid var(--main);margin:100px 0 50px;padding: 60px 35px 35px 35px;position: relative;letter-spacing: 0.1em;max-width: 100%;min-width: 500px;width: 100%;}
#toc_container p.toc_title{position: absolute;vertical-align: middle;
    left: 35px;
    top: -35px;
    padding: 0px 40px 0px 95px;
    background: url(/_quarantine/ico_cam.webp)no-repeat left 30px center var(--main);
    background-size: 50px 38px;
    color: var(--fcw);
    font-size: 3.2rem;
    font-weight: bold;
    border: 3px solid #000;
    border-radius: 50px;}
#toc_container p.toc_title .toc_toggle{font-size: 1.6rem;vertical-align: middle;}
#toc_container p.toc_title .toc_toggle a{color: #fff;}
#toc_container .toc_list a{background: url("/_quarantine/arrow_03.webp")no-repeat left top 7px;
background-size: 6px 10px; font-size: 1.8rem;font-weight: bold;text-decoration: underline;padding-left: 20px;}
#toc_container.contracted {padding: 20px;}
#toc_container.contracted p.toc_title{font-size: 1.8rem;background: none  var(--main);padding: 10px 30px;position: relative;left: 0;top: 0;}
#toc_container.contracted .toc_list a{}

@media screen and (max-width: 767px) {
	#toc_container{min-width: auto;width: 100%;border-left: 3px solid var(--main);margin:50px 0 20px;padding: 30px 15px 15px 15px;}
	#toc_container p.toc_title{left: 15px;top: -15px;
    padding: 0px 20px 0px 45px;
    background-position: left 15px center;
    background-size: 25px 19px;
    font-size: 1.6rem;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 50px;}
#toc_container p.toc_title .toc_toggle{font-size: 1.2rem;}
#toc_container .toc_list a{font-size: 1.4rem;font-weight: bold;text-decoration: underline;padding-left: 20px;}
#toc_container.contracted {padding: 20px;}
#toc_container.contracted p.toc_title{font-size: 1.6rem;background: none  var(--main);padding: 0px 15px;position: relative;left: 0;top: 0;}
#toc_container.contracted .toc_list a{}
}

.content_next_pre {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content_next_pre {
    display: block;
  }
}
.content_next_pre > li {
  border: 1px solid var(--gray);
  box-sizing: border-box;
  width: 50%;
  display: flex;
}
.content_next_pre > li:nth-child(2) {
  border-left: none;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li {
    width: 100%;
  }
	.content_next_pre > li:nth-child(2) {
  border-left:1px solid var(--gray) ;
		border-top: none;
}
}
.content_next_pre > li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content_next_pre > li:first-child a {
  background: url("/_quarantine/arrow_l.webp") 5% center no-repeat;
  padding: 30px 30px 30px 70px;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li:first-child a {
    padding: 10px 10px 10px 50px;
  }
}
.content_next_pre > li:last-child a {
  background: url("/_quarantine/arrow_r.webp") 95% center no-repeat;
  padding: 30px 70px 30px 30px;
}
@media screen and (max-width: 767px) {
  .content_next_pre > li:last-child a {
    padding: 10px 50px 10px 10px;
  }
}
.content_next_pre > li div:first-child {
  width: 30%;
}
.content_next_pre > li div:last-child {
  width: 70%;
  padding: 20px;
  box-sizing: border-box;
}



/* ライター一覧 */
.authorpage {display: flex;flex-wrap: wrap;justify-content: flex-start;grid-gap: 30px 30px;}
.authorpage li{width: 200px;text-align: center;}
.authorpage li .img-cover{padding-top: 100%;}
.authorpage .author_img{display: block;text-align: center;border-radius: 50%;overflow: hidden;margin-bottom: 10px;}
.authorpage li .name{font-size: 1.8rem;font-weight: bold;}

@media screen and (max-width: 767px) {
	.authorpage li{width: calc(50% - 15px);}
	.authorpage li .name{font-size: 1.4rem;}
}


/*　お問い合わせ　*/
.box_tel {
  color:  var(--main) ;
  line-height: 1.4;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .box_tel {
    text-align: left;
  }
}
.contact_tel a {
  display: block;
}
.contact_tel {
  border:  var(--gray3)  1px solid;
  text-align: center;
  padding: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contact_tel {
    border: var(--gray3) 1px solid;
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
  }
}

.ico_required {
  color: #fff;
  font-size: 1.2rem;
  background: #ff3232;
  line-height: 1;
  padding: 2px 4px;float: right;
}


.contact_form {
  background: var(--gray2);
  padding: 20px 30px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .contact_form {
    padding: 15px;
  }
}
.contact_form dt {
  display: table-cell;
  width: 215px;padding-right: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .contact_form dt {
    display: block;
    width: 100%;padding-right: 0px;
    margin-bottom: 10px;
  }
}
.contact_form dd {
  display: table-cell;
  width: 705px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .contact_form dd {
    display: block;
    width: 100%;
  }
}
.contact_form input, .contact_form textarea {
  box-sizing: border-box;
  padding: 10px;
}
.contact_form input[type=text], .contact_form input[type=email] {
  width: 100%;
}
.contact_form textarea {
  width: 100%;
  height: 250px;
}
@media screen and (max-width: 767px) {
  .contact_form input, .contact_form textarea, .contact_form select {
    font-size: 1.6rem;margin: 4px 0;display: block;
    padding: 5px;
  }
  .contact_form textarea {
    height: 150px;
  }
}
select.time, select.lesson {
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  select.time, select.lesson {
    width: 100%;
  }
}
.contact_form select option {
  line-height: 2 !important;
  font-size: 1.6rem;
}

.btn_01 > a{display: block;width: 400px;
    border: 2px solid #000;margin: auto;
    border-radius: 5px;
    background: url(/_quarantine/arrow_02.webp)no-repeat right 15px center var(--sub);
    background-size: 28px 28px;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    padding: 20px;}
.btn_01 > a:hover{background-color: var(--bk);color: var(--sub);}
@media screen and (max-width: 767px) {
    .btn_01 > a{margin: auto;max-width: 100%;}
}
.btn_02 > a{display: block;text-align: center;background: var(--main);color: var(--fcw);font-weight: bold;box-shadow: var(--shadow);border: 2px solid var(--main);padding: 10px;font-size: var(--fz2);}
.btn_02 > a:hover{background-color: var(--bgw);color: var(--main);}


.btn_black_02{width: 300px;margin: auto;max-width: 100%;}

.btn_black_02 a, .btn_black_02 input {
  background: var(--main);
  font-size: 1.4rem;
  color: #fff;
  display: block;
  text-align: center;
  padding: 15px 30px;
  line-height: 1;
  border: 0;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  width: 100%;
  -webkit-appearance: none;
    cursor: pointer;
}

/* アクセス */

#access .left_area{font-size: 1.8rem;}


/* 会社概要 */
.company {display: table;width: 100%;border-collapse: collapse;}
.company dl{display:  table-row;margin-bottom: 15px;font-size: 1.8rem;}
.company dl > dt{display: table-cell;font-weight: bold;width: 30%;padding: 15px;}
.company dl > dd{display: table-cell;width: 70%;padding: 15px;}
.company dl > dd,.company dl > dt{
border-collapse: collapse;
	border:1px solid var(--gray);
}
@media screen and (max-width: 767px) {
	.company ,.company dl,.company dl > dt,.company dl > dd{display: block;width: 100%;border: none;padding: 5px 8px;}
	
}

/*ggmap
--------------------------------*/
  .ggmap iframe
	  {
		  border:none;
	  }
@media screen and (max-width: 767px) {
  .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}