@charset "UTF-8";
/*
Theme Name: 介護ドットコムR-A
Author: 株式会社メックコミュニケーションズ
Author URI: http://www.mec-com.co.jp
*/


/*utility
キーカラー1：（緑）#90ee90
キーカラー2：（抹茶）#65a765
キーカラー3：（ピンク）#ee9090
キーカラー4：（紫）#a76565
キーカラー5：（赤）#FF5F5F
-----------------------------------------------------------------------------------------*/
body{
/*特色*/
	--color_1:#90ee90;/*メインカラー（緑）*/
	--color_2:#65a765;/*抹茶*/
	--color_3:#ee9090;/*ピンク*/
	--color_4:#a76565;/*紫*/
	--color_5:#FF5F5F;/*赤*/
	--color_6:#e3fbe3;/*薄い1（緑）*/
	--color_7:#E9E9E1;/*薄い2（茶）*/
}

/*-------------------------------------------------------------------------------------------------text_color*/
/*黒色*/ .tx_k{color:#000;}
/*白色*/ .tx_w,a.tx_w{color:#FFF;}
/*灰色*/ .tx_g{color:#666;}
/*赤系*/ .tx_r{color:red;}
/*青系*/ .tx_b{color:blue;}
/*黄系*/ .tx_y{color:yellow;}
/*リンクカラー*/.tx_link_c{color:#0038AD;}
/*キーカラー1*/ .tx_c1{color:var(--color_1);}
/*キーカラー2*/ .tx_c2{color:var(--color_2);}
/*キーカラー3*/ .tx_c3{color:var(--color_3);}
/*キーカラー4*/ .tx_c4{color:var(--color_4);}
/*キーカラー5*/ .tx_c5{color:var(--color_5);}
/*-------------------------------------------------------------------------------------------------border_color*/
/*黒色*/ body .sen_k{border-color:#000;}
/*白色*/ body .sen_w{border-color:#FFF;}
/*灰色*/ body .sen_g{border-color:#999;}
/*赤系*/ body .sen_r{border-color:red;}
/*青系*/ body .sen_bl{border-color:blue;}
/*黄系*/ body .sen_y{border-color:yellow;}
/*キーカラー1*/ body .sen_c1{border-color:var(--color_1);}
/*キーカラー2*/ body .sen_c2{border-color:var(--color_2);}
/*キーカラー3*/ body .sen_c3{border-color:var(--color_3);}
/*キーカラー4*/ body .sen_c4{border-color:var(--color_4);}
/*キーカラー5*/ body .sen_c5{border-color:var(--color_5);}
/*-------------------------------------------------------------------------------------------------bg*/
/*黒色*/.bg_k,.btn.bg_k,.bg_k.area::before{background-color:#000;color:#FFF;}
/*白色*/ .bg_w,.btn.bg_w,.bg_w.area::before{background-color:#FFF;}
/*灰色*/ .bg_g,.btn.bg_g,.bg_g.area::before{background-color:#F1F1F1;}
/*赤系*/ .bg_r,.btn.bg_r,.bg_r.area::before{background-color:red;}
/*青系*/ .bg_b,.btn.bg_b,.bg_b.area::before{background-color:blue;}
/*黄系*/ .bg_y,.btn.bg_y,.bg_y.area::before{background-color:yellow;}
/*キーカラー1*/ .bg_c1,.btn.bg_c1,.bg_c1.area::before{background-color:var(--color_1);}
/*キーカラー2*/ .bg_c2,.btn.bg_c2,.bg_c2.area::before{background-color:var(--color_2);}
/*キーカラー3*/ .bg_c3,.btn.bg_c3,.bg_c3.area::before{background-color:var(--color_3);}
/*キーカラー4*/ .bg_c4,.btn.bg_c4,.bg_c4.area::before{background-color:var(--color_4);}
/*キーカラー5*/ .bg_c5,.btn.bg_c5,.bg_c5.area::before{background-color:var(--color_5);}
/*薄いキーカラー1*/ .bg_pale_c1,.btn.bg_pale_c1,.bg_pale_c1.area::before{background-color:var(--color_6);}
/*薄いキーカラー2*/ .bg_pale_c2,.btn.bg_pale_c2,.bg_pale_c2.area::before{background-color:var(--color_7);}
/*薄いキーカラー3*/ .bg_pale_c3,.btn.bg_pale_c3,.bg_pale_c3.area::before{background-color:#888888;}
/*薄いキーカラー4*/ .bg_pale_c4,.btn.bg_pale_c4,.bg_pale_c4.area::before{background-color:#999999;}
/*薄いキーカラー5*/ .bg_pale_c5,.btn.bg_pale_c5,.bg_pale_c5.area::before{background-color:#AAAAAA;}
.bg_no{background:none;}



/*style
-----------------------------------------------------------------------------------------*/
/*body{
	font-family: "HummingStd-L", Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#000;
}*/
@media screen and (max-width: 767px) {.title1{font-size:2rem;}}
.mincho{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.btn{
	width:330px;
	max-width:100%;
	padding:0.75em;
}
.hoverimg a:hover{
	filter: brightness(120%);
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	text-shadow: 0 0 10px #FFF;
}
table th{
	background-color:var(--color_6);
}
@media print, screen and (min-width: 768px) {
	table th,
	table td{padding:20px;}
}
/*-------------------------tel font*/
.header_tel a,
.tel,
.tel a{
	font-family: 'Trebuchet MS','Futura','Arial',sans-serif;
}


/*header
-----------------------------------------------------------------------------------------*/
header{
	background:#FFF;
}
/*-------------------------globalnav_btn(sp)*/
.globalnav_btn{
	color:#90ee90;
}
.globalnav_btn::before,.globalnav_btn::after{
	background-color:#90ee90;
}
/*-------------------------globalnavの子要素を隠す*/
.globalnav nav .accordion,
.globalnav nav .accordionopen{
	/*display:none;*/
}
/*-------------------------------------------------------------------pc*/
@media print, screen and (min-width: 768px) {
/*header_logo*/
.header_logo{
	width:270px;
	padding:25px 0 0 20px;
}
/*globalnav*/
.globalnav{
	/*background:#90ee90;*/
	background:var(--color_6);
}
.globalnav nav > ul{
	max-width:1200px;
	margin:0 auto;
	/*color:#FFF;*/
}
.globalnav nav > ul > li:nth-child(1) > a{
	background-image:url(images/home.svg);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999em;
}
.globalnav nav > ul > li > a.current,
.globalnav nav > ul > li > a:hover{
	background-color: var(--color_1);
	color:#fff;
}
/*accordion*/
.globalnav nav .accordion li + li{
	border-top:1px solid #FFF;
}
.globalnav nav .accordion li a{
	background:rgba(230,230,230,0.9);
	color:#000;
}
.globalnav nav .accordion li a:hover{
	background:rgba(200,200,200,0.9);
}
}
/*-------------------------------------------------------------------sp*/
@media screen and (max-width: 767px) {
/*header_logo*/
.header_logo a{
	padding:10px 8px;
}
/*globalnav*/
.globalnav{
	color:#000;
}
.globalnav nav > ul > li{
	background:var(--color_6);
}
}

/*footer
-----------------------------------------------------------------------------------------*/
footer{
}
/*-------------------------footer_toi*/
.footer_toi{
}
/*-------------------------footer_data*/
.footer_data .logo a{
	display:block;
	width:270px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	.footer_data .logo a{width:200px;}
}
/*-------------------------footer_nav*/
.footer_nav{
}


/*main
-----------------------------------------------------------------------------------------*/
main{
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein{
    from{
    opacity: 0;
    }
    to{
    opacity: 1;
    }
}
/*@media screen and (max-width: 767px) {
	main{box-shadow: 0 1px 0 #90ee90 inset;}
}*/
/*-------------------------localnav(pc)*/
.localnav  ul li a.current,
.localnav  ul li a:hover{
	background-color:rgba(0,0,0,0.1);
}
/*-------------------------single*/
.single h1{
	border-color:#90ee90;
}
.single h2{
	background-color:#90ee90;
	color:#FFF;
	margin-bottom:20px;
}
.single h3{
	border-left: 0.3em solid var(--color_1);
	padding-left: 0.5em;
	margin-bottom:20px;
}
.single h4{
	border-color:#90ee90;
	color:var(--color_2);
	margin-bottom:20px;
}
.single h5{
	background-color:var(--color_6);
	margin-bottom:20px;
	margin-top:30px;
}
.single h6{
	color:var(--color_2);
	margin-bottom:20px;
	margin-top:30px;
}
/*-------------------------sidebar*/
.sidebar h2{
	border-color:#90ee90;
	color:#000;
}
/*-------------------------pager*/
.pager li a,
.pager li span{
	background-color:rgba(0,0,0,0.1);
	color:#000;
}
.pager li span{
	background-color:#90ee90;
	color:#FFF;
}
.pager li a:hover{
	background-color:#CCCCCC;
}


/*list
-----------------------------------------------------------------------------------------*/
.list.bg a{
	background-color:var(--color_6);
	color:rgba(0,0,0,0.8);
}
.list.bg a:hover{
	background-color:var(--color_1);
	color:#fff;
}
.list a:hover img{
	filter: brightness(80%);
	-webkit-filter: brightness(80%);
	-moz-filter: brightness(80%);
}
/*-------------------------topics*/
.list.topics li{
	position:relative;
}
.list.topics figure{
	width:108px;
	height:96px;
}
.list.topics figure + p{
	padding-left:130px;
}
.list.topics p{
	padding-right:0;
	height:80px;
	display: table-cell;
	vertical-align: middle;
}
.list.topics time{
	position:static;
	display:inline;
}
.list.topics p .cat{
	display:inline;
	font-size:1.4rem;
	margin-left:10px;
}
.list.topics .hensyu{
	position:absolute;
	padding:0;
	top:15px;
	right:-35px;
}
.list.topics .hensyu a{
	border:none;
	background:#FF0000;
	color:#FFF;
	padding:10px;
	font-size:15px;
	line-height:1;
	width:35px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.list.topics .hensyu a:hover{
	background:#CC0000;
}
@media print, screen and (min-width: 768px) {
	.list.topics a{padding:10px 0;}
	.list.topics figure{top:15px;}
}

@media screen and (max-width: 767px) {
	.list.topics time,.list.topics p .cat{font-size:1rem;}
	.list.topics .hensyu{display:none;}
	.list.box.B figure{width:95px;height:100%;overflow:hidden;left:0;top:0;}
}

/*area
-----------------------------------------------------------------------------------------*/
.area .text p{
	line-height:1.7;
}
.area .state{-webkit-box-ordinal-group:-2;-ms-flex-order:-1;order:-1;}
@media screen and (max-width: 767px) {
	.area .ord1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
}

/*faq
-----------------------------------------------------------------------------------------*/
.faq.B .q::before,
.faq.B .a::before{
	color:var(--color_2);
	border:2px solid var(--color_2);
}
	
/*tx
-----------------------------------------------------------------------------------------*/
.tx{}
.tx a{color:#0038AD;}
.tx_sen{}
.tx_sen::after{border-color:#000;}
.tx_kiji{border-color:#000;}
.tx_belt{background-color:var(--color_1);color:#FFF;}
.tx_line{border-color:var(--color_1);}
.tx_bar{border-color:var(--color_1);}
.tx_check{}
.tx_deco{}
.tx_kage{}
.tx_kage_w{}
.tx_maru{}
.tx_link{color:#0038AD;}
.tx_ya{}
.title1,
.title2,
.title3{}
.oubun{
	font-size:66%;
	display:block;
	/*transform: scale(0.75,1);*/
	margin-top:-0.3em;
}


/*home
-----------------------------------------------------------------------------------------*/
/*-------------------------mainimg*/
.mainimg{
	height:630px;
	padding-top:180px;
}
@media screen and (max-width: 767px) {
.mainimg{
	height:360px;
	padding-top:40px;
}
}
/*-------------------------features*/
.ribbon{
	background:url(images/ribbon.svg) right no-repeat;
	line-height:35px;
	padding-left:20px;
	padding-right:30px;
	margin-left:-20px;
	margin-bottom:5px;
	display:inline-block;
}
@media print, screen and (min-width: 768px) {
.features li div{
	position:absolute;
	top:0;
	opacity:0.95;
	width:45%;
	border:10px solid var(--color_1);
	border-radius:20px;
}
.features li:nth-child(odd) > div{left:0;}
.features li:nth-child(even) > div{right:0;}
}
@media screen and (max-width: 767px) {
.features li{
	border-radius:10px;
	overflow:hidden;
	border:5px solid var(--color_2);
}
.ribbon{
	position:absolute;
	line-height:30px;
	margin-top:-30px;
}
}


/*pagetitle
-----------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
	.pagetitle{padding:80px 0;}
}
@media screen and (max-width: 767px) {
	.pagetitle{padding:20px 0;}
}
.pagetitle{background:url(images/bg_pagetitle.jpg) center;background-size:cover;}
.pagetitle.bg_facility{background-image:url(images/bg_facility.jpg)}
.pagetitle.bg_service{background-image:url(images/bg_service.jpg)}
.pagetitle.bg_cost{background-image:url(images/bg_cost.jpg)}
.pagetitle.bg_topics{background-image:url(images/bg_topics.jpg)}
.pagetitle.bg_access{background-image:url(images/bg_access.jpg)}
.pagetitle.bg_saiyou{background-image:url(images/bg_saiyou.jpg)}



/*sitemap
-----------------------------------------------------------------------------------------*/
.sitemap > li > a{
	background-color:#90ee90;
	color:#FFF;
}

/*bosyu_item
-----------------------------------------------------------------------------------------*/
.bosyu_item{
	position:relative;
}
@media print, screen and (min-width: 768px) {.bosyu_item th{width:180px;}}
.bosyu_item + .bosyu_item{
	margin-top:50px;
}
.bosyu_item .hensyu{
	position:absolute;
	padding:0;
	top:0;
	right:0;
}
.bosyu_item .hensyu a{
	border:none;
	display:inline-block;
	font-size:14px;
	line-height:30px;
	background:#FF0000;
	color:#FFF;
	padding:0 10px;
}
.bosyu_item .hensyu a:hover{
	background:#CC0000;
}

/*見学予約
-----------------------------------------------------------------------------------------*/
.kengaku .tel a{
	padding-left:60px;
	background:url(images/tel_k.svg) left no-repeat;
	background-size:45px;
	font-size:60px;
	line-height:1;
	letter-spacing:2px;
}
@media screen and (max-width: 767px) {
.kengaku .tel a{
	display:block;
	max-width:320px;
	background:#FFF url(images/tel_k.svg) left 20px center no-repeat;
	background-size:30px;
	font-size:40px;
	line-height:1;
	letter-spacing:0;
	margin:5px auto;
	padding:10px 10px 10px 50px;
	border-radius:10px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
}

/*googlefont
-----------------------------------------------------------------------------------------*/
body{
	font-family: "Zen Kaku Gothic New", sans-serif, "HummingStd-L", Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.bold{
	font-weight:700;
}

/*==========================================================================================
hover
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/
body .hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);}
body .hv_dark a:hover{filter:brightness(75%);}
body .hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);}
body .hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);}
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/
body .hv_big a{transition: all 0.3s;}
body .hv_big a:hover{transform: scale(1.1);}
@media print, screen and (min-width: 768px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/
body .pc_hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);}
body .pc_hv_dark a:hover{filter:brightness(75%);}
body .pc_hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);}
body .pc_hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);}
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/
body .pc_hv_big a{transition: all 0.3s;}
body .pc_hv_big a:hover{transform: scale(1.1);}
}
@media screen and (max-width: 767px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/
body .sp_hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);}
body .sp_hv_dark a:hover{filter:brightness(75%);}
body .sp_hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);}
body .sp_hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);}
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/
body .sp_hv_big a{transition: all 0.3s;}
body .sp_hv_big a:hover{transform: scale(1.1);}
}

/*list
-----------------------------------------------------------------------------------------*/
/*-------------------------hensyu (parts)*/
.hensyu{
	position:absolute;
	top:0;
	right:0;
	width:auto !important;
}
#wrapper .hensyu a{
	display:block;
	background:rgba(255,0,0,0.5);
	color:#FFF;
	padding:10px;
	font-size:15px;
	line-height:1;
	text-decoration:none;
	border:none;
	text-align:center;
	min-height:auto;
}
#wrapper .hensyu a:hover{
	background:#FF0000;
}
/*-------------------------list_mark (parts)*/
.list_mark{
	position: absolute;
	z-index: 10;
	line-height: 1;
	font-size: 1.2rem;
	color:#FFF;
	background:var(--list_mark);
    padding:0.3em 0.5em;
	left: 0;
	top: 0;
}
/*-------------------------list_date (parts)*/
.list_date{
	font-size:80%;
	color:#555555;
}
/*-------------------------list_cat (parts)*/
.list_cat{
	font-size:80%;
	color:var(--color_link);
}
/*-------------------------list_line*/
.list_line{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-bottom:-1px;
	position:relative;
}
.list_line a{
	display:flex;
	align-items:stretch;
	padding:10px 0;
	min-height:80px;
	gap:1em;
}
.list_line a:hover{
	background:rgba(0,0,0,0.05);
}
.list_line figure{
	display:flex;
	justify-content:center;
	align-items:center;
	width:90px;
	border-radius:5px;
	overflow:hidden;
	flex-shrink:0;
}
.list_line img{
	border-radius:inherit;
	width:100%;height:100%;object-fit:cover;
}
.list_line div{
	display:flex;
	align-items:center;
	gap:0.1em 1em;
}
.list_line p,.list_line h1,.list_line h2,.list_line h3,.list_line h4,.list_line h5{
	width:100%;
	line-height:1.33;
}
.list_line p{
	margin-left:-5px;
}
.list_line .list_date,
.list_line .list_cat{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
}
.list_line a.ya_tri,.list_line a.ya_sen,.list_line a.ya_maru{align-items:center;}
.list_line a::before{order:100;margin-left:auto;margin-right:0.5em;}
.list_line a.ya_mae::before{order:-1;margin-left:0;margin-right:-0.3em;}
@media print, screen and (min-width: 961px) {/*PC指定*/
	.list_line .list_cat{width:100px;height:30px;border-radius:5px;border:1px solid;}
}
@media screen and (max-width: 960px) {/*スマホ指定*/
	.list_line a{gap:10px;}
	.list_line div{flex-wrap:wrap;gap:0.1em 10px;}
	.list_line p,.list_line h1,.list_line h2,.list_line h3,.list_line h4,.list_line h5{margin-top:auto;order:-1;}
	.list_line time,.list_line span{margin-bottom:auto;}
	.list_line a.ya_mae::before{margin-right:0;}
}
/*-------------------------list_line + sp_type*/
.list_line.sp_type div{flex-wrap:wrap;}
.list_line.sp_type p,.list_line.sp_type h1,.list_line.sp_type h2,.list_line.sp_type h3,.list_line.sp_type h4,.list_line.sp_type h5{margin-top:auto;order:-1;}
.list_line.sp_type time,.list_line.sp_type span{margin-bottom:auto;}
.list_line.sp_type .list_cat{width:auto;height:auto;border:none;}
.list_line.sp_type .list_cat{width:auto;}
/*-------------------------list_box*/
.list_box{
	border:1px solid #CCC;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	display:flex;
}
.list_box a{
	width:100%;
	display:flex;
	flex-direction:column;
}
.list_box a:hover{
	background:rgba(0,0,0,0.05);
}
.list_box figure{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	flex-shrink:0;
	width:100%;
}
.list_box img{
	width:100%;height:100%;object-fit:cover;
}
.list_box div{
	width:100%;
	padding:20px;
	margin-bottom:auto;
}

@media screen and (max-width: 767px) {
	.list_box div{padding:10px;}
}
.list_box p,.list_box h1,.list_box h2,.list_box h3,.list_box h4,.list_box h5{
	width:100%;
	text-align:justify;
	word-break:break-all;
}
.list_box h1,.list_box h2,.list_box h3,.list_box h4,.list_box h5{
	font-size:2.2rem;
	font-weight: bold;
	margin-bottom:0.1em;
}

@media screen and (max-width: 767px) {
	.list_box h1,.list_box h2,.list_box h3,.list_box h4,.list_box h5{font-size:1.7rem;}
	.list_box p{font-size:1.4rem;}
}


/*-------------------------list_box + sp_sideimg*/
@media screen and (max-width: 767px) {
.sp_sideimg a{
	flex-direction:row;
	align-items:center;
}
.sp_sideimg div{
	margin:0;
}
.sp_sideimg figure{
	max-width:40%;
}
}
/*-------------------------list_tag*/
.list_tag{
	display:flex;
	flex-wrap:wrap;
	font-size:1.2rem;
	gap:0.6em 0.3em;
}
.list_tag span,
.list_tag a{
	display:block;
	padding:0.3em 0.6em;
	color:#848484;
	font-weight:bold;
	border:1px solid #D9D9D9;
	background:rgba(0,0,0,0.05);
	border-radius:5px;
}
.list_tag a:hover{
	background:rgba(0,0,0,0.1);
}

/*effect
-----------------------------------------------------------------------------------------*/
/*-------------------------kage_k*/
.kage_k{
	position:relative;
	outline:1px solid rgba(255,255,255,0.3);
	box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}
.kage_k:hover,
a:hover .kage_k{
	top:1px;
	outline:1px solid rgba(0,0,0,0.05);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}
/*-------------------------kage_w*/
.kage_w{
	position:relative;
	box-shadow: 2px 2px 10px #FFFFFF;
}
.kage_w:hover,
a:hover .kage_w{
	top:1px;
	box-shadow:1px 1px 3px #FFFFFF;
}
/*-------------------------fuwa（拡大したり縮小したり）*/
.fuwa{animation:fuwa 2s infinite}
@keyframes fuwa{0%,100%{transform:scale(120%);}50%{transform:scale(100%);}}

/*-------------------------yura（右に傾き左に傾き）*/
.yura{animation:yura 2s infinite}
@keyframes yura{0%,100%{transform:rotate(5deg);}50%{transform:rotate(-5deg);}}

/*-------------------------types_nav*/
.types_nav{
	position:relative;
	margin-top:50px;
	padding:20px;
	border-radius:10px;
	display:grid;
	grid-template-columns: repeat(3 , 1fr);
	gap:10px;
}
.types_nav,
.types_nav::before{
	background:var(--color_6);
}
.types_nav a{
	display:block;
	background:#FFF;
	padding:10px 15px;
	color:#000;
	border-radius:5px;
	font-weight:500;
}
.types_nav a.current,
.types_nav a:hover{
	background:var(--color_1);
	color:#fff;
}
@media screen and (max-width: 767px) {
	.types_nav{margin:0 -20px;border-radius:0;grid-template-columns: repeat(1 , 1fr);gap:5px;}
	.types_nav::before{content:"";position:absolute;width:100vw;height:100%;top:0;left: 50%;transform: translateX(-50%);z-index:-1;}
}

/*--------------------------------------------------------------------------------------------------------------------------------------------フォームだけパディングなしにする*/
@media screen and (max-width: 767px) {
	.frame .form_area {
		padding: 20px 0;
		margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);
	}
}
/*--------------------------------------------------------------------------------------------------------------------------------------------記事の調整*/
.single h2:first-of-type {
	margin-top: 0; /* 最初のh2だけ上マージンなし */
}
@media screen and (max-width: 767px) {
	.single h2:first-of-type {margin-top:25px;}
}


/*-------------------------deco_none*/
.deco_none,
.deco_none a,
.tx .deco_none{
	text-decoration:none;
}

/*-------------------------map*/
#info .map{
	width:100%;
	height:600px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin-top:40px;
}
#info .map iframe{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
@media screen and (max-width: 739px) {
	#info .access{padding:30px 0 0 0;}
	#info .map{height:400px;margin-top:20px;}
}

/*--------------------------------------------------------------------------------------------------------------------------------------------tab*/

/* 基本 */
.tab_btn{ cursor:pointer; }
.tab_area{ display:none; }
.tab_area.open{ display:block; }

/* タブ見出し（PC共通） */
.tab_list {
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
	border-bottom: 2px solid #ddd;
	padding: 0 2px;
	overflow-x: auto;
	white-space: nowrap;
}

.tab_btn {
	padding: 10px 30px;
	cursor: pointer;
	background: #f6f6f6;
	color: #666;
	border: 1px solid #ddd;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	transition: background .2s, color .2s;
}
.tab_btn:hover { background: #eef7f2; }

.tab_btn.open {
	background: #fff;
	color: #007e4e;
	font-weight: 700;
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 2;
}

/* コンテンツ枠（PC） */
.tab_area {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0 10px 10px 10px;
	overflow: hidden;
	padding: 50px;
}

/* テキスト用（PC） */
.tab_body {
	padding: 0;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------smartphone*/
@media (max-width: 767px){

	/* タブボタンはPCと同じ */

	.tab_list {
		margin-bottom: 10px;
	}

	/*--- コンテンツ（スマホ） ---*/
	.tab_area {
		background: #fff;

		/* 枠は上下のみ */
		border-top: 1px solid #ddd;
		border-left: none;
		border-right: none;
		border-bottom: none;
		border-radius: 0;

		/* 左右パディングなし、上下は必要 */
		padding: 20px 0;
	}

	/* テキストタブの中身だけ白カードにしたい時（任意） */
	.tab_area .tab_body {
		padding: 12px 0; /* ← 上下のみ余白 */
	}

	/* 画像フル幅 */
	.tab_area img,
	.tab_area picture,
	.tab_area svg,
	.tab_area iframe {
		width: 100%;
		height: auto;
		display: block;
	}
	.tab_btn {
		padding: 10px 25px;
	}
}


/*--------------------------------------------------------------------------------------------------------------------------------------------list*/
.listspace li + li {
  margin-top: 0.5em;
}

/* newアイコン調整 */
.list_line .new {
	background: #CC0000;
	color: #FFF;
	display: inline-flex;
	justify-content: center;
	align-items: center;

	border-radius: 100%;     /* 丸 */
	padding: 0.5em;

	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;

	transform: rotate(6deg); /* 斜め */
	position: relative;      /* 絶対配置をやめる（右端に出ない） */
}
@media (max-width: 767px){
	.list_line .new {
		font-size:0.8rem;
		top:5px;
		margin-left:-5px;
	}
}

/*--------------------------------------------------------------------------------------------------引用のデザイン */
blockquote {
    border-left: 4px solid #999;
    padding: 15px 20px;
    margin: 20px 0;
    background: #f7f7f7;
}

/*--------------------------------------------------------------------------------------------------list調整 */
.mainarea .single ul > li{
	margin-left: 1.5em;
	line-height: 1.7;
}

/* 2つ目以降の li だけ上に余白をつける */
.mainarea .single ul > li + li{
	margin-top: 0.5em; /* お好みで 0.5em〜1em くらい */
}

.mainarea .single ul > li:before{ 
	display:inline-block; 
	content:'';
	width:0.75em;
	height:0.75em;
	background:rgba(0,0,0,0.3);
	border-radius:50%;
	margin-left:-1.1em;
	margin-right:0.35em;
}
/*--------------------------------------------------------------------------------------------------Italic見た目 */
.single em {
    font-style: italic;
	color:inherit;
}
/* ビジュアルエディタ内 em 強制 */
body#tinymce.wp-editor em,
.editor-styles-wrapper em {
    font-style: italic !important;
    color: inherit !important;
}
/*--------------------------------------------------------------------------------------------------hr */
.single hr {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 70px 0;
}
/* ビジュアルエディタ（クラシック）の hr を見えるようにする */
body#tinymce.wp-editor hr {
    border: none;
    border-top: 1px solid #ccc; /* 好きな色に */
    margin: 1.5em 0;
    height: 0;
}
/*--------------------------------------------------------------------------------------------------お知らせアイコン */
/* 全リンクの基本設定 */
.single a::before,
.single a .list_title::after {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin: -0.2em 0.2em 0 0.2em;
    background-size: cover !important;
}

/* 外部リンク（target="_blank"） */
.single a[target]:before,
.single a[target] .list_title::after {
    content: "";
    background: url(images/icon_blank.svg);
}

/* PDF */
.single a[href$='.pdf']::before,
.single a[href$='.pdf'] .list_title::after {
    content: "";
    background: url(images/icon_pdf.svg);
}

/* Excel */
.single a[href$='.xls']::before,
.single a[href$='.xlsx']::before,
.single a[href$='.xls'] .list_title::after,
.single a[href$='.xlsx'] .list_title::after {
    content: "";
    background: url(images/icon_excel.svg);
}

/* Word */
.single a[href$='.docx']::before,
.single a[href$='.doc']::before,
.single a[href$='.docx'] .list_title::after,
.single a[href$='.doc'] .list_title::after {
    content: "";
    background: url(images/icon_word.svg);
}

/* PowerPoint */
.single a[href$='.pptx']::before,
.single a[href$='.ppt']::before,
.single a[href$='.pptx'] .list_title::after,
.single a[href$='.ppt'] .list_title::after {
    content: "";
    background: url(images/icon_ppt.svg);
}

/* ▼▼ ビジュアルエディタ用：基本スタイル ▼▼ */
body#tinymce.wp-editor a{
	text-decoration: underline;
	color: #0052B5;
}
body#tinymce.wp-editor a::before,
body#tinymce.wp-editor a .list_title::after {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin: -0.2em 0.2em 0 0.2em;
    background-size: cover !important;
}

/* 外部リンク（target="_blank"） */
body#tinymce.wp-editor a[target]:before,
body#tinymce.wp-editor a[target] .list_title::after {
    content: "";
    background: url(images/icon_blank.svg);
}

/* PDF */
body#tinymce.wp-editor a[href$='.pdf']::before,
body#tinymce.wp-editor a[href$='.pdf'] .list_title::after {
    content: "";
    background: url(images/icon_pdf.svg);
}

/* Excel */
body#tinymce.wp-editor a[href$='.xls']::before,
body#tinymce.wp-editor a[href$='.xlsx']::before,
body#tinymce.wp-editor a[href$='.xls'] .list_title::after,
body#tinymce.wp-editor a[href$='.xlsx'] .list_title::after {
    content: "";
    background: url(images/icon_excel.svg);
}

/* Word */
body#tinymce.wp-editor a[href$='.docx']::before,
body#tinymce.wp-editor a[href$='.doc']::before,
body#tinymce.wp-editor a[href$='.docx'] .list_title::after,
body#tinymce.wp-editor a[href$='.doc'] .list_title::after {
    content: "";
    background: url(images/icon_word.svg);
}

/* PowerPoint */
body#tinymce.wp-editor a[href$='.pptx']::before,
body#tinymce.wp-editor a[href$='.ppt']::before,
body#tinymce.wp-editor a[href$='.pptx'] .list_title::after,
body#tinymce.wp-editor a[href$='.ppt'] .list_title::after {
    content: "";
    background: url(images/icon_ppt.svg);
}

/*--------------------------------------------------------------------------------------------------ぱんくず */
.path a {
	color:#0038AD;
}