article{
	width: 1998px;
	margin: 0 auto;
}
.modoseru_header{
	padding-top: 422px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-end;
}
.modoseru_header_h2{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}
.modoseru_header_h2 span{
	margin-bottom: 50px;
}
.modoseru_header_ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0px;
}
.modoseru_header_li{
	margin-left: 138px;
	margin-bottom: 0px;
}
.modoseru_header_li a{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
}
.mb263{
	margin-bottom: 263px;
}
.my-custom-swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.my-custom-swiper .swiper-slide img.auto100{
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
/* ナビゲーションボタンの共通スタイル */
.my-custom-swiper .swiper-button-prev,
.my-custom-swiper .swiper-button-next {
	position: absolute; /* 絶対位置で配置 */
	top: 50%; /* 親要素の上端から50%の位置に */
	transform: translateY(-50%); /* ボタン自身の高さの半分だけ上に移動し、垂直中央揃え */
	z-index: 10; /* 他の要素より手前に表示（必要に応じて調整） */
	/* ボタンのサイズや見た目を調整 (Swiperのデフォルトスタイルを上書き) */
	width: 27px; /* Swiperのデフォルト値に近いですが、適宜変更 */
	height: 44px; /* Swiperのデフォルト値に近いですが、適宜変更 */
	margin-top: -22px; /* Swiperのデフォルト。transformを使うなら不要な場合も */
	background-size: 27px 44px; /* アイコン画像のサイズ */
	background-repeat: no-repeat;
	background-position: center;
	/* デフォルトのSVGアイコンの色を変更したい場合など */
	color: #ffffff;  /* 例: アイコンの色を白にする */
	/* opacity: 0.8; */
	/* transition: opacity 0.3s; */
}
/* 「前へ」ボタンの位置調整 */
.my-custom-swiper .swiper-button-prev {
	left: 10px; /* 左端からの距離（お好みで調整） */
	/* SwiperデフォルトのSVG矢印を上書きする場合の例 */
	/* background-image: url("path/to/your-custom-prev-arrow.svg"); */
}
/* 「次へ」ボタンの位置調整 */
.my-custom-swiper .swiper-button-next {
	right: 10px; /* 右端からの距離（お好みで調整） */
	/* SwiperデフォルトのSVG矢印を上書きする場合の例 */
	/* background-image: url("path/to/your-custom-next-arrow.svg"); */
}
.modoseru_img{
	width: 2000px;
	height: auto;
}
.modoseru_img_text{
	margin-top: 14px;
}
.modoseru_3plan{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	margin-top: 77px;
}
.modoseru_3plan span{
	margin-bottom: 30px;
}
.plan{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	width: 1998px;
	height: 914px;
	margin-top: 82px;
	margin-bottom: 130px;
}
.plan_box{
	width: 626px;
	height: 914px;
}
.mt50{
	margin-top: 0px;
}
.planimg{
	top: 0;
	left: 0;
	width: 626px;
	height: 914px;
}
.viewplans{
	bottom: 56px;
	left: 52px;
	width: 522px;
}
.modoseru_3plan_text{
	margin-top: 58px;
}
.singleplan_img{
	margin-top: 128px;
	height: 412px;
}
.singleplan{
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 759px;
}
.singleplan_text{
	top: 203px;
	left: -137px;
	width: 603px;
}
.singleplan_text2{
	margin-top: 27px;
}
.modoseru_singleplan{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 160px;
}
.modoseru_singleplan_img{
	width: 636px;
	height: auto;
	margin-top: 0px;
}
.modoseru_singleplan_text{
	margin-top: 68px;
}
.modoseru_singleplan_box{
	margin-top: 60px;
}
.modoseru_singleplan_link{
	display: block;
	background: #E3CEA8;
	padding-top: 36px;
	padding-left: 174px;
	padding-right: 174px;
	padding-bottom: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 136px;
	width: 1065px;
}
.setplan_img{
	margin-top: 128px;
	height: 399px;
}
.setplan{
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 549px;
}
.setplan_text{
	top: 102px;
	left: -137px;
	width: 776px;
}
.setplan_text2{
	margin-top: 27px;
}
.modoseru_setplan{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 160px;
}
.modoseru_setplan_img{
	width: 636px;
	height: auto;
	margin-top: 0px;
}
.modoseru_setplan_text{
	margin-top: 68px;
}
.modoseru_setplan_box{
	margin-top: 60px;
}
.modoseru_setplan_link{
	display: block;
	background: #E3CEA8;
	padding-top: 36px;
	padding-left: 174px;
	padding-right: 174px;
	padding-bottom: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 136px;
	width: 1065px;
}
.orderplan_img{
	margin-top: 128px;
	height: 416px;
}
.orderplan{
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 763px;
}
.orderplan_text{
	top: 102px;
	left: -137px;
	width: 776px;
}
.orderplan_text2{
	margin-top: 27px;
}
.orderplan_text3{
	margin-top: 27px;
}
.modoseru_orderplan{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 160px;
}
.modoseru_orderplan_img{
	width: 636px;
	height: auto;
	margin-top: 0px;
}
.modoseru_orderplan_text{
	margin-top: 68px;
}
.modoseru_orderplan_box{
	margin-top: 60px;
}
.modoseru_orderplan_link{
	display: block;
	background: #F2F2F2;
	padding-top: 36px;
	padding-left: 174px;
	padding-right: 174px;
	padding-bottom: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 136px;
	width: 1500px;
}
.modoseru_plan_text{
	margin-top: 68px;
}
.modoseru_plan_box{
	margin-top: 60px;
}
.modoseru_plan_link{
	display: block;
	background: #E3CEA8;
	padding-top: 36px;
	padding-left: 174px;
	padding-right: 174px;
	padding-bottom: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 136px;
	width: 1065px;
}
.order_price_h2{
	margin-bottom: 75px;
}
.order_price_border{
	border-bottom: solid 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 84px;
}
.order_price_img{
	width: 1998px;
	margin-bottom: 130px;
}
.japamese_style{
	width: 1998px;
	margin-bottom: 140px;
}
.order_price_img2{
	width: 1998px;
	margin-bottom: 130px;
}
.modoseru_template{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 130px;
}
.modoseru_template_box1{
	width: 937px;
}
.modoseru_template_text1{

}
.modoseru_template_box2{
	width: 937px;
}
.three_logo{
	width: 935px;
	margin-bottom: 140px;
}
.modoseru_template_text2{

}
.seo_text{
	width: 1800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 127px;
	text-align: center;
}
#singleplan {
	scroll-margin-top: 100px;
}
#setplan {
	scroll-margin-top: 100px;
}
#orderplan {
	scroll-margin-top: 100px;
}