@charset "utf-8";
html { 
	scroll-behavior		: smooth;
}

.entry-title {
	width				: 100%;
    position			: absolute;
    bottom				: 0;
    left				: 0;
    margin-bottom		: 0 !important;
    padding				: 20px 0;
    text-align			: center;
    background-color	: rgba(255,255,255,0.7);
}

.mainbox{
	width				: 60%;
	padding				: 50px 0;
	margin				: 0 auto 0;
	background			: #fff;
	font-size			: 14px;
	font-family			: 'Noto Sans JP', sans-serif;'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif ;
	line-height			: 1.5;
}

.logoimg{
	margin				: 0 auto;
	text-align			: center;
}



.b-line{
	border-bottom		: dashed 1px #584C9D;
	text-align			: center;
	margin				: 30px auto;
	padding				: 0 0 30px;
}

.text01{
	font-size			: 10px;
	font-weight			: 700;
}

.text02{
	font-size			: 18px;
	font-weight			: 700;
}

.text03{
	font-size			: 10px;
}


/*■■ボタン■■*/
.button{
	width				: 100%;
	padding				: 20px 0 70px;
}

.arrow_button {
	width				: 300px;
	margin				: 10px auto;
	text-align			: center;
	display				: block;
	position			: relative;
	padding				: 10px 20px 10px 30px;
	background			: #584C9D; /* デフォルトの背景色 */
	border-radius		: 10px;
	color				: #fff; /* テキストの色 */
	transition			: background-color 0.5s, box-shadow 0.5s;
}
 
.arrow_button::before { /* 矢印の表示設定 */
	content				: "";
	position			: absolute;
	margin				: auto;
	top					: 0;
	bottom				: 0;
	left				: 18px;
	width				: 10px;
	height				: 10px;
	border-top			: 3px solid #fff;
	border-right		: 3px solid #fff;
	transform			: rotate(135deg);
}
 
.arrow_button::after { /* 矢印の丸枠の表示設定 */
	content				: "";
	position			: absolute;
	margin				: auto;
	top					: 1px;
	bottom				: 0;
	left				: 12px;
	width				: 23px;
	height				: 23px;
	border				: 3px solid #fff;
	border-radius		: 50%;
}
 
.arrow_button:hover { /* マウスオーバー時のスタイル */
	background-color	: #CDCAE2; /* マウスオーバー時の背景色 */
	box-shadow			: 2px 3px 2px rgba(0,0,0,0.3); /* マウスオーバー時につける影 */
	color				: #584C9D; /* テキストの色 */
}

h2{
	text-align			: center;
	background-color	: #CDCAE2;
	padding				: 0 0 5px
}

h2 img{
	width				: 50%;
	margin				: 30px auto 10px ;
}

h2 p{
	font-size			: 24px;
	font-weight			: 700;
}

h2 p span{
	font-size			: 12px;
}

.box01{
	margin				: 30px auto 100px;
}

.sub-tit{
	width				: 160px;
	height				: 160px;
	line-height			: 160px;
	margin				: 30px auto;
	font-size			: 18px;
	font-weight			: 700;
	display				: block;
	border-radius		: 50%;
	background-color	: #E3FFDD;
	text-align			: center;
}

.ba{
	overflow			: hidden;	
}

.box02{
	width				: 100%;
	float				: left;
	margin				: 30px auto;
	border-bottom		: dashed 1px #584C9D;
	padding				: 0 2% 20px;
}

h3{
	font-size			: 18px !important;
	font-weight			: 700;
	text-align			: center;
}

.box02 .tit{
	font-size			: 18px;
	margin				: 5px auto;;
	font-weight			: 700;
	text-align			: center;
}

.box02 .tag{
	width: 100%;
	margin				: 0 auto 10px;
	padding				: 10px 2%;
	background-color	: #eee;
	font-size			: 12px;
	font-weight			: 700;
	text-align			: center;
	overflow			: hidden;
}


.box02 .tag div{
	padding				: 3px 10px;
	display				: inline-block;
	float				: left;
}

.box02 .staff{
	font-weight			: 700;
	text-align			: center;
	background-color	: #CDCAE2;
	padding				: 5px 0;
	margin				: 0 auto 10px;
}

.price-area{
	width				: 29%;
	margin				: 30px 2%;
	text-align			: center;
	float				: left;
}

.price-box{
	margin				: 30px auto 0;
	border				: solid 4px #CDCAE2;
}

.price1{
	font-size			: 18px;
	font-weight			: 700;
	margin				: 20px auto 0;
}

.price2{
	font-size			: 36px;
	font-weight			: 700;
	line-height			: 1;
	margin				: 0 auto 20px;
}

.price2 span{
	font-size			: 14px;
	font-weight			: 400;
}




@media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/

.mainbox{
	width				: 100%;
	padding				: 50px 0;
	margin				: 0 auto 0;
}


.price-area{
	width				: 46%;
	margin				: 30px 2%;
}


}