@charset "utf-8";
/* ===========================================================
 *
 * ユーアンド スタイルシート
 * Last UpDate : 2025/10/16
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css
---------------------------------------------------------- */

/* ----------------------------------------------------------
 common
---------------------------------------------------------- */


html {
  font-feature-settings: "palt";
}

body {
color: #333;
background-color: #fff;
font-family: "Noto Sans JP","source-han-sans-japanese","Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
}
/*
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .h2Wrap{ line-height: 1.7 !important; }

}
*/

a{transition: .5s;}
a:hover{transition: .5s;}


.noto-sans-jp-uniquifier{
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.roboto-uniquifier {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}


:root{
	--main-color: #F66051;
}




/* ----------------------------------------------------------
 link
---------------------------------------------------------- */
/*a:link		{ color: #fff; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover		{ color: #425a9f; text-decoration: none; }
a:active	{ color: #425a9f; text-decoration: none; }*/



/* ----------------------------------------------------------
 header
---------------------------------------------------------- */

header{ position: fixed; width: 100%; background-color: #fff; height: 70px; z-index: 999; box-shadow: 0px 6px 16px -6px rgba(0,0,0,0.3);}
.header_sec{ margin: 0 0 0 auto; display: flex;  align-items: center; justify-content: space-between; height: 70px;}
.header_logo01{padding-left: 15px;}
.header_logo01 a{ display: block;}
.header_logo01 img{width: 170px;}

.header_navi{background-color: #fff; height: 80px; margin: 0 0 0 auto;  position: relative;}

.header_navi .gnavi{display: flex; align-items: center;}
.header_navi ul{display: flex;  font-weight: 700; font-style: normal; gap: 25px; align-items: center; margin-right: 25px;}
.header_item01{font-size: 1.6rem; color: #222; }
.header_item01 a{padding: 28px 15px;}
.header_item02{font-size: 1.6rem; color: #fff; display: flex; text-align: center; gap: 20px; margin-right: 15px;}
.header_item02 a{display: block; transition: .5s;}
.header_tel{margin-right: 20px;}
.header_tel01{font-family: "Roboto", serif; font-size: 2.5rem; font-weight: 700; font-style: normal;}
.header_tel01 img{width: 45px; height: auto; vertical-align: baseline; margin-right: 5px;}
.header_tel01 i{color: #333; font-size: 2.2rem; margin-right: 5px;}
.header_tel02{font-size: 1.1rem; font-weight: 400; display: block; text-align: right;}



.header_item01 a{
	position: relative;
	display: inline-block;
	text-decoration: none;
  }
  
.header_item01 a::after{
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	background-color: var(--dark-color);
  }
.header_item01 a:hover::after {
	bottom: 25px;
	opacity: 1;
	visibility: visible;
  }


/***************************************
サブメニュー
***************************************/
.has-child{position: relative;}


ul.submenu {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translate(-50% , 0);
  width: 230px;
  
  margin: 0;
  text-align: center;
  z-index: 99999;
  display: block;
  box-shadow: 0px 8px 10px -6px rgba(0,0,0,0.3);
}


.submenu a{padding: 15px 0; display: block; border-bottom: 1px solid var(--dark-color); background-color: #fff; font-size: 1.5rem; }
.submenu a:hover{background-color: var(--dark-color); color: #fff; }
.submenu li{visibility: hidden; height: 0; opacity: 0; transition: .5s;}
.submenu li:last-child a{border: none;}

ul.submenu li:first-child {
  border: 0 none; 
}
.has-child:hover .submenu li{visibility: visible; height: 54px; opacity: 1; transition: .5s;}

.header_item01 ul.submenu a::after{display: none;}


/*▲ メニューカスタマイズ (ここまで) ▲ */



/*ACCORDION toggle*/
 

	.toggle{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
    border: none;
    transition: background-color 0.2s ease;
    cursor: pointer;
    background-color: #F78175;
  border-radius: 5px;}

	
.toggle:before, .toggle:after{
    content: "";
	  display: block;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 2px;
    margin: -1px 0 0 -11px;}
	.toggle:before{transform: translateY(-3px);}
	.toggle:after{transform: translateY(3px);}


  .toggle .toggle_menu{
    position: absolute;
    color: #fff;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%, 0);
    top: initial;
    margin: initial;
    width: initial;
    height: initial;
    background-color: initial;}

.toggle {
  position: fixed;
  background-color: #F78175;
  width: 50px;
  height: 50px;
  transition: .5s;
}

.toggle[aria-expanded=true] { transition: .5s;}

.toggle span{position: absolute; left: 50%; bottom: 4px; transform: translatex(-50%);}

.menu_list {
 	display: none; 
	position: fixed;
	width: 100%;
	height: 100vh;
	margin: 0;
	list-style: none;
	top: 10px;
	left: 10px;
	padding: 60px 25px;
  background-color: #fff;
  
    }

.toggle[aria-expanded=true] > span {
  
}
.toggle[aria-expanded=true]::before, .toggle[aria-expanded=true]::after {

}
.toggle[aria-expanded=true]::before {
  animation: 0.3s ease closeBar1 forwards;
}
.toggle[aria-expanded=true]::after {
  animation: 0.3s ease closeBar2 forwards;
}
.toggle.-close::before {
  animation: 0.3s ease closeBar1Rev forwards;
}
.toggle.-close::after {
  animation: 0.3s ease closeBar2Rev forwards;
}

@keyframes closeBar1 {
  0% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
	
@keyframes closeBar2 {
  0% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes closeBar1Rev {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(-3px);
  }
}
@keyframes closeBar2Rev {
  0% {
    transform: translateY(0) rotate(-45deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(3px);
  }
}


.nav {
	position: fixed;
	top: 0;
    right: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	padding: 60px 40px;
    border: 1px solid #f5f5f5;
	justify-content: center;
	align-items: center;
	overflow: scroll;
	background-color: rgba(207, 46, 46, 0.9);
	color: #fff;
	transition: opacity 0.3s ease, visibility 0.3s ease;
    /* スクロールバー非表示 */
    /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}


 /*Google Chrome、Safariへの対応*/
.nav::-webkit-scrollbar{
  display: none;

}

.nav[aria-hidden=true] {
  	visibility: hidden;
  	opacity: 0;
 	pointer-events: none;
    
}
.nav[aria-hidden=false] {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
    overflow: scroll;
}

.toggle_menu li {

}
.toggle_menu li a {
	color: #fff;
	transition: .5s;
	display: block;
	padding: 12px 0;
  font-size: 1.8rem;
  font-weight: 500;
  border-bottom: 1px solid #fff;
}

.header_accordion span::before{content: "menu"; color: #fff; font-size: 1rem; font-weight: 700;}
.toggle[aria-expanded=true] span::before{content: "close";}

.toggle_menu i{margin-right: 10px;}
.toggle_menu li a:hover{}
.menu_sub{ padding: 8px 0;}
.menu_sub li{line-height: 2rem;}
.menu_sub li a{font-size: 1.7rem; padding: 8px 20px; border-bottom: none; position: relative;}
.menu_sub li a:after{content: ""; background-color: #fff; width: 8px; height: 11px; clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; top: 12px; left: 5px;}


/* ページ横ボタン */
.side_btn{position: fixed; right: 0; top: 120px; writing-mode: tb-rl; display: flex; z-index: 10;}
.side_btn_item{ font-weight: 400; }
.side_btn_item a{color: #fff; display: block; font-size: 2rem; font-weight: 700; padding: 15px 10px;}
.side_btn_item i{margin-bottom: 5px;}
.side_btn_item:first-child a{background-color: var(--main-color); border-top-left-radius: 10px; border: 1px solid var(--main-color); transition: .5s;}
.side_btn_item:first-child a:hover{color: var(--main-color); background-color: #fff; transition: .5s;}
.side_btn_item:nth-child(2) a{background-color: #1D9779; border-bottom-left-radius: 10px; border: 1px solid #1D9779; transition: .5s;}
.side_btn_item:nth-child(2) a:hover{color: #1D9779; background-color: #fff; transition: .5s;}

/* 合宿ページヘッダー */
.header_camp .header_logo01 a{display: flex; align-items: center;}
.header_camp .header_logo01 span{font-weight: 500; margin-left: 10px; color: #fff; background-color: var(--main-color); padding: 5px; width: 120px; text-align: center;}


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.bottom_wrapper{background-color: #eee; padding: 40px 0 0;}
.bottom_wrapper .top_contents_head{text-align: center; margin-bottom: 30px;}

.bottom_sec{width: 90%; margin: 0 auto; max-width: 800px;}
.bottom_number{font-family: "Roboto", serif; font-size: 4rem; text-align: center; font-weight: 700; margin-bottom: 20px;}
.bottom_number img{width: 60px; height: auto; vertical-align: baseline; margin-right: 10px;}
.bottom_number i{margin-right: 10px;}
.bottom_number .bottom_time{display: block; text-align: center; font-weight: 400; font-size: 1.7rem; font-family: "Noto Sans JP", serif;}
.bottom_time span{width: 145px; font-size: 1.5rem; color: #fff; background-color: var(--dark-color); padding: 5px 15px; border-radius: 18px; font-weight: 700; display: block; margin: 0 auto 10px;}
.bottom_request_btn{width: 90%; max-width: 360px; text-align: center; margin: 0 auto;}
.bottom_request_btn a{display: block; color: #fff; background-color: #CD4187; border: 1px solid #CD4187; padding: 15px 0; border-radius: 8px; position: relative;}
.bottom_request_btn a:hover{color: #CD4187; background-color: #fff;}
.bottom_request_btn .icon-memo{margin-right: 10px;}
.bottom_request_btn .icon-arrow_right01{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.bottom_googlemap{margin-bottom: 20px;}
.bottom_googlemap iframe{width: 100%;}
.bottom_inner{border-bottom: 1px solid #ccc; padding-bottom: 30px;}

footer{width: 100%; background-color: #eee; padding: 40px 0 100px;}


.footer_logo{text-align: center; margin-bottom: 10px;}
.footer_corporate_name{font-size: 1.6rem; font-weight: 600; text-align: center; margin-bottom: 20px;}
.footer_info{text-align: center; font-size: 1.6rem; font-weight: 500; margin-bottom: 40px;}
.footer_copyright{font-size: 1rem; color: #898989; text-align: center;}


/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -60px; width: 100%; border-top: 1px solid #F66051; z-index: 99; }
.btm_menu li { float: left; width: 100%;}
.btm_menu li:last-child { border-right: none; }
.btm_menu li a { display: block; height: 50px; text-align: center; font-size: 1.6rem; padding: 10px 5px 0px; background-color: var(--main-color); color: #fff; transition: .5s; font-weight: 700;}
.btm_menu li a i{ font-size: 2.5rem; display: block;}
.btm_menu li a:hover { background-color: #fff; color: var(--main-color); transition: .5s;}
.btm_menu ul:after { content: ''; clear: both; display: block; }

/* ページ下部 高齢者講習 */
.btm_menu_senior{bottom: -75px; border-top: 1px solid #F68879;}
.btm_menu_senior li{ width: calc(100%/2);}
.btm_menu_senior li a{height: 55px; background-color: #F68879; padding: 20px 5px 0; font-size: 2.2rem;}
.btm_menu_senior li a i{ display: initial; font-size: 2rem; margin-right: 5px;}







/* swiper */
.swiper-button-prev, .swiper-rtl .swiper-button-next{display: none;}
.swiper-button-next, .swiper-button-prev{display: none;}
.swiper-pagination-bullet{display: none;}

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ position: relative; padding-top: 70px;}
.contents{background-color: #fff;}
img{max-width: 100%; height: auto; }

.mb20{margin-bottom: 20px;}


.anchor02{ padding-top: 50px; margin-top: -50px; display: block; position: relative; z-index: -999}



/* lnavi */
.lnavi_wrapper{background-color: #eee; padding: 15px; width: 90%; margin: 0 auto 30px; border-radius: 10px; max-width: 800px;}
.lnavi ul{display: flex; gap: 30px; row-gap: 10px; flex-wrap: wrap; justify-content: center;}
.lnavi ul li{font-size: 1.5rem; font-weight: 700; position: relative;}
.lnavi ul li::after{content: "/"; right: -20px; position: absolute;}
.lnavi ul li:last-child::after{display: none;}


/* トップページ */
.top_wrapper{padding-top: 0;}
.top_first_wrapper{width: 100%;  position: relative; margin: 0 0 0 auto;}

.top_sustainable_wrapper{padding: 40px 0;}
.top_sustainable_sec{width: 90%; margin: 0 auto;}
.top_sec_tit{margin-bottom: 20px;}
.top_sec_tit01{color: #e60012; font-weight: 500; font-size: 1.6rem; display: block;}
.top_sec_tit02{font-family: "Roboto", serif; font-weight: 300; font-size: 4rem; display: block;}

.top_sustainable_txt{font-weight: 400; font-size: 1.6rem; margin-bottom: 20px; line-height: 3rem;}
.top_sustainable_btn{width: 240px; text-align: center;}
.top_sustainable_btn a{display: block; background-color: #fff; color: #E70A1B; font-size: 1.6rem; font-weight: 500; padding: 15px; border: 1px solid #E70A1B; border-radius: 30px;}

.top_stores_wrapper{padding: 30px 0 50px;}
.top_stores_sec{width: 90%; margin: 0 auto;}
.top_stores_logo{margin-bottom: 20px;}

.top_link{display: flex; flex-direction: column; margin: 0 auto 30px;}
.top_link_item{display: flex; background-color: #FDE6E4;}
.top_link_item:nth-child(2n) {flex-direction: row-reverse;}
.top_link_inner{width: 50%; align-self: center; text-align: center; font-weight: 700; padding: 20px 0;}

.top_link_head{margin-bottom: 10px;}
.top_link_head01{font-family: "Roboto", serif; display: block; font-size: 3rem; font-weight: 300;}
.top_link_head02{font-size: 1.6rem; color: #e60012;}
.top_link_btn{text-align: center; width: 160px; max-width: 90%; margin: 0 auto;}
.top_link_btn a{display: block; color: #fff; background-color: #F68076; font-size: 1.4rem; padding: 8px 0; border-radius: 18px; border: 1px solid #e70a1b;}
.top_link_btn a:hover{color: #F68076; background-color: #fff;}
.top_link_img{width: 50%;}
.top_link_img img{height: 100%; object-fit: cover; width: 100%;}


.top_post_wrapper{padding: 50px 0;}

.top_post_sec{width: 90%; max-width: 1200px; display: flex; flex-direction: column; gap: 30px; margin: 0 auto; justify-content: center;}
.top_post_item{width: 100%;}
.top_post_head{font-size: 2.5rem; color: var(--main-color); margin-bottom: 20px; position: relative; font-weight: 700;}
.top_post_news .top_post_head{display: flex; justify-content: space-between;}
.top_post_head i{color: #fff; background-color: var(--main-color); margin-right: 10px; border-radius: 100%; padding: 8px 0; }
.top_news_list{margin-bottom: 15px; margin: 0 auto 15px;}
.top_news_list li{font-weight: 400;  padding: 10px 0; border-bottom: 1px solid #ccc;}
.top_news_info{display: flex; gap: 10px; margin-bottom: 10px;}
.top_news_cat{width: 100px; text-align: center;}
.top_news_cat a{color: #fff; background-color: #F66051; font-size: 1.2rem; padding: 2px; border-radius: 10px; display: block;}
.top_news_date{ font-size: 1.5rem; font-family: "Roboto", serif;}
.top_news_tit{font-size: 1.5rem; font-weight: 700;}
.top_post_btn{width: 140px; text-align: center; margin: 0 0 0 auto;}
.top_post_btn a{display: block; padding: 10px; color: var(--dark-color); background-color: var(--light-color); border: 1px solid var(--dark-color); border-radius: 5px; font-size: 1.4rem; font-weight: 700;}
.top_post_btn a:hover{opacity: 0.5;}





/* h1見出し*/
.h1_wrapper{width: 100%; background: linear-gradient(180deg, #ffe4e1 20%, #ffffff 100%); padding: 20px 0; margin: 0 auto 30px;}
.h1_wrapper .h1_inner{width: 90%; max-width: 1000px; margin: 0 auto;}
.h1_inner h1{margin-bottom: 10px;}
.page_tit01{font-family: "Roboto", serif; font-weight: 400; font-size: 3.5rem; display: block;}
.page_tit02{font-size: 1.6rem; font-weight: 500; color: #E60012; display: block;}


/* ぱんくず */
.breadcrumbs_wrapper{font-size: 1rem;}
.breadcrumbs{display: inline-block;}   
.breadcrumbs > ol{font-size: 1rem;} 
.breadcrumbs > ol > li{ display: inline-block; position: relative;}
.breadcrumbs > ol > li:before,
.breadcrumbs > ol > li:before{ content: "/"; display: block; position: absolute; top: -5px; left: 7px;  font-size: 1.9rem; }
.breadcrumbs > ol > li:first-child:before{ content: ""; font-size: 1.4rem;}
.breadcrumbs > ol > li a{ font-size: 1rem; margin: 0 0 0 30px; }
.breadcrumbs > ol > li:first-child a{ margin: 0 0 0 0; }
.breadcrumbs > ol > li a:hover{ opacity: 0.6; }
.breadcrumbs ol span a{margin: 0 8px 0 8px;}
.breadcrumbs ol span:first-child a{margin: 0 8px 0 0;}

/* セカンドページ共通 */
.page_wrapper{padding-bottom: 50px;}
.page_sec{width: 90%; max-width: 1000px; margin: 0 auto;}
.page_sec h2{font-size: 2rem; font-weight: 700; background-color: #FFE4E1; padding: 10px; border-radius: 10px; text-align: center; margin: 0 auto 20px;}
.page_sec h3{ margin: 0 auto 20px; padding: 10px 0; font-size: 2rem; border-top: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color); text-align: center; margin-bottom: 20px; font-weight: 700;}
.page_sec p{font-size: 1.6rem; line-height: 3rem;}
.page_sec strong{font-weight: bold;}
.page_sec mark{font-style: normal;}



/* 企業情報 */
.corporate_sec{width: 90%; margin: 0 auto;}
.greeting_img{text-align: center; }
.greeting_name{margin-top: 10px; font-size: 2.2rem;}
.greeting_name span{font-size: 1.4rem; display: block;}
.corporate_sec .philosophy_topic{text-align: center; font-size: 1.7rem; font-weight: 500; margin-bottom: 15px;}
.corporate_sec .philosophy_list{display: flex; flex-direction: column; gap: 30px;}
.corporate_sec .philosophy_item{background-color: #FFF1F0; padding: 20px ; border-radius: 10px; position: relative; text-align: center; font-weight: 500; font-size: 1.8rem;}
.philosophy_head{position: absolute; left: 50%; top: -28px; transform: translateX(-50%); font-size: 3.5rem; font-weight: 500; color: #F13827;}

.theme_list{display: flex; flex-direction: column;}
.theme_item{padding: 10px 0; border-bottom: 3px solid #FFE4E1; text-align: center; font-size: 1.7rem; font-weight: 500;}
.theme_head{font-family: "Roboto", serif; font-weight: 600; font-size: 2.5rem; color: #F13827; margin-bottom: 5px;}
.theme_head span{font-size: 4rem; margin-left: 5px;}

.corporate_table{margin-bottom: 30px;}
.corporate_table table{width: 100%; }
.corporate_table th,
.corporate_table td{border: none!important; border-bottom: 1px solid #ccc!important; padding: 10px!important; text-align: left; font-size: 1.5rem;}
.corporate_table th{width: 25%; font-weight: 500;}


/* 店舗一覧 */
.salon_list_logo{text-align: center; margin-bottom: 30px;}

.salon_area_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  
}
.salon_area_list li{width: calc((100% - 20px)/3); text-align: center; font-family: "Zen Maru Gothic", sans-serif;}

.salon_list_lets{margin-bottom: 50px; font-family: "Zen Maru Gothic", sans-serif;}
.salon_list_lecour{margin-bottom: 50px; font-family: "Zen Maru Gothic", sans-serif;}
.salon_list_lets .salon_name{font-size: 1.8rem; font-weight: 700; color: #004098; margin-bottom: 3px;}
.salon_list_lets .salon_name i{color: #CE121B; margin-right: 3px; font-size: 1.6rem;}
.salon_list_lecour .salon_name{font-size: 1.8rem; font-weight: 700; color: #005361; margin-bottom: 3px;}
.salon_list_lecour .salon_name i{font-size: 1.6rem; margin-right: 3px;}
.salon_img{text-align: center; margin-bottom: 10px; }
.salon_img img{border-radius: 10px; width: 100%; height: auto;}
.salon_url{width: 180px; max-width: 100%; margin: 0 auto; text-align: center; position: relative;}
.salon_list_lets .salon_url a{display: block; color: #fff; background-color: #CE121B; border: 1px solid #CE121B; border-radius: 20px;}
.salon_list_lecour .salon_url a{display: block; color: #fff; background-color: #006874; border: 1px solid #006874; border-radius: 20px;}
.salon_url i{font-size: 1.2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}

.salon_tab_item {
  display: block;
  padding: 3px 14px;
  background: #fff;
  color: #CE121B;
  border: 1px solid #CE121B;
  border-radius: 20px;
  cursor: pointer;
}
.salon_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.salon_list_item {
width: calc((100% - 15px)/2);
}
.salon_img_el {
  max-width: 100%;
  height: auto;
  display: block;
}

.salon_shift,
.salon_menu,
.salon_event{width: 200px; max-width: 100%; text-align: center; margin: 0 auto 10px;}
.salon_shift a,
.salon_menu a,
.salon_event a{display: block; background-color: #fff; padding: 5px; border-radius: 10px; font-size: 1.5rem; font-weight: 500;}
.salon_shift i,
.salon_menu i,
.salon_event i{margin-right: 5px;}
.salon_list_lets .salon_shift a{color: #CE121B; border: 1px solid #CE121B;}
.salon_list_lets .salon_menu a{color: #f6651e; border: 1px solid #f6651e;}
.salon_list_lets .salon_event a{color: #31C59F; border: 1px solid #31C59F;}

.salon_list_lecour .salon_shift a{color: #76abaf; border: 1px solid #76abaf;}
.salon_list_lecour .salon_menu a{color: #2f7fb5; border: 1px solid #2f7fb5;}


/* 教育について */
.education_sec{width: 100%;}
.education_slider {
  width: 100%;
  box-sizing: border-box;
}


.education_slider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.education_topic{font-size: 2.6rem!important; color: #e60012;}
.education_txt{width: 90%; margin: 0 auto;}


/* SDG'sについて */
.page_sec .sdgs_topic{font-size: 2rem; margin-bottom: 30px;}
.sdgs_list{display: flex; flex-direction: column; gap: 70px;}
.sdgs_flex{display: flex; flex-direction: column; gap: 20px;}
.sdgs_txt{font-size: 1.6rem; line-height: 3rem; text-align: center;}
.sdgs_txt p{display: inline-block; text-align: left;}
.sdgs_txt .sdgs_txt_head{font-size: 2.3rem; margin-bottom: 10px; text-align: center; display: block;}
.sdgs_btn{width: 240px; text-align: center; margin: 0 auto;}
.sdgs_btn a{display: block; color: #E60012; background-color: #fff; padding: 15px; border: 1px solid #E60012; border-radius: 30px;}
.sdgs_btn a:hover{color: #fff; background-color: #E60012;}


/* お知らせ */
.news_wrapper{padding-bottom: 50px;}
.news_sec{width: 90%; max-width: 1000px; margin: 0 auto;}
.news_category{margin-bottom: 30px;}
.news_category_list{display: flex; gap: 20px; row-gap: 10px; flex-wrap: wrap;}
.news_category_list li{font-size: 1.4rem; font-weight: 700; text-align: center; width: calc((100% - 20px)/2);}
.news_category_list li a{display: block; color: #fff; background-color: #F57467; border: 1px solid #F57467; border-radius: 8px; padding: 8px;}
.news_category_list li a:hover{color: #F57467; background-color: #fff;}

.news_list{display: flex; flex-direction: column;}
.news_item{display: block; padding: 10px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.news_item_info{display: flex;  gap: 8px; align-items: center; margin-bottom: 10px; justify-content: left;}
.news_item_cat{ text-align: center; width: 100px;}
.news_item_cat a{display: block; color: #fff; background-color: #F57467; border: 1px solid #F57467; font-size: 1.2rem; border-radius: 10px;}
.news_item_cat a:hover{color: #F57467; background-color: #fff;}
.news_item_date{font-weight: 500; font-size: 1.2rem;}
.news_tit{font-weight: 700; font-size: 1.5rem;}

.news_detail_inner .detail_date{font-size: 1.4rem;}
.news_detail_inner .detail_tit{font-size: 2rem; font-weight: 600; margin-bottom: 30px; text-align: left; background-color: initial; padding: 0;}


/* 個人情報保護方針 */
.policy_sec h2{color: #ce121b; font-size: 2rem; font-weight: 500; padding: 5px; border-top: 1px solid #ce121b; border-bottom: 1px solid #ce121b; margin-bottom: 20px; text-align: center; background-color: initial; border-radius: 0;}
.policy_sec p{font-size: 1.4rem; line-height: 2.8rem;}




/* お問い合わせ */
.contact_sec{width: 90%; max-width: 1200px; margin: 0 auto;}
.contact_policy_btn{width: 250px; text-align: center; margin: 0 auto;}
.contact_policy_btn a{display: block; color: #666666; background-color: #fff; border: 1px solid #E60012; border-radius: 15px; padding: 3px; font-size: 1.5rem;}

.contact_thanks {
  max-width: 1275px;
  margin: 0 auto;
  padding: 50px 0;
  line-height: 3.5rem;
}

/* フォーム */
.contact_form_inner{ width: 90%; max-width: 1000px; margin: 0 auto 50px;}
.contact_item{display: flex; padding: 20px 20px; border-bottom: 1px solid #ccc; align-items: center;}
.contact_tit{width: 35%;  font-weight: 700; position: relative; margin-left: 60px;}
.contact_tit span{position: absolute;  background-color: #FFE7E7; color: #DE4B4B; margin-right: 15px; border: 1px solid #DE4B4B; padding: 2px 8px; left: -60px; top: -2px; border-radius: 22px; font-size: 1.4rem;}
.contact_txt,
.contact_adress,
.contact_check,
.contact_txtarea{width: 65%;}
.contact_txt input,
.contact_txt select{font-size: 1.6rem; background: #f7f7f7; height: 35px; padding: 8px; border: 1px solid #ccc; width: 80%;}
.contact_txtarea textarea{font-size: 1.6rem; padding: 8px; background: #f7f7f7; border: 1px solid #ccc; width: 80%;}
.contact_adress_sub p{padding-bottom: 10px;}
.contact_adress input{background: #f7f7f7; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 1.6rem; }
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; margin-top: 20px;}
.contact_submit_btn input{ font-weight: 700; background-color: #fff; color: var(--dark-color); border-radius: 10px; font-size: 1.6rem; letter-spacing: 1px; padding: 10px 15px; cursor: pointer; border: 2px solid #E60012; width: 100%; max-width: 360px;}
.contact_name p{ gap: 15px;}

.contact_radio input[type="radio"]{width: initial; height: initial; box-sizing: border-box; padding: 0px; vertical-align: baseline; font-size: 1.6rem;}
.contact_select select{padding: 8px; font-size: 1.6rem; height: 50px;}
.contact_file input[type="file"]{font-size: 1.5rem; margin-bottom: 5px;}
.contact_file_caution{font-size: 1.5rem;}

input[type="checkbox"]{float: left; margin: 0 5px 0 0; transform: translateY(9px);}
.contact_check .checkbox{display: flex; flex-direction: column; gap: 5px;}
.contact_check .checkbox .wpcf7-list-item{margin: 0;}

.contact_radio .wpcf7-list-item{margin: 0;}
.contact_radio .wpcf7-list-item label{margin-right: 30px;}

.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}

.form_sec{max-width: 1000px; margin: 0 auto; padding-bottom: 80px;}
.form_tit{position: relative; max-width: 1000px; margin: 0 auto 100px;}
.form_tit01{ position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  width: 140px;
  padding: 4px 0;
  border-radius: 18px;
  background-color: #5083CF;}

.form_tit02{font-size: 4rem;
  font-weight: 500;
  display: block;
  text-align: center;
  padding: 30px 0;
  border-bottom: 2px solid #333;
  border-top: 2px solid #5083CF;}


.wpcf7-spinner{position: absolute!important;}


.page_sec .wpcf7-list-item{margin: 0;}

#admission-day{display: none;}


/* サイトマップ */
.sitemap_sec{max-width: 1000px; margin: 0 auto;  font-weight: 700; padding: 50px 0; color: #222; width: 90%;}
.sitemap_list01{display: flex; flex-direction: column; }
.sitemap_list01 li{margin-bottom: 30px;}
.sitemap_item01{font-size: 2rem;  position: relative; transition: 0.5s;  margin: 0 0 0 20px;}
.sitemap_item01:before{content: "";  background-color: var(--dark-color); width: 8px; height: 11px; clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; top: 9px; left: -15px;}
.sitemap_list02{display: flex; flex-direction: column; gap: 15px; font-size: 1.5rem; margin: 20px 0 0 50px;}
.sitemap_list02 li{position: relative; margin-bottom: 0; color: #666;}
.sitemap_list02 li:before{content: ""; background-color: #666; padding: 2px; position: absolute; top: 9px; left: -15px; border-radius: 100%;}
.sitemap_sec i{margin-left: 5px;}


/* サンクスページ */
.thanks_sec{max-width: 1000px; margin: 0 auto; line-height: 4rem;}



/* 404error */
.error_sec{text-align: center; padding: 200px 0 120px;}



/* ----------------------------------------------------------
 SP CSS
---------------------------------------------------------- */
@media screen and (max-width:520px){
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 60%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; height: auto !important; padding-top: 0; }

/* 非表示用 */
.noneSP	{ display: none !important; }


/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
/*ACCORDION*/

.toggle .toggle_menu{bottom: 8px;}

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
footer{}

.footer_wrapper{}
.footer_sec{display: block; margin: 0 auto 30px; text-align: center; padding-bottom: 0;}
.footer_sec01{padding: 0; border: none; display: block;}
.footer_sitemap_wrapper{display: none;}
.footer_logo{text-align: center;}
.footer_logo img{width: 230px;}
.footer_info{line-height: 2.5rem; text-align: center; margin: 0 auto 30px;}
.footer_info span{text-align: center;}

.footer_copyright{margin: 0 auto; text-align: center;}




/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */

h3{ font-size: 2.2rem; font-weight: 700; letter-spacing: 2px; line-height: 1.8; }

/* ぱんくず */
.breadcrumbs{ position: relative; z-index: 1; padding: 0; font-weight: 700; margin: 0 auto; display: block;}  
.breadcrumbs > ol{} 
.breadcrumbs > ol > li{ display: inline-block; position: relative;  }
.breadcrumbs > ol > li:before{ content: "/"; display: block; position: absolute; top: -5px; left: 3px;  font-size: 1.9rem; }
.breadcrumbs > ol > li:first-child:before{ content: ""; }
.breadcrumbs > ol > li a{ font-size: 1.2rem; margin: 0 0 0 20px; }
.breadcrumbs > ol > li:first-child a{ margin: 0 0 0 0; }
.breadcrumbs > ol > li a:hover{ opacity: 0.6; }


    
    
/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ position: relative; overflow: hidden; padding-top: 70px;}

.page_sec{padding: 0;}
.sp_br{display: block;}




/* h1見出し */
.h1_wrapper{width: 100%; height: initial;}
.h1_left{height: initial; text-align: center; width: 100%;}
.h1_left_inner{min-width: initial; padding: 50px 0; background-color: rgba(255, 255, 255, 0.7); position: initial; text-align: center;}
.h1_left h1{font-size: 4rem;}
.h1_margin{padding: 0;}
.h1_margin::before{display: none;}
.h1_margin:after{display: none;}


/* お問合せフォーム */
.contact_sec{width: 90%; margin: 0 auto;}
.contact_item{display: block; padding: 20px 0;}
.contact_tit{margin: 0 0 20px 0; width: initial;}
.contact_essential .contact_tit{margin-left: 60px; width: initial;}
.wpcf7-form-control-wrap{}
.contact_txt, .contact_adress, .contact_txtarea, .contact_check{width: 100%;}
.contact_txt input{width: calc(100% - 16px); margin: 0 auto;}
.contact_name input{}
.contact_adress input{width: 100%; margin-left: 0;}
input[type="checkbox"]{padding: 8px;}
.form-width{max-width: 100%;}
.contact_sec .wpcf7-spinner{display: block;}
.contact_txtarea textarea{width: calc(100% - 16px);}
.policy_txt{margin-bottom: 30px;}
.policy_sec h3{font-size: 2.5rem; letter-spacing: 1px;}
.policy_txt p{font-size: 1.5rem;}

.contact_select select{width: 100%; padding: 8px;}

/* サイトマップ */
.sitemap_item01:before{top: 7px;}
.sitemap_list02 li:before{top: 8px;}

    
::placeholder{ color: #999;}
/* 旧Edge対応 */
::-ms-input-placeholder{ color: #999; }
/* IE対応 */
:-ms-input-placeholder{ color: #999; }







}

/* ----------------------------------------------------------
 SP CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 TAB CSS
---------------------------------------------------------- */
@media screen and (min-width:521px) and (max-width:1130px){

img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; padding-top: 0; }

/* 非表示用 */
.noneTAB		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */



/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */


	
/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ぱんくず */
.breadcrumbs{ position: relative; z-index: 1; width: 100%; padding: 0; margin: 0 auto; display: block;}  
.breadcrumbs > ol{} 
.breadcrumbs > ol > li{  position: relative; }
.breadcrumbs > ol > li:before{ content: "/"; display: block; position: absolute; top: 0; left: 6px;  font-size: 1.9rem; }
.breadcrumbs > ol > li:first-child:before{ content: ""; }
.breadcrumbs > ol > li a{ font-size: 1.6rem; margin: 0 0 0 20px; }
.breadcrumbs > ol > li:first-child a{ margin: 0 0 0 0; }
.breadcrumbs > ol > li a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.wrapper{ position: relative; overflow: hidden; padding-top: 60px;}
.contents{}



/*トップページ*/



/* お問合せフォーム */
.contact_sec{width: 90%; margin: 0 auto;}
.contact_item{display: block; padding: 20px 5%;}
.contact_tit{margin: 0 0 20px 0; width: initial;}
.contact_essential .contact_tit{margin-left: 60px; width: initial;}
.form_tit01{display: none;}
.form_tit02{padding: 20px 0; font-size: 3rem;}
.form_sec{width: 90%;}
.policy_sec .page_sec{padding: 0;}

.list-checkbox-wrap .nf-field-element li label{text-align: left;}
.wpcf7-form-control-wrap{}
.contact_txt, .contact_adress, .contact_txtarea, .contact_check{width: 100%;}
.contact_txt input{width:  calc(100% - 16px); margin: 0 auto;}
.contact_txtarea textarea{width:  calc(100% - 16px);}
.contact_adress input{width: 100%; margin-left: 0;}
input[type="checkbox"]{padding: 8px;}
.form-width{max-width: 100%;}
.contact_sec .wpcf7-spinner{display: block;}

::placeholder{ color: #999;}

/* 旧Edge対応 */
::-ms-input-placeholder{ color: #999; }
/* IE対応 */
:-ms-input-placeholder{ color: #999; }





}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1131px) and (max-width:1370px){

/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{  font-size: 1.8rem; }

/* 非表示用 */
.nonePC		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{height: 80px;}
.header_sec{height: 80px;}
.header_logo01 img{width: 180px;}
.header_tel{display: none;}

.header_navi ul{gap: 15px; margin-right: 20px;}
.header_item01 a{padding: 29px 10px; font-size: 1.5rem;}
.header_contact {width: 160px; text-align: center;}
.header_contact a{display: block; padding: 28px 0; background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color); font-size: 1.4rem; font-weight: 700;}
.header_contact a:hover{color: var(--main-color); background-color: #fff; transition: .5s;}
.header_contact i{margin-right: 5px; font-size: 2rem; vertical-align: -2px; }


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
footer{padding-bottom: 20px;}
.footer_sec{display: flex; gap: 70px; justify-content: center; max-width: 1200px;}
.footer_info{text-align: left;}
.footer_sitemap{display: flex; gap: 50px;}
.footer_sitemap01{ display: flex; flex-direction: column; gap: 15px; font-size: 1.6rem;}
.footer_sitemap01 li{position: relative; padding-left: 15px;}
.footer_sitemap01 li::before{content: ""; padding: 2px; background-color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


/* ページ下部 固定メニュー */
.btm_menu{ display: none; }



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.pc_br{display: block;}
.wrapper{padding-top: 80px;}

/* トップページ */
.top_first_wrapper{margin-bottom: 50px;}
.top_sustainable_sec{max-width: 1200px;}
.top_sec_tit01{font-size: 1.8rem;}
.top_sec_tit02{font-weight: 400; line-height: 5rem;}

.top_sustainable_inner{display: flex; gap: 50px;}
.top_sustainable_left{width: 60%; max-width: 800px;}
.top_sustainable_right{width: 40%;}

.top_stores_sec{max-width: 1200px; margin: 0 auto;}
.top_stores_logo_flex{display: flex; gap: 20px;}

.top_post_sec{display: flex; flex-direction: row;}

.top_link{display: flex; flex-direction: row; gap: 30px; width: 90%; max-width: 1200px; margin: 0 auto 50px;}
.top_link_item, .top_link_item:nth-child(2n){flex-direction: column-reverse; width: calc((100% - 90px)/4);}
.top_link_item a{flex-direction: column-reverse;}
.top_link_item:nth-child(2n) a{flex-direction: column-reverse;}

.top_link_inner{width: 100%; padding: 20px 0;}
.top_link_img{width: 100%;}
.top_link_img img{width: 100%; height: auto; border-radius: 0;}
.top_link_btn a{padding: 8px 0;}

/* セカンドページ共通 */
.page_tit01{font-size: 4rem;}
.page_tit02{font-size: 2rem;}
.page_sec h2{margin-bottom: 30px; max-width: 600px;}
.page_sec p{line-height: 3.5rem;}


/* 企業情報 */
.corporate_sec .philosophy_topic{font-size: 2rem;}
.corporate_sec .philosophy_item{font-size: 2rem;}

/* 店舗一覧 */
.salon_list{gap: 20px;}
.salon_list_item{width: calc((100% - 40px)/3);}
.salon_img img{width: 100%; height: auto;}

/* 教育について */
.education_sec{width: 100%; max-width: 1800px;}
.education_contents{width: 90%; max-width: 1000px; margin: 0 auto;}
.page_sec .sdgs_topic{font-size: 3rem; line-height: 4.5rem; margin-bottom: 50px;}

/* SDGsについて */
.page_sec .sdgs_topic{font-size: 3rem; line-height: 4.5rem; margin-bottom: 50px;}
.sdgs_flex{display: flex; flex-direction: row; gap: 30px;}
.sdgs_img{flex-basis: 280px;}
.sdgs_txt .sdgs_txt_head{text-align: left;}
.sdgs_txt figure{margin-left: 0!important;}
.sdgs_btn{margin: 15px auto 0 0;}

/* お知らせ */
.news_detail_inner .detail_tit{max-width: initial;}


}
/* ----------------------------------------------------------
 PC CSS END
---------------------------------------------------------- */
/* ----------------------------------------------------------
 PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width:1371px){
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem;  }

/* 非表示用 */
.nonePCWIDE		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{height: 80px;}
.header_sec{height: 80px;}
.header_logo01 img{width: 230px;}

.header_contact {width: 160px; text-align: center;}
.header_contact a{display: block; padding: 27px 0; background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color); font-size: 1.6rem; font-weight: 700;}
.header_contact a:hover{color: var(--main-color); background-color: #fff; transition: .5s;}
.header_contact i{margin-right: 5px; font-size: 2rem; vertical-align: -2px; }
.header_current{width: 160px; text-align: center;}
.header_current a{display: block; padding: 27px 0; background-color: var(--student-color); color: #fff; border: 1px solid var(--student-color); font-size: 1.6rem; font-weight: 700;}
.header_current a:hover{color: var(--student-color); background-color: #fff; transition: .5s;}
.header_current i{margin-right: 5px; font-size: 2rem; vertical-align: -2px;}

    
/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
footer{padding-bottom: 20px;}
.footer_sec{display: flex; gap: 70px; justify-content: center; max-width: 1200px; margin: 0 auto 30px;}
.footer_info{text-align: left;}
.footer_sitemap{display: flex; gap: 50px;}
.footer_sitemap01{ display: flex; flex-direction: column; gap: 15px; font-size: 1.6rem;}
.footer_sitemap01 li{position: relative; padding-left: 15px;}
.footer_sitemap01 li::before{content: ""; padding: 2px; background-color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100px;}


/* ページ下部 固定メニュー */
.btm_menu{ display: none; }



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.pc_br{display: block;}
.wrapper{padding-top: 80px;}

/* トップページ */
.top_first_wrapper{margin-bottom: 50px;}
.top_sustainable_sec{max-width: 1200px;}
.top_sec_tit01{font-size: 1.8rem;}
.top_sec_tit02{font-weight: 400; line-height: 5rem;}

.top_sustainable_inner{display: flex; gap: 50px;}
.top_sustainable_left{width: 60%; max-width: 800px;}
.top_sustainable_right{width: 40%;}

.top_stores_sec{max-width: 1200px; margin: 0 auto;}
.top_stores_logo_flex{display: flex; gap: 20px;}

.top_post_sec{display: flex; flex-direction: row;}

.top_link{display: flex; flex-direction: row; gap: 30px; width: 90%; max-width: 1200px; margin: 0 auto 50px;}
.top_link_item, .top_link_item:nth-child(2n){flex-direction: column-reverse; width: calc((100% - 90px)/4);}
.top_link_item a{flex-direction: column-reverse;}
.top_link_item:nth-child(2n) a{flex-direction: column-reverse;}

.top_link_inner{width: 100%; padding: 20px 0;}
.top_link_img{width: 100%;}
.top_link_img img{width: 100%; height: auto; border-radius: 0;}
.top_link_btn a{padding: 8px 0;}


/* セカンドページ共通 */
.page_tit01{font-size: 4rem;}
.page_tit02{font-size: 2rem;}
.page_sec h2{margin-bottom: 30px; max-width: 600px;}
.page_sec p{line-height: 3.5rem;}


/* 企業情報 */
.corporate_sec .philosophy_topic{font-size: 2rem;}
.corporate_sec .philosophy_item{font-size: 2rem;}

/* 店舗一覧 */
.salon_list{gap: 20px;}
.salon_list_item{width: calc((100% - 40px)/3);}
.salon_img img{width: 100%; height: auto;}

/* 教育について */
.education_sec{width: 100%; max-width: 1800px;}
.education_contents{width: 90%; max-width: 1000px; margin: 0 auto;}

/* SDGsについて */
.page_sec .sdgs_topic{font-size: 3rem; line-height: 4.5rem; margin-bottom: 50px;}
.sdgs_flex{display: flex; flex-direction: row; gap: 30px;}
.sdgs_img{flex-basis: 280px;}
.sdgs_txt .sdgs_txt_head{text-align: left;}
.sdgs_txt figure{margin-left: 0!important;}
.sdgs_btn{margin: 15px auto 0 0;}


/* お知らせ */
.news_detail_inner .detail_tit{max-width: initial;}

/* お問合せ */
.contact_policy_btn{width: 300px;}
.contact_policy_btn a{font-size: 1.8rem;}



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PCWIDE CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */