@charset "utf-8";

/*
Theme Name: monogatari
Description: monogatari Original theme.
Theme URI: https://saitasaita.co.jp/
Author: Saita corp.
Author URI: https://saitasaita.co.jp/
Description: Original Wordpress theme for monogatari.
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho&display=swap');

/*
font-family: "Zen Maru Gothic", sans-serif;
font-family: "Oswald", sans-serif; 200-700
font-family: "Figtree", sans-serif; 300-900
font-family: "Zen Old Mincho", serif; 400
font-family: "Noto Sans JP", sans-serif; 100-900
*/

li { list-style: none;}
img { border: 0; -webkit-backface-visibility: hidden; width: 100%;image-rendering: -webkit-optimize-contrast;height: auto;}
a {color: #000; outline: none; text-decoration: none;}
h1, h2, h3, h4, p,figure { margin: 0; padding: 0;}
ul { margin: 0; padding: 0;}
html { height:100%;	overflow-y: scroll;}
.orik { display: inline-block;}
.clearfix:after { content: ""; clear: both; display: block;}

body {
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 180%;
  font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
	position: relative;
	max-width: 100%;
}
body.top {background-color: rgba(200,230,241,0.5);}

/*----------------loading------------------*/
#white {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 1000000;
  position: fixed;
  left: 0;
  top: 0;
}
#cover {
	width: 100vw;
	height: 100vh;
	z-index: 1;
	position: relative;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#cover img.main {
position: absolute;  
left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;z-index: 0;
animation: zoom-in-out 14s infinite ease-in-out;
}
#cover .fil {
position: absolute;  
left: 0; top: 0; width: 100%; height: 100%;
z-index: 0;
background: rgba(0,0,0,0);
}
#cover img.mk {
	display: block;
	position: absolute;
	z-index: 2;
	width: 230px;
	height: auto;
	left: calc(50% - 115px);
	top: calc(50% - 200px);
}
#cover p {
	position: absolute;
	text-align: center;
	left: calc(50% - 100px);
	top: calc(50% - 200px);
	color: #fff;
	z-index: 2;
	font-family: "Zen Old Mincho", serif;
	font-size: 30px;
	writing-mode: vertical-rl;
	line-height: 220%;
	padding-bottom: 100px;
}
@keyframes zoom-in-out {
  0% {transform: scale(1.2);}
  100% {transform: scale(1);}
}

#cover.is-active { display: none;}


span {display: inline-block;}
/*----LUXYプリンタ対応----*/
#luxy {position: fixed !important;}	
@media print {#luxy {position: static !important;}}

/*----Ios初期化-----*/
input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
}

/*----tel イベント-------------*/
a.tel { cursor: default; pointer-events: none; text-decoration: none;}
@media screen and (max-width: 855px) {
  a.tel { pointer-events: auto;}
}

/*-----------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.header {
  	width: 100%;
	height: 200px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	padding: 0 40px 0 66px;	
	z-index: 2;
}

/*--段組み---*/
.header .left {
  	float: left;
	margin: 40px 0 0 0;
  	padding: 0;
  	width: 410px;
	position: relative;
}
.header .right {
  float: right;
  width: calc(100% - 410px - 30px);
	text-align: right;
}

/*--left---*/
.header .left a {display: block;}
.header .left img {width: 100%; max-width: 380px;height: auto;}
.header .left h1,
.header .left h4 {
	position: absolute;
	bottom: 5px;
	right: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 15px;
}

/*--right---*/
.header .right .upper {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 20px 60px 0 0;
}

.header .right .upper a.btn1,
.header .right .upper a.btn2 {
	display: block;
	color: #fff;
	padding: 10px 25px;
	border-radius: 7px;
	margin-right: 8px;
	background-color: #0e7d84;
	transition: 0.5s;
}

.header .right .upper a.btn1:hover {background-color: #30a3aa;}
.header .right .upper a.btn2 {background-color: #0e5684;}
.header .right .upper a.btn2:hover {background-color: #2380bc;}

/*--電話---*/
.header .right .upper .telarea {
	padding: 0;
	text-align: center;
	font-size: 22px;
	margin-left: 40px;
	position: relative;
	line-height: 100%;
}

.header .right .upper .telarea a {display: block;}
.header .right .upper .telarea img {
	width: 25px; 
	height: auto;
	position: absolute;
	left: -28px;
	top: 0px;
}
.header .right .upper .telarea span {
	display: block;
	font-size: 14px;	
	margin-top: 2px;
}

/*---gmenu-----*/
.header .right .gmenu {
	width: auto;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end; 
	margin: 28px 0 0 0;
}

.header .right .gmenu a {
	padding: 12px 25px;
	display: block;
	position: relative;
	transition: 0.5s;
	border-bottom: 3px solid #add2e1;
	font-size: 17px;
}

.header .right .gmenu a span {
	position: absolute;
	border-bottom: 3px solid #507bbe;
	left: 0;
	bottom: -3px;
	width: 0;
	border-radius: 10px;
	transition: 0.5s;
}
.header .right .gmenu a:hover span {width: 100%;}

header .right .gmenu a.current span {
	position: absolute;
	border-bottom: 3px solid #507bbe;
	left: 0;
	bottom: -3px;
	width: 100%;
	border-radius: 10px;
	transition: 0.5s;
}

@media screen and (max-width: 1267px) {.header .right .gmenu a {padding: 12px 15px;}}

@media screen and (max-width: 1160px) {
	.header .right .gmenu a {padding: 12px 15px; font-size: 16px;}
	.header {height: 180px;}
/*--段組み---*/
.header .left {margin: 20px 0 0 0; 	width: 350px;}
.header .right { width: calc(100% - 350px - 30px);}
	
.header .left h1,
.header .left h4 {position: static;}
}
@media screen and (max-width: 1070px) {
.header .right .upper a.btn1,
.header .right .upper a.btn2 {
	padding: 5px 15px;
}
.header .right .gmenu a {padding: 10px 13px; font-size: 16px;}
}

@media screen and (max-width: 1030px) {
.header {
	padding-left: 30px;	
}
/*--段組み---*/
.header .left {	width: 300px;}
.header .right { width: calc(100% - 300px - 30px);}
.header .right .gmenu {margin: 20px 0 0 0;}
}

@media screen and (max-width: 965px) {.header .right .gmenu {display: none;}}
.header {height: auto; padding-bottom: 20px;}
@media screen and (max-width: 950px) {
.header .right .upper a.btn1,
.header .right .upper a.btn2 {display: none;}
}
@media screen and (max-width: 596px) {

.header .right {display: none;}
}
@media screen and (max-width: 428px) {.header .left {	width: calc(100% - 70px);}}


/*-----------------------------------------------------
フッタ
--------------------------------------------------------*/
.footer {
  	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 40px 60px;	
	background-color: #f3f3f3;
	position: relative;
	z-index: 3;
}

.footer .left {
  	float: left;
  	width: 380px;
}
.footer .left a {display: block;}
.footer .left img {width: 237px;height: auto; max-width: 65%;}
.footer .left h4 {
	font-size: 13px;
	font-weight: 400;
	margin: 5px 0 0 0;
	line-height: 140%;
}

.footer img.bird1,
.footer img.bird2,
.footer img.bird3 {
	position: absolute;
	max-width: 50%;
	width: 540px;
	right: 0px;
	top: -130px;
	z-index: 0;
}

.cpr {
	width: 100%;
	clear: both;
	padding: 20px 60px;
	background-color: #f3f3f3;
	font-size: 14px;
	box-sizing: border-box;
}

@media screen and (max-width: 1130px) {
.footer {padding: 30px 30px;}
.cpr {padding: 20px 30px;}
.footer img.bird1,
.footer img.bird2,
.footer img.bird3 {
	top: -10vw;
}
}
@media screen and (max-width: 535px) {
.footer img.bird1,
.footer img.bird2,
.footer img.bird3 {
	max-width: inherit;
	width: 70%;
	right: -30%;
	top: -10vw;
}
}
@media screen and (max-width: 440px) {
.footer img.bird1,
.footer img.bird2,
.footer img.bird3 {
	max-width: inherit;
	width: 70%;
	right: -30%;
	top: 0;
}
}


/*--------------------------------------------------------
トップ最上段
----------------------------------------------------------*/
#slide_top {padding: 0 30px; margin: 0 0 30px 0;position: relative;
z-index: 20;}
#slide_top .slick-list {padding: 0 !important;}
#slide_top .slick-slide {padding: 10px;}
#slide_top .slick-list img {
	height: 16vw;
  	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
#slide_top .slick-list p {
	font-size: 15px;
	margin: 5px 0 0 0;
	line-height: 140%;
}
@media screen and (max-width: 1000px) {	
#slide_top .slick-list img {height: 30vw;}
}
@media screen and (max-width: 600px) {	
#slide_top .slick-list img {height: 36vw;}
#slide_top .slick-list p {font-size: 13px;}
}
@media screen and (max-width: 500px) {	
#slide_top {padding: 0 10px;}
}


/*--------------------------------------------------------
トップページ
----------------------------------------------------------*/
#mainv {position: relative;	padding: 0 38px;}
#mainv .inner {
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}
#mainv .inner .box {width: 412px;padding: 0 60px 0 90px;box-sizing: border-box;
}
#mainv .inner .box h2 {
	font-size: 27px;
	line-height: 200%;
	margin: 0 0 30px 0;
	letter-spacing: 2px;
}

a.topbtn {
	background-color: #022135;
	border-radius: 50px;
	color: #fff;
	font-size: 17px;
	padding: 15px 40px 15px 25px;
	position: relative;
	transition: 0.5s;
	white-space: nowrap;
}
a.topbtn.lb {background-color: #1879b7;}
a.topbtn:hover {background-color: #0e5684;}

a.topbtn::after {
	content: "→";
	position: absolute;
	right: 20px;
	top: 10px;
	font-family: "Noto Sans JP", sans-serif;
	color: #fff;
	font-size: 18px;
	transition: 0.5s;
}
a.topbtn:hover::after {right: 15px;}

a.topbtn_fl {
	font-size: 13px;
	padding: 0px 40px 5px 3px;
	position: relative;
	border-bottom: 1px dotted #333;
}

a.topbtn_fl::after {
	content: "→";
	position: absolute;
	right: 0px;
	top: -8px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 15px;
	transition: 0.5s;
}
a.topbtn_fl:hover::after {right: 10px;}


#slide03 {width: calc(100% - 412px);}
#slide03 .slick-list {padding: 0 !important;}
#slide03 .slick-slide {padding: 0;}
#slide03 .slick-list img.main {
	height: auto;
  	width: 100%;
	object-fit: cover;
	border-radius: 26px;
	position: relative;
	z-index: 1;
}
#slide03 .slick-list img.yt {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 238px;
	max-width: 30%;
	height: auto;
	background-color: #e3f2f8;
	padding: 20px 10px 20px 20px;
	border-radius: 20px 0 0 0;
}
@media screen and (max-width: 1190px) {
#mainv .inner .box {width: 342px;padding: 0 20px 0 60px;}
#slide03 {width: calc(100% - 342px);}
}
@media screen and (max-width: 1050px) {
#mainv .inner .box {width: 290px;padding: 0 10px 0 50px;}
#slide03 {width: calc(100% - 290px);}
#mainv .inner .box h2 {	font-size: 24px;line-height: 180%;}
a.topbtn {padding: 10px 60px 10px 20px;}
a.topbtn::after {top: 5px;}
}
@media screen and (max-width: 860px) {
#mainv {position: relative;	padding: 0 25px;}
#mainv .inner {display: block;}
#slide03 {width: 100%;}
#mainv .inner .box {
	width: 100%;
	padding: 50px 0 0 0;
	text-align: center;
}
}
@media screen and (max-width: 600px) {
#mainv {padding: 0;}
#slide03 .slick-list img.yt {padding: 10px 10px 5px 15px;border-radius: 15px 0 0 0;}
#slide03 .slick-list img.main {border-radius: 0px;}
}
@media screen and (max-width: 500px) {
#mainv .inner .box h2 {	font-size: 22px;}	
}

/*--装飾------------------------------------*/
#mainv img.road {
	width: 440px;
	height: auto;
	position: absolute;
	top: 120px;
	right: 0;
	z-index: 0;
}
@media screen and (max-width: 1200px) {
#mainv img.road {width: 440px;top: 50px;}
}
@media screen and (max-width: 860px) {
#mainv img.road {width: 50%;top: -130px;}
}
@media screen and (max-width: 450px) {
#mainv img.road {width: 70%;top: -130px;}
}

/*--草------*/
#mainv img.kusa {
	position: absolute;
	width: 130px;
	right: 250px;
	top: 450px;
	z-index: 0;
}
@media screen and (max-width: 1300px) {
#mainv img.kusa {top: 350px;}
}
@media screen and (max-width: 1050px) {
#mainv img.kusa {top: 290px;right: 190px;}
}
@media screen and (max-width: 850px) {
#mainv img.kusa {display: none;}
}

/*--右上の鳥---*/
#mainv img.bird1,
#mainv img.bird2,
#mainv img.bird3 {
	position: absolute;
	width: 571px;
	right: 0px;
	top: -80px;
	z-index: 0;
}
@media screen and (max-width: 1200px) {
#mainv img.bird1,#mainv img.bird2,#mainv img.bird3 {width: 470px;	top: -70px;}
}
@media screen and (max-width: 965px) {
#mainv img.bird1,#mainv img.bird2,#mainv img.bird3 {width: 470px;	top: -150px;}	
}
@media screen and (max-width: 625px) {
#mainv img.bird1,#mainv img.bird2,#mainv img.bird3 {width: 60%;top: -150px;}	
}
@media screen and (max-width: 540px) {
#mainv img.bird1,#mainv img.bird2,#mainv img.bird3 {width: 60%;top: -50px;right: -10%;}	
}
@media screen and (max-width: 625px) {
#mainv img.bird1,#mainv img.bird2,#mainv img.bird3 {display: none;}	
}

/*--左下の鳥---*/
#mainv img.bird11,
#mainv img.bird12,
#mainv img.bird13 {
	position: absolute;
	width: 571px;
	left: -50px;
	bottom: -320px;
	z-index: 0;
}
@media screen and (max-width: 1020px) {
#mainv img.bird11,
#mainv img.bird12,
#mainv img.bird13 {
	width: 50%;
	left: -20px;
}
}
@media screen and (max-width: 860px) {
#mainv img.bird11,
#mainv img.bird12,
#mainv img.bird13 {
	width: 50%;
	left: -20px;
	bottom: -30px;
}
}
@media screen and (max-width: 620px) {
#mainv img.bird11,
#mainv img.bird12,
#mainv img.bird13 {
	width: 60%;
	left: 0px;
	bottom: 20px;
}
}
@media screen and (max-width: 480px) {
#mainv img.bird11,
#mainv img.bird12,
#mainv img.bird13 {
	width: 100%;
	left: 0px;
	bottom: -170px;
}
}
/*--鳥の動き----*/
img.bird1,img.bird11 {animation: floating-y1 3s ease-in-out infinite alternate-reverse;}
img.bird2,img.bird12 {animation: floating-y2 2s ease-in-out infinite alternate-reverse;}
img.bird3,img.bird13 {animation: floating-y3 4s ease-in-out infinite alternate-reverse;}

.gr {animation: gr-fly 7s ease-in-out; animation-fill-mode: forwards;}

@keyframes floating-y1 {
0% { transform: translateY(40px); }
100% { transform: translateY(-40px); }
}
@keyframes floating-y2 {
0% { transform: translateY(-10px); }
100% { transform: translateY(30px); }
}
@keyframes floating-y3 {
0% { transform: translateY(-30px); }
100% { transform: translateY(30px); }
}

@keyframes gr-fly  {
0% {transform: translate(0, 0); /* 画面外へ移動 */}
100% {transform: translate(800px, -800px); /* 画面外へ移動 */}
}


/*-----病院全景部----------*/
.hos {
	max-width: 1177px;
	margin: 119px auto 0 auto;
	display: flex;
	align-items: center;
	padding: 0 30px;
	position: relative;
	z-index: 5;
}
.hos .left {
	width: 47%;
	padding: 0 60px 0 50px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.hos figure {width: 52%;}
.hos figure img {
	border: 10px solid #add2e1;
	border-radius: 18px 0 0 18px;
	box-sizing: border-box;
}
.hos .left h2,
.hos .left h1 {
	font-size: 32px;
	letter-spacing: 2px;
	margin: 0 0 15px 0;
}
.hos .left h3,
.hos .left h4 {
	font-size: 18px;
	margin: 0 0 30px 0;
	font-weight: 600;
}
.hos .left p {
	margin: 0 0 50px 0;
	font-size: 18px;
	line-height: 220%;
}
@media screen and (max-width: 1110px) {
.hos .left {padding: 0 20px 0 20px;}
}
@media screen and (max-width: 1110px) {
.hos .left h2,
.hos .left h1 {font-size: 24px;}
}
@media screen and (max-width: 954px) {
.hos .left p {
	margin: 0 0 40px 0;
	font-size: 16px;
	line-height: 180%;
}
}
@media screen and (max-width: 840px) {
.hos {
	margin: 50px auto 0 auto;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	padding: 0 30px;
}
.hos .left {
	width: 100%;
	padding: 40px 0 0 0;
	box-sizing: border-box;
	text-align: center;
}
.hos figure {width: 100%;}
}

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

@media screen and (max-width: 500px) {
.hos figure img {border: 5px solid #add2e1;}
.hos .left h2,
.hos .left h1 {
	margin: 0 0 10px 0;
}
}

/*---木----*/
.hos img.tree {
	position: absolute;
	right: -130px;
	top: -150px;
	width: 240px;
	height: auto;
	z-index: -1;
}
@media screen and (max-width: 1280px) {
.hos img.tree {	right: -80px;}
}
@media screen and (max-width: 860px) {
.hos img.tree {	right: -40px;top: -220px;}
}
@media screen and (max-width: 610px) {
.hos img.tree {	right: -20px;top: -180px;width: 180px;}
}
@media screen and (max-width: 495px) {
.hos img.tree {
	right: -20px;
	top: inherit;
	bottom: -120px;
	width: 180px;
}
}


/*--トップ弧の区切り---*/
.kgr_u {
background: #e3f2f8;
border-bottom-left-radius: 1000px 100px;
border-bottom-right-radius: 1000px 100px;
height: 200px;
margin-left: -50px;
margin-right: -50px;
padding-left: 50px;
padding-right: 50px;
position: relative;
z-index: 4;
top: -100px;
margin-bottom: -100px;
}
/*--トップ弧の区切り---*/
.kgr_mapu {
background: #0e5684;
border-bottom-left-radius: 1000px 100px;
border-bottom-right-radius: 1000px 100px;
height: 200px;
margin-left: -50px;
margin-right: -50px;
padding-left: 50px;
padding-right: 50px;
position: relative;
z-index: 2;
top: -100px;
margin-bottom: -100px;
}
/*--お知らせしたの区切り---*/
.kgr_newsu {
  background: #0e5684;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  height: 200px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
	position: relative;
	z-index: 1;
	top: -50px;
} 

/*----院内マップ-----------------------------------------------*/
.maparea {
	background-color: #0e5684;
	position: relative;
	top: -100px;
	z-index: 3;
	margin-bottom: -100px;
	text-align: center;
	color: #fff;
}
.maparea .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1080px;
	padding: 200px 20px 0 20px;
}
.maparea .inner img.mk {width: 80%;	max-width: 465px;}
.maparea .inner img.map {
	width: 100%;
	max-width: 760px;
	margin: 30px auto 0 auto;
	display: block;
}
.maparea .inner h3 {
	font-size: 19px;
	margin: 20px 0;
	letter-spacing: 1px;
}
.maparea .inner p.htxt {padding: 0 200px;}
.maparea .inner .box1 {
	position: absolute;
	left: 20px;
	top: 220px;
	width: 198px;
}
.maparea .inner .box2 {	position: absolute;	right: 20px;top: 220px;	width: 190px;}
.maparea .inner .box1 a,
.maparea .inner .box2 a {
	background-color: #022135;
	padding: 5px 15px;
	text-align: center;
	display: inline-block;
	color: #fff;
	border-radius: 50px;
}
@media screen and (max-width: 1016px) {
.maparea .inner p.htxt {padding: 0;}
.maparea .inner .box1 {
	position: static;
	display: inline-block;
	width: 198px;
	max-width: 50%;
}
.maparea .inner .box2 {
	position: static;
	display: inline-block;
	width: 190px;
	max-width: 48%;
}
.maparea .inner img.map {margin: 30px auto 20px auto;}
}
@media screen and (max-width: 612px) {
.maparea .inner {padding: 150px 20px 0 20px;}
}
@media screen and (max-width: 410px) {
.maparea .inner .box1 h4,
.maparea .inner .box2 h4,
.maparea .inner .box1 a,
.maparea .inner .box2 a {font-size: 14px;}
}

/*--背景----*/
.maparea img.mapb {	position: absolute;	left: 0;top: 150px;	width: 360px;}
@media screen and (max-width: 1484px) {
.maparea img.mapb {	top: 300px;	width: 360px;}
}
@media screen and (max-width: 1366px) {
.maparea img.mapb {	top: 420px;	width: 300px;}
}
@media screen and (max-width: 1114px) {
.maparea img.mapb {display: none;
}
}
/*--お知らせの木----*/
.maparea img.infoimg {position: absolute;right:20px ;bottom: -220px;width: 212px;}
@media screen and (max-width: 620px) {
.maparea img.infoimg {;bottom: -160px;width: 200px;}
}
@media screen and (max-width: 400px) {
.maparea img.infoimg {;bottom: -160px;width: 180px;}
}

/*-施設エントリー--*/

#slide04 {margin: 30px 0 0 30px; width: calc(100% - 30px);}
#slide04 .slick-slide {
	margin-right: 30px;
}

#slide04 .slider-item {
	background-color: #fff;
	border-radius: 9px;
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
}
#slide04 .slider-item a figure {
	height: 16vw;
	max-height: 224px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#slide04 .slider-item a figure img {
	height: 100%;
  	width: 100%;
	object-fit: cover;
	transition: 0.5s;
}
#slide04 .slider-item a:hover figure img {transform: scale(1.1);}

#slide04 .slider-item h3 {
	font-size: 17px;
	line-height: 160%;
	margin: 5px 0;
}

#slide04 .slider-item h3.clinic {color: #2568a7;}
#slide04 .slider-item h3.mach {color: #0e7d84;}
#slide04 .slider-item h3.other-facility {color: #dc62b8;}

#slide04 .slider-item .txt {
	padding: 10px 25px; 
	text-align: left;
}

#slide04 .slider-item .txt p {
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
}

#slide04 .slider-item .txt p.dt {
	position: absolute;
	font-size: 13px;
	font-weight: 400;
	right: 25px;
	bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;
}

#slide04 .slider-item .txt p.dt span {
font-family: "Noto Sans JP", sans-serif;
	margin-left: 5px;
	display: inline-block;
}

.ribbon14 { display: inline-block;  position: absolute;
  top: 0;  left: 15px;  margin: 0;  padding: 10px 0;  z-index: 2;
  width: 40px;  text-align: center;  font-size: 17px;  color: white;
  background: #ff785b;
}

.ribbon14:after {  content: '';  position: absolute;  left: 0;
  top: 100%;  height: 0;  width: 0;border-bottom: 10px solid transparent;
  border-left: 20px solid #ff785b;
  border-right: 20px solid #ff785b;
}
.ribbon14.clinic {background: #2568a7;}
.ribbon14.mach {background: #0e7d84;}
.ribbon14.other-facility {background: #dc62b8;}

.ribbon14.clinic:after {border-left: 20px solid #2568a7;border-right: 20px solid #2568a7;}
.ribbon14.mach:after {border-left: 20px solid #0e7d84;border-right: 20px solid #0e7d84;}
.ribbon14.other-facility:after {border-left: 20px solid #dc62b8;border-right: 20px solid #dc62b8;}

@media screen and (max-width: 1340px) {
#slide04 .slider-item a figure {height: 20vw;max-height: inherit;}
}
@media screen and (max-width: 1035px) {
#slide04 .slider-item a figure {height: 25vw;}
}
@media screen and (max-width: 1000px) {
#slide04 .slick-list {padding: 0 0 0 20px !important;}
}
@media screen and (max-width: 732px) {
#slide04 .slider-item a figure {height: 40vw;}
#slide04 .slider-item h3 br {display: none;}
}
@media screen and (max-width: 500px) {
#slide04 {margin: 30px 0 0 0px; width: calc(100% - 0px);}
#slide04 .slick-slide {
	margin-right: 20px;
}
}

/*---お知らせエリア---*/

.ctr {text-align: center;}

/*---イベントエリア----*/

.top_event {
	background-color: #0e5684;
	position: relative;
	top: -200px;
	margin-bottom: -200px;
	z-index: 2;
	padding-bottom: 60px;
}
.top_event h3 {
	font-size: 30px;
	letter-spacing: 2px;
	text-indent: -2px;
	margin: 50px 0;
	color: #fff;
	text-align: center;
}
.top_event .inner {
	max-width: 1287px;
	padding: 0 35px;
	display: flex;
	column-gap: 35px;
	flex-wrap: wrap;
	margin: 0 auto;
}
.top_event .inner .box {
	width: calc((100% - 35px)/2);
	border-radius: 9px;
	margin: 0 0 30px 0;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}
.top_event .inner .box a {display: block;padding: 24px;}
.top_event .inner .box a .txt {padding: 0 0 0 10px;}
.top_event .inner .box a .txt.ari {	padding-right: calc(35% + 30px)}
.top_event .inner .box a figure {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 35%;
	height: calc(100% - 48px);
	overflow: hidden;
	float: right;
}
.top_event .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.top_event .inner .box a:hover figure img {transform: scale(1.1);}
.top_event .inner .box h5 {
	color: #0e5684;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.top_event .inner .box p {font-size: 15px;margin: 0 0 10px 0;line-height: 160%;}
.top_event .inner .box p span.red {
	font-weight: 600;
	color: #b73a3a;display: block;
	margin: 5px 0 0 0;
}
.top_event .inner .box .icon {letter-spacing: -0.4em;}
.top_event .inner .box .icon p {
	display: inline-block;
	font-size:14px;
	border: 1px solid #717171;
	border-radius: 5px;
	margin-right: 3px;
	letter-spacing: normal;
	padding: 0 5px;
	margin-bottom: 3px;
}
.top_event .inner .box .icon p.bl {
	border: 1px solid #1879b7;
	background-color: #1879b7;
	color: #fff;
	font-weight: 500;
	margin-bottom: 3px;
}
.top_event nav {display: none;}
.top_event p.nav-open {
	max-width: 1287px;
	padding: 5px 0 ;
	margin: 0 auto 30px auto;
	background-color: #1879b7;
	color: #fff;
	text-align: center;
	border-radius: 9px;
	width: calc(100% - 35px - 35px);
	cursor: pointer;
	transition: 0.5s;
}
.top_event p.nav-open:hover {background-color: #13364c;}
@media screen and (max-width: 1140px) {
.top_event .inner {justify-content: center;}
.top_event .inner .box {
	width: 100%;
	margin: 0 0 32px 0;
	max-width: 600px;
}
}
@media screen and (max-width: 530px) {
.top_event {padding-bottom: 30px;}
.top_event .inner .box a .txt {padding: 0;}
.top_event .inner .box a .txt.ari {padding-right: 0;}
.top_event .inner .box a figure {
	position: static;
	right: 24px;
	top: 24px;
	width: 100%;
	height: 50vw;
	float: none;
	margin: 0 0 15px 0;
}
}
@media screen and (max-width: 440px) {
.top_event .inner {padding: 0 20px;}
.top_event p.nav-open {width: calc(100% - 40px);}
.top_event .inner .box {margin: 0 0 20px 0;}
}
/*----装飾----*/
.top_event img.tree,
.top_event img.kusa {position: absolute;left: 50px;top: -210px;width: 230px;}
.top_event img.kusa {width: 150px; top: 10px;}
@media screen and (max-width: 736px) {
.top_event img.tree,
.top_event img.kusa {position: absolute;left: 20px;top: -160px;width: 200px;}
.top_event img.kusa {width: 100px; top: 10px;}	
}
@media screen and (max-width: 510px) {
.top_event img.tree,
.top_event img.kusa {position: absolute;left: -10px;top: -160px;width: 200px;}
.top_event img.kusa {width: 100px; top: 10px; left: 5px}	
}
@media screen and (max-width: 444px) {
.top_event img.tree {left: -30px;}
.top_event img.kusa {width: 90px;}	
}


/*---ブログエントリー---*/

.top_blog {background-color: #fff;padding: 50px 30px;}

.topbttl {
	max-width: 1280px;
	margin: 0 auto;
	letter-spacing: -0.4em;
	margin-bottom: 40px;
}

.topbttl h3 {font-size: 24px;margin-right: 20px;}
.topbttl h3,
.topbttl p {display: inline-block; letter-spacing: normal;}
.topbttl p.nml {width: 100%; margin: 10px 0 0 0;}

.top_blog .inner {
	max-width: 1280px;
	display: flex;
	margin: 0 auto;
	column-gap: 27px;
	flex-wrap: wrap;
}

.top_blog .inner .box {
	width: calc((100% - (27px * 5))/6);
	position: relative;
	padding-bottom: 30px;
}

.top_blog .inner .box figure {
	width: 100%;
	height: 146px;
	overflow: hidden;
}

.top_blog .inner .box figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top_blog .inner .box .txt {padding: 0 10px;}

.top_blog .inner .box p.dt {
	color: #687a2b;
	font-size: 14px;
	margin: 8px 0;
}
.top_blog .inner .box h5 {
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;
	margin: 0 0 10px 0;
}

.top_blog .inner .box p.ct {
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	margin: 0;
	border: 1px solid #717171;
	padding: 0 5px;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 1140px) {
.topbttl {max-width: 800px;}
.top_blog .inner {max-width: 800px;}
.top_blog .inner .box {
	width: calc((100% - (27px * 2))/3);
	margin-bottom: 30px;
}
}

/*--大きな図---*/
@media screen and (max-width: 680px) {
.top_blog .inner {max-width: 1280px;}
.top_blog {padding: 50px 0 50px 30px;}
.top_blog .inner .box {
	width: calc((100% - (27px * 5))/6);
	margin-bottom: 0px;
}
.slider-wrapper_t1 {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 1280px;
  margin: 0px auto 0px auto;
}
.slider-wrapper_t1 .slider_t1 {
  width: 1280px;
	flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}
.slider-wrapper_t1 .slider_t1 > * { -webkit-transform: translateZ(0px);}
.slider-wrapper_t1::-webkit-scrollbar { display: none;  height: 3px !important;}
}
@media screen and (max-width: 400px) {
.top_blog {padding: 50px 0 50px 20px;}
}

/*---ほっとなみカフェ(TOP)---*/

.hot-nami {background-color: #efefef;padding: 50px 30px;}
.hot-nami .inner {
	max-width: 1280px;
	display: flex;
	margin: 0 auto;
	column-gap: 27px;
	flex-wrap: wrap;
}
.hot-nami .inner .box,
.hot-nami .inner .boxw {
	position: relative;	
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 15px
}
.hot-nami .inner .boxw {width: 33%;}
.hot-nami .inner .box {width: calc((100% - 33% - (27px * 3))/3);}
.hot-nami .inner .box a figure {
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.hot-nami .inner .box a figure img {width: 100%; height: 100%; object-fit: cover;transition: 0.5s;}
.hot-nami .inner .box a:hover figure img {transform: scale(1.1);}
.hot-nami .inner .box .txt {padding: 10px 20px;}
.hot-nami .inner .box .txt p.ttl {	color: #156090;	margin-bottom: 10px;}
.hot-nami .inner .box .txt p.nml {font-weight: 400;	line-height: 160%;}

/*--予告の枠---*/

.hot-nami .inner .boxw {padding: 58px 27px 20px 27px;}
.hot-nami .inner .boxw p.yokoku{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #b73a3a;
	color: #fff;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 0 0 7px 0;
}

.hot-nami .inner .boxw p {margin: 0 0 10px 0; line-height: 160%;}
.hot-nami .inner .boxw p.ttl {font-size: 18px;	font-weight: 600;}
.hot-nami .inner .boxw a p.btn {
	background-color: #1879b7;
	color: #fff;
	font-weight: 500;
	padding: 5px 10px;
	display: inline-block;
	margin: 0;
	border-radius: 7px;
	transition: 0.5s;
}
.hot-nami .inner .boxw a:hover p.btn {background-color: #1f4176;}

@media screen and (max-width: 1140px) {
.hot-nami .inner {max-width: 800px;}
.hot-nami .inner .boxw {width: 100%; margin-bottom: 20px;}
.hot-nami .inner .box {width: calc((100% - (27px * 2))/3);}	
}
@media screen and (max-width: 680px) {
.hot-nami .inner {max-width: 1280px;}
.hot-nami {padding: 50px 0 50px 30px;}
.hot-nami .inner .boxw {margin-bottom: 0;}
.hot-nami .inner .boxw,
.hot-nami .inner .box {width: calc((100% - (27px * 3))/4);}
}
@media screen and (max-width: 400px) {
.hot-nami {padding: 50px 0 50px 20px;}
}

/*-------佐藤先生ご紹介部----*/

.doc {background-color: #fff;padding: 50px 60px;}
.doc .inner {
	max-width: 1230px;
	display: flex;
	margin: 0 auto;
	column-gap: 53px;
}
.doc .inner .img {width: 32%;}
.doc .inner .txt {width: calc(100% - 32% - 23% - 53px - 53px);}
.doc .inner .links {width: 23%;}
.doc .inner .txt h3 {
	font-size: 24px;
	letter-spacing: 2px;
	text-indent: -2px;
	margin: 10px 0 20px 0;
}
.doc .inner .txt p {font-size: 15px;line-height: 200%;}
.doc .inner .links h6 {
	font-size: 15px;
	font-weight: 700;
	color: #1879b7;
	margin: 10px 0 10px 0;
}
.doc .inner .links a {
	display: block;
	border-bottom: 1px dashed #333;
	padding: 5px 5px 0 20px;
	position: relative;
	transition: 0.5s;
}
.doc .inner .links a::before {
	content: "▶";
	color: #1879b7;
	font-size: 7px;
	position: absolute;
	left: 0;
	top: 8px;
	transform: scale(1.4, 0.7);
}
.doc .inner .links a:hover {color: #1879b7; }

@media screen and (max-width: 1200px) {
.doc {padding: 50px 50px;}
.doc .inner {column-gap: 40px;}
}
@media screen and (max-width: 1130px) {
.doc {padding: 50px 30px;}
.doc .inner {column-gap: 30px;}
}
@media screen and (max-width: 1130px) {
.doc .inner {flex-wrap: wrap;}
.doc .inner .img {width: 40%;}
.doc .inner .txt {width: calc(60% - 30px);}
.doc .inner .links {width: 100%;}
}

@media screen and (max-width: 800px) {
.doc .inner {display: block;}
.doc .inner .img {width: 40%; float: right; margin: 0 0 5px 20px;}
.doc .inner .txt {width: 100%; margin-bottom: 20px;}
}
@media screen and (max-width: 550px) {
.doc {padding: 50px 30px;}
.doc .inner .txt h3 {
	font-size: 20px;
	letter-spacing: 0px;
	text-indent: 0px;
	margin: 0px 0 20px 0;
}
.doc .inner .txt p {line-height: 180%;}
}

/*--------------------------------------------------------
ハンバーガーメニュー
----------------------------------------------------------*/

/*----------ハンバーガー-----------*/
/*Media Queries*/

#nav-drawer {
  display: block;
  z-index: 100;
  width: 80px;
  height: 80px;
  position: fixed;
  top: 0;
  right: 0;
}
	
/*チェックボックス等は非表示に*/
#nav-drawer .nav-unshown {
  display: none;
}
/*アイコンのスペースハンバーガー*/
#nav-open {
  display: inline-block;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  line-height: 40px;
  position: fixed;
  padding: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 100;
	background-color: #000000;
/*	border-radius: 50%;*/
	transition: 0.5s;
	border-radius: 0 0 0 20px;
	font-size: 13px;
	text-align: center;
	color: #fff;
}

/*ハンバーガー*/
#nav-open:hover {background-color: #333;}
#nav-open span {
  display: block;
  transition: all .2s;
  box-sizing: border-box;
}
#nav-open span {
position: absolute;
width: 30px;
height: 1px;
border-bottom: 1px solid #fff;
background-color: transparent;
left:25px;
}
#nav-open span:nth-of-type(1) {top: 37px;}
#nav-open span:nth-of-type(2) {top: 46px;}
#nav-open span:nth-of-type(3) {top: 56px;}

#nav-input:checked ~ #nav-open span:nth-of-type(1) {
-webkit-transform: translateX(0px) translateY(8px) rotate(-45deg);
transform: translateX(0px) translateY(8px) rotate(-45deg);
border-bottom: 1px solid #fff;
}
#nav-input:checked ~ #nav-open span:nth-of-type(2) {display: none;}
#nav-input:checked ~ #nav-open span:nth-of-type(3) {
-webkit-transform: translateX(0px) translateY(-12px) rotate(45deg);
transform: translateX(0px) translateY(-12px) rotate(45deg);
border-bottom: 1px solid #fff;
}
#nav-input:checked ~ #nav-open {
background-color: #000;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 2;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.3);*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block; /*カバーを表示*/
}

#nav-input:checked ~ #nav-content {
  -webkit-animation: ham 1s;
  -o-animation: ham 1s;
  -ms-animation: ham 1s;
  -moz-animation: ham 1s;
}
@keyframes ham {
0% {transform: translateY(0); opacity: 0; filter: alpha(opacity=0);}
100% {transform: translateY(0); opacity: 1.0; filter: alpha(opacity=100);}
}

@media screen and (max-width: 650px) {

#nav-drawer {
/*  right: 20px;*/
}
}
/*------PC版・スマホ版共通　ハンバーガーの中身----------*/

/*中身*/
#nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/
height: 100%;
transition: 0.3s; /*滑らかに表示*/
box-sizing: border-box;
text-align: left;
background-color: #fff;
display: none;
z-index: -10; /*最背面に隠しておく*/
	padding: 80px 50px 50px 50px;
}

#nav-input:checked ~ #nav-content {
	display: block;
	z-index: 99;
}

#nav-content .inner {
	max-width: 1150px;
	margin: 0 auto;
}

#nav-content .inner .head {
	border-bottom: 3px solid rgba(58,66,83,0.35);
	letter-spacing: -0.4em;
}

#nav-content .inner .head .right {
	display: inline-block;
	width: 50%;
	vertical-align: bottom;
	padding-bottom: 15px;
}
#nav-content .inner .head figure {
	width: 50%;
	display: inline-block;
	vertical-align: bottom;
}
#nav-content .inner .head figure img {
	width: 100%;
	max-width: 380px;
}
#nav-content .inner .head .right a.btn1,
#nav-content .inner .head .right a.btn2 {
	letter-spacing: normal;
	width: calc(50% - 5px);
	display: inline-block;
	color: #fff;
	padding: 10px 25px;
	border-radius: 7px;
	margin-right: 5px;
	background-color: #0e7d84;
	transition: 0.5s;
	box-sizing: border-box;
}

#nav-content .inner .head .right a.btn1:hover {background-color: #30a3aa;}
#nav-content .inner .head .right a.btn2 {background-color: #0e5684;}
#nav-content .inner .head .right a.btn2:hover {background-color: #2380bc;}

/*--メニュー部---*/
#nav-content .menu {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	column-gap: 60px;
}

#nav-content .menu .box:nth-child(1) {width: 35%;}
#nav-content .menu .box:nth-child(2) {width: 35%;}
#nav-content .menu .box:nth-child(3) {width: calc(100% - 70% - 120px);}
#nav-content .menu .box h3 {font-size: 21px;font-weight: 700;}
#nav-content .menu .box h5 {font-size: 15px;color: #1879b7;	margin: 10px 0 0 0;}
#nav-content .menu .box p.mini {font-size: 13px;margin: 5px 0 20px 0;}
#nav-content .menu .box a {display: block;}
#nav-content .menu .box a.gbtn {
	background-color: #e7e6e6;
	border-radius: 7px;
	padding: 8px 20px;
	margin-bottom: 5px;
	transition: 0.5s;
}
#nav-content .menu .box a.gbtn:hover {background-color: #666;color: #fff;}
#nav-content .menu .box a.gbtn.lst {margin-bottom: 20px;}

/*--事業所ボタン--*/

#nav-content .menu .box a.fac {
	padding: 5px 15px;
	border-bottom: 1px dashed #8f8e8e;
	border-left: 7px solid #666;
	transition: 0.5s;
}
#nav-content .menu .box a.fac.clinic {border-left-color: #2568a7;}
#nav-content .menu .box a.fac.mach {border-left-color: #0e7d84;}
#nav-content .menu .box a.fac.other-facility {border-left-color: #dc62b8;}
#nav-content .menu .box a.fac.ikg {border-left-color: #333 !important;}
#nav-content .menu .box a.fac:hover {background-color: #E4E4E4;}

/*--お知らせボタン--*/
#nav-content .menu .box a.cbtn {
	background-color: #0e5684;
	color: #fff;
	border-radius: 7px;
	padding: 8px 20px;
	margin: 5px 0 5px 0;
	transition: 0.5s;
}
#nav-content .menu .box a.cbtn.ov {margin-top: 20px;}
#nav-content .menu .box a.cbtn:hover {background-color: #666;}


/*--ブログタームボタン--*/
#nav-content .menu .box a.bl {
	padding: 5px 15px 5px 25px;
	border-bottom: 1px dashed #8f8e8e;
	transition: 0.5s;
	position: relative;
}
#nav-content .menu .box a.bl::after {
	position: absolute;
	content: "▶";
	color: #0e5684;
	font-size: 7px;
	top: 5px;
	left: 3px;
	transform: scaleX(1.5);
}
#nav-content .menu .box a.bl:hover {background-color: #E4E4E4;}

/*--矢印ボタン--*/
#nav-content .menu .box a.yj {
	padding: 5px 15px 5px 45px;
	transition: 0.5s;
	position: relative;
}
#nav-content .menu .box a.yj::after {
	position: absolute;
	content: "▶";
	color: #0e5684;
	font-size: 7px;
	top: 5px;
	left: 20px;
	transform: scaleX(1.5);
}
#nav-content .menu .box a.yj:hover {padding: 5px 15px 5px 50px;color: #0e5684;}

/*--電話---*/
#nav-content .menu .box .telarea {
	padding: 10px;
	text-align: center;
	font-size: 22px;
	margin: 20px 0 0 0;
	position: relative;
	line-height: 100%;
	border: 1px solid #666;
	border-radius: 8px;
}

#nav-content .menu .box .telarea a {display: block;}
#nav-content .menu .box .telarea img {
	width: 22px; 
	height: auto;
	position: relative;
	top: 3px;
}
#nav-content .menu .box .telarea span {
	display: block;
	font-size: 14px;	
	margin-top: 2px;
}

@media screen and (max-width: 1210px) {
#nav-content .menu {padding: 30px 20px;	column-gap: 40px;}
#nav-content .menu .box:nth-child(3) {width: calc(100% - 70% - 80px);}
}

@media screen and (max-width: 1090px) {
#nav-content {padding: 80px 30px 50px 30px;}
#nav-content .menu {padding: 30px 20px;	display: block;	position: relative;}
#nav-content .menu .box:nth-child(1) {width: calc(100% - 250px - 30px);}
#nav-content .menu .box:nth-child(2) {width: calc(100% - 250px - 30px); padding-top: 40px;}
#nav-content .menu .box:nth-child(3) {
	width: 250px;
	position: absolute;
	right: 20px;
	top: 30px;
	}
}

@media screen and (max-width: 795px) {
#nav-content .inner .head .right {width: 100%;}
#nav-content .inner .head figure {width: 100%;}
#nav-content .inner .head figure img {width: 60%;margin-bottom: 10px;}	
#nav-content .menu {padding: 30px 0px;}
#nav-content .menu .box:nth-child(1) {width: calc(100% - 200px - 30px);}
#nav-content .menu .box:nth-child(2) {width: calc(100% - 200px - 30px); padding-top: 40px;}
#nav-content .menu .box:nth-child(3) {width: 200px;	right: 0;}
}

@media screen and (max-width: 630px) {
#nav-content .menu .box:nth-child(1) {width: 100%;}
#nav-content .menu .box:nth-child(2) {width: 100%; padding-top: 40px;}
#nav-content .menu .box:nth-child(3) {
	width: 100%;
	position: static;
	padding-top: 30px;
	}
}
@media screen and (max-width: 430px) {
#nav-content .inner .head .right a.btn1,
#nav-content .inner .head .right a.btn2 {width: auto;padding: 10px 15px;margin: 2px;}
#nav-content .menu .box a.fac {padding-right: 0;}
}

@media screen and (max-width: 357px) {
#nav-content .inner .head .right a.btn1,
#nav-content .inner .head .right a.btn2 {width: 100%;margin: 0 0 2px 0;}
}

/*--------------------------------------------------------
コンテンツ共通ヘッダ
----------------------------------------------------------*/
/*--文字だけ---*/
.ttl_txt {padding: 80px 20px 50px 20px; text-align: center;}
.ttl_txt h1,
.ttl_txt h2 {
	font-size: 30px;
	letter-spacing: 3px;
	text-indent: -3px;
}
.ttl_txt p {font-size: 17px;margin: 30px 0 0 0;}
/*--画像付き----*/
.ttl_img {
	width: 100%;
	height: 50vw;
	max-height: 469px;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.ttl_img.kon {background-color: #0e5684;}
.ttl_img .box {
	width: 30%;
	height: 100%;
	padding: 0 20px 0 5vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.ttl_img img {
	position: absolute;
	right: 0;
	top: 0;
	width: 70%;
	height: 100%;
	object-fit: cover;
}
.ttl_img .box h1 {font-size: 28px;	margin: 0 0 20px 0; line-height: 140%;}
.ttl_img.kon .box {background-color: #0e5684;color: #fff;}
.ttl_img .box p {margin: 0 0 10px 0;}

.ttl_img .box a.btn {
	background-color: #0e5684;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 50px;
	transition: 0.5s;
}
.ttl_img .box a.btn:hover {background-color: #333;}
.ttl_img .box a.ww {
	font-size: 15px;
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.6);
	color: #fff;
	margin: 0 0 20px 0;
	border-radius: 50px;
	padding: 5px 20px;
	transition: 0.5s;
	position: absolute;
	left: calc(5vw - 10px);
	top: 40px;
}
.ttl_img .box a.ww span {
	display: inline-block;
	margin-right: 5px;
	font-family: "Figtree", sans-serif;
}
.ttl_img .box a.ww:hover {background-color: rgba(255,255,255,0.3);}
@media screen and (max-width: 1120px) {
.ttl_img .box {	width: 35%;}
.ttl_img img {width: 65%;}	
}	

@media screen and (max-width: 920px) {
.ttl_img {
	height: auto;
	max-height: inherit;
	padding: 0;
	z-index: 0;
}
.ttl_img .box {display: block;}
	
.ttl_img img {
	width: 100%;
	height: 50vw;
	position: static;
	z-index: 2;
}	
.ttl_img .box,
.ttl_img.kon .box {
	width: 100%;
	height: auto;
	padding: 0 20px 30px 20px;
	z-index: 1;
	position: relative;
	justify-content: center;
}
.ttl_img .box .txt,
.ttl_img.kon .box .txt {text-align: center; padding-top: 30px;}
.ttl_img .box a.ww {position: static;}
.ttl_img .box h1 {	font-size: 26px;margin: 0 0 15px 0;}
}
@media screen and (max-width: 600px) {
.ttl_img {height: auto !important;}
.ttl_img img {height: 60vw;}	
.ttl_img .box h1 {	font-size: 24px;margin: 0 0 15px 0;}	
.ttl_img .box,.ttl_img.kon .box {padding: 0 20px 20px 20px;}	
.ttl_img .box .txt,
.ttl_img.kon .box .txt {padding-top: 20px;}
}


/*--------------------------------------------------------
ほっとなみカフェ　アーカイブ
----------------------------------------------------------*/
.hot-nami-acv {background-color: #f3f3f3;padding: 0px 30px 50px 30px;}
.hot-nami-acv .inner {
	max-width: 1280px;
	display: flex;
	margin: 0 auto;
	column-gap: 30px;
	flex-wrap: wrap;
	padding: 30px 0 0 0;
}
.hot-nami-acv .inner .box {
	position: relative;	
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 15px;
	width: calc((100% - (30px * 3))/4);
	margin-bottom: 40px;
	font-weight: 400;
}


/*--予告の枠---*/

.hot-nami-acv .inner .box.yk {padding: 58px 27px 20px 27px;}
.hot-nami-acv .inner .box.yk p.yokoku{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #b73a3a;
	color: #fff;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 0 0 7px 0;
}

.hot-nami-acv .inner .box a figure {
	width: 100%;
	height: 16vw;
	max-height: 230px;
	overflow: hidden;
}
.hot-nami-acv .inner .box a figure img {width: 100%; height: 100%; object-fit: cover;transition: 0.5s;}
.hot-nami-acv .inner .box a:hover figure img {transform: scale(1.1);}
.hot-nami-acv .inner .box .txt {padding: 10px 20px 20px 20px;}
.hot-nami-acv .inner .box .txt p.ttl {	color: #156090;	margin-bottom: 10px;}
.hot-nami-acv .inner .box .txt p.nml {font-weight: 400;	line-height: 160%;}


.hot-nami-acv .inner .box.yk p {margin: 0 0 10px 0; line-height: 160%;}
.hot-nami-acv .inner .box.yk p.ttl {font-size: 18px;	font-weight: 600;}
.hot-nami-acv .inner .box.yk a p.btn {
	background-color: #1879b7;
	color: #fff;
	font-weight: 500;
	padding: 5px 10px;
	display: inline-block;
	margin: 0;
	border-radius: 7px;
	transition: 0.5s;
}
.hot-nami-acv .inner .boxw a:hover p.btn {background-color: #1f4176;}

@media screen and (max-width: 1300px) {
.hot-nami-acv .inner .box {width: calc((100% - (30px * 2))/3);}	
.hot-nami-acv .inner .box a figure {height: 20vw;max-height: inherit;}
}
@media screen and (max-width: 840px) {
.hot-nami-acv .inner .box {width: calc((100% - 30px)/2);}	
.hot-nami-acv .inner .box a figure {height: 30vw;}
}
@media screen and (max-width: 570px) {
.hot-nami-acv .inner .box {width: 100%;}	
.hot-nami-acv .inner .box a figure {height: 60vw;}
}


/*--------------------------------------------------------
私たちの物語
----------------------------------------------------------*/
#slide01 {padding: 0 30px;}
#slide01 .slick-list {padding: 0 !important;}
#slide01 .slick-slide {padding: 10px;}
#slide01 .slick-list img {
	height: auto;
  	width: 100%;
	object-fit: cover;
}

#slide01 .slick-slide:nth-child(odd) {
	position: relative;
	top: 30px;
}

/*-文章---*/

#phi {
	width: 100%;
	margin: 0 auto;
	max-width: 940px;
	padding: 0 30px;
	box-sizing: border-box;
}

#phi .inner {
	padding: 74px 16px;
	border-bottom: 1px solid #999;
	display: flex;
	column-gap: 50px;
}

#phi .inner:last-child {border-bottom: none;}
#phi .inner .box {width: calc((100% - 50px)/2);	line-height: 180%;}

#phi .inner .box h2 {
	font-size: 29px;
	font-weight: 700;
	line-height: 180%;
	margin: 0 0 30px 0;
}

#phi .inner .box p.grtxt {
	color: #0f7b85;
	font-weight: 600;
	font-size: 18px;
}
#phi .inner .box p.en {	font-weight: 700;}
#phi .inner .box p.sm {	font-weight: 500;font-size: 15px;}
#phi .inner .box p.sm span {background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight: 700;}


/*--動画---*/
#p_mov {
	margin: 0 auto 50px auto;
	max-width: 1500px;
	display: flex;
	column-gap: 30px;
	padding: 0 30px;
}
#p_mov img {width: 100%;}
#p_mov a,
#p_mov img.nai {display: block;	width: calc((100% - 30px)/2);}

@media screen and (max-width: 900px) {	
#phi .inner {padding: 50px 16px;flex-wrap: wrap;}
#phi .inner .box {width: 100%;}
#phi .inner .box h2 {
	font-size: 24px;
	line-height: 160%;
	margin: 0 0 20px 0;
}
#phi .inner .box p.sm {	margin-bottom: 30px;}
}

@media screen and (max-width: 760px) {
#p_mov {flex-wrap: wrap;}
#p_mov a,
#p_mov img.nai {width: 100%;}
}
@media screen and (max-width: 500px) {	
#slide01 {padding: 0 10px;}
#phi .inner {padding: 40px 0;}
}

#mono_name {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 30px 80px 30px;
}
#mono_name img {display: block;	width: 180px;}
#mono_name p {padding: 0 20px;}

@media screen and (max-width: 560px) {
#mono_name {
	display: block;
	text-align: center;
	padding: 0px 30px 80px 30px;
}
#mono_name img {margin: 0 auto 20px auto;}
#mono_name p {padding: 0;}
}

/*--------------------------------------------------------
ものがたりを知る
----------------------------------------------------------*/
#pick {
	padding: 40px 0 40px 40px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}	
	
#slide02 .slick-slide {
	margin-right: 10px;
}

#slide02 .slick-list figure {
	height: 50vw;
	max-height: 300px;
	width: 100%;
	position: relative;
}

#slide02 .slick-list img {
	height: 100%;
  	width: 100%;
	object-fit: cover;
}

button.slick-prev.slick-arrow[aria-disabled="true"] {display: none !important;}
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	position: absolute;
	top: calc(50% - 25px);
	border: none;
	background-color: #fff;
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	transition: 0.5s;
}
button.slick-next.slick-arrow {right: 20px;}
button.slick-prev.slick-arrow {left: 20px; z-index: 99;}
button.slick-next.slick-arrow:hover,
button.slick-prev.slick-arrow:hover {background-color: #666; color: #fff;}
button.slick-next.slick-arrow::before,
button.slick-prev.slick-arrow::before {
	font-size: 20px;
	font-weight: 900;
	padding: 0 30px 0 12px;
	position: relative;
	top: -2px;
}
button.slick-next.slick-arrow::before {content:"→"; }
button.slick-prev.slick-arrow::before {content:"←"; }
@media screen and (max-width: 1000px) {
#pick {padding: 0px 0 30px 0px;}
button.slick-next.slick-arrow {right: 20px;}
button.slick-prev.slick-arrow {left: 20px;}	
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
}
button.slick-next.slick-arrow::before,
button.slick-prev.slick-arrow::before {
	font-size: 16px;
	padding: 0 0 0 3px;
	letter-spacing: 10px;
}
}

/*--エディタ部---*/
.siru {text-align: center;padding: 80px 30px 80px 30px;}
.siru h1,
.siru h2 {
	font-size: 30px;
	letter-spacing: 6px;
	text-indent: -6px;
	margin: 0 0 40px 0;
	line-height: 160%;
}
.siru p {
	font-size: 18px;
	line-height: 200%;
	margin: 0 0 20px 0;
}
.siru p.mini {
	font-size: 14px;
	line-height: 200%;
}
.siru img.yt {width: 239px; max-width: 80%;}
.siru span {display: inline-block;}

@media screen and (max-width: 670px) {
.siru {text-align: center;padding: 50px 20px 50px 20px;}
.siru h1,
.siru h2 {
	font-size: 26px;
	letter-spacing: 0px;
	text-indent: 0px;
	margin: 0 0 20px 0;
}	
.siru p {
	font-size: 16px;
	line-height: 180%;
}
}
@media screen and (max-width: 480px) {
.siru {text-align: center;padding: 30px 20px 30px 20px;}
}


/*---エントリー部---**/
#mov_acv .inner{ padding: 65px;}
#mov_acv .inner:nth-child(odd){ background-color:#f6f6f6;}
#mov_acv .inner2 {
	max-width: 1243px;
	display: flex;
	column-gap:74px; 
	margin: 0 auto;
}
#mov_acv .inner2 .box {	width: calc((100% - 74px)/2);}
#mov_acv .inner2 .box figure {
	overflow: hidden;
	width: 100%;
	height: 28vw;
	max-height: 342px;
}
#mov_acv .inner2 .box figure a {position: relative;}
#mov_acv .inner2 .box figure a img.main {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
	bottom: 0;
}
#mov_acv .inner2 .box figure a:hover img.main {	transform: scale(1.1);}
#mov_acv .inner2 .box figure img.pl {
	width: 35px;
	position: absolute;
	right: 25px;
	bottom: 25px;
	z-index: 1;
}
#mov_acv .inner2 .box h3 {
	font-size: 26px;
	font-weight: 700;
	line-height: 180%;
	margin: 0 0 15px 0;
}
#mov_acv .inner2 .box p {margin: 0 0 10px 0;}
#mov_acv .inner2 .box p.mini {
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 160%;
}
#mov_acv .inner2 .box p.tt {font-weight: 700; font-size: 16px; margin: 20px 0 0 0;}
#mov_acv .inner2 .box a.btn {
	font-size: 14px;
	border: 1px solid #666;
	border-radius: 50px;
	padding: 3px 20px;
	margin: 0;
	transition: 0.5s;
}
#mov_acv .inner2 .box a.btn:hover {
	border: 1px solid #e71f19;
	background-color: #e71f19;
	color: #fff;
}

@media screen and (max-width: 1100px) {
#mov_acv .inner{ padding: 65px 30px;}
#mov_acv .inner2 {column-gap:50px; }	
#mov_acv .inner2 .box {	width: calc((100% - 50px)/2);}	
}
@media screen and (max-width: 920px) {
#mov_acv .inner{ padding: 30px 30px;}
#mov_acv .inner2 {display: block;}	
#mov_acv .inner2 .box {	width: 100%;}	
#mov_acv .inner2 .box figure {
	height: 50vw;
	max-height: inherit;
	margin-bottom: 20px;
}
#mov_acv .inner2 .box h3 {
	font-size: 19px;
	line-height: 160%;
}
}

/*--------------------------------------------------------
お知らせアーカイブ
----------------------------------------------------------*/
#news_acv.top {
	background-color: #fff;
	padding: 200px 0 100px 0;
	position: relative;
	z-index: 0;
	top: -150px;
	margin-bottom: -150px;
}

#news_acv h2 {
	font-size: 30px;
	margin: 80px 0 15px 0;
	text-align: center;
}

#news_acv.top h2 {margin: 30px 0 15px 0;}

#news_acv p.htxt {font-size: 19px;	text-align: center;}
#news_acv .inner {
	max-width: 1000px;
	margin: 50px auto;
	padding: 0 30px;
	box-sizing: border-box;
}
#news_acv .inner .box {	letter-spacing: -0.4em;	border-bottom: 1px dashed #666;}
#news_acv .inner .box a {display: block;padding: 15px 10px;}
#news_acv .inner .box p {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

#news_acv .inner .box p.dt {width: 100px; padding: 15px 0;}
#news_acv .inner .box p.ct {padding: 15px 0;}
#news_acv .inner .box p.ct a {
	padding: 0;
	width: 130px;
	background-color: #c8e6f1;
	font-size: 14px;
	text-align: center;
	border-radius: 50px;
}
#news_acv .inner .box p.ttl {
	width: calc(100% - 230px);
	padding-left: 15px;
	box-sizing: border-box;
}

@media screen and (max-width: 920px) {
#news_acv h2 {
	font-size: 26px;
	margin: 30px 0 15px 0;
	text-align: center;
}
}

@media screen and (max-width: 690px) {
#news_acv .inner {margin-top: 30px;}
#news_acv .inner .box p.ttl {
	width: 100%;
	padding: 5px 0 0 0;
	line-height: 160%;
}	
#news_acv .inner .box p.dt {font-size: 14px; color: #888; padding: 10px 0 0 0;}
#news_acv .inner .box p.ct {
	float: right;
}
#news_acv .inner .box p.ct a {
	width: auto;
	padding: 0 10px;
	line-height: 160%;
	font-size: 13px;
}
#news_acv .inner .box a {padding: 0 0 5px 0px;}
}

/*--------------------------------------------------------
お知らせ記事
----------------------------------------------------------*/
#news_kiji {background-color: rgba(200,230,241,0.63);}

#news_kiji .inner {
	max-width: 1268px;
	box-sizing: border-box;
	padding: 0 30px 100px 30px;
	display: flex;
	column-gap: 20px;
	margin: 0 auto;
	position: relative;
}

/*--段組み---*/
#news_kiji .inner .main,
#news_kiji .inner .side {background-color: #fff;border-radius: 16px; position: relative; z-index: 1;}

#news_kiji .inner .main {
	width: calc(100% - 262px - 20px);
	padding: 57px 68px;
	box-sizing: border-box;
}
#news_kiji .inner .side {
	width: 262px;
	padding: 42px 30px;
	box-sizing: border-box;
}

/*--main書式---*/

#news_kiji .inner .main h1 {
	font-size: 27px;
	line-height: 160%;
	margin: 0 0 30px 0;
}
#news_kiji .inner .main .dayt {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #717171;
	padding: 0 0 10px 5px;
	margin: 0 0 30px 0;
}

#news_kiji .inner .main .dayt .up {font-size: 0.9em; color: #666;}

/*--side書式---*/

#news_kiji .inner .side h4 {
	font-size: 19px;
	line-height: 160%;
	margin: 0 0 10px 0;
}
#news_kiji .inner .side p {	font-weight: 400;line-height: 160%;}
#news_kiji .inner .side p.tl {font-weight: 500;}
#news_kiji .inner .side a {
	display: block;
	border-bottom: 1px dashed #717171;
	padding: 15px 0;
}
#news_kiji .inner .side span.ct {
	color: #0e5684;
	font-size: 13px;
	padding: 0 5px 0 0;
	display: inline-block;
	line-height: 100%;
	margin: 5px 0;
}
#news_kiji .inner .side span.ct::before {
	content: "● ";
	font-size: 5px;
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 5px;
}

#news_kiji .inner .side figure {
	margin: 5px 0 0 0;
	border-radius: 7px;
	overflow: hidden;
	width: 100%;
	height: 160px;
}
#news_kiji .inner .side figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*--カテゴリボタン---*/
#news_kiji .inner .upd a {
	background-color: rgba(200,230,241,0.63);
	padding: 0px 20px;
	margin-left: 2px;
	border-radius: 50px;
	font-size: 13px;
	transition: 0.5s;
	display: inline-block;
}
#news_kiji .inner .upd a:hover {background-color: #0e5684;color: #fff;}

/*--ほっとなみで使用---*/
#news_kiji .inner .upd-hot {
	background-color: #0e5684;
	padding: 0px 20px;
	margin-left: 0;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
}

#news_kiji .inner .upd-hotr {
	background-color: #b73a3a;
	padding: 0px 20px;
	margin-left: 0;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
}

@media screen and (max-width: 990px) {
#news_kiji .inner {padding: 0 30px 100px 30px;	display: block;}
#news_kiji .inner .main {width: 100%;padding: 57px 68px;margin-bottom: 20px;}
#news_kiji .inner .side {width: 100%;padding: 57px 68px;}
#news_kiji .inner .side a {position: relative;}
#news_kiji .inner .side a.imgari {
	display: block;
	padding-right: 200px;
	height: 130px;
	}
#news_kiji .inner .side a.imgari figure {
	position: absolute;
	width: 180px;
	height: 130px;
	top: 15px;
	right: 0;
}
}

@media screen and (max-width: 730px) {
#news_kiji .inner .main,
#news_kiji .inner .side {padding: 50px;}
}
@media screen and (max-width: 650px) {
#news_kiji .inner .main,
#news_kiji .inner .side {padding: 40px;}
	
#news_kiji .inner .main .dayt {
	display: block;
	margin: 0 0 20px 0;
	padding-left: 0;
}
#news_kiji .inner .upd a {
	background-color: #0e5684;
	padding: 0px 8px;
	margin-left: 0;
	border-radius: 3px;
	color: #fff;
}
#news_kiji .inner .main h1 {font-size: 22px;}
}

@media screen and (max-width: 520px) {
#news_kiji .inner .side a.imgari {
	padding-right: calc(40% + 20px);
	height: auto;
	min-height: 120px;
	}
#news_kiji .inner .side a.imgari figure {width: 40%;height: 110px;top: 10px;}	
}

@media screen and (max-width: 460px) {
#news_kiji .inner .main,#news_kiji .inner .side {padding: 30px;}
}
@media screen and (max-width: 440px) {
#news_kiji .inner .main,#news_kiji .inner .side {padding: 20px;}
#news_kiji .inner {	padding: 0 20px 100px 20px;}
}

/*--装飾---*/
#news_kiji .inner img.tree {
	position: absolute;
	width: 240px;
	top: -170px;
	right: -130px;
	z-index: 0;
}
#news_kiji .inner img.kusa {
	width: 130px;
	position: absolute;
	right: -80px;
	top: 80px;
	z-index: 0;
}
@media screen and (max-width: 1395px) {
#news_kiji .inner img.tree {width: 360px;top: -180px;right: -150px;}
#news_kiji .inner img.kusa {top: 230px;}
}
@media screen and (max-width: 560px) {
#news_kiji .inner img.tree {width: 200px;top: -210px;right: -30px;}
#news_kiji .inner img.kusa {width: 90px;right: 80px;top: -40px;}
}
@media screen and (max-width: 420px) {
#news_kiji .inner img.tree {width: 160px;top: -170px;right: -30px;}
#news_kiji .inner img.kusa {right: 60px;}
}

/*----お知らせ用エディタ----------*/
.news_edi {	font-weight: 400;}
.news_edi h2 {font-size: 22px;	margin: 0 0 20px 0; color: #0e5684;}
.news_edi h3 {font-size: 19px;	margin: 0 0 20px 0; color: #0e5684;	}
.news_edi a {
	border-bottom: dotted 2px #b73a3a;
	padding-bottom: 2px;
	transition: 0.5s;
}
.news_edi a:hover {
	border-bottom: dotted 2px transparent;
	padding-bottom: 5px;
	color: #b73a3a;
}
.news_edi p.red {color: #b73a3a; font-weight: 600;}
.news_edi p,.news_edi figure {margin: 0 0 20px 0; max-width: 100%;}

/*--List ul---*/
.news_edi ul.wp-block-list {	margin: 0 0 20px 0;	padding: 0 0 0 20px;}
.news_edi ul.wp-block-list li {list-style: disc;}
.news_edi ul.wp-block-list li::marker {color: #0e5684;}
.news_edi ol.wp-block-list {margin: 0 0 20px 0;	padding: 0;}
.news_edi ol.wp-block-list {list-style: none;  counter-reset: number;}
.news_edi ol.wp-block-list li { position: relative; padding-left: 30px;}
.news_edi ol.wp-block-list li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
	background-color: #0e5684;
	border-radius: 30px;
  	left: 0;
	top: 3px;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

/*--ほっとなみ予告テーブル---*/
.news_edi table.hot {
	margin: 0 0 30px 0;
	border: 1px solid #999;
	width: 100%;
	border-spacing: 0;
}
.news_edi table.hot th,
.news_edi table.hot td {border-bottom: 1px solid #999;padding: 10px 20px;vertical-align: top;}
.news_edi table.hot tr:last-child th,
.news_edi table.hot tr:last-child td {border-bottom: none;}
.news_edi table.hot th {
	background-color: #f6f6f6;
	font-weight: 500;
	white-space: nowrap;
}
@media screen and (max-width: 650px) {
.news_edi h2 {font-size: 20px;}
}


/*--------------------------------------------------------
イベントアーカイブ
-------------------------------------------------------*/
.acv_event {
	background-color: #0e5684;
	position: relative;
	padding-bottom: 60px;
}
.acv_event h1 {color: #fff;}
.acv_event h3 {
	font-size: 30px;
	letter-spacing: 2px;
	text-indent: -2px;
	margin: 50px 0;
	color: #fff;
	text-align: center;
}
.acv_event .inner {
	max-width: 1287px;
	padding: 0 35px;
	display: flex;
	column-gap: 35px;
	flex-wrap: wrap;
	margin: 0 auto;
}
.acv_event .inner .box {
	width: calc((100% - 35px)/2);
	border-radius: 9px;
	margin: 0 0 40px 0;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
}
.acv_event .inner .box a {display: block;padding: 24px;}
.acv_event .inner .box .rb {
	color: #fff;
	background-color: #b73a3a;
	position: absolute;
	left: 20px;
	top: -10px;
	padding: 0 15px;
	z-index: 2;
}
.acv_event .inner .box .rb.gray {background-color: #666;}
.acv_event .inner .box a .txt {padding: 10px 0 0 10px;}
.acv_event .inner .box a .txt.ari {
	padding-right: calc(35% + 30px)
}
.acv_event .inner .box a figure {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 35%;
	height: calc(100% - 48px);
	overflow: hidden;
	float: right;
}
.acv_event .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.acv_event .inner .box a:hover figure img {transform: scale(1.1);}
.acv_event .inner .box h5 {
	color: #0e5684;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.acv_event .inner .box p {
	font-size: 15px;
	margin: 0 0 10px 0;
	line-height: 160%;
}
.acv_event .inner .box p span.red {
	font-weight: 600;
	color: #b73a3a;display: block;
	margin: 5px 0 0 0;
}
.acv_event .inner .box .icon {letter-spacing: -0.4em;}
.acv_event .inner .box .icon p {
	display: inline-block;
	font-size:14px;
	border: 1px solid #717171;
	border-radius: 5px;
	margin-right: 3px;
	letter-spacing: normal;
	padding: 0 5px;
}
.acv_event .inner .box .icon p.bl {
	border: 1px solid #1879b7;
	background-color: #1879b7;
	color: #fff;
	font-weight: 500;
}
.acv_event p.nav-open {
	max-width: 1287px;
	padding: 5px 0 ;
	margin: 0 auto 30px auto;
	background-color: #1879b7;
	color: #fff;
	text-align: center;
	border-radius: 9px;
	width: calc(100% - 35px - 35px);
	cursor: pointer;
	transition: 0.5s;
}
.acv_event p.nav-open:hover {background-color: #13364c;}

@media screen and (max-width: 1140px) {
.acv_event .inner {justify-content: center;}
.acv_event .inner .box {
	width: 100%;
	margin: 0 0 32px 0;
	max-width: 600px;
}
}
@media screen and (max-width: 530px) {
.acv_event {padding-bottom: 30px;}
.acv_event .inner .box a .txt {padding: 0;}
.acv_event .inner .box a .txt.ari {padding-right: 0;}
.acv_event .inner .box a figure {
	position: static;
	right: 24px;
	top: 24px;
	width: 100%;
	height: 50vw;
	float: none;
	margin: 0 0 15px 0;
}
}
@media screen and (max-width: 440px) {
.acv_event .inner {padding: 0 20px;}
.acv_event p.nav-open {width: calc(100% - 40px);}
.acv_event .inner .box {margin: 0 0 20px 0;}
}

/*--------------------------------------------------------
スタッフアーカイブ
----------------------------------------------------------*/
#staff_acv {padding: 0 60px; margin-bottom: 60px;}
#staff_acv .inner {
	max-width: 1400px;
	display: flex;
	column-gap: 45px;
	flex-wrap: wrap;
	margin: 20px auto ;
}
#staff_acv .inner .box,
#staff_acv .inner .box2 {
	width: calc((100% - 135px)/4);
	margin-bottom: 50px;
	box-sizing: border-box;
}
/*--画像あり---*/
#staff_acv .inner .box a {display: block;}
#staff_acv .inner .box figure {
	width: 100%;
	height: 30vw;
	max-height: 380px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}
#staff_acv .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 0;
	transition: 0.5s;
}
#staff_acv .inner .box a:hover figure img {	transform: scale(1.1);}
#staff_acv .inner .box figure p {
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding: 15px 25px 5px 5px;
	border-radius: 0 15px 0 0;
	font-weight: 700;
	font-size: 17px;
}
#staff_acv .inner .box figure p::before {
	content: "●";
	color: #0c7d83;
	font-weight: 700;
	font-size: 14px;
	margin-right: 10px;
}

#staff_acv .inner .box figure p span {
	font-weight: 500;
	font-size: 15px;
}
#staff_acv .inner .box .txt {
	padding: 15px 5px;
	font-size: 15px;
	line-height: 170%;
}
#staff_acv .inner .box p.msg {font-weight: 400 !important;}

#staff_acv .inner .box p.katg {
	font-weight: 500;
	margin-bottom: 10px;
}



/*--画像なし---*/
#staff_acv .inner .box2 {
	border: 1px solid #666;
	border-radius: 15px;
	position: relative;
}
#staff_acv .inner .box2 p.name {
	position: relative;
	display: inline-block;
	top: -10px;
	left: -10px;
	background-color: #fff;
	padding: 0px 30px 0px 20px;
	border-radius: 0 15px 0 0;
	font-weight: 700;
	font-size: 18px;
}
#staff_acv .inner .box2 p.name span {
	font-weight: 500;
	font-size: 15px;
}

#staff_acv .inner .box2 .txt {
	padding: 0px 20px 20px 20px;
	line-height: 170%;
	font-size: 15px;
}
#staff_acv .inner .box2 p.name::before {
	content: "●";
	color: #0c7d83;
	font-weight: 700;
	font-size: 14px;
	margin-right: 10px;
}

#staff_acv .inner .box2 p.msg {}

#staff_acv .inner .box2 p.katg {}

@media screen and (max-width: 1370px) {
#staff_acv {padding: 0 40px; }
#staff_acv .inner {column-gap: 40px;}
#staff_acv .inner .box,
#staff_acv .inner .box2 {width: calc((100% - 80px)/3);}
}
@media screen and (max-width: 1000px) {
#staff_acv .inner .box,
#staff_acv .inner .box2 {width: calc((100% - 40px)/2);}
#staff_acv .inner .box figure {	height: 40vw;}
}
@media screen and (max-width: 665px) {
#staff_acv .inner .box,
#staff_acv .inner .box2 {width: 100%;margin-bottom: 40px;}
#staff_acv .inner .box figure {	height: 60vw;}
}
@media screen and (max-width: 450px) {
#staff_acv {padding: 0 30px; margin-bottom: 30px;}
#staff_acv .inner {margin: 0 auto 20px auto ;}
}


/*---------スタッフ統計部---------------*/

#staff_acv .totalarea {
	max-width: 800px;
	margin: 0 auto;
}

/*--------------------------------------------------------
スタッフ詳細
----------------------------------------------------------*/
#staff_entry {
	max-width: 1400px;
	padding: 0 60px;
	box-sizing: border-box;
	margin: 30px auto;
	font-size: 17px;
}
#staff_entry .fst {
	display: flex;
	column-gap: 55px;
	align-items: center;
	margin-bottom: 70px;
}

#staff_entry .fst.scn {align-items: flex-start;}

#staff_entry .fst figure {
	width: 100%;
	height: 50vw;
	max-height: 513px;
}
#staff_entry .fst figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#staff_entry .fst .box{min-width: calc((100% - 55px)/2);}
#staff_entry .fst .box .ttl {
	letter-spacing: -0.4em;
	margin-bottom: 30px;
}

#staff_entry .fst .box .ttl p {
	display: inline-block;
	letter-spacing: normal;
	border: 1px solid #666;
	border-radius: 50px;
	padding: 3px 25px;
}

#staff_entry .fst .box .ttl a {
	display: inline-block;
	border-bottom: 1px dashed #666;
	padding-bottom: 3px;
	font-size: 15px;
	letter-spacing: normal;
	transition: 0.5s;
	margin-left: 20px;
}

#staff_entry .fst .box .ttl a:hover {margin-left: 30px;}
#staff_entry .fst .box h2 {
	font-size: 32px;
	line-height: 160%;
	margin: 0 0 30px 0;
}
#staff_entry .fst .box h4 {
	font-size: 20px;
	font-weight: 700;
	color: #0e7d84;
	margin: 0 0 10px 0;
}
#staff_entry .fst .box .name {letter-spacing: -0.4em;}
#staff_entry .fst .box .name h1,
#staff_entry .fst .box .name p {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 30px 0;
	display: inline-block;
	letter-spacing: normal;
	padding: 0 20px 0 0;
	line-height: 140%;
}
#staff_entry .fst .box p.nml {font-weight: 400;}
#staff_entry .fst .box p.katag {font-weight: 500; margin-bottom: 20px;}
#staff_entry .fst .box .name p {padding: 0 20px;border-left: 1px solid #666;}
#staff_entry .fst .box .name h1::before {
	content: "●　";
	color: #0e7d84;
	font-size: 15px;
}
#staff_entry .fst .box h1 {font-size: 21px;	margin: 0 0 30px 0;}
#staff_entry .fst .box h1 span {display: inline-block;font-size: 18px;margin-left: 20px;}
#staff_entry .fst .box h1 span::before {content: "- ";}
#staff_entry .fst .box h1 span::after {content: " -";}
#staff_entry .fst .box .crr {border-left: 6px solid #d5d5d5;margin: 0 0 0 10px;}
#staff_entry .fst .box .crr .tbl {
	letter-spacing: -0.4em;
	margin: 0 0 23px 0;
}
#staff_entry .fst .box .crr p {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#staff_entry .fst .box .crr p:nth-child(1) {
	width: 75px; position: relative;
	padding: 0 0 0 15px;
	box-sizing: border-box;
}
#staff_entry .fst .box .crr p:nth-child(2) {width: calc(100% - 75px); font-weight: 400;}

#staff_entry .fst .box .crr p:nth-child(1)::before {
	content: "●";
	color: #0e7d84;
	position: absolute;
	left: -9px;
	top: 0;
	font-size: 12px;
}
@media screen and (max-width: 1020px) {
#staff_entry .fst .box h2 {	font-size: 26px;}
}

@media screen and (max-width: 900px) {
#staff_entry .fst,
#staff_entry .fst .box {
	display: block;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 570px) {
#staff_entry {padding: 0 30px;}
}
@media screen and (max-width: 420px) {
#staff_entry .fst .box h2 {	font-size: 20px; margin-bottom: 15px;}
#staff_entry .fst .box p {font-size: 15px;}
#staff_entry .fst .box .name h1,
#staff_entry .fst .box .name p {
	font-size: 16px;
	margin: 0 0 15px 0;
}
}
@media screen and (max-width: 400px) {
#staff_entry .fst .box .crr {margin: 0;}
}

/*---ブログの抜粋部-------------*/
#staff_be {
	max-width: 1400px;
	padding: 0 60px;
	box-sizing: border-box;
	margin: 30px auto;
}

@media screen and (max-width: 570px) {
#staff_be {	padding: 0 30px;}
}

#staff_be h4 {
	font-size: 20px;
	font-weight: 700;
	color: #0e7d84;
	margin: 0 0 10px 0;
}
#staff_be .inner {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
}

#staff_be .inner .box {	width: calc((100% - (30px * 5))/6);}
#staff_be .inner .box a figure {
	width: 100%;
	height: 180px;
	overflow: hidden;
}

#staff_be .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

#staff_be .inner .box a:hover figure img {transform: scale(1.1);}
#staff_be .inner .box p {font-size: 15px; line-height: 160%;}
#staff_be .inner .box p.dt {
	color: #687a2b;
	font-size: 14px;
	margin: 10px 0 5px 0;
	font-weight: 700;
}

@media screen and (max-width: 1376px) {
.slider-wrapper2 {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 1400px;
  margin: 0px auto 0px auto;
}
.slider2 {
  width: 1400px;
	flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}
.slider2 > * { -webkit-transform: translateZ(0px);}
.slider-wrapper2::-webkit-scrollbar { display: none;  height: 3px !important;}
}

/*--ブログ冒頭案内文----*/
#staff_be .greeting {
	margin: 0 0 30px 0;
}
#staff_be .greeting p {font-weight: 400;}
#staff_be .greeting p strong {
	display: inline-block;
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 15px 0;
}

@media screen and (max-width: 900px) {
#staff_be .greeting {
	margin: 60px 0;
}
}
@media screen and (max-width: 700px) {
#staff_be .greeting p strong {
	font-size: 22px;
}
}
@media screen and (max-width: 400px) {
#staff_be .greeting p strong {
	font-size: 20px;
}
}

/*--------------------------------------------------------
患者様メッセージ
----------------------------------------------------------*/
.kjmsg {
	max-width: 1400px;
	padding: 0 60px;
	box-sizing: border-box;
	margin: 30px auto 80px auto;
}
.kjmsg p.tttl {
	font-size: 20px;
	font-weight: 700;
	color: #0e7d84;
	margin: 0 0 10px 0;
}
.kjmsg h4 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 20px 0;
}

.kjmsg .inner {
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
}

.kjmsg .inner .box {
	width: calc((100% - 60px)/3);
	border: 2px solid #666;
	padding: 20px;
	margin-bottom: 30px;
	position: relative;
	border-radius: 15px;
	box-sizing: border-box;
}

.kjmsg .inner .box::after {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 20%;
  width: 30px;
  height: 2px;
  box-sizing: border-box;
  background-color: #666;
  box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff;
  rotate: 50deg;
  translate: -25%;
}


.kjmsg .inner .box img {
	width: 100%;
	height: 14vw;
	object-fit: cover;
}

.kjmsg .inner .box p {
	padding: 10px;
	line-height: 160%;
}

@media screen and (max-width: 1000px) {
.kjmsg .inner .box {width: calc((100% - 30px)/2);}
.kjmsg .inner .box img {height: 26vw;}
}

@media screen and (max-width: 720px) {
.kjmsg .inner .box {width: 100%;}
.kjmsg .inner .box img {height: auto;}
}
@media screen and (max-width: 570px) {
.kjmsg {padding: 0 30px;margin: 30px auto 50px auto;}
}
@media screen and (max-width: 50px) {
.kjmsg .inner .box {width: 100%;}
.kjmsg .inner .box img {
	width: 250px;
	height: 250px;
	float: right;
	object-fit: cover;
}
}


/*--------------------------------------------------------
採用案内アーカイブ
----------------------------------------------------------*/
.saiyo {text-align: center;padding: 80px 30px 80px 30px;}
.saiyo h2 {
	font-size: 30px;
	letter-spacing: 6px;
	text-indent: -6px;
	margin: 0 0 40px 0;
	line-height: 160%;
}
.saiyo p {
	font-size: 17px;
	line-height: 200%;
	margin: 0 0 20px 0;
}

.saiyo .inner {
	max-width: 1000px;
	padding: 30px;
	display: flex;
	column-gap: 50px;
	margin: 0 auto;
	align-items: center;
}
.saiyo .inner .box {
	width: calc((100% - 50px)/2);
	text-align: left;
	position: relative;
}

.saiyo .inner .box figure {position: relative;}

.saiyo .inner .box figure img {
	position: relative;
	z-index: 0;
}
.saiyo .inner .box figure img.pl {
	position: absolute;
	width: 35px;
	bottom: 25px;
	right: 25px;
	z-index: 1;
}

@media screen and (max-width: 970px) {
.saiyo h2 {
	letter-spacing: 0;
	text-indent: 0;
	margin: 0;
}
.saiyo .inner {
	padding: 30px;
	display: block;
}
.saiyo .inner .box {width: 100%;}
.saiyo .inner .box p {padding-top: 20px;}
}

@media screen and (max-width: 920px) {
.saiyo {padding: 0px 20px 30px 20px;}
.saiyo h2 {
	font-size: 20px;
	letter-spacing: 0px;
	text-indent: 0px;
	margin: 0 0 0px 0;
	font-weight: 500;
}	
}

@media screen and (max-width: 670px) {
.saiyo .inner {padding: 10px;}
.saiyo p {
	font-size: 16px;
	line-height: 180%;
}
}

/*---募集要項---*/
.yoko {
	text-align: center;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

.yoko h2 {
	font-size: 30px;
	letter-spacing: 6px;
	text-indent: -6px;
	margin: 0 0 10px 0;
	line-height: 160%;
}
.yoko p.htxt {
	font-size: 16px;
	line-height: 200%;
	margin: 0 0 20px 0;
}

.yoko .inner {padding: 30px 0 80px 0;}
.yoko .inner .box {
	display: flex;
	align-items: center;
	border-top: 1px solid #666;
	flex-wrap: wrap;
}

.yoko .inner .box h4 {
	padding: 10px 15px;
	line-height: 160%;
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	width: 170px;
	box-sizing: border-box;
}
.yoko .inner .box p {
	padding: 10px 15px;
	line-height: 160%;
	text-align: left;
	font-weight: 400;
	width: 170px;
	box-sizing: border-box;
}

.yoko .inner .box p.small {
	padding: 10px 20px;
	font-size: 15px;
	width: calc(100% - 200px - 170px - 170px);
}

.yoko .inner .box p.btn {
	padding: 10px;
	font-size: 15px;
	width: 200px;
}
.yoko .inner .box p.btn a {
	display: block;
	background-color: #1f4176;
	color: #fff;
	border-radius: 7px;
	padding: 5px 15px;
	transition: 0.5s;
}
.yoko .inner .box p.btn a:hover {background-color:#820002;}
@media screen and (max-width: 884px) {
.yoko .inner .box {	display: block;}
.yoko .inner .box h4 {padding: 10px;width: 100%;}
.yoko .inner .box p {padding: 10px;	width: 100%;}
.yoko .inner .box p.small {	padding: 10px;width: 100%;}
}

@media screen and (max-width: 522px) {
.yoko .inner {padding: 10px 0 30px 0;}
.yoko .inner .box h4,
.yoko .inner .box p,
.yoko .inner .box p.small,
.yoko .inner .box p.btn {padding: 10px 0;}
.yoko .inner .box {padding: 10px 0;}
}

/*--------------------------------------------------------
採用案内詳細
----------------------------------------------------------*/
#rec_entry {padding: 0 60px;}
#rec_entry .inner {
	max-width: 1000px;
	border: 3px solid #e8e6e6;
	margin: 0 auto;
}
#rec_entry .inner h2 {
	font-size: 21px;
	padding: 20px;
	background-color: rgba(232,230,230,0.45);
	font-weight: 500;
}
#rec_entry .inner table {
	width: 100%;
	font-weight: 400;
	border-spacing: 0;
}
#rec_entry .inner table th,
#rec_entry .inner table td {
	border-bottom: 1px solid #909090;
	padding: 20px;
	text-align: left;
}
#rec_entry .inner table th {white-space: nowrap;}
#rec_entry .inner table tr:last-child th,
#rec_entry .inner table tr:last-child td {border-bottom: none;}
#rec_entry .inner table tr:first-child th,
#rec_entry .inner table tr:first-child td {border-top: 1px solid #909090;}

@media screen and (max-width: 620px) {
#rec_entry {padding: 0 30px;}	
#rec_entry .inner table,
#rec_entry .inner table tr,
#rec_entry .inner table th,
#rec_entry .inner table td {display: block; width: 100%; box-sizing: border-box;}
#rec_entry .inner table th {border-bottom: none; padding: 20px 20px 0 20px;}
#rec_entry .inner table tr:first-child td {border-top: none;}
}

@media screen and (max-width: 500px) {
#rec_entry .inner table th {padding: 15px 15px 0 15px;}
#rec_entry .inner table td {padding: 15px;}
}


/*--------------------------------------------------------
組織案内
----------------------------------------------------------*/
#company {}

#company .inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px;
}

.c_edi {
	letter-spacing: -0.4em;
}

.c_edi h2 {
	display: inline-block;
	width: 220px;
	vertical-align: top;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: normal;
}

.c_edi .inline {
	display: inline-block;
	width: calc(100% - 220px - 20px);
	margin-left: 20px;
	letter-spacing: normal;
	font-weight: 400;
}
.c_edi .inline.sp {margin-bottom: 80px;}

/*----枠内の図---*/
.c_edi .waku {
	border: 1px solid #828282;
	padding: 30px 20px 15px 20px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}

.c_edi .waku p.ttl {
	font-weight: 600;
	font-size: 17px;
	background-color: #fff;
	padding: 0 10px;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: -15px;
}
.c_edi p,
.c_edi p.htxt {
	font-size: 17px;
	padding: 10px 0 0 10px;
	font-weight: 500;
}

.c_edi .waku .btn {
	background-color: #0e7d84; 
	color: #fff;
	padding: 10px 0;
	font-weight: 500;
	text-align: center;
	width: calc(50% - 5px);
	margin: 0 0 5px 0;
}
.c_edi .waku .btn:nth-child(1) {background-color: #333;}
.c_edi .waku .btn:nth-child(3) {background-color: #0e5684;}
.c_edi .waku .btn:nth-child(4) {background-color: #388fcd;}

.c_edi p,
.c_edi h1,
.c_edi h2,
.c_edi h3, 
.c_edi h4,
.c_edi figure {letter-spacing: normal;}

.c_edi h3 {background-color: rgba(100,196,202,0.08);
	border-top: 1px solid #666;
	padding: 20px 15px;
	font-size: 17px;
}
.c_edi table,
.c_edi table td,
.c_edi table th {
	border: none;
}
.c_edi table td {
	border-bottom: 1px solid #c1bebe;
	font-size: 16px;
	padding: 10px 15px;
	vertical-align: top;
}

.c_edi table td:first-child {width: 180px;}


.c_edi table {
	border-spacing: 0;
	margin-bottom: 80px;
	border-top: 1px solid #c1bebe;
}
@media screen and (max-width: 1045px) {
.c_edi h2 {
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	margin: 0 0 30px 0;
	box-sizing: border-box;
}

.c_edi .inline {
	display: block;
	width: 100%;
	margin-left: 0px;
}
}
@media screen and (max-width: 920px) {
#company .inner {
	padding: 0 20px;
}
}

@media screen and (max-width: 820px) {
.c_edi .waku .btn {
	width: 100%;
}	
}
@media screen and (max-width: 640px) {
.c_edi table,
.c_edi table td,
.c_edi table th,
.c_edi table td:first-child {
	display: block;
	width: 100%;
	box-sizing: border-box;
}	
.c_edi table td:first-child {
	border-bottom: none;
	font-weight: 500;
	padding-bottom: 0;
	color: #0e5684;
	}
.c_edi table td:last-child {
	font-size: 15px;
	}
}
@media screen and (max-width: 380px) {
.c_edi table td {
	padding-left: 0;
	padding-right: 0;
}	
}

/*--------------------------------------------------------
お問合せ
----------------------------------------------------------*/
#contact .btnarea {
	padding: 50px 60px;
	text-align: center;
	letter-spacing: -0.4em;
}
#contact .btnarea p {
	font-size: 17px;
	letter-spacing: normal;
	margin: 0 0 10px 0;
}
#contact .btnarea a {
	display: inline-block;
	background-color: #0e5684;
	padding: 30px;
	border-radius: 5px;
	position: relative;
	color: #fff;
	font-size: 22px;
	margin: 10px;
	width: calc(50% - 20px);
	max-width: 380px;
	text-align: left;
	letter-spacing: normal;
	transition: 0.5s;
	box-sizing: border-box;
}
#contact .btnarea a::after {
	content: "→";
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	color: #0e5684;
	background-color: #fff;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	top: calc(50% - 15px);
	font-family: "Noto Sans JP", sans-serif;
	transition: 0.5s;
}
#contact .btnarea a:hover::after {right: 10px;}
#contact .btnarea a:hover {background-color: #0e7d84;}
#contact .btnarea a.slc {background-color: #999;}
#contact .btnarea a.slc::after {transform: rotate(90deg); color: #999;}
#contact .btnarea a.slc:hover::after {right: 20px;}

/*---フォーム部---*/
#contact .lb {
	background-color: #e3f2f8; 
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
	top: -100px;
	margin-bottom: -100px;
}
@media screen and (max-width: 920px) {
#contact .btnarea {padding: 0px 20px 50px 20px;}
}
@media screen and (max-width: 650px) {
#contact .btnarea a {
	padding: 10px 20px;
	font-size: 20px;
	margin: 10px;
	width: calc(50% - 20px);
}
#contact .btnarea a::after {
	font-size: 16px;
	line-height: 18px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	right: 10px;
	top: calc(50% - 10px);
}
}
@media screen and (max-width: 546px) {
#contact .btnarea a {
	padding: 10px 20px;
	font-size: 20px;
	margin: 10px;
	width: calc(100% - 20px);
}
#contact .btnarea a::after {
	font-size: 16px;
	line-height: 18px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	right: 10px;
	top: calc(50% - 10px);
}
}

/*--装飾---*/
#contact .lb img.tree {width: 250px;position: absolute;	right: 50px;top: -100px;}
@media screen and (max-width: 810px) {
#contact .lb img.tree {	width: 200px;}	
}
@media screen and (max-width: 600px) {
#contact .lb img.tree {	top: -140px;right: inherit;left: 20px;}	
}

/*--------------------------------------------------------
最新のブログアーカイブ
----------------------------------------------------------*/
#blog_acv {}
#blog_acv .menu {
	max-width: 1181px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
	width: calc(100% - 38px - 38px);
}

#blog_acv .menu a {
	display: block;
	padding: 10px 20px;
	border-bottom: 3px solid #d6d6d6;
	transition: 0.5s;
	box-sizing: border-box;
	margin: 0 3px 5px 3px;
}

#blog_acv .menu a:hover {background-color: #f6f6f6;}
#blog_acv .menu a.slc {	
	background-color: #1879b7;	
	color: #fff;
	border-bottom-color: #1879b7;	
}


@media screen and (max-width: 910px) {
#blog_acv .menu a {
	width: calc((100% / 3) - 6px);
	text-align: center;
}
}

@media screen and (max-width: 750px) {
#blog_acv .menu a {width: calc((100% / 2) - 6px);padding: 10px;}	
}
@media screen and (max-width: 500px) {
#blog_acv .menu {background-color: #fff;}
#blog_acv .menu a {
	width: auto;
	padding: 3px 10px;
	font-size: 15px;
	background-color: #fff;
	margin: 0 5px 2px 5px;
	border-bottom: 1px dashed #666;
}	
}
@media screen and (max-width: 480px) {
#blog_acv .menu {width: calc(100% - 40px);}	
}



/*------------*/
#blog_acv .inner {
	max-width: 1260px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 80px 0;
}

#blog_acv .inner .box {
	width: calc(100% / 3);
	border-top: 1px solid #717171;
	padding: 38px 0;
	box-sizing: border-box;
}

#blog_acv .inner .box a {
	display: block;
	border-right: 1px solid #717171;
	padding: 0 38px;
}

#blog_acv .inner .box:nth-child(1),
#blog_acv .inner .box:nth-child(2),
#blog_acv .inner .box:nth-child(3) {border-top: none;}
#blog_acv .inner .box:nth-child(3n) a {border-right: none;}

#blog_acv .inner .box a figure {
	width: 100%;
	height: 20vw;
	max-height: 240px;
	overflow: hidden;
	position: relative;
}

#blog_acv .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 0;
	transition: 0.5s;
}

#blog_acv .inner .box a:hover figure img {transform: scale(1.1);}
#blog_acv .inner .box .txt {padding: 10px;}
#blog_acv .inner .box h3 {
	font-size: 17px;
	font-weight: 600;
	line-height: 170%;
	margin: 0 0 5px 0;
}

#blog_acv .inner .box p {
	font-size: 15px;
	font-weight: 400;
	color: #444;
}

#blog_acv .inner .box p.dt {
	color: #1879b7;
	font-size: 14px;
	margin: 0 0 8px 0;
	font-weight: 600;
}

#blog_acv .inner .box p.ct {
	position: absolute;
	z-index: 1;
	background-color: #333;color: #fff;
	bottom: 0;
	left: 0;
	font-size: 14px;
	padding: 3px 15px 0 10px;
	font-weight: 500;
}

@media screen and (max-width: 950px) {
#blog_acv .inner .box {	width: calc(100% / 2);	padding: 30px 0;}
#blog_acv .inner .box a {padding: 0 30px;}

#blog_acv .inner .box:nth-child(3) {border-top: 1px solid #717171;}
#blog_acv .inner .box:nth-child(3n) a {border-right: 1px solid #717171;}
#blog_acv .inner .box:nth-child(2n) a {border-right: none}
#blog_acv .inner .box a figure {height: 30vw;max-height: inherit;}
}

@media screen and (max-width: 640px) {
#blog_acv .inner .box {
	width: 100%;
	position: relative;
	padding: 0 30px;
	border-top: none;
}
#blog_acv .inner .box a {
	border-top: 1px solid #717171;
	border-right: none;
	padding: 40px 0 30px 0;
}

#blog_acv .inner .box:nth-child(1),
#blog_acv .inner .box:nth-child(2),
#blog_acv .inner .box:nth-child(3) {border-top: 1px none}
#blog_acv .inner .box:nth-child(3n) a {border-right: none}

#blog_acv .inner .box a figure {
	width: 30vw;
	height: 26vw;
	float: right;
	margin: 0 0 5px 20px;
	position: static;
}
	
#blog_acv .inner .box .txt {padding: 0 0 0 5px;}
#blog_acv .inner .box p.ct {bottom: inherit;top: 0;	left: 30px;}
}

@media screen and (max-width: 480px) {
#blog_acv .inner {padding: 30px 0 30px 0;}
#blog_acv .inner .box {	padding: 0 20px;}
#blog_acv .inner .box a {padding: 40px 0 30px 0;}
#blog_acv .inner .box p.ct {left: 20px;	font-size: 13px;}
#blog_acv .inner .box h3 {
	font-size: 16px;
	line-height: 140%;
	margin: 0 0 5px 0;
}

#blog_acv .inner .box p {
	font-size: 15px;
	font-weight: 400;
	color: #444;
	line-height: 140%;
}
}

/*--------------------------------------------------------
ブログ詳細
----------------------------------------------------------*/
#blog_kiji {}

#blog_kiji .inner {
	max-width: 1268px;
	box-sizing: border-box;
	padding: 0 30px 100px 30px;
	display: flex;
	margin: 0 auto;
}

/*--段組み---*/
#blog_kiji .inner .main {
	width: calc(100% - 357px);
	padding: 99px 68px;
	box-sizing: border-box;
	border: 2px solid #d6d6d6;
	position: relative;
	background-color: #fff;
}
#blog_kiji .inner .side {
	width: 357px;
	padding: 39px 28px;
	box-sizing: border-box;
	background-color: #f4f4f4;
}

/*--カテゴリ---*/
#blog_kiji .inner .main p.cat {
	position: absolute;
	top: -20px;
	left: 20px;
}
#blog_kiji .inner .main p.cat a {
	background-color: #0e5684;
	color: #fff;
	padding: 5px 20px;
	display: inline-block;
}


/*--main書式---*/

#blog_kiji .inner .main h1 {
	font-size: 27px;
	line-height: 160%;
	margin: 0 0 10px 0;
}
#blog_kiji .inner .main .dayt {
	border-top: 1px solid #d6d6d6;
	padding: 10px 0 0 5px;
	margin: 0 0 30px 0;
	color: #0e5684;
	font-size: 16px;
}

/*--side書式---*/

#blog_kiji .inner .side h4 {
	font-size: 19px;
	line-height: 160%;
	margin: 0 0 10px 0;
}

#blog_kiji .inner .side a {
	display: block;
	padding: 15px 0;
	border-top: 1px dashed #717171;
}

#blog_kiji .inner .side a figure {
	width: 110px;
	height: 107px;
	overflow: hidden;
	float: right;
	margin: 0 0 0 20px;
}

#blog_kiji .inner .side a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
#blog_kiji .inner .side a:hover figure img {
	transform: scale(1.1);
}

#blog_kiji .inner .side a p {
	font-weight: 500;
	font-size: 15px;
}
#blog_kiji .inner .side a p.dt {
	font-size: 15px;
	color:#0e5684;
	font-weight: 600;
}

@media screen and (max-width: 990px) {
#blog_kiji .inner {padding: 0 30px 100px 30px;	display: block;}
#blog_kiji .inner .main {width: 100%;padding: 57px 68px;}
#blog_kiji .inner .side {width: 100%;padding: 57px 68px;}
}

@media screen and (max-width: 730px) {
#blog_kiji .inner .main,
#blog_kiji .inner .side {padding: 50px;}
}
@media screen and (max-width: 650px) {
#blog_kiji .inner .main,
#blog_kiji .inner .side {padding: 40px;}
	
#blog_kiji .inner .main .dayt {
	display: block;
	margin: 0 0 20px 0;
	padding-left: 0;
}
#blog_kiji .inner .upd a {
	background-color: #0e5684;
	padding: 0px 8px;
	margin-left: 0;
	border-radius: 3px;
	color: #fff;
}
	
#blog_kiji .inner .main h1 {font-size: 22px;}
}
@media screen and (max-width: 460px) {
#blog_kiji .inner .main {padding: 50px 30px 30px 30px;}
#blog_kiji .inner .side {padding: 30px;}
}
@media screen and (max-width: 440px) {
#blog_kiji .inner .main{padding: 40px 20px;}
#blog_kiji .inner .side {padding: 20px;}
#blog_kiji .inner {	padding: 0 20px 100px 20px;}
}

/*--------------------------------------------------------
事業所アーカイブ
----------------------------------------------------------*/
#fac_acv .inner {text-align: center;padding: 103px 30px 30px 30px;}
#fac_acv .inner.fst {background-color: #f3f3f3;}

#fac_acv .inner h2 {
	font-size: 32px;
	letter-spacing: 2px;
	text-indent: -2px;
	margin: 0 0 56px 0;
}

#fac_acv .inner .list {
	max-width: 1191px;
	display: flex;
	margin: 0 auto;
	column-gap: 35px;
	flex-wrap: wrap;
}

#fac_acv .inner .list .box {
	width: calc((100% - 70px)/3);
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;
	padding-bottom: 30px;
}

#fac_acv .inner .list .box {background-color:#f3f3f3 }
#fac_acv .inner.fst .list .box {background-color: #fff;}
#fac_acv .inner .list .box .txt {padding: 30px 29px;text-align: left;}

#fac_acv .inner .list .box .txt h3 {
	font-size: 17px;
	color: #0e5684;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 600;
	position: relative;
}

#fac_acv .inner .list .box .txt h3.yk {padding-right: 70px;}
#fac_acv .inner .list .box .txt h3 span {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #b73a3a;
	color: #fff;
	border-radius: 50px;
	padding: 0;
	width: 60px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

#fac_acv .inner.fst .list .box .txt h3 {color:#b73a3a; }
#fac_acv .inner .list .box a figure {
	width: 100%;
	height: 20vw;
	max-height: 248px;
	overflow: hidden;
}

#fac_acv .inner .list .box a figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

#fac_acv .inner .list .box a:hover figure img {transform: scale(1.1);}

#fac_acv .inner .list .box p.hs {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #fff;
	background-color: #0e5684;
	line-height: 100%;
	padding: 15px 23px;
	border-radius: 0 0 15px 0;
}

#fac_acv .inner .list .box a p.dt {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: inline-block;
	border-bottom: 1px dashed #555;
	font-size: 13px;
	padding: 0 20px 0 0;
	line-height: 180%;
}
#fac_acv .inner .list .box a p.dt span {
	font-family: "Figtree", sans-serif;
	font-weight: 600;
	position: absolute;
	right: 5px;
	top: 0px;
	transition: 0.5s;
}
#fac_acv .inner .list .box a:hover p.dt span {right: 0px;}

@media screen and (max-width: 920px) {
#fac_acv .inner {padding: 30px;}
#fac_acv .inner h2 {
	font-size: 26px;
	letter-spacing: 0;
	text-indent: 0;
	margin: 0 0 30px 0;
}
#fac_acv .inner .list {	display: block;	margin: 0 auto;}
#fac_acv .inner .list .box {width: 100%;margin: 0 auto 30px auto;}
#fac_acv .inner .list .box .txt {padding-left: calc(30% + 30px);}
#fac_acv .inner .list .box a figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 100%;
	max-height: inherit;
}
#fac_acv .inner .list .box p.hs {padding: 10px 20px;border-radius: 0 0 10px 0;}
}
@media screen and (max-width: 620px) {
#fac_acv .inner h2 {font-size: 24px;}
#fac_acv .inner .list .box {padding-bottom: 15px;}
#fac_acv .inner .list .box .txt {padding: 20px 20px 20px calc(30% + 30px);}
#fac_acv .inner .list .box a p.dt {	bottom: 15px;right: 20px;}
}

@media screen and (max-width: 550px) {
#fac_acv .inner .list .box .txt h3.yk {padding-right: 0px;}
#fac_acv .inner .list .box .txt h3 span {
	position: static;
	display: block;
	line-height: 160%;
}
#fac_acv .inner .list .box p {font-size: 15px;line-height: 160%;}
#fac_acv .inner .list .box .txt {padding: 15px 15px 15px calc(30% + 20px);}
#fac_acv .inner .list .box a p.dt {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-bottom: none;
	padding: 0;
	color: transparent;
}
#fac_acv .inner .list .box a p.dt span {
	background-color: #333;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	text-align: center;
	border-radius: 10px 0 0 0;
}
#fac_acv .inner .list .box p.hs {
	top: inherit;
	bottom: 0;
	font-size: 13px;
	padding: 0 15px;
	line-height: 200%;
	border-radius: 0 10px 0 0;
}
}

@media screen and (max-width: 500px) {
#fac_acv .inner {padding: 30px 20px;}
#fac_acv .inner .list .box a figure {
	position: static;
	width: 100%;
	height: 55vw;
	max-height: inherit;
}
#fac_acv .inner .list .box .txt {padding: 15px;}
#fac_acv .inner .list .box p.hs {
	top: 0;
	bottom: inherit;
	font-size: 13px;
	padding: 5 20px;
	line-height: 200%;
	border-radius: 0 0 10px 0;
}
}

/*--------------------------------------------------------
事業所詳細
----------------------------------------------------------*/
#fac_entry {background-color: #f3f3f3; position: relative;}
#fac_entry .ccopy {
	text-align: center;
	padding: 80px 30px 0 30px;
	max-width: 760px;
	margin: 0 auto;
}
#fac_entry .ccopy h2 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
	line-height: 160%;
}
#fac_entry .ccopy p {
	display: inline-block;
	text-align: left;
	font-size: 17px;
	font-weight: 400;
}
#fac_entry .ccopy h2 span,
#fac_entry .ccopy p span {display: inline-block;}
@media screen and (max-width: 750px) {
#fac_entry .ccopy {	padding: 50px 30px 0 30px;}
#fac_entry .ccopy h2 {font-size: 22px;margin-bottom: 20px;}
#fac_entry .ccopy p {font-size: 16px;font-weight: 400;}	
}

@media screen and (max-width: 500px) {
#fac_entry .ccopy p br {display: none;}	
}

/*---白枠---*/
#fac_entry .white {
	margin: 67px auto 0 auto;
	background-color: #fff;
	max-width: 1020px;
	padding: 0 70px 70px 70px;
	border-radius: 16px;
	box-sizing: border-box;
	width: calc(100% - 40px);
	position: relative;
	z-index: 2;
}
#fac_entry .white h3.tt {
	display: block;
	text-align: center;
	margin: 0 0 40px 0;
}
#fac_entry .white h3.tt span {
	display: inline-block;
	max-width: 252px;
	width: 70%;
	background-color: #0e5684;
	color: #fff;
	padding: 20px 0;
	font-size: 28px;
	border-radius: 0 0 11px 11px;
}
@media screen and (max-width: 750px) {
#fac_entry .white {	margin: 40px auto 0px auto;padding: 0 30px 30px 30px;}
#fac_entry .white h3.tt {margin: 0 0 30px 0;}
#fac_entry .white h3.tt span {	padding: 10px 0;font-size: 22px;}
}
@media screen and (max-width: 500px) {
#fac_entry .white h3.tt {margin: 0 0 20px 0;}
#fac_entry .white h3.tt span {	padding: 5px 0;	font-size: 20px;}
}

/*--事業所概要「表」----*/
#fac_entry .white .tbl {
	border-top: 1px solid #b1b0b0;
	display: flex;
	align-items: flex-start;
	padding: 20px 0;
}
#fac_entry .white .tbl .th {width: 150px;}
#fac_entry .white .tbl .td {width: calc(100% - 150px); font-weight: 400;}
#fac_entry .white .tbl .td a.map {
	background-color: #6e6e6e;
	color: #fff;
	padding: 0 10px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 5px;
	transition: 0.5s;
}
#fac_entry .white .tbl .th p {font-size: 17px; font-weight: 600;}
#fac_entry .white .tbl .td p.red {color: #b73a3a;font-size: 18px;}
#fac_entry .white .tbl .td p.redb {
	background-color: #b73a3a;
	color: #fff;
	border-radius: 50px;
	padding: 5px 20px;
	line-height: 140%;
	display: inline-block;
}
#fac_entry .white .tbl .td a.map:hover {background-color: #0e5684;}

@media screen and (max-width: 700px) {
#fac_entry .white .tbl {
	border-top: 1px solid #b1b0b0;
	padding: 0;
	flex-wrap: wrap;
}
#fac_entry .white .tbl .th {width: 100%;padding: 20px 0;}
#fac_entry .white .tbl .td {width: 100%; padding-bottom: 20px;}	
}

/*--ギャラリー-------*/
.gall {max-width: 2000px;
	margin: 0 auto; 
	letter-spacing: -0.4em;
	background-color: #f3f3f3;
	padding: 0 1px;
}
.gall .box {
	width: 50%;
	height: 40vw;
	max-height: 800px;
	display: inline-block;
	vertical-align: top;
}

.gall .boxin {
	width: 50%;
	height: 20vw;
	max-height: 400px;
	display: inline-block;
	vertical-align: top;
}
.gall .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid #f3f3f3;
	box-sizing: border-box;
}
@media screen and (max-width: 620px) {
.gall .box {width: 100%;height: 80vw;}
.gall .boxin {width: 50%;height: 40vw;}
}

/*---事業所ごとのお知らせ---*/

#fac_news {padding: 50px 30px; text-align: center; position: relative;}
#fac_news img.tree {
	position: absolute;
	right: 30px;
	top: -150px;
	width: 240px;
	height: auto;
	z-index: 3;
}
@media screen and (max-width: 550px) {
#fac_news img.tree {
	position: absolute;
	right: inherit;
	left: 30px;
	top: -150px;
	width: 180px;
}	
}
#fac_news h2 {
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	text-indent: -2px;
}
#fac_news h2 span {
	font-size: 20px;
	display: block;
	margin: 0 0 10px 0;
}
#fac_news .inner {
	max-width: 800px;
	margin: 50px auto;
	box-sizing: border-box;
	font-weight: 400;
	text-align: left;
}
#fac_news .inner .box {	letter-spacing: -0.4em;	border-bottom: 1px dashed #666;}
#fac_news .inner .box a {display: block;padding: 15px 10px;}
#fac_news .inner .box p {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#fac_news .inner .box p.dt {width: 100px;}
#fac_news .inner .box p.ttl {
	width: calc(100% - 130px);
	padding-left: 30px;
	box-sizing: border-box;
}
#fac_news a.ntop {
	background-color: #1879b7;
	color: #fff;
	padding: 10px 25px;
	border-radius: 50px;
	transition: 0.5s;
}
#fac_news a.ntop:hover {background-color: #333;}

@media screen and (max-width: 920px) {
#fac_news h2 {
	font-size: 26px;
	margin: 30px 0 15px 0;
	text-align: center;
}
}
@media screen and (max-width: 690px) {
#fac_news .inner .box p.ttl {
	width: 100%;
	padding: 5px 0 0 0;
	line-height: 160%;
}	
#fac_news .inner .box p.dt {font-size: 14px; color: #888;}
#fac_news .inner .box a {padding: 15px 0px;}
}
@media screen and (max-width: 500px) {
#fac_news {padding: 20px 30px 50px 30px;}
#fac_news h2 {margin: 0;}
#fac_news .inner {margin: 0 auto 50px auto;}
}

/*---ブログ--------*/
#fac_blog {background-color: #f3f3f3;padding: 40px 60px ;}
#fac_blog .inner {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
}
#fac_blog .inner .box {width: calc((100% - (30px * 5))/6);}
#fac_blog .inner .box a figure {
	width: 100%;
	height: 10vw;
	overflow: hidden;
}

#fac_blog .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
#fac_blog .inner .box a:hover figure img {transform: scale(1.1);}
#fac_blog .inner .box p {font-size: 15px; line-height: 160%;}
#fac_blog .inner .box p.dt {
	color: #687a2b;
	font-size: 14px;
	margin: 10px 0 5px 0;
	font-weight: 700;
}

/*--タイトルセル---*/
#fac_blog .inner .box.ttl {display: flex;align-items: center;}
#fac_blog .inner .box h3 {
	font-size: 19px;
	line-height: 160%;
	margin: 0 0 30px 0;
}
#fac_blog .inner .box h3 span {font-size: 16px;}
#fac_blog .inner .box a.btn {
	font-size: 13px;
	line-height: 160%;
	margin: 0;
	border-bottom: 1px dashed #333;
	padding-bottom: 5px;
}

#fac_blog .inner .box a.btn span {
	margin-left: 30px;
	font-family: "Figtree", sans-serif;
	font-weight: 700;
	transition: 0.5s;
}
#fac_blog .inner .box a.btn:hover span {margin-left: 20px;margin-right: 10px;}
@media screen and (max-width: 1300px) {
#fac_blog .inner .box {width: calc((100% - (30px * 4))/5);}	
#fac_blog .inner .box.ttl,
#fac_blog .inner .box.ttl div {width: 100%;	text-align: center;}
#fac_blog .inner .box.ttl {padding: 30px 0;}
#fac_blog .inner .box h3 {
	font-size: 19px;
	line-height: 160%;
	margin: 0 0 10px 0;
}
}
@media screen and (max-width: 1000px) {
#fac_blog .inner {max-width: 700px;	display: block;}
#fac_blog .inner .box {width: 100%;	margin: 0 0 5px 0;}	
#fac_blog .inner .box a {
		display: flex;
	align-items: center;
	flex-direction: row-reverse;
	background-color: #fff;
	}
#fac_blog .inner .box.ttl {display: block;}
#fac_blog .inner .box.ttl a {display: inline-block; background-color: transparent;}
	
#fac_blog .inner .box a figure {width: 30%;	height: 100%; margin: 0;}
#fac_blog .inner .box a .txt {
	width: 70%;
	padding: 20px;
	box-sizing: border-box;
	}
#fac_blog .inner .box p.dt {margin: 0px 0 5px 0;}
#fac_blog .inner .box h3 {
	font-size: 19px;
	line-height: 160%;
	margin: 0 0 10px 0;
}
}

@media screen and (max-width: 500px) {
#fac_blog {padding: 20px 20px ;}
}

/*---区切り（円弧）-----*/
.kugiri {
  overflow: hidden;
}
.crcl_u {
background: #f3f3f3;
border-bottom-left-radius: 1000px 100px;
border-bottom-right-radius: 1000px 100px;
height: 200px;
margin-left: -50px;
margin-right: -50px;
padding-left: 50px;
padding-right: 50px;
position: relative;
z-index: 1;
top: -30px;
}
.content02 {
  height: 100px;
}
.crcl_o {
  background: #e3f2f8;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  height: 200px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
	position: relative;
	z-index: 0;
} 

/*------------------------------------
事業所（エディタ）
---------------------------------------*/

.edi {
	font-size: 16px;
	line-height: 180%;
	font-weight: 400;
	text-align: left;
}

.edi a {
	border-bottom: dotted 2px #b73a3a;
	padding-bottom: 2px;
	transition: 0.5s;
}
.edi a:hover {
	border-bottom: dotted 2px transparent;
	padding-bottom: 5px;
	color: #b73a3a;
}

.edi.o50 {margin-top: 50px;}

.edi h1,
.edi h2 {
	border-top: 1px solid #b1b0b0;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	line-height: 170%;
	padding: 20px 0;
}
.edi h3 {
	color: #b73a3a;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 170%;
}

.edi figure.wp-block-table {margin: 0 0 20px 0;}
.edi figure.wp-block-table table thead {border: none;background-color: #efecec;}


/*--List ul---*/
.edi ul.wp-block-list {	margin: 0 0 20px 0;	padding: 0 0 0 20px;}
.edi ul.wp-block-list li {list-style: disc;}
.edi ul.wp-block-list li::marker {color: #b73a3a;}

.edi ol.wp-block-list {	margin: 0 0 20px 0;	padding: 0;}
.edi ol.wp-block-list {
  list-style: none;
  counter-reset: number;
}
.edi ol.wp-block-list li {
  position: relative;
  padding-left: 30px;
}
.edi ol.wp-block-list li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
	background-color: #b73a3a;
	border-radius: 30px;
  	left: 0;
	top: 3px;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}



.edi figure {margin: 20px 0;}

.edi figure img {width: auto; height: auto; max-width: 100%;}

.edi p {margin-bottom: 20px;}


/*--大きな図---*/
@media screen and (max-width: 900px) {
.slider-wrapper {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 950px;
  margin: 0px auto 0px auto;
}
.slider-wrapper .slider {
  width: 800px;
	flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}
.slider-wrapper .slider > * { -webkit-transform: translateZ(0px);}
.slider-wrapper::-webkit-scrollbar { display: none;  height: 3px !important;}
}


/*---------事業所スタッフ-------------------------*/
#ji_staff {
	max-width: 1020px;
	margin: 50px auto 0 auto;
	width: calc(100% - 40px);
	padding-bottom: 20px;
}

#ji_staff .inner {
	display: flex;
	column-gap: 40px;
	background-color: #fff;
	padding: 40px;
	margin: 0 0 20px 0;
	border-radius: 15px;
	position: relative;
}
#ji_staff .inner p.stftag {
	position: absolute;
	display: inline-block;
	background-color: #b73a3a;
	color: #fff;
	font-size: 15px;
	padding: 0px 10px;
	top: -5px;
	left: 20px;
	transform: rotate(-10deg);
	min-width: 60px;
}


#ji_staff .inner figure {width: 35%;}
#ji_staff .inner .box {width: calc(100% - 35% - 40px);}
#ji_staff .inner .box h3 {
	font-size: 22px;
	margin: 0 0 10px 0;
	line-height: 180%;
}
#ji_staff .inner .box .name {display: flex;margin: 0 0 10px 0;}
#ji_staff .inner .box .name h2 {
	font-size: 20px;
	padding: 0 15px 0 0;
}
#ji_staff .inner .box .name h2::before {
	content: "●";
	font-size: 11px;
	display: inline-block;
	margin-right: 5px;
	color: #1879b7;
	position: relative;
	top: -3px;
}
#ji_staff .inner .box .name p {
	padding: 0 0 0 15px;
	border-left: 1px solid #666;
}

#ji_staff .inner .box p.katag {
	padding-left: 15px;
	line-height: 160%;
	font-size: 14px;
	margin: 0 0 15px 0;
	position: relative;
}

#ji_staff .inner .box p.katag::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 5px;
	border: 1px solid #666;
}
#ji_staff .inner .box p.katag::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 0;
	height: calc(100% + 2px);
	width: 4px;
	background-color: #fff;
}

@media screen and (max-width: 770px) {
#ji_staff .inner {
	flex-direction: column-reverse;
	flex-wrap: wrap;
}	
#ji_staff .inner figure {width: 100%; margin-bottom: 15px;}
#ji_staff .inner .box {width: 100%;}
}
@media screen and (max-width: 550px) {
#ji_staff .inner {
	padding: 20px;
}	
}
@media screen and (max-width: 500px) {
#ji_staff .inner .box h3 {font-size: 18px;line-height: 170%;}
#ji_staff .inner .box .name h2 {font-size: 17px;}
}

/*------------------------------------------------------
ページングのスタイル
-----------------------------------------------------------*/
.newer-older {
	margin: 30px auto 0px auto;
	letter-spacing: -0.4em;
	display:flex;
	-js-display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	width: 100%;
	max-width: 1200px;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px solid #d6d6d6;
}
.newer-older p {margin: 0; padding: 0;}

.newer-older p.newer {text-align: right; border-left: 1px solid #d6d6d6;}
.newer-older p.older {text-align: left; }
.newer-older p.blog {
	text-align: center; 
	background-color: #f6f6f6;
}

.newer-older p.older,
.newer-older p.newer {
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: middle;
}

.newer-older p.older{width: calc(50%)}
.newer-older p.newer{width: calc(50%)}


.newer-older p.older a,
.newer-older p.newer a {
	height: 100%;
	display: block;
	text-decoration: none;
	transition: 0.5s;
	box-sizing: border-box;
	position: relative;
}

.newer-older p.newer a::after {
	content: "→";
	position: absolute;
	right: 5px;
	top: calc(50% - 16px);
	font-family: "Figtree", sans-serif;
}
.newer-older p.older a::after {
	content: "←";
	position: absolute;
	left: 5px;
	top: calc(50% - 16px);
	font-family: "Figtree", sans-serif;
}


.newer-older p.older a {padding: 20px 20px 20px 30px;}
.newer-older p.newer a {padding: 20px 30px 20px 20px;}

@media screen and (max-width: 710px) {
.newer-older p.newer {text-align: left;}
}
@media screen and (max-width: 550px) {

.newer-older p.older a {padding: 20px 10px;}
.newer-older p.newer a {padding: 20px 10px;}

	
.newer-older p.older{width: 50%}
.newer-older p.newer{width: 50%; }
.newer-older p.blog { display: none;}
	
.newer-older p.newer a::after,
.newer-older p.older a::after {display: none;}	
}

.bgred{
    background-color: #e60012;
    color: white;
    text-align: center;
    margin: 0 0% 10px 0%;
    padding: 2px 15px;
    display: inline-block;
}

/*------------------------------------**/

/*----------------------------------------------------------------------------
ページングカスタマイズ
-----------------------------------------------------------------------------*/

nav.pagination {
	letter-spacing: normal; 
	text-align: center;
	font-size: 16px;
	color:#000;
	margin: 60px 0 ;
	position: relative;
	z-index: 999;
}

nav.pagination h2 {display: none;}
nav.pagination a{
	display: inline-block;
	color:#000;
	margin: 0 2px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	transition: 0.5s;
}

nav.pagination a:hover {background-color: #d6d6d6;}

nav.pagination span.page-numbers {
	background-color: #333;
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
}

nav.pagination span.dots{
	background: none;
	color:#000;
}
/*--nav.pagination span.page-numbers {background-color: #d6d6d6;}--*/

/*--イベント用---*/
.acv_event nav.pagination {
	letter-spacing: normal; 
	text-align: center;
	font-size: 16px;
	color:#fff;
	margin: 60px 0 ;
	position: relative;
	z-index: 999;
}

.acv_event nav.pagination h2 {display: none;}
.acv_event nav.pagination a{
	display: inline-block;
	color:#fff;
	margin: 0 2px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	transition: 0.5s;
}

.acv_event nav.pagination a:hover {background-color: #333;}

.acv_event nav.pagination span.page-numbers {
	background-color: #fff;
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	color: #0e5684;
	text-decoration: none;
	border-radius: 30px;
}

.acv_event nav.pagination span.dots{
	background: none;
	color:#000;
}

/*--------------------------------------------------------------
フォーム用のボタン・入力
-----------------------------------------------------------------*/
/*-------------お問合せ---------------------*/

.entry_form {
	background-color: #f6f4f4;
	max-width: 774px;
	padding: 60px 65px 30px 65px;
	box-sizing: border-box;
	border-radius: 14px;
	margin: 0 auto 50px auto;
}

.entry_form.w {background-color: #fff; margin: 0 auto;width: calc(100% - 40px);}
.entry_form.w h3 {
	color: #1879b7;
	font-size: 30px;
	margin: 0 0 20px 0;
	text-align: center;
}
.entry_form.w p.htxt {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 30px 0;
}



.entry_form h2 {
	background-color: #1f4176;
	font-size: 21px;
	padding: 20px;
	border-radius: 9px;
	color: #fff;
	letter-spacing: 1px;
	margin: 0 0 20px 0;
}

.entry_form h2 span {
	display: inline-block;
	font-size: 16px;
	padding-right: 30px;
	border-right: 1px solid #fff;
	margin-right: 20px;
}

.entry_form table {
	width: 100%;
	border-spacing: 0;
}

.entry_form table td,
.entry_form table th {
	padding: 15px 0;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px dashed #666;
	vertical-align: top;
}

.entry_form table th {width: 130px;}

.entry_form span {display: inline-block;vertical-align: top;}

.entry_form .nin {
	background-color: #666;
	color: #fff;
	font-size: 13px;
	padding: 0 5px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 5px 0 0;
}
.entry_form .need {
	background-color: #a64545;
	color: #fff;
	font-size: 13px;
	padding: 0 5px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 5px 0 0;
}

@media screen and (max-width: 620px) {
.entry_form {
	padding: 30px;
}
.entry_form.w h3 {
	font-size: 26px;
	margin: 10px 0 20px 0;
}
.entry_form.w p.htxt {font-size: 15px;}
}

@media screen and (max-width: 470px) {
.entry_form {padding: 20px;}
.entry_form table,
.entry_form table tr,
.entry_form table th,
.entry_form table td {display: block;width: 100%;}
.entry_form table th {border-bottom: none; padding-bottom: 0;}
.entry_form span br {display: none;}
.entry_form.w h3 {
	font-size: 22px;
	margin: 10px 0 20px 0;
}
}




	.a1 {
		height: auto;
		padding:15px 20px;
		border:1px solid #b8b8b8;
		font-size:16px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:100%;
		box-sizing:border-box;
		outline: none;
		margin: 0;
	}

.a1t {
		height: 200px;
		padding:15px 20px;
		border:1px solid #b8b8b8;
		font-size:16px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:100%;
		box-sizing:border-box;
		outline: none;
		margin: 0;
	}

	.a2 {
		padding:10px 20px;
		border:1px solid #acacaa;
		font-size:15px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:60%;
		box-sizing:border-box;
		outline: none;
		margin-top: 2px;
	}

	.a3 {
		padding:10px 20px;
		border:1px solid #acacaa;
		font-size:15px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:100px;
		box-sizing:border-box;
		outline: none;
		margin-top: 2px;
	}

	
.a1:focus,
.a2:focus{
	border-color:#333;
	outline: none;
}

/*送信ボタン*/
	.sendb,
	.sendb:focus {
		width: 251px;
		height: 57px;
		margin: 40px auto 0 auto;
		background-color: #1f4176;
		color:#fff;
		border: none;
		border-radius: 7px;
		font-size: 19px;
		font-weight: 400;
		cursor:pointer;
		display: grid;
		place-items:center;
		position: relative;
		transition: 0.3s;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
}
	
	.sendb:hover {
		top: 2px;
		left: 2px;
		background-color:#0e7d84;
		cursor:pointer;
		transition: 0.3s;
	}

.entry_form input[type="checkbox"]:focus {
  outline: none;
}
/* チェックボックス 
.entry_form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    top: 3px;
    margin: 3px 0 0 -16px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #acacaa;
    outline: none;
    transition: background-color 0.2s, border-color 0.2s;
}*/

.entry_form input[type=checkbox]:checked {
    background-color: #2d6ab3;
    border-color: #2d6ab3;
}

/* チェックマーク 
.entry_form input[type=checkbox]:checked::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 6px;
    width: 3px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.entry_form input[type=checkbox]:hover {
    border-color: #2d6ab3;
}*/
	
.entry_form  input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.entry_form input[type=checkbox] {
	margin-left: 0px;
	margin-right: 20px;
	line-height: 0;
	width:0px;
	height: 0px;
	border: 0;
}


.entry_form  label {
	padding: 0 10px !important;
}
.entry_form  label input {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.entry_form label input:before {
	position: absolute;
	z-index: 1;
    top: -12px;
    left: -12px;
    width: 0.75rem;
	height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #da3c41;
	border-top-style: none;
	border-right-style: none;
	
}
.entry_form  label input:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.entry_form  label input:after {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 1rem;
	height: 1rem;
	content: '';
	cursor: pointer;
	border: 1px solid #0e5684;
	background:#f6f6f6;

}

.entry_form  input[type="checkbox"]:focus {
  outline: none;
  border: 0;
}

.wpcf7-response-output {
    border: 2px solid #981315 !important;
    background-color: #981315 !important;
    color: #fff !important;
    padding: 15px !important;
    border-radius: 10px !important;
    text-align: center;
	font-weight: 600;
}

.entry_form td strong.redb {
	font-size: 1.1em;
	color: #981315;
}
/*------------------------------------------------------------------
フリーの鳥
-----------------------------------------------------------------*/
.gr.left {
	position: absolute;
	max-width: 50%;
	width: 540px;
	left: 20px;
	top: 400px;
	z-index: 10;
}

.gr {
	position: absolute;
	max-width: 60%;
	width: 470px;
	right: 5px;
	top: 130px;
	z-index: 1;
}

img.bird1,
img.bird2,
img.bird3 {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
}

/*--------------------------------------------------------------
エディタ共通してい
----------------------------------------------------------*/
.wp-block-button a,
.wp-block-button a:hover {border-bottom:none; padding: 5px 20px !important;}
.wp-block-button a:hover {background-color:#266394; color: #fff;}


/*------------------------------------
story ものがたりを知るのエディタ
---------------------------------------*/

.story_edi {
	width: calc(100% - 40px);
	margin: 50px auto 0 auto;
	max-width: 880px;
	font-size: 16px;
	line-height: 180%;
	font-weight: 400;
	text-align: left;
}

.story_edi a {
	border-bottom: dotted 2px #b73a3a;
	padding-bottom: 2px;
	transition: 0.5s;
}
.story_edi a:hover {
	border-bottom: dotted 2px transparent;
	padding-bottom: 5px;
	color: #b73a3a;
}


.story_edi h1,
.story_edi h2 {
	font-size: 32px;
	font-weight: 600;
	margin: 0;
	line-height: 170%;
	padding: 20px 0;
}
.story_edi h3 {
	color: #b73a3a;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 170%;
}

.story_edi figure.wp-block-table {margin: 0 0 20px 0;}
.story_edi figure.wp-block-table table thead {border: none;background-color: #efecec;}

.story_edi figure {margin: 20px 0;}
.story_edi figure img {width: auto; height: auto; max-width: 100%;}
.story_edi p {margin-bottom: 20px;}

@media screen and (max-width: 400px) {
	
.story_edi h1,
.story_edi h2 {
	font-size: 26px;
}
}