@charset "UTF-8";
article, aside, figcaption, figure, footer, header, img, nav, section {
display:block
}
body, dd, div, dl, dt, h1, h2, h3, h4, html, img, li, ol, p, span, table, td, th, tr, ul, figure {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
font-size: 14px;
line-height: 2.2;
font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: normal;
/*background-color: #FFFFFF;*/
color: #222222;
letter-spacing: 0.05em;
}
/*font-family : "游明朝",'Yu Mincho Demibold','YuMincho Demibold';*/
h1, h2 {
line-height: 1.8em;
}
h1, h2, h3, h4, h5 {
font-weight: bold;
}
/*p{
font-weight: 300;
}*/
@media screen and (max-width: 820px) {
body {
font-size: 13px;
line-height: 2.0em;
}
h1, h2 {
line-height: 1.5em;
color: #000000;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 3.3vw;
line-height: 2.0em;
}
}
ol, ul {
list-style:none
}
table{
border-collapse: collapse;
border-spacing: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
a {  }
a:link {
color: #444444;
text-decoration: none;
}
a:visited {
color: #444444;
text-decoration: none;
}
a:hover, a:active {
color: #444444;
text-decoration: none;
}
@media screen and (max-width: 767px) {
a:hover, a:active {
text-decoration: none;
}
}



/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */
.contents {
overflow: hidden;
clear: both;
background-color: #EEF0EE;
/*position: relative;*/
}
@media screen and (max-width: 767px) {
.contents {
}
}

.Box01{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
.Box01{
padding-top: 5%;
padding-bottom: 5%;
}
}
.Box01b{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.Box01b{
padding-top: 5%;
}
}
.Box01c{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.Box01b{
}
}
/* ------ Column ------ */
.row110,.row110in{
max-width: 1100px;
margin: 0 auto;
padding: 0 3%;
}
.row120{
max-width: 1200px;
margin: 0 auto;
padding: 0 3%;
}
.row,.row00{
max-width: 1000px;
margin: 0 auto;
padding: 0 3%;
}
.row:after,.row00:after,.row02:after {
content: "";
display: block;
clear: both;
}
.row02,.row02in {
max-width: 900px;
margin: 0 auto;
padding: 0 3%;
}
.row800,.row800in {
max-width: 800px;
margin: 0 auto;
padding: 0 3%;
}
.row700,.row700in {
max-width: 700px;
margin: 0 auto;
padding: 0 3%;
}

.pc_only {
display: block;
}
.sp_only {
display: none;
}
@media screen and (max-width: 767px) {
/* 左右に余白を設定 */
.row110,.row120,.row,.row02,.row800,.row700  {
padding: 0 6%;
}
.row00,.row02in,.row800in,.row700in,.row110in {
padding-top: 0;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0;
}
.pc_only {
display: none !important;
}
.sp_only {
display: block;
}
}


/*ホワイト*/
.wt .fa,.wt{
color: #FFF !important;
}
.wt a:link {
text-decoration: none !important;
color: #FFF !important;
}
.wt a:visited {
text-decoration: none !important;
color: #FFF !important;
}
.wt a:hover, .wt a:active {
text-decoration: none !important;
color: #FFF !important;
}

/*ブラック*/
.bk .fa,.bk{
color: #000000 !important;
}
.bk a:link {
text-decoration: none !important;
color: #000000 !important;
}
.bk a:visited {
text-decoration: none !important;
color: #000000 !important;
}
.bk a:hover, .bk a:active {
text-decoration: none !important;
color: #000000 !important;
}

/*コーポレートカラー*/
.corp .fa{
color: #006A6C !important;
}
.corp a:link {
text-decoration: none !important;
color: #006A6C !important;
}
.corp a:visited {
text-decoration: none !important;
color: #006A6C !important;
}
.corp a:hover, .corp a:active {
text-decoration: none !important;
color: #006A6C !important;
}

/*BGカラー*/
.bg_corp{
background-color: #00A6A3;
}
.bg_corp2{
background-color: #DC0000;
}
.bg_corp3{
background-color: #54B73A;
}
.bg_corp4{
background-color: #00AAFF;
}
.bg_rec{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: rgba(255,249,204,0.70);
}
@media screen and (max-width: 767px) {
.bg_rec{
padding-top: 5%;
padding-bottom: 5%;
}
}


/* ---------------------------------------------------------------- *
ヘッダ部分の設定
* ---------------------------------------------------------------- */
#header{
/*position: fixed;*/
width: 100%;
top: 0;
left: 0;
z-index: 4;
margin: 0;
background-color: #00A6A3;
height: 90px;
}
.in_head {
display: flex;
width: 100%;
transition: all 0.3s;
padding-top: 25px;
margin: 0;
}
.in_head h1 img {
height: 50px;
width: auto;
display: block;
transition: all 0.3s;
z-index: 1;
position: absolute;
}
@media screen and (max-width: 820px) {
#header{
height: 70px;
}
}
@media screen and (max-width: 767px) {
#header {
height: 60px;
}
.in_head {
padding-top: 10px;
}
.in_head h1 img {
height: 45px;
}
}


/*h_ボタン*/
.h_btn {
display: flex;
justify-content: flex-end;
margin-top: 0px;
margin-bottom: 10px;
gap: 0px;
position: absolute;
top: 30px;
right: 150px;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
border-radius: 30px;
}
.h_btn .ibtn {
}
.h_btn .ibtn a {
text-align: center;
display: block;
font-size: 13px;
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.h_btn .ibtn a::before {
position: absolute;
content: '';
width: 1px;
height: 15px;
background-color: #000000;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.h_btn .ibtn:last-child a::before { 
width: 0px;
}

.h_btn .ibtn a:hover {
opacity: 0.7;
}
@media screen and (max-width: 995px) {
.h_btn {
display: none;
}
}
@media screen and (max-width: 767px) {
.h_btn {
width: 100%;
margin-left: auto;
margin-right: auto;
gap: 20px 0px;
flex-direction: column;
margin-bottom: 20px;
}
.h_btn .ibtn {
width: 100%;
font-size: 3.3vw;
}
}




/*スライダー*/
.Y_1th {
padding-top: 40px;
padding-bottom: 80px;
position: relative;
background: linear-gradient(180deg, #00A6A3 0%, #00A6A3 71%, #EEF0EE 29%, #EEF0EE 100%);
}
@media screen and (max-width: 767px) {
.Y_1th {
padding-top: 20px;
padding-bottom: 40px;
background: linear-gradient(180deg, #00A6A3 0%, #00A6A3 60%, #EEF0EE 40%, #EEF0EE 100%);
}
}

/* ---------------------------------------------------------------- *
swiper　設定
* ---------------------------------------------------------------- */
.t_mv{
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0;
width: 60%;
margin-right: auto;
position: relative;
}
.t_mv p.guide{
position: absolute;
right: -350px;
top: 70px;
font-size: 32px;
font-weight: 700;
z-index: 1;
color: #FFFFFF;
line-height: 2em;
}



/*フルスクリーン表示　トップ*/
.swiper-container {
width: 100%;
height: 500px;
/*height: 100vh;*/
}


@media screen and (max-width: 820px) {
.swiper-container {
height: 400px;
}
.t_mv p.guide{
right: -280px;
top: 70px;
font-size: 25px;
line-height: 2em;
}
}

@media screen and (max-width: 767px) {
.t_mv{
width: 90%;
}
.swiper-container {
height: 300px;
/*height: 100vh;*/
}
.t_mv p.guide{
position: static;
font-size: 18px;
line-height: 1.8em;
margin-left: 6%;
color: #00A6A3;
margin-top: 15px;
}
}

.swiper-slide {
background-position: center;
background-size: cover;
width: 100%;
position: relative;
z-index: 0;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
}


/*画像切り替えトップ*/
.mv01{
background-image: url(../parts/mv01_pc.webp?v=20250327);
}
.mv02{
background-image: url(../parts/mv02_pc.webp?v=20250327);
}
.mv03{
background-image: url(../parts/mv03_pc.webp?v=20250327);
}
.mv04{
background-image: url(../parts/mv04_pc.webp?v=20250327);
}


/*画像切り替え　事業所案内*/
.sv01{
background-image: url(../parts/mv_sv01.webp?v=20250327);
}
.sv02{
background-image: url(../parts/mv_sv03.webp?v=20250327);
}
.sv03{
background-image: url(../parts/mv_sv02.webp?v=20250327);
}
.sv04{
background-image: url(../parts/mv_sv04.webp?v=20250327);
}
.sv05{
background-image: url(../parts/mv_sv05.webp?v=20250327);
}
.sv06{
background-image: url(../parts/mv_sv06.webp?v=20250327);
}
.sv07{
background-image: url(../parts/mv_sv07.webp?v=20250327);
}
.sv08{
background-image: url(../parts/mv_sv08.webp?v=20250327);
}



/*事業所案内用*/
.t_mv2{
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0;
	width: 67%;
	margin-right: 0px;
	position: relative;
}
.swiper-container2 {
width: 100%;
height: 400px;
}
.swiper-container2 .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	z-index: 0;
	border-radius: 60px 0px 0px 60px;
}
@media screen and (max-width: 820px) {
.swiper-container2 {
height: 350px;
}
}

@media screen and (max-width: 767px) {
.t_mv2{
	width: 100%;
	padding-bottom: 130px;
}
.swiper-container2 {
height: 250px;
}
}








/*セクション02　コンテンツ*/
.Y_2th {
position: relative;
background-color: #EEF0EE;
}
.Y_2th .Maru1 {
position: absolute;
left: 0px;
bottom: 30px;
width: 200px;
z-index: 0;
}
.Y_2th .Maru1 img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.Y_2th {
}
.Y_2th .Maru1 {
width: 150px;
}
}

/*オプション*/
.Y2_opt1 {
padding-top: 20px;
padding-bottom: 80px;
/*max-width: 1100px;*/
max-width: calc(50% + 550px); /* 1100pxの幅を持つ中央と左側 */
margin-right: 0px;
margin-left: auto;
padding-left: 5%;
z-index: 1;
position: relative;
}
.Y2_opt1 ul.in_desc {
display: grid;
gap: 80px;
grid-template-columns: 1fr 1.4fr;
margin-bottom: 60px;
}
.Y2_opt1 ul.in_desc li.item {
place-content: center;
}
.Y2_opt1 ul.in_desc li.item.area2 {
background-image: url(../parts/top_p01.webp?v=20250327);
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 400px;
}
.Y2_opt1 ul.in_desc li.item h2 {
font-size: 55px;
font-weight: 700;
margin-bottom: 30px;
color: #00A6A3;
line-height: 1.4em;
}
.Y2_opt1 ul.in_desc li.item h2 span {
font-size: 35px;
font-weight: 500;
display: block;
line-height: 1.6em;
}
@media screen and (max-width: 820px) {
.Y2_opt1 ul.in_desc {
gap: 50px;
grid-template-columns: 1fr 1.4fr;
}
.Y2_opt1 ul.in_desc li.item.area2 {
height: 330px;
}
.Y2_opt1 ul.in_desc li.item h2 {
font-size: 40px;
}
.Y2_opt1 ul.in_desc li.item h2 span {
font-size: 25px;
}
}
@media screen and (max-width: 767px) {
.Y2_opt1 {
padding-top: 10px;
padding-bottom: 40px;
padding-left: 10%;

}
.Y2_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.Y2_opt1 ul.in_desc li.item.area2 {
grid-row: 1 / 2;
grid-column: 1 / 2;
height: 250px;
}
.Y2_opt1 ul.in_desc li.item h2 {
font-size:9.5vw;
}
.Y2_opt1 ul.in_desc li.item h2 span {
font-size: 5.8vw;
}
.Y2_opt1 ul.in_desc li.item p {
font-size: 3vw;
margin-right: 6%;
}
}





/*セクション03　サービス*/
.Y_3th {
position: relative;
background-color: #00A6A3;
border-top: 10px solid #EFD81C;
padding-bottom: 60px;
}
.Y_3th .Maru2 {
position: absolute;
width: 180px;
z-index: 0;
right: 0px;
top: 0px;
}
.Y_3th .Maru2 img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.Y_3th {
padding-bottom: 30px;
}
.Y_3th .Maru2 {
	width: 150px;
	z-index: 0;
	right: 0px;
	top: auto;
	bottom: 24%;
}
}

/*オプション*/
.Y3_opt1 {
padding-top: 60px;
padding-bottom: 0px;
color: #FFFFFF;
}
.Y3_opt1 h2 {
font-size: 55px;
font-weight: 700;
margin-bottom: 0px;
line-height: 1.2em;
text-align: center;
color: #FFFFFF;
}
.Y3_opt1 h2 span {
font-size: 20px;
font-weight: 500;
display: block;
line-height: 1.6em;
color: #EFD81C;
}
.Y3_opt1 ul.in_desc {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
.Y3_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.Y3_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.Y3_opt1 ul.in_desc li.item {
padding: 20px;
position: relative;
}
.Y3_opt1 ul.in_desc li.item:nth-child(even){
margin-top: 50px;
}
.Y3_opt1 ul.in_desc li.item:nth-child(odd){
margin-bottom: 50px;
}

.Y3_opt1 ul.in_desc li.item h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.Y3_opt1 ul.in_desc li.item p {
line-height: 2em;
}
/*.Y3_opt1 ul.in_desc li.item .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.Y3_opt1 ul.in_desc li.item:hover{
background-color: rgba(204,204,204,0.10);
border-radius: 30px;
z-index: 0;
}*/
@media screen and (max-width: 820px) {
.Y3_opt1 ul.in_desc {
grid-template-columns: 1fr 1fr;
gap:50px;
}
.Y3_opt1 ul.in_desc li.item {
padding: 0px;
}
.Y3_opt1 ul.in_desc li.item:nth-child(even){
margin-top: 0px;
}
.Y3_opt1 ul.in_desc li.item:nth-child(odd){
margin-bottom: 0px;
}
.Y3_opt1 figure {
width: 60%;
}
.Y3_opt1 ul.in_desc li.item:hover{
background-color: rgba(204,204,204,0.0);
}
}
@media screen and (max-width: 767px) {
.Y3_opt1 {
padding-top: 40px;
}
.Y3_opt1 h2 {
font-size:9.5vw;
}
.Y3_opt1 h2 span {
font-size: 4.8vw;
}

.Y3_opt1 ul.in_desc {
gap: 30px;
width: 100%;
}
.Y3_opt1 figure {
width: 100%;
}
.Y3_opt1 ul.in_desc li.item h3 {
font-size: 3.2vw;
}
.Y3_opt1 ul.in_desc li.item p {
font-size: 3vw;
}
}


/*オプション*/
.Y3_opt2 {
}
.Y3_opt2 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.Y3_opt2 ul.in_desc li.item p.g_btn01 {
width: 100%;
}
.Y3_opt2 ul.in_desc li.item p.g_btn01 a{
background-color: #EFD81C;
font-size: 14px;
color: #000000;
}
.Y3_opt2 ul.in_desc li.item p.g_btn01 span{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
}
@media screen and (max-width: 767px) {
.Y3_opt2 {
}
.Y3_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.Y3_opt2 ul.in_desc li.item p {
font-size: 3vw;
}
}





/*セクション04*/
.Y_4th {
position: relative;
z-index: 0;
}
.Line1 {
position: absolute;
width: 500px;
z-index: 0;
left: 50%;
transform: translateX(-25%);
top: 60px;
}
.Line2 {
position: absolute;
width: 400px;
z-index: 0;
top: 180px;
left: 50%;
transform: translateX(85%);
}
@media screen and (max-width: 820px) {
.Line2 {
top: 200px;
transform: translateX(65%);
}
}
@media screen and (max-width: 767px) {
.Line2 {
top: 300px;
transform: translateX(20%);
}
}

/*オプション*/
.Y4_opt1 {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 1;
}
.Y4_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1.8fr 0.9fr 1.2fr;
}
.Y4_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.Y4_opt1 figure img {
width: 100%;
height: auto;
border-radius: 50px;
display: block;
}
.Y4_opt1 ul.in_desc li.item {
position: relative;
}
.Y4_opt1 ul.in_desc li.item:nth-child(1) {
}
.Y4_opt1 ul.in_desc li.item:nth-child(2) {
position: relative;
margin-left: -50px;
margin-top: 230px;
}
.Y4_opt1 ul.in_desc li.item:nth-child(3) {
margin-left: 50px;
margin-top: 50px;
}
.Y4_opt1 ul.in_desc li.item h3 {
font-size: 30px;
font-weight: 500;
line-height: 1.5em;
color: #00A6A3;
padding-left: 100px;
padding-top: 15px;
}
@media screen and (max-width: 820px) {
.Y4_opt1 ul.in_desc {
}
.Y4_opt1 ul.in_desc li.item h3 {
font-size: 25px;
line-height: 1.5em;
padding-left: 60px;
}
.Y4_opt1 ul.in_desc li.item:nth-child(3) {
margin-left: 25px;
margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
.Y4_opt1 {
padding-top: 50px;
padding-bottom: 50px;
}
.Y4_opt1 ul.in_desc {
grid-template-columns: 2fr 1fr;
}
.Y4_opt1 ul.in_desc li.item:nth-child(1) {
grid-row: 1 / 2;
grid-column: 1 / 3;
}
.Y4_opt1 ul.in_desc li.item:nth-child(2) {
margin-left: 0px;
margin-top: 50px;
grid-row: 2 / 3;
grid-column: 1 / 2;
}
.Y4_opt1 ul.in_desc li.item:nth-child(3) {
margin-left: -30px;
margin-top: 0px;
}
.Y4_opt1 ul.in_desc li.item:nth-child(1) figure {
width: 80%;
margin-left: 0px;
margin-right: auto;
}
.Y4_opt1 ul.in_desc li.item:nth-child(2) figure {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.Y4_opt1 ul.in_desc li.item h3 {
font-size: 6.5vw;
padding-left: 20px;
}
}



.stripe01 {
background-size: auto auto;
background-color: rgba(255, 255, 255, 0);
background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(239, 216, 28, 1) 12px, rgba(239, 216, 28, 1) 16px );
height: 30px;
width: 100%;
}
.stripe02 {
background-size: auto auto;
background-color: rgba(255, 255, 255, 0);
background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(0, 166, 163, 1) 12px, rgba(0, 166, 163, 1) 16px );
height: 30px;
width: 100%;
}


/*お知らせ*/
.I_3th {
padding-bottom: 80px;
padding-top: 80px;
position: relative;
}
.I_3th h2 {
font-size: 55px;
font-weight: 700;
margin-bottom: 50px;
line-height: 1.2em;
color: #00A6A3;
}
.I_3th h2 span {
font-size: 20px;
font-weight: 500;
display: block;
line-height: 1.6em;
color: #EFD81C;
}
.I_3th p.g_btn01 {
margin-right: auto;
margin-left: 0px;
width: 80%;
position: relative;
z-index: 1;
}
.I_3th p.g_btn01 a{
background-color: #EFD81C;
}
.Line3 {
position: absolute;
width: 400px;
z-index: 0;
left: 50%;
transform: translateX(-150%);
bottom: -50px;
}
@media screen and (max-width: 767px) {
.I_3th {
padding-top: 40px;
padding-bottom: 60px;
}
.I_3th h2 {
font-size:9.5vw;
margin-bottom: 30px;
}
.I_3th h2 span {
font-size: 4.8vw;
}
}

/*お知らせ*/
.y_news {
display: grid;
gap: 50px;
grid-template-columns: 1fr 2.5fr;
}
.y_news.archives {
grid-template-columns: 1fr;
}
@media(max-width: 767px){
.y_news {
gap: 0px;
grid-template-columns: 1fr;
}
.y_news .n_item {
position: relative;
}
.y_news .n_item .g_btn01 {
position: absolute;
right: 0px;
bottom: 25%;
width: 40%;
}
}


/*お知らせ一覧*/
.n_feed {
}
.n_feed .item {
display: flex;
gap: 0px;
border-bottom: 1px solid #EFD81C;
padding-bottom: 30px;
padding-top: 30px;
position: relative;
z-index: 1;
transition: all 0.3s;
}
.n_feed .item:first-child {
border-top: 1px solid #EFD81C;
}
.n_feed .item .update {
background-color: #00A6A3;
color: #FFFFFF;
font-size: 11px;
line-height: 2em;
padding-left: 10px;
padding-right: 10px;
border-radius: 20px;
padding-top: 5px;
padding-bottom: 0px;
font-weight: 300;
}
.n_feed .item .in_if01 {
position: relative;
}
.n_feed .item .in_if01 p {
margin-right: 20px;
}
.n_feed .item .in_if01 span {
position: absolute;
right: 20px;
top: 5px;
line-height: 1em;
padding-bottom: 7px;
padding-top: 7px;
}
.n_feed .item .in_if01 {
flex-basis: 25%;
}
.n_feed .item .in_if02 {
flex-basis: 75%;
}


.n_feed .item .in_if02 a:hover, .n_feed .item .in_if02 a:active {
color: #666666;
text-decoration: underline;
}

@media(max-width: 820px){
.n_feed .item .in_if01 {
flex-basis: 30%;
}
.n_feed .item .in_if02 {
flex-basis: 70%;
}
}
@media(max-width: 767px){
.n_feed .item {
flex-direction: column;
padding-bottom: 15px;
padding-top: 15px;
}
.n_feed .item .in_if01 p {
margin-right: 20px;
}
.n_feed .item .in_if01 span {
right: 10px;
top: 0px;
padding-bottom: 5px;
padding-top: 5px;
}
.n_feed .item .update {
font-size: 2.5vw;
line-height: 1.8em;
padding-top: 2px;
}
}



/*お知らせ*/
.info_Bx {
display: grid;
gap: 30px;
grid-template-columns: 1fr 5fr;
border-bottom: 1px solid rgba(152,152,152,0.50);
font-weight: 300;
}
.info_Bx .item {
padding: 10px;
position: relative;
}
@media(max-width: 767px){
.info_Bx {
gap: 0px;
grid-template-columns: 1.5fr 4fr;
}
}


/*お問い合わせ　背景*/
.contact_bg {
	background-image: url('../parts/top_contact_bg.webp?v=20250327');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 500px;
	width: 100%;
}
.contact_bg {
z-index: 0; /* 他の要素の上または下に適切に配置 */
background-attachment: scroll; /* モバイル対応 */
}
@media screen and (max-width: 767px) {
.contact_bg {
height: 300px;
}
}



/*お問い合わせ*/

.Y5_opt1 {
padding-top: 60px;
padding-bottom: 30px;
background-color: #EEF0EE;
}
.Y5_opt1 h2 {
font-size: 55px;
font-weight: 700;
margin-bottom: 30px;
line-height: 1.2em;
color: #00A6A3;
text-align: center;
}
.Y5_opt1 h2 span {
font-size: 20px;
font-weight: 500;
display: block;
line-height: 1.6em;
color: #EFD81C;
}
.Y5_opt1 p.guide {
text-align: center;
margin-bottom: 50px;
}
.Y5_opt1 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 80px;
}
.Y5_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.Y5_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.Y5_opt1 ul.in_desc li.item {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
border-radius: 20px;
background-color: #EFD81C;
text-align: center;
place-content: center;
transition: all 0.3s;
}
.Y5_opt1 ul.in_desc li.item h3 {
font-size: 30px;
font-weight: bold;
line-height: 1.2em;
}
.Y5_opt1 ul.in_desc li.item h3 strong {
font-size: 38px;
}
.Y5_opt1 ul.in_desc li.item h3 span {
font-size: 14px;
font-weight: normal;
display: block;
}
.Y5_opt1 ul.in_desc li.item .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.Y5_opt1 ul.in_desc li.item:hover{
background-color: #00A6A3;
z-index: 0;
color: #FFFFFF;
}
@media screen and (max-width: 820px) {
.Y5_opt1 ul.in_desc {
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.Y5_opt1 {
padding-top: 30px;
padding-bottom: 30px;
}
.Y5_opt1 h2 {
font-size:9.5vw;
margin-bottom: 30px;
}
.Y5_opt1 h2 span {
font-size: 4.8vw;
}
.Y5_opt1 p.guide {
text-align: left;
margin-bottom: 30px;
font-size: 3vw;
}
.Y5_opt1 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 50px;
}
.Y5_opt1 ul.in_desc li.item h3 {
font-size: 5vw;
}
.Y5_opt1 ul.in_desc li.item h3 strong {
font-size: 7vw;
}
.Y5_opt1 ul.in_desc li.item h3 span {
font-size: 3vw;
}
}




/* フッター */
footer{
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
margin: 0;
background-color: #00A6A3;
position: relative;
z-index: 1;
_zoom: 1;
overflow: hidden;
}
footer.subp{
border-top: 1px solid #CCCCCC;
}

footer p.copyright {
text-align: center;
font-size: 12px;
color: #FFFFFF;
font-weight: 300;
padding-top: 3px;
padding-bottom: 3px;
z-index: 1;
position: relative;
}

@media screen and (max-width: 767px) {
footer{
padding-top: 25px;
padding-bottom: 80px;
}
}

.f_nav {
display: grid;
gap: 50px;
grid-template-columns: 1fr 4fr;
margin-bottom: 50px;
}
.f_nav .item img {
width: 100%;
height: auto;
	max-height:85px;
display: block;
}
.f_nav .item p {
color: #FFFFFF;
}
@media(max-width: 767px){
.f_nav {
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 30px;
}
.f_nav .item figure {
width: 30%;
margin-left: auto;
margin-right: auto;
}
.f_nav .item p.copyright {
text-align: center;
font-size: 2.3vw;
}
}

/*フランチャイズバナー*/
.heartive{
width: 250px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.heartive img{
width: 100%;
height: auto;
display: block;
}






/*footナビ2*/
.f_nav2 {
margin-bottom: 0px;
}
.f_nav2 ul.in_desc {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0px;
padding-bottom: 60px;
}
.f_nav2 ul.in_desc li.item {

}
.f_nav2 ul.in_desc li.item h3 a,.f_nav2 ul.in_desc li.item h3{
padding-top: 2px;
padding-bottom: 2px;
display: block;
font-weight: normal;
font-size: 14px;
color: #FFFFFF;
}
.f_nav2 ul.in_desc li.item p a{
padding-top: 2px;
padding-bottom: 2px;
display: block;
color: #FFFFFF;
font-size: 13px;
font-weight: 300;
}
.f_nav2 ul.in_desc li.item p a:hover,.f_nav2 ul.in_desc li.item h3 a:hover{
color: #EFD81C;
}

@media screen and (max-width: 767px) {
.f_nav2 ul.in_desc {
grid-template-columns: 1fr 1fr;
gap: 20px 0px;
}
}

/*バーガーメニュー内*/
@media screen and (max-width: 767px) {
.nav-in .f_nav2 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.nav-in .f_nav2 ul.in_desc {
grid-template-columns: 1fr;
gap: 0px 0px;
}
.nav-in .f_nav2 ul.in_desc li.item h3 {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 10px;
	padding-top: 10px;
}
.nav-in .f_nav2 ul.in_desc li.item:nth-child(1) {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 10px;
}
.nav-in .f_nav2 ul.in_desc li.item:nth-child(1) h3 {
	border-bottom: none;
}
.nav-in .f_nav2 ul.in_desc li.item:nth-child(2) {
	border-bottom: 1px solid #FFFFFF;
		padding-bottom: 10px;
}
.nav-in .f_nav2 ul.in_desc li.item:nth-child(2) h3 {
	border-bottom: none;
}
}



/*f_ボタン*/
.f_btn {
display: flex;
margin-top: 0px;
margin-bottom: 50px;
gap: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.f_btn .ibtn {
}
.f_btn .ibtn a {
text-align: center;
display: block;
font-size: 13px;
position: relative;
padding-left: 0px;
padding-right: 20px;
color: #FFFFFF;
}
.f_btn .ibtn:last-child a::before { 
width: 0px;
}

.f_btn .ibtn a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.f_btn {
display: grid;
gap: 20px 10px;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.f_btn .ibtn a {
border-bottom: 1px solid #FFFFFF;
padding-bottom: 10px;
}
.f_btn .ibtn {
width: 100%;
font-size: 3.3vw;
}
}




/*PAGE TOP（上へ）*/
/*リンクの形状*/
#page-top a{
display: flex;
justify-content: center;
align-items: center;
background-color: #00A6A3;
border-radius: 50%;
width: 60px;
height: 60px;
color: #fff;
text-align: center;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s;
border: 1px solid #FFFFFF;
}
#page-top a:hover{
background-color: #00A6A3;
}
#page-top span{
display: inline-block;
width: 13px;
height: 13px;
border-top:1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
transform: rotate(45deg);
margin: 8px 0 0 0;
}
/*リンクを右下に固定*/
#page-top {
position: fixed;
right: 50px;
bottom:150px;
z-index: 1;
/*はじめは非表示*/
opacity: 0;
transform: translateY(100px);
}

/*　上に上がる動き　*/

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

/*　下に下がる動き　*/

#page-top.DownMove{
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 1;
transform: translateY(300px);
}
}
@media screen and (max-width: 767px) {
#page-top {
position: fixed;
right: 5%;
bottom: 15%;
}
}