@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:770px) {
/*---------------------------------------------  HOME   ------*/
#m-inner{
	position: relative;
	width: 100%;
	height: auto;/* 1030px */
}
#m-inner::after{
	content: '';
	display: block;
	padding-top: 87vh;
}
#m-msg1{
	position: absolute;
	display: block;
	width: 80%;/* 820px*/
	height: auto;/* 140px */
	background: #FFFFFF;
	left: 0;
	bottom: 160px;/* 200px */
	border-radius: 0 10px 10px 0;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.35);
}
#m-msg2{
	position: absolute;
	font-size: 20px;/* 35px */
	line-height: 1.6;
	font-weight: bold;
	color: #FFFFFF;
	left:10px;/* 60px */
	bottom: 20px;/* 20px */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/*-----------*/
.home-box1{
	position: relative;
	height: auto;/* 1100px */
	background: url("./img/home/home-back1-sp.png");
	background-size: cover;
}
.home-box1::after{
	content: '';
	display: block;
	padding-top: 850px;/* 800px */
}
.home-img1{
	position: absolute;
	display: block;
	width: 80%;/* 680px */
	height: auto;/* 378px */
	top: 140px;/* 65px */
	right: inherit;/* 210px */
	left: 20px;
	border-radius: 10px;
}
.home-img2{
	position: absolute;
	display: block;
	width: 30%;/* 260px */
	height: auto;/* 240px */
	top: 270px;/* 370px */
	right: 20px;/* 80px */
	border-radius: 10px;
}
.home-mark1{
	position: absolute;
	width: 95%;
	top: 390px;/* 540px */
	left: 0;/* 130px */
	right: 0;
	margin: auto;
}
a .home-switch1{
	color: #000000;
}
.home-switch1{
	position: relative;
	display: block;
	width: 45%;/* 300px */
	height: 3.7%;/* 60px */
	line-height: 280%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 19px*/
	text-align: center;
	margin-top: 30px;/* 30px */
	z-index: 0;
	border-radius: 8px;
	background: #E47FB4;
	background: linear-gradient(315deg,rgba(228, 127, 180, 1) 44%, rgba(241, 219, 168, 1) 90%);
}
/*---------*/
.home-box2{
	position: relative;
	padding: 50px 0;/* 150px 0*/
	background: #fef9e4;
}
.home-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 23px;/* 39px -32px*/
	line-height: 1.8;
	margin-left: 10px;
}
.home-deco1{
	position: absolute;
	display: block;
	width: 50%;/* 600px */
	height: auto;/* 115px */
	top: 20px;/* 100px */
	right: 0;
}
/*---------------------*/
.office-post1{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 95%;/* 1380px */
	margin: 40px auto 0;/* 70px auto 0*/
	justify-content: space-between;
	list-style: none;
}
.office-post1 li{
	width: 100%;/* 630px */
	margin-bottom: 25px;/* 35px */
}
.office-post1 li a{
	text-decoration: none;
	color: #000000;
}
.office-post1 li .of-inner{
	position: relative;
	width: 100%;/* 630px */
	height: auto;/* 240px */
	background: #5b5657;
	transition: 1s ease;
}
.office-post1 li .of-inner:hover{
background: #de82a7;
}
.office-post1 li .of-inner::after{
	content: '';
	display: block;
	padding-top: 140px;
}
.of-post-img{
	position: absolute;
	display: block;
	width: 30%;/* 210px */
	height: auto;/* 210px */
	background: #FFFFFF;
	top: 0;
	bottom: 0;
	left: 15px;/* 20px */
	margin: auto;
	border-radius: 10px;
	overflow: hidden;
}
.of-post-disp{
	position: absolute;
	width: 60.7%;/* 370px */
	top: 10.5%;/* 30px */
	right: 15px;/* 20px */
	padding: 10px 0;/* 10px 0 */
}
.of-area1{
	display: block;
	width: 65%;/* 250px */
	padding: 5px;/* 10px */
	background: #f8e39e;
	margin: auto;
	border-radius: 10px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 13px;/* 17px*/
	line-height: 1;
	text-align: center;
}
.of-name1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 20px;/* 24px*/
	line-height: 1.6;
	text-align: center;
	margin-top: 10px;/* 20px */
	color: #FFFFFF;
}
/*-------*/
.home-box3{
	position: relative;
	height: auto;/* 850px */
}
.home-box3::after{
	content: '';
	display: block;
	padding-top: 730px;
}
.home-img3{
	position: absolute;
	display: block;
	width: 90%;/* 700px */
	height: auto;/* 600px */
	top: 60px;/* 120px */
	right: 0;/* 110px */
	left: 0;
	margin: auto;
}
.home-mark2{
	position: absolute;
	width: 90%;/* 700px */
	top: 480px;/* 170px */
	left: 0;/* 120px */
	right: 0;
	margin: auto;
}
.home-deco2{
	position: absolute;
	width: 50%;/* 650px */
	height: auto;/* 190px */
	top: 400px;/* 90px */
	left: 15px;
}
/*---------*/
.home-box4{
	position: relative;
	padding: 80px 0 120px;/* 150px 0 200px */
}
/*---------------*/
.home-news{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	background: #efefef;
	margin: auto;
	padding: 50px 0 20px;/* 100px 30px 80px */
	justify-content: inherit;
}
.home-title2{
	position: absolute;
	display: block;
	width: 40%;/* 335px */
	height: auto;
	top: -35px;/* -40px */
	left: 0;
	right: 0;
	margin: auto;
}
.news-post1{
	position: relative;
	width: 90%;/* 290px */
	height: auto;/* 440px */
	background: #3b3638;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto 20px;
}
.news-post1::after{
	content: '';
	display: block;
	padding-top: 150px;
}
.news-img1{
	position: absolute;
	display: block;
	width: 35%;/* 240px */
	height: auto;/* 230px */
	top: 0;/* 30px */
	bottom: 0;
	left: 15px;
	right: inherit;
	margin: auto;
	background: #FFFFFF;
}
.news-title1{
	position: absolute;
	width: 55%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 17px*/
	line-height: 1.5;
	color: #FFFFFF;
	top: 15px;/* 200px */
	left: inherit;
	right: 15px;
	margin: inherit;
}
.news-day1{
	position: absolute;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 13px;/* 13px*/
	line-height: 1;
	color: #e47fb4;
	right: 15px;/* 12px */
	bottom: 15px;/* 15px */
}
/*-----*/
a .home-switch2{
	color: #000000;
}
.home-switch2{
	position: absolute;
	display: block;
	width: 50%;/* 300px */
	height: 4.1%;/* 60px */
	line-height: 2.5;/* 60px */
	background: #E47FB4;
	background: linear-gradient(315deg,rgba(228, 127, 180, 1) 44%, rgba(241, 219, 168, 1) 90%);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 19px*/
	text-align: center;
	bottom: 50px;/* 70px */
	right: 20px;
	z-index: 0;
	border-radius: 10px;
}
/*---------*/
.home-box5{
	position: relative;
	height: auto;/* 760px */
	background: url("./img/home/home-back2.jpg");
	background-size: cover;
}
.home-box5::after{
	content: '';
	display: block;
	padding-top: 270px;
}
.home-bunner{
	position: absolute;
	display: block;
	width: 90%;/* 1120px */
	height: auto;/* 480px */
	border-radius: 10px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
/*---------*/
.home-box6{
	height: auto;/* 500px */
}
/*--------エンドロールスクロール ------------------*/
.end-scroll{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.end-scroll .roll-scroll{
	width: 100%;
	display: flex;
	white-space: nowrap;
}

.end-scroll .roll-scroll img {
	width: 30%; /* 400px 画像サイズは任意で調整可能 */
	height: auto;
}
/*----------------------------------------------  ASAHIについて　-----------------*/
.ab-box0{
	position: relative;
	height: auto;/* 650px */
	padding: 50px 0;
}
.ab-box0::after{
	display: none;
}
.ab-img0{
	position: inherit;
	display: block;
	width: 90%;/* 680px */
	height: auto;/* 480px */
	top: inherit;/* 170px */
	right: inherit;/* 80px */
	border-radius: 10px;
	margin: auto;
}
.ab-mark0{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 190px */
	left: inherit;/* 80px */
	margin: 16px auto 0;
}
/*-----------------------------*/
.ab-box1{
	position: relative;
	height: auto;/* 1050px */
	padding: 25px 0 50px;
}
.ab-box1::after{
	display: none;
}
.ab-img1{
	position: inherit;
	display: block;
	width: 90%;/* 680px */
	height: auto;/* 480px */
	top: inherit;/* 170px */
	left: inherit;/* 80px */
	border-radius: 10px;
	margin: auto;
}
.ab-mark1{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 190px */
	right: inherit;/* 80px */
	margin: 15px auto 0;
}
/*---------------------*/
.ab-box2{
	position: relative;
	background: url("./img/about/ab-back1.png");
	background-size: cover;
	height: auto;/* 1300px */
}
.ab-box2::after{
	content: '';
	display: block;
	padding-top: 1320px;
}
.ab-img2-1{
	position: absolute;
	display: block;
	width: 30%;/* 445px */
	height: auto;/* 445px */
	top: 0;/* -200px */
	left: 10px;/* 100px */
	border-radius: 10px;
}
.ab-img2-2{
	position: absolute;
	display: block;
	width: 60.5%;/* 825px */
	height: auto;/* 550px */
	top: 100px;/* -120px */
	right: 10px;/* 100px */
	border-radius: 10px;
}
.ab-mark2{
	position: absolute;
	width: 90%;/* 900px */
	top: 300px;/* 450px */
	left: 0;/* 140px */
	right: 0;
	margin: auto;
}
.sr-tag{
	display: inline-block;
	padding: 7px 10px;/* 7px 15px */
	background: #ee7800;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 13px;/* 18px*/
	line-height: 1;
	color: #FFFFFF;
	border-radius: 8px;
}
/*---------- 看護の3本の柱　---------*/
.ah-sr-list{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
	width: 85%;/* 1200px */
	margin: auto;
	top: 500px;/* 750px */
	left: 0;
	right: 0;
	list-style: none;
}
.ah-sr-list li{
	width: 100%;/* 380px */
	height: auto;
	min-height: inherit;/* 400px */
	background: #FFFFFF;
	padding: 30px 0;/* 70px 0*/
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
/*---- ポリシー内容 ----*/
.policy-point1{
	display: block;
	width: 40%;
	margin: auto;
	padding: 4px 10px;/* 5px 10px */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 39px -32px*/
	line-height: 1.4;
	text-align: center;
	background: #E383B0;
	background: linear-gradient(315deg,rgba(227, 131, 176, 1) 44%, rgba(246, 225, 166, 1) 90%);
	border-radius: 25px;
}
.policy-point2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 24px;/* 39px -32px*/
	line-height: 1.5;
	text-align: center;
	padding: 10px 0;
}
.policy-txt{
	width: 90%;
	margin: auto;
}
/*---------------------*/
.ab-box3{
	position: relative;
	height: auto;/* 1100px */
	background: #f4f4f0;
	padding: 50px 0;
}
.ab-box3::after{
	display: none;
}
.ab-img3{
	display: none;
}
.ab-img3-2{
	display: block;
	width: 90%;
	height: auto;
	margin: auto;
}
.ab-mark3{
	position: inherit;
	width: 90%;/* 900px */
	top: inherit;/* 220px */
	right: inherit;/* 100px */
	margin: auto;
}
.ah-sr-list2{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	list-style: none;
	width: 100%;
	margin-top: 30px;/* 30px */
}
.ah-sr-list2 li{
	width: 100%;
	padding: 20px;/* 20px 30px */
	background: #FFFFFF;
	margin: 0 auto 30px;/* 0 auto 30px */
	border-radius: 15px;
}
.sr-list-tlt1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 21px;/* 21px*/
	line-height: 1.5;
	margin-bottom: 10px;/* 10px */
	color: #c70067;
}
/*---------------------*/
.ab-box4{
	position: relative;
	padding: 20px 0 80px;/* 50px 0 200px */
	background: #f4f4f0;
}
.ah-sr-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 24px;/* 34px */
	line-height: 1.5;
	text-align: center;
}
.ah-sr-title1::before{
	content: '';
	display: block;
	width: 80px;/* 80px */
	height: 63px;/* 80px */
	background: url("../img/common/tag.png");
	background-size: cover;
	margin: 0 auto 10px;
}
.sh-sr-list3{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1200px */
	margin: 60px auto 0;/* 60px auto 0*/
	list-style: none;
	justify-content: space-between;
}
.sh-sr-list3 li{
	width: 100%;/* 580px */
	height: auto;
	min-height: 200px;/* 200px */
	background: #FFFFFF;
	margin-bottom: 30px;/* 35px */
	padding: 25px 20px;/* 25px */
	border-radius: 15px;
}
.sr-list-tlt2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 21px;/* 21px*/
	line-height: 1.5;
	margin-bottom: 10px;/* 10px */
}
/*---------------------*/
.ab-box5{
	position: relative;
	padding: 8% 0 12.5%;/* 130px 0 200px */
}
/*---------------------------------------------  会社概要   ------*/
.com-box1{
	position: relative;
	height: auto;/* 1050px */
	padding: 80px 0;
}
.com-box1::after{
	display: none;
}
.owner{
	position: inherit;
	display: block;
	width: 45%;/* 450px */
	height: auto;/* 670px */
	top: inherit;/* 230px */
	right: inherit;/* 100px */
	border-radius: 10px;
	margin: auto;
}
.com-mark1{
	position: inherit;
	width: 90%;/* 850px */
	top: inherit;/* 250px */
	left: inherit;/* 100px */
	margin: 30px auto 50px;
}
.msg-tab1{
	display: inline-block;
	margin-bottom: 5px;
	padding: 8px 15px;/* 8px 15px */
	background: #000000;
	color: #FFFFFF;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 14px;/* 15px*/
	line-height: 1;
	border-radius: 10px;
}
.owner-name{
	float: right;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 17px*/
	line-height: 1.6;
	margin-top: 20px;/* 20px */
}
/*---------------------*/
.com-box2{
	height: auto;/* 830px */
}
.ph-inner{
	position: relative;
	height: auto;
	padding: 70px 0;
}
.ph-inner::after{
	display: none;
}
.ph-mark1{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 140px */
	left: inherit;/* 120px */
	color: #FFFFFF;
	margin: auto;
}
.phi-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 20px;/* 23px*/
	line-height: 1.8;
}
.phi-title2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 23px;/* 39px*/
	line-height: 1.8;
}
.ph-mark2{
	position: inherit;
	width: 90%;/* 600px */
	top: inherit;/* 380px */
	left: inherit;/* 120px */
	color: #FFFFFF;
	margin: 40px auto 0;
}
.ac-plan{
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 20px;/* 28px*/
	line-height: 1.8;
	list-style-position: inside;
}
.ac-plan li{
	border-bottom: 2px dotted #FFFFFF;
	padding: 12px 0;/* 12px 0 */
}
/*---------------------*/
.com-box3{
	position: relative;
	height: auto;/* 1060px */
	padding: 90px 0;
}
.com-box3::after{
	display: none;
}
.com-img1{
	position: inherit;
	display: block;
	margin: auto;
	width: 80%;/* 550px */
	height: auto;/* 700px */
	top: inherit;/* 170px */
	left: inherit;/* 120px */
}
.com-mark2{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 170px */
	right: inherit;/* 130px */
	margin: 40px auto 0;
}
.co-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 23px;/* 29px*/
	line-height: 1.8;
}
.co-title1::after{
	content: 'Profile';
	display: inline-block;
	color: #D4D4D4;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 19px;/* 23px*/
	vertical-align: bottom;
	margin-left: 5px;
}
/*------  会社概要 ------*/
.com-deta{
	width: 100%;/* 700px */
	margin: 3% auto;/* 40px auto 0*/
	border-collapse: collapse;
	background: #FFFFFF;
}
.com-deta tr{
	border-bottom: 1px solid #967D7D;
	line-height: 2;
}
.com-deta tr th{
	display: block;
	width: 100%;/* 200px */
	padding: 1.5% 3%;/* 15px 30px */
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}
.com-deta tr td{
	display: block;
	width: 100%;/* 200px */
	padding: 1.5% 3%;/* 15px 30px */
}
.com-deta tr td a{
	color: #1e90ff;
	text-decoration: none;
}
/*------------------*/
.g-map{
	position: relative;
	width: 100%;
	height: auto;/* 700px */
}
.g-map::after{
	content: '';
	display: block;
	padding-top: 43.7%;
}
.g-map iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	filter: grayscale(100%);
}
/*------------------------------------------  お問い合わせ　----*/
.contact-box1{
	position: relative;
	padding: 80px 0;/* 150px 0*/
}
.contact-mark1{
	width: 90%;/* 900px */
	margin: auto;
	text-align: center;
}
.contact-phone{
	display: block;
	width: 85%;/* 700px */
	height: auto;/* 160px */
	margin: 40px auto 0;
}
.contact-title1::before{
	content: 'CONTACT';
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 18px;/* 18px*/
	line-height: 1.2;
	text-align: center;
}
/*----------------------------*/
.contact-box2{
	position: relative;
	padding: 60px 0;/* 110px 0*/
	background: #FFFAF6;
}
.contact-title2{
	text-align: center;
}
.contact-title2::before{
	content: 'CONTACT FORM';
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 18px;/* 18px*/
	line-height: 1.2;
	text-align: center;
}
.entry-title{
	text-align: center;
}
.entry-title::before{
	content: 'ENTRY FORM';
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 18px;/* 18px*/
	line-height: 1.2;
	text-align: center;
}
/*---------- お問い合わせフォーム　---*/
.ft-form{
	width: 90%;/* 900px */
	margin: 40px auto;/* 40px auto*/
	border-collapse: collapse;
	color: #000000;
}
.ft-form tr{
	line-height: 1.5;
	border-bottom: 1px solid #C3AB7A;;
}
.ft-form tr th{
	display: block;
	width: 100%;/* 250px */
	padding: 15px 15px 10px;/* 18px */
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.ft-form tr td{display: block;
	width: 100%;/* 250px */
	padding: 15px 0;/* 18px */
}
.ft-form select{
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5;
}
.ft-form .text{
	width: 100%;
	height: 40px;/* 40px */
	border-radius: 6px;
	border: none;
	background: #EBEBEB;
}
.ft-form .textarea{
	width: 100%;
	height: 200px;/* 200px */
	border-radius: 6px;/* 6px */
	border: none;
	background: #EBEBEB;
}
.required{
	display: inline-block;
	padding: 2px 5px;/* 2px 5px */
	background: #000000;
	color: #FFFFFF;
	font-size: clamp(0.563rem, 0.465rem + 0.22vw, 0.688rem);/* 11px */
	margin-left: 1.1%;/* 10px */
	vertical-align: middle;
}
.submit{
	background: #000000;
	color: #FFFFFF;
	padding: 8px 15px;/* 3px 10px */
	border: none;
}
/*----------------------------*/
.contact-box3{
	position: relative;
	padding: 150px 0;/* 150px */
}
}