@charset "UTF-8";

/* MV */
.sec_mv {
	width:100%;
	padding:0 20px 150px;
	position:relative;
	margin:0 auto;
}

.sec_mv::after {
	content:"";
	display:block;
	width:100%;
	height:50%;
	background:#f6f6f6;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
}

.mv {
	width:100%;
	position:relative;
}

.mv img {
	width:100%;
}

.mv_menu {
	width:96%;
	max-width:1400px;
	padding:30px 0;
	background:#FFF;
	position:absolute;
	bottom:-100px;
	left:50%;
	transform:translateX(-50%);
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
	font-size:1.6rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	line-height:1.4;
}

.mv_menu ul {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	/*align-items: center;*/
	justify-content: space-between;
}

.mv_menu ul li {
	width:calc(100% / 6);
	padding:0 15px;
	border-right:1px solid #e5e5e5;
	text-align:center;
}

.mv_menu ul li:last-child {
	width:calc(100% / 6);
	border-right:none;
}

.mv_menu ul li a {
	display:inline-block;
}

.mv_menu ul li:nth-child(1) a { color:#41c0bb; }
.mv_menu ul li:nth-child(2) a { color:#dbbe45; }
.mv_menu ul li:nth-child(3) a { color:#3dd5ec; }
.mv_menu ul li:nth-child(4) a { color:#80c269; }
.mv_menu ul li:nth-child(5) a { color:#f8b551; }
.mv_menu ul li:nth-child(6) a { color:#e07975; }

.mv_menu_icon {
	width:100%;
	max-width:75px;
	margin:0 auto;
	padding:0 0 10px;
}

.mv_menu_icon img {
	width:100%;
}

@media all and (max-width:1024px) {
.sec_mv {
	width:100%;
	padding:0 10px 150px;
	position:relative;
	margin:0 auto;
}
	
.mv_menu {
	width:96%;
	max-width:1400px;
	padding:20px 0;
	background:#FFF;
	position:absolute;
	bottom:-100px;
	left:50%;
	transform:translateX(-50%);
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
	font-size:1.4rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	line-height:1.4;
}
	
.mv_menu ul li {
	width:calc(100% / 6);
	padding:0 10px;
	border-right:1px solid #e5e5e5;
	text-align:center;
}
	
.mv_menu_icon {
	width:100%;
	max-width:50px;
	margin:0 auto;
	padding:0 0 7px;
}
}

@media all and (max-width:767px) {
.sec_mv {
	width:100%;
	padding:0 10px 230px;
	position:relative;
	margin:0 auto;
}
	
.mv_menu {
	width:90%;
	max-width:1400px;
	padding:20px 0 0;
	background:#FFF;
	position:absolute;
	bottom:-200px;
	left:50%;
	transform:translateX(-50%);
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
	font-size:1.2rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	line-height:1.4;
}
	
.mv_menu ul {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
	
.mv_menu ul li {
	width:calc(100% / 3);
	padding:0 10px;
	border-right:1px solid #e5e5e5;
	text-align:center;
	margin:0 0 20px;
}
	
.mv_menu ul li:nth-child(3n) {
	width:calc(100% / 3);
	border-right:none;
}
	
.mv_menu_icon {
	width:100%;
	max-width:40px;
	margin:0 auto;
	padding:0 0 7px;
}
}

/* 共通タイトル */
.ttl_h2 {
	text-align:center;
	margin:0 auto 50px;
}

.ttl_h2 h2 {
	font-size:4.8rem;
	font-weight:600;
	font-family: "Zen Maru Gothic", sans-serif;
	padding:0 0 25px;
	position:relative;
}

.ttl_h2 h2.green {color:#80c269;}
.ttl_h2 h2.pink {color:#eb6877;}


.ttl_h2 h2::before {
	content:attr(data-ttl);
	font-size:2.1rem;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	color:#000;
	white-space: nowrap;
}

h3 {
	font-size:3rem;
	font-weight:600;
	font-family: "Zen Maru Gothic", sans-serif;
	margin:0 0 50px;
}

@media all and (max-width:768px) {
h3 {
	font-size:2.7rem;
	font-weight:600;
	font-family: "Zen Maru Gothic", sans-serif;
	margin:0 0 50px;
}
}

.btn_detail {
	display:inline-block;
	width:300px;
	border:1px solid #8ac676;
	color:#8ac676;
	text-align:center;
	font-size:1.8rem;
	padding:1.2em;
	position:relative;
	background:#FFF;
	transition:all .3s linear;
}

.btn_detail:hover {
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
}

.btn_detail::after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #8ac676;
	border-right:1px solid #8ac676;
	position:absolute;
	right:30px;
	top:50%;
	transition:all .3s linear;
	transform:rotate(45deg) translateY(-50%);
}

.btn_detail:hover::after {
	right:20px;
}

.btn_detail2 {
	display:inline-block;
	width:300px;
	border:1px solid #ec7583;
	color:#ec7583;
	text-align:center;
	font-size:1.8rem;
	padding:1.2em;
	position:relative;
	background:#FFF;
	transition:all .3s linear;
}

.btn_detail2:hover {
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
}

.btn_detail2::after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #ec7583;
	border-right:1px solid #ec7583;
	position:absolute;
	right:30px;
	top:50%;
	transition:all .3s linear;
	transform:rotate(45deg) translateY(-50%);
}

.btn_detail2:hover::after {
	right:20px;
}


/* お知らせ */
.sec_info {
	width:100%;
	padding:100px 0;
}

.content_info {
	width:96%;
	max-width:1400px;
	margin:0 auto;
}

.list_article {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:0 0 50px;
}

.list_article li {
width: 23%;
margin: 2%;
}

@media all and (max-width:768px) {
.sec_info {
	width:100%;
	padding:50px 0;
}
	
.list_article li {
	width:48%;
	margin: 1%;
}
	
.list_article li:nth-child(1),
.list_article li:nth-child(2) {
	/*margin:0 0 20px;*/
}
}

.list_article li a {
	display:block;
	background:#faf7f6;
	color:#000;
	position:relative;
	transition:all .3s linear;
}

.list_article li a:hover {
	box-shadow: 0px 10px 10px rgba(0,0,0,.05);
}

.list_article li a::after {
	content:"";
	display:block;
	width:0;
	height:0;
	border-left:7px solid #8ac676;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	position:absolute;
	bottom:-5px;
	right:0;
	transform:rotate(45deg);
}

.list_article p {
	padding:15px;
	font-size:1.6rem;
}

.block_thumb {
width:100%;
position:relative;
background-image: url(../images/icatch.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color:#F1F2F2;
}


.block_thumb::before {
    padding-top:68%;
    content:"";
    display:block;
}


.block_thumb img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
}

/* 各種レッスンのご紹介 */
.sec_lesson {
	width:100%;
	padding:100px 0 0;
	position:relative;
	background:#f6f1e2;
}

.content_lesson {
	width:96%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}

.lesson_deco01 {
	width:260px;
	position:absolute;
	top:-200px;
	left:-150px;
	transform:rotate(-35deg);
}

.lesson_deco02 {
	width:348px;
	position:absolute;
	top:-50px;
	right:100px;
}

.lesson_deco01 img,
.lesson_deco02 img {
	width:100%;
}

@media all and (max-width:1024px) {
.lesson_deco01 {
	width:260px;
	position:absolute;
	top:-120px;
	left:50px;
	transform:rotate(-35deg);
}

.lesson_deco02 {
	width:288px;
	position:absolute;
	top:-50px;
	right:50px;
}
}

@media all and (max-width:768px) {
.lesson_deco01 {
	width:200px;
	position:absolute;
	top:-120px;
	left:30px;
	transform:rotate(-35deg);
}

.lesson_deco02 {
	width:198px;
	position:absolute;
	top:-50px;
	right:20px;
}	
}

@media all and (max-width:648px) {
.lesson_deco01 {
	width:100px;
	position:absolute;
	top:-50px;
	left:10px;
	transform:rotate(-35deg);
}

.lesson_deco02 {
	width:98px;
	position:absolute;
	top:-50px;
	right:0px;
}	
}

.block_lesson01 {
	width:100%;
	overflow:hidden;
	margin:0 auto 120px;
}

.img_lesson01 {
	width:55%;
	float:left;
}

.img_lesson01 img {
	width:100%;
}

.txt_lesson01 {
	width:50%;
	float:left;
	margin:15% 0 0 -5%;
	background:#FFF;
	padding:30px;
	font-size:1.8rem;
}

.txt_lesson01 h3 {
	font-size:2.4rem;
	margin:0 0 10px;
	font-family: "Zen Maru Gothic", sans-serif;
}

.list_lesson_advantage {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	counter-reset: number 0;
}

.list_lesson_advantage li {
	width:32%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:3px solid #80c269;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#80c269;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
}

.list_lesson_advantage li::before {
	font-size:4.8rem;
	display:inline-block;
	counter-increment: number;
	content:"0" counter(number);
	position:absolute;
	top:-25px;
	left:50%;
	transform:translateX(-50%);
	background:#FFF;
	padding:0 10px;
	line-height:1.1;
}

@media all and (max-width:1024px) {
.txt_lesson01 {
	width:55%;
	float:left;
	margin:15% 0 0 -10%;
	background:#FFF;
	padding:25px;
	font-size:1.6rem;
}

.list_lesson_advantage li {
	width:32%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:3px solid #80c269;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#80c269;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.4rem;
}

.list_lesson_advantage li::before {
	font-size:3.6rem;
	display:inline-block;
	counter-increment: number;
	content:"0" counter(number);
	position:absolute;
	top:-25px;
	left:50%;
	transform:translateX(-50%);
	background:#FFF;
	padding:0 10px;
	line-height:1.1;
}
}

@media all and (max-width:768px) {
.block_lesson01 {
	width:100%;
	overflow:hidden;
	margin:0 auto 80px;
}
	
.img_lesson01 {
	width:75%;
	float:left;
}
	
.txt_lesson01 {
	width:75%;
	float:left;
	margin:35% 0 0 -50%;
	background:#FFF;
	padding:25px;
	font-size:1.6rem;
}

.list_lesson_advantage li {
	width:32%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:3px solid #80c269;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#80c269;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.4rem;
}

.list_lesson_advantage li::before {
	font-size:3.6rem;
	display:inline-block;
	counter-increment: number;
	content:"0" counter(number);
	position:absolute;
	top:-25px;
	left:50%;
	transform:translateX(-50%);
	background:#FFF;
	padding:0 10px;
	line-height:1.1;
}
}

@media all and (max-width:560px) {
.sec_lesson {
	width:100%;
	padding:70px 0 0;
	position:relative;
	overflow: hidden;
	background:#f6f1e2;
}
	
.block_lesson01 {
	width:100%;
	overflow:hidden;
	margin:0 auto 50px;
}
	
.img_lesson01 {
	width:95%;
	float:left;
}
	
.txt_lesson01 {
	width:95%;
	float:left;
	margin:48% 0 0 -90%;
	background:#FFF;
	padding:10px;
	font-size:1.6rem;
}

.list_lesson_advantage li {
	width:33%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:2px solid #80c269;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#80c269;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.2rem;
}

.list_lesson_advantage li::before {
	font-size:2.8rem;
	display:inline-block;
	counter-increment: number;
	content:"0" counter(number);
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
	background:#FFF;
	padding:0 10px;
	line-height:1.1;
}
}

.block_lesson02 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 0 100px;
}

.block_lesson02 li {
	width:24%;
	background:#FFF;
	margin:0;
}

.block_lesson02 li a {
	display:block;
	color:#000;
	width:100%;
	height:inherit;
	font-size:1.7rem;
	position:relative;
}

.block_lesson02 li a::before {
	content:"";
	box-sizing:border-box;
	display:block;
	width:75px;
	height:75px;
	border-radius: 50%;
	position:absolute;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
	background-size:contain;
}

.block_lesson02 li.school01 a::before {background:#41c0bb url("../images/icon_school01.svg") no-repeat center center;}
.block_lesson02 li.school02 a::before {background:#dbbe45 url("../images/icon_school02.svg") no-repeat center center;}
.block_lesson02 li.school03 a::before {background:#3dd5ec url("../images/icon_school03.svg") no-repeat center center;}
.block_lesson02 li.school04 a::before {background:#e07975 url("../images/icon_school04.svg") no-repeat center center;}

.block_lesson02 li a::after {
	box-sizing:border-box;
	font-family: 'Material Symbols Outlined';
	content:"\e313";
	display:block;
	text-align:center;
	font-size:2.4rem;
	color:#FFF;
	padding:10px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.block_lesson02 li.school01 a::after {background:#41c0bb;}
.block_lesson02 li.school02 a::after {background:#dbbe45;}
.block_lesson02 li.school03 a::after {background:#3dd5ec;}
.block_lesson02 li.school04 a::after {background:#e07975;}

.block_lesson02 li h4 {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	font-size:2.1rem;
}

.img_lessonType {
	width:100%;
}

.img_lessonType img {
	width:100%;
}

.txt_course_summary {
	min-height:10em;
	max-height:13em;
	width:100%;
	margin:0 0 30px;
}

@media all and (max-width:1024px) {
.block_lesson02 li a {
	display:block;
	color:#000;
	width:100%;
	height:inherit;
	font-size:1.6rem;
	position:relative;
}
	
.block_lesson02 li h4 {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	font-size:1.8rem;
}
	
.block_lesson02 li a::after {
	box-sizing:border-box;
	font-family: 'Material Symbols Outlined';
	content:"\e313";
	display:block;
	text-align:center;
	font-size:2.4rem;
	color:#FFF;
	padding:7px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
	
.txt_course_summary {
	min-height:10em;
	max-height:15em;
	width:100%;
	margin:0 0 30px;
}
}

@media all and (max-width:768px) {
.block_lesson02 li {
	width:48%;
	background:#FFF;
	margin:0 0 80px;
}
	
.block_lesson02 li:nth-child(3),
.block_lesson02 li:nth-child(4) {
	width:48%;
	background:#FFF;
	margin:0;
}
}

@media all and (max-width:648px) {
.block_lesson02 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 0 50px;
}
	
.block_lesson02 li {
	width:100%;
	background:#FFF;
	margin:0 0 50px;
}

.block_lesson02 li:nth-child(3) {
	width:100%;
	background:#FFF;
	margin:0 0 50px;
}

.block_lesson02 li:nth-child(4) {
	width:100%;
	background:#FFF;
	margin:0;
}
	
.block_lesson02 li a::before {
	content:"";
	box-sizing:border-box;
	display:block;
	width:65px;
	height:65px;
	border-radius: 50%;
	position:absolute;
	top:-30px;
	left:50%;
	transform:translateX(-50%);
	background-size:contain;
}
	
.txt_course_summary {
	min-height:8em;
	max-height:10em;
	width:100%;
	margin:0 0 30px;
}
}

.block_lesson03 {
	width:100%;
	padding:150px 0;
	background:#cce198 url("../images/img_top_lesson06.png") no-repeat center center;
	background-size:cover;
}

.btnGroup_lesson {
	width:90%;
	max-width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.btnGroup_lesson a {
	display:inline-block;
	width:45%;
	text-align:center;
	font-size:2.3rem;
	font-weight:600;
	color:#FFF;
	border:1px solid #FFF;
	box-shadow:0px 5px 10px rgba(0,0,0, .05);
	padding:0.7em 1em 1.8em;
	position:relative;
}

.btnGroup_lesson a:first-child {
	background:#00b7ee;
	margin:0;
}

.btnGroup_lesson a:last-child {
	background:#f8b551;
}

.btnGroup_lesson a::after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
	position:absolute;
	bottom:20px;
	left:50%;
	transform:rotate(45deg) translateX(-50%);
}

@media all and (max-width:768px) {
.block_lesson03 {
	width:100%;
	padding:100px 0;
	background:#cce198 url("../images/img_top_lesson06.png") no-repeat center center;
	background-size:cover;
}
	
.btnGroup_lesson a {
	display:inline-block;
	width:48%;
	text-align:center;
	font-size:1.8rem;
	font-weight:600;
	color:#FFF;
	border:1px solid #FFF;
	box-shadow:0px 5px 10px rgba(0,0,0, .05);
	padding:0.7em 1em 1.8em;
	position:relative;
}
	
.btnGroup_lesson a::after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:rotate(45deg) translateX(-50%);
}
}

@media all and (max-width:648px) {
.block_lesson03 {
	width:100%;
	padding:70px 0;
	background:#cce198 url("../images/img_top_lesson06.png") no-repeat center center;
	background-size:cover;
}
	
.btnGroup_lesson a {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:1.8rem;
	font-weight:600;
	color:#FFF;
	border:1px solid #FFF;
	box-shadow:0px 5px 10px rgba(0,0,0, .05);
	padding:1em 1em 2em;
	position:relative;
}
	
.btnGroup_lesson a:first-child {
	background:#00b7ee;
	margin:0 0 20px;
}
}

.list_maintenance {
	width:100%;
	max-width:640px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 0 50px;
}

.list_maintenance li {
	width:28%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:2px solid #41c0bb;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#41c0bb;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.6rem;
}

.list_maintenance li:nth-child(2) {
	border:2px solid #dbbe45;
	color:#dbbe45;
}

.list_maintenance li:nth-child(3) {
	border:2px solid #e07975;
	color:#e07975;
}

.list_maintenance li:first-child::before {
	content:"";
	display:block;
	width:47px;
	height:40px;
	background:url("../images/onpu01.svg") no-repeat center center;
	background-size:cover;
	position:absolute;
	top:-15px;
	left:35%;
}

.list_maintenance li:nth-child(2)::before {
	content:"";
	display:block;
	width:37px;
	height:47px;
	background:url("../images/onpu02.svg") no-repeat center center;
	background-size:cover;
	position:absolute;
	bottom:0px;
	left:5%;
}

.list_maintenance li:nth-child(3)::before {
	content:"";
	display:block;
	width:41px;
	height:43px;
	background:url("../images/onpu03.svg") no-repeat center center;
	background-size:cover;
	position:absolute;
	top:-20px;
	left:45%;
}


/* サービス */
.sec_services {
	width:100%;
	padding:100px 0;
	position:relative;
	overflow: hidden;
}

.sec_services::after {
	content:"";
	display:block;
	background:#faf7f6;
	width:calc(50% + 700px);
	height:600px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-700px);
	z-index:-5;
}

.block_services01,
.block_services02 {
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 0 100px;
}

.img_service01-1 {
	width:1360px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-400px);
	z-index:-1;
}

.img_service01-2 {
	width:1360px;
	position:absolute;
	top:0;
	left:50%x;
	transform:translate(calc(-50% + 680px));
	z-index:-1;
}

.img_service01-3 {
	max-width:708px;
	position:absolute;
	top:70px;
	left:-16%;
	z-index:2;
}

.img_service01-4 {
	max-width:725px;
	position:absolute;
	top:400px;
	right:-16%;
	z-index:2;
}

.img_service01-5 {
	max-width:804px;
	position:absolute;
	top:130px;
	left:-18%;
	z-index:2;
}

.img_service01-1 img,
.img_service01-2 img,
.img_service01-3 img,
.img_service01-4 img,
.img_service01-5 img {
	width:100%;
}

.content_svc01 {
	width:96%;
	max-width:1400px;
	padding-left:580px;
	padding-top:600px;
	margin:0 auto;
	position:relative;
}

.content_svc02 {
	width:96%;
	max-width:1400px;
	padding-right:580px;
	padding-top:600px;
	margin:0 auto;
	position:relative;
}

.block_instruments {
	width:100%;
	padding:20px;
	background:#f7f6f6;
	margin:0 0 30px;
}

.block_instruments h5 {
	color:#80c269;
	margin:0 0 5px;
	font-size:1.8rem;
	font-weight:400;
}

.list_instruments {
	font-size:1.6rem;
	overflow:hidden;
}

.list_instruments li {
	width:24%;
	display:inline-block;
	padding:3px 5px 3px 20px;
	position:relative;
}

.list_instruments li::before {
	content:"";
	display:block;
	width:0px;
	height:0px;
	border-left:10px solid #80c269;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

@media all and (max-width:1024px) {
.img_service01-1 {
	width:960px;
	position:absolute;
	top:0;
	left:50%;
	z-index:-1;
}

.img_service01-2 {
	width:960px;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(calc(-50% - 100px));
	z-index:-1;
}
	
.img_service01-3 {
	max-width:408px;
	position:absolute;
	top:70px;
	left:-10%;
	z-index:2;
}

.img_service01-4 {
	max-width:455px;
	position:absolute;
	top:320px;
	right:-16%;
	z-index:2;
}

.img_service01-5 {
	max-width:454px;
	position:absolute;
	top:150px;
	left:-8%;
	z-index:2;
}
	
.content_svc01 {
	width:96%;
	max-width:1400px;
	padding-left:350px;
	padding-top:400px;
	margin:0 auto;
	position:relative;
}

.content_svc02 {
	width:96%;
	max-width:1400px;
	padding-right:350px;
	padding-top:400px;
	margin:0 auto;
	position:relative;
}
	
.list_instruments li {
	width:32%;
	display:inline-block;
	padding:3px 5px 3px 20px;
	position:relative;
}
}

@media all and (max-width:768px) {
.img_service01-3 {
	max-width:308px;
	position:absolute;
	top:200px;
	left:-10%;
	z-index:2;
}

.img_service01-4 {
	max-width:355px;
	position:absolute;
	top:320px;
	right:-16%;
	z-index:2;
}

.img_service01-5 {
	max-width:354px;
	position:absolute;
	top:300px;
	left:-8%;
	z-index:2;
}
	
.content_svc01 {
	width:96%;
	max-width:1400px;
	padding-left:300px;
	padding-top:400px;
	margin:0 auto;
	position:relative;
}

.content_svc02 {
	width:96%;
	max-width:1400px;
	padding-right:300px;
	padding-top:400px;
	margin:0 auto;
	position:relative;
}
	
.list_instruments li {
	width:48%;
	display:inline-block;
	padding:3px 5px 3px 20px;
	position:relative;
}
	
.list_maintenance li {
	width:32%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:2px solid #41c0bb;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#41c0bb;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.6rem;
}
}

@media all and (max-width:648px) {
.img_service01-1 {
	width:100%;
	position:static;
	top:auto;
	left:auto;
	transform:none;
	z-index:-1;
	margin:0 0 20px;
}

.img_service01-2 {
	width:100%;
	position:static;
	top:auto;
	left:auto;
	transform:none;
	z-index:-1;
	margin:0 0 20px;
}
	
.img_service01-3 {
	max-width:288px;
	position:absolute;
	top:auto;
	bottom:0;
	left:10%;
	z-index:2;
}

.img_service01-4 {
	max-width:325px;
	position:absolute;
	top:auto;
	bottom:0;
	right:-6%;
	z-index:2;
}

.img_service01-5 {
	max-width:394px;
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	z-index:2;
}
	
.content_svc01 {
	width:96%;
	max-width:1400px;
	padding-left:0;
	padding-top:0;
	padding-bottom:350px;
	margin:0 auto;
	position:relative;
}

.content_svc02 {
	width:96%;
	max-width:1400px;
	padding-right:0;
	padding-top:0;
	padding-bottom:250px;
	margin:0 auto;
	position:relative;
}
	
.list_maintenance li {
	width:32%;
	aspect-ratio: 1 / 1;
	background:#FFF;
	border:2px solid #41c0bb;
	border-radius: 50%;
	position:relative;
	padding:0;
	color:#41c0bb;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.4rem;
}
}


/* いちごSHOP */
.sec_ichigo {
	width:100%;
	padding:100px 0;
	position:relative;
	overflow: hidden;
}

.sec_ichigo::after {
	content:"";
	display:block;
	width:50%;
	max-width:800px;
	background:#faf7f6;
	position:absolute;
	top:0px;
	left:50%;
	bottom:0px;
	transform:translateX(-50%);
	z-index:-1;
}

.content_ichigo {
	width:96%;
	max-width:1400px;
	margin:0 auto;
}

.txt_ichigo {
	width:55%;
	max-width:700px;
	font-size:1.8rem;
}

.img_ichigo {
	width:43%;
	max-width:620px;
	position:absolute;
	bottom:0;
	left:56vw;
}

.img_ichigo img {
	width:100%;
}

@media all and (max-width:768px) {
.sec_ichigo {
	width:100%;
	padding:50px 0;
	position:relative;
	overflow: hidden;
}
	
.sec_ichigo::after {
	content:"";
	display:block;
	width:75%;
	max-width:800px;
	background:#faf7f6;
	position:absolute;
	top:0px;
	left:50%;
	bottom:0px;
	transform:translateX(-50%);
	z-index:-1;
}
	
.txt_ichigo {
	width:53%;
	max-width:700px;
	font-size:1.8rem;
}
	
.img_ichigo {
	width:60%;
	max-width:620px;
	position:absolute;
	bottom:0;
	left:56vw;
}
}

@media all and (max-width:648px) {
.txt_ichigo {
	width:70%;
	max-width:700px;
	font-size:1.8rem;
}
	
.img_ichigo {
	width:70%;
	max-width:620px;
	position:absolute;
	bottom:30%;
	left:66vw;
}
}


/* 暮田商会について */
.sec_about {
	width:100%;
	padding:100px 0;
	position:relative;
	overflow:hidden;
}

.about_deco01 {
	width:300px;
	position:absolute;
	top:150px;
	left:calc(50% - 700px);
}

.about_deco02 {
	width:300px;
	position:absolute;
	left:calc(50% + 400px);
	bottom:100px;
}

.about_deco01 img,
.about_deco02 img {
	width:100%;
}

@media all and (max-width:1024px) {
.about_deco01 {
	width:250px;
	position:absolute;
	top:150px;
	left:100px;
}

.about_deco02 {
	width:250px;
	position:absolute;
	left:100px;
	bottom:100px;
}
}

@media all and (max-width:768px) {
.about_deco01 {
	width:200px;
	position:absolute;
	top:100px;
	left:50px;
}

.about_deco02 {
	width:250px;
	position:absolute;
	left:auto;
	right:50px;
	bottom:50px;
}
}

@media all and (max-width:648px) {
.about_deco01 {
	width:120px;
	position:absolute;
	top:150px;
	left:20px;
}

.about_deco02 {
	width:120px;
	position:absolute;
	left:auto;
	right:20px;
	bottom:0px;
}	
}

.sec_about::after {
	content:"";
	display:block;
	width:50%;
	max-width:800px;
	background:#faf7f6;
	position:absolute;
	top:0px;
	left:50%;
	bottom:45%;
	transform:translateX(-50%);
	z-index:-1;
}

.content_about {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.content_about > div {
	width:50%;
}

.content_about > div > img {
	width:100%;
}

.txt_about {
	width:100%;
	max-width:700px;
	padding-left:clamp(40px, 18.66vw, 70px);
	font-size:1.8rem;
}

@media all and (max-width:768px) {
.sec_about {
	width:100%;
	padding:50px 0;
	position:relative;
}
	
.sec_about::after {
	content:"";
	display:block;
	width:75%;
	max-width:800px;
	background:#faf7f6;
	position:absolute;
	top:0px;
	left:50%;
	bottom:25%;
	transform:translateX(-50%);
	z-index:-1;
}
	
.content_about > div {
	width:100%;
}
	
.txt_about {
	width:100%;
	max-width:700px;
	padding:30px 15px;
	font-size:1.8rem;
}
}

/* インスタグラム */
.sec_instagram {
	width:100%;
	padding:100px 0;
}

.content_instagram {
	width:96%;
	max-width:1400px;
	margin:0 auto;
}

.list_instagram {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 0 50px;
}

.list_instagram li {
	width:19.5%;
	margin:0 0 10px;
}

@media all and (max-width:768px) {
.sec_instagram {
	width:100%;
	padding:50px 0;
}
	
.list_instagram li {
	width:49%;
	margin:0 0 10px;
}
	
.list_article li:nth-child(9),
.list_article li:nth-child(10) {
	margin:0;	
}
}

.block_instaThumb {
    width:100%;
    position:relative;
    background:#F1F2F2;
}


.block_instaThumb::before {
    padding-top:100%;
    content:"";
    display:block;
}


.block_instaThumb img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
}