@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------  HOME   ------*/
#m-inner{
	position: relative;
	width: 100%;
	height: auto;/* 1030px */
}
#m-inner::after{
	content: '';
	display: block;
	padding-top: 64.4%;
}
#m-msg1{
	position: absolute;
	display: block;
	width: 51.3%;/* 820px*/
	height: auto;/* 140px */
	background: #FFFFFF;
	left: 0;
	bottom: 19.4%;/* 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: 35px;/* 35px */
	line-height: 1.6;
	font-weight: bold;
	color: #FFFFFF;
	left: 3.8%;/* 60px */
	bottom: 1.9%;/* 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.png");
	background-size: cover;
}
.home-box1::after{
	content: '';
	display: block;
	padding-top: 68.7%;
}
.home-img1{
	position: absolute;
	display: block;
	width: 42.5%;/* 680px */
	height: auto;/* 378px */
	top: 7%;/* 65px */
	right: 13%;/* 210px */
	border-radius: 15px;
}
.home-img2{
	position: absolute;
	display: block;
	width: 16.3%;/* 260px */
	height: auto;/* 240px */
	top: 32.5%;/* 370px */
	right: 5%;/* 80px */
	border-radius: 15px;
}
.home-mark1{
	position: absolute;
	top: 45%;/* 540px */
	left: 8%;/* 130px */
}
a .home-switch1{
	color: #000000;
}
.home-switch1{
	position: relative;
	display: block;
	width: 30%;/* 300px */
	height: 3.7%;/* 60px */
	line-height: 312%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 19px;/* 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: 9.4% 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: clamp(2rem, 1.594rem + 0.84vw, 2.438rem);/* 39px -32px*/
	line-height: 1.8;
}
.home-deco1{
	position: absolute;
	display: block;
	width: 37.5%;/* 600px */
	height: auto;/* 115px */
	top: 7%;/* 100px */
	right: 0;
}
/*---------------------*/
.office-post1{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;/* 1380px */
	margin: 70px auto 0;/* 70px auto 0*/
	justify-content: space-between;
	list-style: none;
}
.office-post1 li{
	width: 48.5%;/* 630px */
	margin-bottom: 35px;/* 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: 38%;
}
.of-post-img{
	position: absolute;
	display: block;
	width: 33.3%;/* 210px */
	height: auto;/* 210px */
	background: #FFFFFF;
	top: 0;
	bottom: 0;
	left: 3%;/* 20px */
	margin: auto;
	border-radius: 10px;
	overflow: hidden;
}
.of-post-disp{
	position: absolute;
	width: 58.7%;/* 370px */
	top: 12.5%;/* 30px */
	right: 3%;/* 20px */
	padding: 10px 0;/* 10px 0 */
}
.of-area1{
	display: block;
	width: 67%;/* 250px */
	padding: 10px;/* 10px */
	background: #f8e39e;
	margin: auto;
	border-radius: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 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: 24px;/* 24px*/
	line-height: 1.6;
	text-align: center;
	margin-top: 20px;/* 20px */
	color: #FFFFFF;
}
/*-------*/
.home-box3{
	position: relative;
	height: auto;/* 850px */
}
.home-box3::after{
	content: '';
	display: block;
	padding-top: 53%;
}
.home-img3{
	position: absolute;
	display: block;
	width: 43.7%;/* 700px */
	height: auto;/* 600px */
	top: 14%;/* 120px */
	right: 6.8%;/* 110px */
}
.home-mark2{
	position: absolute;
	width: 43.7%;/* 700px */
	top: 43.5%;/* 170px */
	left: 7.5%;/* 120px */
}
.home-deco2{
	position: absolute;
	width: 40.6%;/* 650px */
	height: auto;/* 190px */
	top: 10.5%;/* 90px */
	left: 0;
}
/*---------*/
.home-box4{
	position: relative;
	padding: 9.4% 0 14.4%;/* 150px 0 200px */
}
/*---------------*/
.home-news{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	background: #efefef;
	margin: auto;
	padding: 11.5% 30px 6%;/* 100px 30px 80px */
	justify-content: space-between;
}
.home-title2{
	position: absolute;
	display: block;
	width: 25.7%;/* 335px */
	height: auto;
	top: -40px;/* -40px */
	left: 0;
	right: 0;
	margin: auto;
}
.news-post1{
	position: relative;
	width: 22.3%;/* 290px */
	height: auto;/* 440px */
	background: #3b3638;
	border-radius: 12px;
	overflow: hidden;
}
.news-post1::after{
	content: '';
	display: block;
	padding-top: 151%;
}
.news-img1{
	position: absolute;
	width: 82.8%;/* 240px */
	height: auto;/* 230px */
	top: 6.8%;/* 30px */
	left: 0;
	right: 0;
	margin: auto;
	background: #FFFFFF;
}
.news-title1{
	position: absolute;
	width: 90%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 17px*/
	line-height: 1.5;
	color: #FFFFFF;
	top: 63.6%;/* 200px */
	left: 0;
	right: 0;
	margin: auto;
}
.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: 4%;/* 12px */
	bottom: 3.4%;/* 15px */
}
/*-----*/
a .home-switch2{
	color: #000000;
}
.home-switch2{
	position: absolute;
	display: block;
	width: 18.7%;/* 300px */
	height: 60px;/* 60px */
	line-height: 315%;/* 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: 19px;/* 19px*/
	text-align: center;
	bottom: 90px;/* 70px */
	right: 0;
	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: 47.5%;
}
.home-bunner{
	position: absolute;
	display: block;
	width: 70%;/* 1120px */
	height: auto;/* 480px */
	border-radius: 15px;
	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;
}
/*---------------------------------------------  会社概要   ------*/
.com-box1{
	position: relative;
	height: auto;/* 1050px */
}
.com-box1::after{
	content: '';
	display: block;
	padding-top: 65.6%;
}
.owner{
	position: absolute;
	width: 28%;/* 450px */
	height: auto;/* 670px */
	top: 21.9%;/* 230px */
	right: 6.25%;/* 100px */
	border-radius: 12px;
}
.com-mark1{
	position: absolute;
	width: 53%;/* 850px */
	top: 23.8%;/* 250px */
	left: 6.25%;/* 100px */
}
.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: 15px;/* 15px*/
	line-height: 1;
	border-radius: 15px;
}
.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;
}
.ph-inner::after{
	content: '';
	display: block;
	padding-top: 51.8%;
}
.ph-mark1{
	position: absolute;
	width: 43.7%;/* 700px */
	top: 16.9%;/* 140px */
	left: 7.5%;/* 120px */
	color: #FFFFFF;
}
.phi-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 23px;/* 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: 39px;/* 39px*/
	line-height: 1.8;
}
.ph-mark2{
	position: absolute;
	width: 37.5%;/* 600px */
	top: 45.8%;/* 380px */
	left: 7.5%;/* 120px */
	color: #FFFFFF;
}
.ac-plan{
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 28px;/* 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 */
}
.com-box3::after{
	content: '';
	display: block;
	padding-top: 66.3%;
}
.com-img1{
	position: absolute;
	width: 34.4%;/* 550px */
	height: auto;/* 700px */
	top: 16%;/* 170px */
	left: 7.5%;/* 120px */
}
.com-mark2{
	position: absolute;
	width: 43.7%;/* 700px */
	top: 16%;/* 170px */
	right: 8%;/* 130px */
}
.co-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 29px;/* 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: 22px;/* 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{
	width: 28.6%;/* 200px */
	padding: 1.5% 3%;/* 15px 30px */
	vertical-align: middle;
	font-weight: normal;
}
.com-deta tr td{
	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%);
}