@charset "utf-8";
section#sub_pagettl {
		background-image: url(../img/subttl_webe.png);
}

#sticky_btn-22ver .conv_box .btn_box [class^="col_02"]>*:nth-child(1) {
		display: none;
}

#sticky_btn .conv_box .btn_box [class^="col_03"]>*:nth-child(1), #sticky_btn .conv_box .btn_box [class^="col_03"]>*:nth-child(3) {
		display: none;
}

#sect_webe-merit {}

#sect_webe-merit .merit_ul {}

#sect_webe-merit .merit_ul li {
		background-color: #f3d7d8;
}

#sect_webe-merit .merit_ul li:nth-child(2n) {
		background-color: #f5f5f5;
}

#sect_webe-merit .merit_box {
		display: flex;
		align-items: stretch;
		padding-top: 4em;
		padding-bottom: 4em;
}

#sect_webe-merit [class*="smid_title"] strong {
		font-size: 110%;
		color: #da2429;
		display: block;
}

#sect_webe-merit .merit_box .merit_txt {
		position: relative;
		order: 1;
		width: 40%;
		margin-top: 4em;
		margin-bottom: 4em;
		margin-left: -5%;
		background-color: #fff;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		padding: 3em;
		border-bottom: 2em solid #f5f5f5;
		-webkit-box-shadow: 0em 0em 1em 0.1em #00000029;
		box-shadow: 0em 0em 1em 0.1em #00000029;
		border-radius: 0.5em;
}

#sect_webe-merit .merit_ul li:nth-child(2n) .merit_txt {
		order: 0;
		margin-right: -10%;
		margin-left: 0%;
		border-bottom-color: #f3d7d8;
}

#sect_webe-merit .merit_box .merit_txt>* {
		text-align: center;
		width: 100%;
}

#sect_webe-merit .merit_box .merit_txt strong {
		font-size: 2.4rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		padding-bottom: 0.75em;
}

#sect_webe-merit .merit_box .merit_txt .num_box {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: -1em;
		width: 2em;
		height: 2em;
		background-image: url(../../webentry/img/webe_Numpoint.svg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		font-size: 4rem;
		color: #fff;
		line-height: 1;
		padding-top: 0.45em;
}

#sect_webe-merit .merit_box .merit_photo {
		width: 65%;
		border-radius: 0.5em;
		overflow: hidden;
}

#sect_webe-merit .merit_box .merit_photo img {
		width: 100%;
}

section#sect_reg-flow ul#flow_list li .step_txt p {
		color: #fff;
}

@media screen and (max-width: 760px) [class*="wth_"] {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
}

[class*="wth_1300"] {
		max-width: 1300px;
		margin: 0 auto;
}


/**流れ**/

section#sect_reg-flow {
		padding: 0 4vw 0 0;
}

section#sect_reg-flow ul#flow_list {}

section#sect_reg-flow ul#flow_list li {
		padding-left: 0.75em;
		background-image: url(../../reg_flow/img/regflow_arr_BLA.svg);
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 2em;
		margin-bottom: 0.75em;
		display: flex;
		align-items: center;
}

section#sect_reg-flow ul#flow_list li:last-child {
		padding-bottom: 1.5em;
		background-image: none;
		border-bottom: 1px solid #878787;
}

section#sect_reg-flow ul#flow_list li:first-child {
		padding-top: 1.5em;
		border-top: 1px solid #878787;
}

section#sect_reg-flow ul#flow_list li>* {}

section#sect_reg-flow ul#flow_list li .step_photo {
		width: 30%;
		padding-right: 5%;
}

section#sect_reg-flow ul#flow_list li .step_photo img {
		width: 100%;
}

section#sect_reg-flow ul#flow_list li .step_num {
		font-weight: bold;
		font-size: 2rem;
		text-align: center;
		background-color: #28aeb4;
		color: #FFFFFF;
		display: inline-block;
		padding: 0.3em;
		line-height: 1em;
		width: 70px;
		height: 70px;
}

section#sect_reg-flow ul#flow_list li .step_num small {
		font-size: 40%;
		display: block;
		line-height: 1em;
		padding-bottom: 0.3em;
}

section#sect_reg-flow ul#flow_list li .step_txt {
		vertical-align: top;
		padding-left: 2em;
		width: calc(70% - 70px);
}

section#sect_reg-flow ul#flow_list li .step_txt h4 {
		font-size: 1.5rem;
		color: #28aeb4;
		font-weight: bold;
		padding-bottom: 0.25em;
}

section#sect_reg-flow ul#flow_list li .step_atten {
		background-color: #e3e3e3;
		min-height: auto;
		text-align: center;
		padding-top: 0.75em;
		padding-right: 1em;
		padding-left: 1em;
		padding-bottom: 1em;
		margin-top: 1.2em;
}

section#sect_reg-flow .exp_video {
		text-align: center;
		padding-top: 3em;
}

section#sect_reg-flow .exp_video .video_ttl {
		border-radius: 0.2em;
		font-size: 2rem;
		padding: 0.5em 1em 0.65em 1em;
		position: relative;
		background-color: #000;
		color: #fff;
		display: inline-block;
		margin-bottom: 1.2em;
}

section#sect_reg-flow .exp_video .video_ttl:after {
		border: solid transparent;
		content: '';
		height: 0;
		width: 0;
		pointer-events: none;
		position: absolute;
		border-color: rgba(0, 153, 255, 0);
		border-top-width: 18px;
		border-bottom-width: 14px;
		border-left-width: 14px;
		border-right-width: 14px;
		margin-left: -14px;
		border-top-color: #000;
		top: 100%;
		left: 50%;
}


/**持ち物**/

section#sect_others ul.others_list {
		border: 8px solid #DADADA;
		overflow: hidden;
		display: flex;
		max-width: 900px;
		margin: 0 auto;
}

section#sect_others ul.others_list li {
		width: 25%;
		border-right: 1px solid #DADADA;
		text-align: center;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		letter-spacing: 0em;
		font-size: 0.9em;
}

section#sect_others ul.others_list li:last-child {
		border-right-style: none;
}

section#sect_others ul.others_list li .mark_box {
		border-radius: 50%;
		background-color: #28aeb4;
		width: 100px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-bottom: 1em;
}
section#sect_others ul.others_list p {
		color:white
}
section#sect_others ul.others_list li .mark_box img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 69%;
}

table.tab_price {
		width: 100%;
}

table.tab_price tr>* {
		text-align: left;
		border-right: 1px solid #8E8E8E;
}

table.tab_price tr>*:last-child {
		border-right-style: none;
}

table.tab_price tr th {
		background-color: #6d6d6d;
		padding: 1em;
		color: #FFFFFF;
}

table.tab_price tr td {
		padding: 0.5em 1em;
		font-size: 1.4rem;
		background-color: #eeeeee;
		vertical-align: middle;
}

table.tab_price tr td:first-child {
		font-weight: bold;
}

table.tab_price tr:nth-child(2n) td {
		background-color: #dddddd;
}

table.tab_price+.item_name {
		padding-top: 3em;
}

section#sect_price table.tab_price+.btn_box {
		padding-top: 5em;
		padding-bottom: 2em
}


/* ##### responsive ##### */

@media screen and (max-width: 760px) {
		/**流れ**/
		section#sect_reg-flow {}
		section#sect_reg-flow ul#flow_list {}
		section#sect_reg-flow ul#flow_list li {
				padding-left: 0;
				flex-wrap: wrap;
				align-items: flex-start;
		}
		section#sect_reg-flow ul#flow_list li:last-child {}
		section#sect_reg-flow ul#flow_list li:first-child {}
		section#sect_reg-flow ul#flow_list li>* {
				min-height: auto;
		}
		section#sect_reg-flow ul#flow_list li .step_photo {
				width: 100%;
				padding-right: 0;
				order: 1;
				padding-top: 2em;
		}
		section#sect_reg-flow ul#flow_list li .step_num {
				width: 54px;
				height: 54px;
				font-size: 2.5rem;
		}
		section#sect_reg-flow ul#flow_list li .step_num small {}
		section#sect_reg-flow ul#flow_list li .step_txt {
				width: calc(100% - 54px);
				padding-left: 1em;
				padding-top: 0;
		}
		section#sect_reg-flow ul#flow_list li .step_txt h4 {
				font-size: 2.3rem;
				padding-bottom: 0.5em;
				margin-top: 0;
				margin-bottom: 0;
		}
		section#sect_reg-flow ul#flow_list li .step_atten {
				text-align: left;
		}
		section#sect_reg-flow .exp_video {}
		section#sect_reg-flow .exp_video .video_ttl {
				border-radius: 0.2em;
				font-size: 1.3rem;
				margin-bottom: 0.25em;
		}
		section#sect_reg-flow .exp_video .video_ttl:after {
				border-top-width: 14px;
				border-bottom-width: 10px;
				border-left-width: 10px;
				border-right-width: 10px;
				margin-left: -10px;
		}
		/**持ち物**/
		section#sect_others ul.others_list {
				border-style: none;
				overflow: hidden;
				display: block;
				padding-left: 2vw;
    			padding-right: 2vw;
		}
		section#sect_others ul.others_list li {
				width: 100%;
				text-align: left;
				padding-top: 1em;
				padding-bottom: 1em;
				font-size: 0.9em;
				border-right-style: none;
				border-bottom: 1px solid #A4A4A4;
		}
		section#sect_others ul.others_list li:first-child {
				border-top: 1px solid #A4A4A4;
		}
		section#sect_others ul.others_list li:last-child {}
		section#sect_others ul.others_list li .mark_box {
				width: 80px;
				height: 80px;
				margin-bottom: 0em;
				display: inline-block;
				vertical-align: middle;
				margin-right: 1.5em;
		}
		section#sect_others ul.others_list li .mark_box img {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
		}
		section#sect_others ul.others_list li p {
				display: inline-block;
				vertical-align: middle;
				color: #fff;
		}
		/* ##### responsive ##### */
		@media screen and (max-width: 760px) {
				#sect_webe-merit {}
				#sect_webe-merit .merit_ul {}
				#sect_webe-merit .merit_ul li {}
				#sect_webe-merit .merit_ul li:nth-child(2n) {}
				#sect_webe-merit .merit_box {
						flex-direction: column;
						padding-top: 2em;
						padding-bottom: 2em;
				}
				#sect_webe-merit [class*="smid_title"] strong {}
				#sect_webe-merit .merit_box .merit_txt {
						width: 100%;
						margin-top: 0;
						margin-bottom: 0;
						margin-left: 0;
						padding: 4em 2em 3em 2em;
						border-bottom: 1em solid #f5f5f5;
						border-radius: 0.25em;
				}
				#sect_webe-merit .merit_ul li:nth-child(2n) .merit_txt {
						order: 1;
						margin-right: 0;
				}
				#sect_webe-merit .merit_box .merit_txt>* {
						text-align: center;
						width: 100%;
				}
				#sect_webe-merit .merit_box .merit_txt strong {
						font-size: 1.4rem;
				}
				#sect_webe-merit .merit_box .merit_txt .num_box {
						top: -1em;
						font-size: 2.5rem;
				}
				#sect_webe-merit .merit_box .merit_photo {
						width: 100%;
						border-radius: 0.25em;
				}
				#sect_webe-merit .merit_box .merit_photo img {}
				#sect_webe-flow {}
				#sect_webe-flow .step_ul {
						padding-bottom: 0;
						margin: 0 auto;
						width: 90vw;
				}
				#sect_webe-flow .step_ul li {}
				#sect_webe-flow .step_ul li:nth-child(2n) {}
				#sect_webe-flow .step_box {
						align-items: flex-start;
						flex-direction: column;
						padding-top: 1em;
						padding-bottom: 4.5em;
						background-position: center bottom;
						background-size: 15% auto;
				}
				#sect_webe-flow .step_ul li:last-child .step_box {}
				#sect_webe-flow [class*="smid_title"] strong {}
				#sect_webe-flow .step_box .step_txt {
						order: 1;
						width: 100%;
						margin-top: 0;
						margin-bottom: 0;
						margin-right: 0;
						border-radius: 0.25em;
						padding: 3.5em 1.5em 3em 1.5em;
				}
				#sect_webe-flow .step_ul li:nth-child(2n) .step_txt {
						/*order: 0; margin-right: -10%; margin-left: 0%; border-bottom-color:#f3d7d8; */
				}
				#sect_webe-flow .step_box .step_txt>* {}
				#sect_webe-flow .step_box .step_txt strong {
						font-size: 1.5em;
				}
				#sect_webe-flow .step_box .step_txt .num_box {
						font-size: 4.6rem;
				}
				#sect_webe-flow .step_box .step_txt [class^="comm_btn-dimen"] {
						font-size: 1.1em;
						padding-left: 1.5em;
						padding-right: 1.5em;
						width: 100%;
				}
				#sect_webe-flow .step_box .step_txt a {
						color: #fff;
						font-weight: bold;
						text-decoration: underline;
				}
				#sect_webe-flow .step_box .step_photo {
						width: 100%;
						border-radius: 0.25em;
				}
				#sect_webe-flow .step_box .step_photo img {}
				#sticky_btn-22ver .conv_box .btn_box [class^="col_02"]>*:nth-child(2) {
						width: 100% !important;
				}
				#sticky_btn-22ver .conv_box .btn_box [class^="col_02"]>*:nth-child(2) a {
						padding-right: 0;
				}
				#sticky_btn .conv_box .btn_box [class^="col_03"]>*:nth-child(2) {
						width: 100% !important;
				}
				#sticky_btn .conv_box .btn_box [class^="col_03"]>*:nth-child(2) a {
						padding-right: 0;
				}
		}