@charset "UTF-8";

/* common */
html {scroll-behavior: smooth;}
body{ font-family: 'Noto Serif JP', serif;}
a, a:link, a:visited, a:active { color: #131313; outline: 0px none; text-decoration: none; -webkit-touch-callout: none;}
@media (min-width: 768px) {
	body{ margin: 0 auto;}
	main{ background-color: #fff; background: linear-gradient(90deg, #f1ece8 0%, #f1ece8 50%, #fff 50%, #fff 100%);}
	.pcnone{ display: none !important;}
	.contents{ margin: 0 auto; position: relative;}

	.main_box{ display: flex; max-width: 1400px; padding: 0; margin: 0 auto;}
	.contents_box{ width: calc(100% - 172px); padding: 0; background-color: #f1ece8;}
	.contents_inbox{ padding: 70px 30px; max-width: 1000px; margin: 0 auto;}
	
	.title1{ font-size: 24px; margin: 0 auto; writing-mode: vertical-rl; letter-spacing: 3px; position: relative; line-height: 1.4;}
	.title1::before{ content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ea5532; position: absolute; left: -70px;
    top: 50%;}
	.title1::after{ content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ea5532; position: absolute; right: -70px;
    top: 50%;}
	.title1.white span{ color: #fff; font-size: 34px; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);}
	.title2{ border-left: 3px solid #ea5532; font-size: 22px; padding: 5px 0 5px 15px; margin: 0;}
	.title2_2{ margin: 70px 0 50px;}
	.title2_3{ margin: 20px 0 50px;}
	.title3{ border-left: 3px solid #ea5532; font-size: 22px; padding: 5px 0 5px 15px; margin: 0; text-align: left; display: inline-block;}

	.normal_btn{ background-color: #F97000; width: 330px; height: 40px; position: relative; margin: 45px auto 90px; border-radius: 10px;}
	.normal_btn>a{ color: #fff; position: absolute; width: 100%; height: 100%; left: 0; font-size: 16px; display: inline-flex; justify-content: center; align-items: center;}
	.normal_btn>a:hover{ border: 1px solid #F97000; background-color: #fff; color: #F97000; border-radius: 10px;}
}
@media (max-width: 767.98px) {
	body{ font-size: 14px;}
	main{ background-color: #fff; padding: 60px 0 0 0;}
	.spnone{ display: none !important;}
	.contents{ margin: 0 auto; position: relative;}
	
	.main_box{ padding: 0; margin: 0 auto;}
	.contents_box{ padding: 0; background-color: #f1ece8;}
	.contents_inbox{ padding: 40px 15px; margin: 0 auto;}
	
	.title1{ font-size: 17px; margin: 25px auto; writing-mode: vertical-rl; letter-spacing: 1px; position: relative; line-height: 1.3;}
	.title1::before{ content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ea5532; position: absolute; left: -70px;
    top: 50%;}
	.title1::after{ content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ea5532; position: absolute; right: -70px;
    top: 50%;}
	.title1.white span{ color: #fff; font-size: 17px; text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);}
	.title2{ border-left: 3px solid #ea5532; font-size: 14px; padding: 5px 0 5px 15px; margin: 0;}
	.title2_2{ margin: 50px 0 30px; font-size: 16px;}
	.title2_3{ margin: 10px 0 30px; font-size: 16px;}
	.title3{ border-left: 1px solid #ea5532; font-size: 14px; padding: 2px 0 2px 15px; margin: 0; text-align: left; display: inline-block;}
	
	.normal_btn{ background-color: #F97000; width: 280px; height: 40px; position: relative; margin: 40px auto 80px; border-radius: 10px;}
	.normal_btn>a{ color: #fff; position: absolute; width: 100%; height: 100%; left: 0; font-size: 16px; display: inline-flex; justify-content: center; align-items: center;}
	.normal_btn>a:hover{ border: 1px solid #F97000; background-color: #fff; color: #F97000; border-radius: 10px; transition: .5s;}
}


/* ページ内アンカーメニュー */
@media (min-width: 768px) {
	.anchor_menu_list{ display: flex; justify-content: center; margin: 70px 0 0 0; z-index: 5;}
	.anchor_menu_list a{ background-color: rgba(255,255,255,0.9); width: 150px; height: 120px; display: inline-flex; justify-content: center; align-items: center; border-radius: 20px; margin: 0 20px; background-image: url("../images/back_logo.png"); background-size: 100px; background-repeat: no-repeat; background-position: center; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; text-align: center;}
	.anchor_menu_list a:hover{ background-color: rgba(152,143,134,0.9); transition: 0.7s;}
	
	.anchor_menu_list2{ display: none;}
	.scroll_pc .anchor_menu_list2{ display: flex; justify-content: center; margin: 0; position: fixed; top: 0; right: 172px; background-color: rgba(255,255,255,0.9); padding:15px; width: calc(100% - 172px); z-index: 10;}
	.scroll_pc .anchor_menu_list2 a{ background-color: rgba(152,143,134,0.9); color:#fff; width: 150px; height: 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 60px; margin: 0 20px; background-size: 100px; background-repeat: no-repeat; background-position: center; text-shadow: none;}
	.scroll_pc .anchor_menu_list2　a:hover{ background-color: rgba(152,143,134,0.7); color:#fff;}
	
	#link2{ padding-top: 90px; margin-top: -90px;}
	#link3,#link4{ padding-top: 40px; margin-top: -40px;}
}
@media (min-width: 1400px) {
	.scroll_pc .anchor_menu_list2{ display: flex; justify-content: right; margin: 0; position: fixed; top: 0; right: calc(50% - 528px); background-color: rgba(255,255,255,0.9); padding:15px; padding: 15px 240px 15px 15px; width: 100%;}
	.scroll_pc .anchor_menu_list2 a{ background-color: rgba(152,143,134,0.9); color:#fff; width: 150px; height: 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 60px; margin: 0 20px; background-size: 100px; background-repeat: no-repeat; background-position: center; text-shadow: none;}
	.scroll_pc .anchor_menu_list2　a:hover{ background-color: rgba(152,143,134,0.7); color:#fff;}
}
@media (min-width: 768px) and (max-width: 1000px) {
	.anchor_menu_list{ display: flex; justify-content: center; margin: 70px 0 0 0; font-size: 15px;}
	.anchor_menu_list a{ background-color: rgba(255,255,255,0.9); width: 150px; height: 120px; display: inline-flex; justify-content: center; align-items: center; border-radius: 20px; margin: 0 7px; transition: 0s; background-image: url("../images/back_logo.png"); background-size: 100px; background-repeat: no-repeat; background-position: center; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;}
	.anchor_menu_list a:hover{ background-color: rgba(152,143,134,0.9);}
		
	.scroll_pc .anchor_menu_list2{ display: flex; justify-content: center; margin: 0; position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,0.9); padding:15px; width: calc(100% - 172px);}
	.scroll_pc .anchor_menu_list2 a{ background-color: rgba(152,143,134,0.9); color:#fff; width: 150px; height: 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 60px; margin: 0 7px; background-size: 100px; background-repeat: no-repeat; background-position: center; text-shadow: none;}
	.scroll_pc .anchor_menu_list2　a:hover{ background-color: rgba(152,143,134,0.7); color:#fff;}
}
@media (max-width: 767.98px) {
	.anchor_menu_list{ display: flex; flex-wrap: wrap; justify-content: center; margin: 40px 0 30px 0;}
	.anchor_menu_list a{ background-color: rgba(255,255,255,0.9); height: 100px; display: inline-flex; justify-content: center; align-items: center; border-radius: 20px; background-image: url("../images/back_logo.png"); background-size: 80px; background-repeat: no-repeat; background-position: center; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; text-align: center;}
	.anchor_menu_list a:nth-child(odd){ width: 49%; margin: 0 1% 2% 0;}
	.anchor_menu_list a:nth-child(even){ width: 49%; margin: 0 0 2% 1%;}
	
	.anchor_menu_list2{ display: none;}
	.scroll_pc .anchor_menu_list2{ display: flex; flex-wrap: wrap; justify-content: left; margin: 0; position: fixed; bottom: 40px; left: 0; z-index: 10; background-color: rgba(152,143,134,0.8); width: 100%; padding: 10px 10px 5px; font-size: 12px;}
	.scroll_pc .anchor_menu_list2 a{ background-color: rgba(255,255,255,0.9); height: 32px; display: inline-flex; justify-content: center; align-items: center; border-radius: 20px;}
	.scroll_pc .anchor_menu_list2 a:nth-child(odd){ width: 49%; margin: 0 1% 7px 0;}
	.scroll_pc .anchor_menu_list2 a:nth-child(even){ width: 49%; margin: 0 0 7px 1%;}
	
	#link1,#link2,#link3,#link4{ padding-top: 40px; margin-top: -40px;}
	.scroll_pc #link2{ padding-top: 70px; margin-top: -70px;}
}


/* サイドメニュー */
@media (min-width: 768px) {
	.side_box{ width: 172px; text-align: center; padding: 20px 0 0; top: 0; right: 0; background-color: #fff;}
   .position-sticky { top: 20px;}
	.side_box .side_inner_box{ width: 210px; margin: 0 45px;}
	.side_box h1{ margin: 0 0 30px 0;}
	.side_box img.title{ width: 82px;}
	.side_box img.icon{ width: 65px; margin: 15px 0 30px;}
	.side_box .menu{ font-size: 12px;}
	.side_box .side_menu{ list-style: disc; display: flex; align-items: flex-start; justify-content: center; padding: 0; margin: 60px 0 0;}
	.side_box .side_menu li{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #ea5532;}
	.side_box .side_menu li a{ color: #131313;}
	.side_box .icon_menu{ list-style: none; display: flex; align-items: flex-start; justify-content: center; padding: 0 0 30px 0; margin: 40px 0 0;}
	.side_box .icon_menu li img{ width: 35px;}
	
	main .menu .close_text{ display: none;}
	main.open .menu .open_text{ display: none;}
	main.open .menu .close_text{ display: inline-block;}
	
	.side_tel strong{ font-size: 18px; text-decoration: none; display: block;}
	.side_tel span{ background-color: #939293; color: #fff; border-radius: 50px; width: 86px; padding: 0px 10px; display: inline-block; text-align: center; font-weight: normal; margin: 0 0 2px 0; font-size: 14px;}
}
@media (max-width: 767.98px) {
	.side_box{ display: none;}
	
	.menu .open_text{ position: fixed; top: 5px; right: 15px; font-size: 11px;}
	.menu .close_text{ display: none; font-size: 11px;}
	.open .menu .open_text{ display: none; position: fixed; top: 5px; right: 15px;}
	.open .menu .close_text{ display: inline-block; position: fixed; top: 5px; right: 15px;}
}


/* header */
@media (min-width: 768px) {
	header{ display: none;}
	.overlayMenuBtn { height: 30px; width: 22px; cursor: pointer; z-index: 900; margin: 15px auto 0;}
	.overlayMenuBtn span{ display: block; width: 2px; height: 30px; background: #131313; position: absolute; left: 0; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
	.overlayMenuBtn span:nth-child(1){ left: 76px;}
	.overlayMenuBtn span:nth-child(2){ left: 86px;}
	.overlayMenuBtn span:nth-child(3){ left: 96px;}
	
	/* 開閉ボタンopen時 */
	.open.overlayMenuBtn { right: 15px; height: 30px; width: 22px; cursor: pointer; z-index: 900;}
	.open.overlayMenuBtn span{ display: block; width: 2px; height: 30px; background: #131313; position: absolute; left: 0; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
	.open.overlayMenuBtn span:nth-child(1) { left: 86px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
	.open.overlayMenuBtn span:nth-child(2) { left: 86px; width: 0;}
	.open.overlayMenuBtn span:nth-child(3) { left: 86px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

	.overlayMenu { display: none; position: fixed; width: 700px!important; height: 100vh; overflow: auto; top: 0; right: 172px; background-image: url("../images/back.png"); background-repeat: repeat; z-index: 82; padding: 0 10px; margin: 0;}
	.overlayMenu{ width: 100%; text-align: center; padding: 0;}
	.overlayMenu .sp_menu{ margin: 0; padding: 30px 0 0 30px; text-align: left;}
	
	.overlayMenu .sp_menu .menu_list{ color: #ea5532; margin: 10px 0 40px 0;}
	.overlayMenu .sp_menu .menu_list li{ margin: 0 0 5px 0;}
 	.overlayMenu .sp_menu .menu_list a{ color: #131313;}
	
	footer{ display: none;}
}
@media (min-width: 1400px) {
	.overlayMenu { display: none; position: fixed; width: 700px!important; height: 100vh; overflow: auto; top: 0; right: calc(50% - 528px); background-image: url("../images/back.png"); background-repeat: repeat; z-index: 82; padding: 0 10px; margin: 0;}
}
@media (min-width: 768px) and (max-width: 1110px) {
	.overlayMenu { width: 500px!important;}
}
@media (max-width: 767.98px) {
	header{ position: fixed; top: 0; left: 0; width: 100%; height: 60px; padding: 0; background-color: #fff; z-index: 800; display: flex; justify-content: center; align-items: center;}
	.header_flex{ display: flex; justify-content: center; margin: 0;}
	.header_flex>div:nth-child(1){ position: fixed; left: 15px; top: 10px;}
	.header_flex>div:nth-child(1) img.icon1{ width: 125px;}
	.header_flex a.insta{ position: absolute; right: 62px; top: 17px;}
	.header_flex a.insta img{ width: 28px;} 
	.overlayMenuBtn { position: fixed; top: 23px; right: 20px; height: 27px; width: 22px; cursor: pointer; z-index: 900;}
	.overlayMenuBtn span{ display: block; width: 2px; height: 27px; background: #131313; position: absolute; left: 0; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
	.overlayMenuBtn span:nth-child(1){ left: 0;}
	.overlayMenuBtn span:nth-child(2){ left: 10px;}
	.overlayMenuBtn span:nth-child(3){ left: 20px;}

	/* 開閉ボタンopen時 */
	header.open{ display: block; padding: 10px 0; height: 60px;}
	.open.overlayMenuBtn { position: fixed; top: 23px!important; right: 15px; width: 30px; height: 20px; cursor: pointer; z-index: 900;}
	.open.overlayMenuBtn span{ background-color: #131313;}
	.open.overlayMenuBtn span:nth-child(1) { left: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
	.open.overlayMenuBtn span:nth-child(2) { width: 0; left: 50%;}
	.open.overlayMenuBtn span:nth-child(3) { left: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

	.overlayMenu { display: none; position: fixed; width: 100%; height: 100vh; overflow: auto; top: 0; right: 0; background-image: url("../images/back.png"); background-repeat: repeat; z-index: 82; padding: 0 10px; margin-top: 60px;}
	.overlayMenu{ width: 250px; text-align: center; padding: 15px;}
	.overlayMenu .sp_menu{ width: 100%; margin: 0; text-align: left;}
	
	.overlayMenu .sp_menu .menu_list{ color: #ea5532; margin: 10px 0 15px 0; font-size: 13px;}
	.overlayMenu .sp_menu .menu_list li{ margin: 0 0 5px 0;}
 	.overlayMenu .sp_menu .menu_list a{ color: #131313;}
	
	footer{ position: fixed; bottom: 0; width: 100%; height: 40px; z-index: 80; background-color: #fff;}
	footer a{ width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}
	footer strong{ font-size: 18px; text-decoration: underline;}
	footer span{ background-color: #939293; color: #fff; border-radius: 50px; width: 90px; padding: 0px 10px; display: inline-block; text-align: center; font-weight: normal; margin: 0 10px 0 0;}
}


@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}