@charset "UTF-8";


.contentpage .m_img {
	background-image: url("../images/beginner/m_img@2x.jpg");
}

/*---------------------------------------------------------
message
---------------------------------------------------------*/
#message .com_flt .img_l {
	width: 32%;
	max-width: 280px;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#message .com_deco_txt {
	margin-bottom: 1.2em;
}
#message .com_flt .img_l {
	margin-right: 3%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#message .com_flt .img_l {
	width: 60%;
}
}


/*---------------------------------------------------------
notice
---------------------------------------------------------*/
#notice {
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
}
#notice .com_point {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#notice .radi_txt {
	text-align: center;
	font-size: min(2.3vw,153%);
	letter-spacing: .2em;
	line-height: 1.4;
	background-color: rgba(30,136,168,0.15);
	padding: .6em;
	border-radius: 2em;
	margin-bottom: 1.5em;
}
#notice .com_contact {
	margin-bottom: 40px;
}
#notice .time_req {
	margin-top: 2.2em;
}
#notice .time_req dt {
	font-size: 113%;
	letter-spacing: .2em;
	line-height: 1.4;
	background-color: rgba(30,136,168,0.15);
	box-sizing: border-box;
	padding: .4em;
	border-radius: 1.2em;
	border-bottom-left-radius: 0.5em;
}
#notice .time_req ul > li {
	font-size: 113%;
	line-height: 1.5;
	margin-bottom: 1em;
}
#notice .time_req ul > li:last-of-type {
	margin-bottom: 0;
}
#notice .cancel {
	color: #FFF;
	background-color: #1e88a8;
	padding-bottom: 75px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#notice .cancel dt {
	text-align: center;
	font-size: min(180%,2.5vw);
	letter-spacing: .14em;
	line-height: 1.5;
	margin-bottom: 1em;
}
#notice .cancel .com_marulist > li {
	border-color: rgba(230,230,230,0.3);
}
#notice .cancel .com_marulist > li::before {
	color: #fab28a;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#notice .com_point > dl,
#notice .cancel > dl {
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#notice .com_point .poi_title {
    font-size: min(213%, 3vw);
	margin-bottom: .8em;
}
#notice .time_req {
	display: flex;
}
#notice .time_req dt {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 11em;
	margin-right: 2em;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#notice .com_contact {
	margin-bottom: 4%;
}
#notice .time_req dt {
	width: 10em;
	font-size: 105%;
}
#notice .time_req ul > li {
	font-size: 102%;
	margin-bottom: .8em;
}
#notice .cancel {
	padding-bottom: 8%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#notice .radi_txt {
	font-size: 110%;
	letter-spacing: .1em;
	padding: .4em;
	margin-bottom: 1em;
}
#notice .com_contact {
	margin-bottom: 6%;
}
#notice .time_req dt {
	text-align: center;
	font-size: 105%;
	letter-spacing: .15em;
	margin-bottom: .8em;
}
#notice .time_req ul > li {
	font-size: 100%;
	margin-bottom: .4em;
}
#notice .cancel {
	padding-bottom: 12%;
}
#notice .cancel dt {
	font-size: 120%;
	letter-spacing: .1em;
	margin-bottom: .8em;
}
#notice .time_req {
	margin-top: 8%;
}
#notice .time_req dt {
	border-radius: 2em;
}
}

/*---------------------------------------------------------
mtm
---------------------------------------------------------*/

/*mtm：tit_area
---------------------------------------------------------*/
#mtm .tit_area {
	position: relative;
	text-align: center;
	color: #FFF;
	background: url("../images/beginner/shadow_t@2x.png") no-repeat center top,
				url("../images/beginner/shadow_b@2x.png") no-repeat center bottom;
	background-size: 88% auto;
	/* background: url("../images/beginner/mtm_bg1@2x.jpg") no-repeat center center;
	background-size: cover; */
	padding: 70px 5% 80px;
}
#mtm .tit_area::before {
	position: absolute;
	content: "";
	background: url("../images/beginner/mtm_bg1@2x.jpg") no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}
#mtm .tit_area .ft_jos {
	font-size: min(5.5vw,453%);
	letter-spacing: .04em;
	line-height: 1;
	white-space: nowrap;
	text-shadow: 0 0 15px rgba(0,0,0,0.2);
}
#mtm .tit_area .ft_jos span {
	position: relative;
	color: #f6e05e;
}
#mtm .tit_area .ft_jos span::before {
	position: absolute;
	content: "";
	background-color: #FFF;
	width: .45em;
	height: 4px;
	left: 0;
	right: 0;
	top: 100%;
	margin: auto;
}
#mtm .tit_area .mtm_tit {
	font-size: min(180%,2.5vw);
	letter-spacing: .14em;
	line-height: 1.6;
	margin-top: 1.2em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#mtm .tit_area {
	padding: 7% 5% 8%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#mtm .tit_area {
	padding: 10% 5% 10%;
}
#mtm .tit_area .ft_jos span::before {
	height: 2px;
}
#mtm .tit_area .mtm_tit {
	font-size: 120%;
	letter-spacing: .1em;
}
}

/*mtm:cont_area
---------------------------------------------------------*/
#mtm .cont_area {
	background: url("../images/beginner/mtm_bg2@2x.jpg") no-repeat left bottom;
	background-size: min(67%,997px) auto;
	padding: 140px 0 150px;
}
/*fig_box*/
#mtm .fig_box {
	position: relative;
	text-align: center;
	background-color: #f6f8f6;
	box-sizing: border-box;
	padding: 0 3%;
	border-radius: 6.4em;
	margin-bottom: 140px;
}
#mtm .fig_box > .ft_jos {
	position: absolute;
	color: rgba(200,200,190,0.8);
	font-size: min(12vw,960%);
	letter-spacing: .04em;
	line-height: 1;
	left: 50%;
	top: 0;
	translate: -50% -56%;
}
#mtm .fig_box > .ft_jos::after {
	position: absolute;
	display: block;
	content: "=";
	color: rgba(220,220,210,0.7);
	font-size: 50%;
	letter-spacing: normal;
	line-height: 1;
	left: 53%;
	top: 100%;
	translate: -50% 0;
	rotate: 90deg;
	scale: 0.8 1;
}
#mtm .fig_box ul {
	display: flex;
	justify-content: center;
}
#mtm .fig_box ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 13.3em;
	height: 13.3em;
	text-align: center;
	color: #FFF;
	font-size: min(2.6vw,226%);
	letter-spacing: .1em;
	line-height: 1.3;
	white-space: nowrap;
	background: url("../images/beginner/mtm_obj1@2x.png") no-repeat center center;
	background-size: contain;
}
#mtm .fig_box ul li:nth-of-type(2) {background-image: url("../images/beginner/mtm_obj2@2x.png");}
#mtm .fig_box ul li:nth-of-type(3) {background-image: url("../images/beginner/mtm_obj3@2x.png");}

#mtm .fig_box ul li .ft_jos {
	font-size: 64%;
	letter-spacing: .04em;
	line-height: 1;
	margin-bottom: 1em;
}
/*box_txt*/
#mtm .box_txt dt {
	font-size: min(3vw,206%);
	line-height: 1.8;
	font-feature-settings: "halt";
}
#mtm .box_txt dd {
	line-height: 2.6;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*fig_box*/
#mtm .fig_box ul li:nth-of-type(2) {
	margin: 0 -8.2%;
	translate: 0 20%;
}
/*box_txt*/
#mtm .box_txt {
	width: 70%;
	max-width: 695px;
	margin-left: auto;
}
#mtm .box_txt .com_deco_txt {
	text-align: left;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#mtm .cont_area {
	padding: 14% 0 12%;
}
/*fig_box*/
#mtm .fig_box {
	border-radius: 5em;
	margin-bottom: 12%;
}
/*box_txt*/
#mtm .box_txt dd {
	line-height: 2.2;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#mtm .cont_area {
	background-size: 58% auto;
	background-position: left -8% top 64vw;
	padding: 14% 0 12%;
}
/*fig_box*/
#mtm .fig_box {
	border-radius: 10vw;
	margin-bottom: 15%;
}
#mtm .fig_box > .ft_jos {
	font-size: 14vw;
}
#mtm .fig_box ul {
	width: 116%;
	margin-left: -8%;
}
#mtm .fig_box ul li {
	font-size: 85%;
}
#mtm .fig_box ul li:nth-of-type(2) {
	margin: 0 -12% 0 -10%;
	translate: 0 25%;
}
#mtm .fig_box ul li:nth-of-type(3) {
	translate: 0 -5%;
}
/*box_txt*/
#mtm .box_txt dt {
	text-align: right;
	font-size: 130%;
}
#mtm .box_txt dd {
	line-height: 2;
}
}

/*---------------------------------------------------------
flow
---------------------------------------------------------*/
#flow .bg_lblu {
	padding: 95px 0 150px;
}
#flow .fl_title {
	text-align: center;
	font-size: min(2.8vw,186%);
	letter-spacing: .2em;
	line-height: 1.4;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 2.2em 5% 2em;
	border-radius: 6.4em;
	margin-bottom: 2.5em;
}
#flow .fl_title .ft_jos {
	color: #dcdcd2;
	font-size: 232%;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: .3em;
}
/*fl_list*/
#flow .fl_list {
	list-style: none;
	counter-reset: number;
}
#flow .fl_list > li {
	position: relative;
	box-sizing: border-box;
	padding-bottom: 60px;
	margin-bottom: 80px;
	border-bottom: 1px solid currentColor;
}
#flow .fl_list > li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#flow .fl_list > li::before {
	position: absolute;
	display: block;
	counter-increment: number;
	content: '0' counter(number);
	color: #1e88a8;
	font-size: min(4.2vw,433%);
	letter-spacing: .04em;
	line-height: 0.8;
	font-family: josefin-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	left: -0.1em;
	top: 0;
}
#flow .fl_list > li::after {
	position: absolute;
	content: "";
	background-color: #1E88A8;
	width: 38px;
	height: 32px;
	left: 50%;
	top: 100%;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	translate: -50% 0;
}
#flow .fl_list > li:last-of-type {
	border-bottom: none;
}
#flow .fl_list > li:last-of-type::after {
	display: none;
}
#flow .fl_list .fl_inbox {
	padding-left: 7.3%;
}
#flow .fl_list .box_img {
	position: relative;
	max-width: 620px;
}
#flow .fl_list .box_img .abs {
	position: absolute;
	width: 30%;
	max-width: 183px;
	left: 5%;
	bottom: 8%;
}
#flow .fl_index {
	font-size: min(206%,2.6vw);
	letter-spacing: .14em;
	line-height: 1.5;
	margin-bottom: .5em;
}
#flow .fl_index span {
	font-size: 74%;
}
#flow .fl_list .com_btn1 {
	text-align: center;
}
/*fl_checkup*/
#flow .fl_checkup {
	background-color: #FFF;
	box-sizing: border-box;
	padding: 1.3em 5.8%;
	border-radius: 2em;
	border-bottom-left-radius: 0.4em;
	margin-top: 1.5em;
}
#flow .fl_checkup dt {
	text-align: center;
	color: #1e88a8;
	font-size: 126%;
	letter-spacing: .2em;
	line-height: 1.4;
	background-color: rgba(232,207,66,0.2);
	padding: .4em;
	border-radius: 2em;
	margin-bottom: 1em;
}
#flow .fl_checkup .com_chklist {
	display: flex;
	flex-wrap: wrap;
}
#flow .fl_checkup .com_chklist > li {
	width: 48%;
	min-width: max-content;
	box-sizing: border-box;
	padding-right: .4em;
}
#flow .fl_checkup .com_chklist > li:nth-of-type(odd) {
	width: 52%;
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) {
#flow .fl_inbox {
	display: grid;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	grid-template-columns: 52% 43.5%;
}
}
@media only screen and (min-width: 1082px) {
#flow .fl_list .box_img {
	grid-row: 1 / 3;
	grid-column: 1 / 2;
}
#flow .fl_list .box_txt {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
#flow .fl_list .fl_checkup {
	grid-row: 2 / 3;
}
}
@media only screen and (min-width: 960px) and (max-width: 1081px) {
#flow .fl_list .box_img {
	grid-row: 1 / 2;
}
#flow .fl_list .fl_checkup {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#flow .bg_lblu {
	padding: 9% 0 14%;
}
#flow .fl_title {
	padding: 1.8em 5% 1.6em;
	margin-bottom: 2em;
}
#flow .fl_inbox {
	display: block;;
}
#flow .fl_list > li {
	padding-bottom: 5%;
	margin-bottom: 8%;
}
#flow .fl_list > li::before {
	font-size: 5vw;
}
#flow .fl_list .box_img {
	width: 70%;
	margin: 0 auto 4%;
}

#flow .fl_list .fl_checkup {
	width: 95%;
	grid-row: 2 / 3;
	grid-column: 1 / 3;
	margin: 5% auto 0;
}
#flow .fl_checkup dt {
	font-size: 115%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#flow .bg_lblu {
	padding: 12% 0 14%;
}
#flow .fl_title {
	font-size: 110%;
	letter-spacing: .15em;
	padding: 1.4em 2%;
	margin-bottom: 2em;
}
#flow .fl_title .ft_jos {
	font-size: 200%;
}
#flow .fl_list > li {
	padding-bottom: 8%;
	margin-bottom: 12%;
}
#flow .fl_list > li::before {
	font-size: 8vw;
}
#flow .fl_list > li::after {
	width: 8vw;
	height: 6vw;
}
#flow .fl_list .fl_inbox {
	padding-left: 0;
}
#flow .fl_list .box_img {
	width: 70%;
	margin: 0 auto 5%;
}
#flow .fl_list .box_img .abs {
	width: 45%;
	left: -6%;
	bottom: -8%;
}
#flow .fl_index {
	font-size: 120%;
	letter-spacing: .1em;
}
/*fl_checkup*/
#flow .fl_checkup {
	margin-top: 1em;
}
#flow .fl_checkup dt {
	font-size: 110%;
}
#flow .fl_checkup dd {
	font-size: 88%;
}
#flow .fl_checkup .com_chklist > li {
	max-width: max-content;
	padding-right: 0;
	margin-right: 1em;
}
}

/*---------------------------------------------------------

---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {


}