@charset "UTF-8";

/*---------------------------------------------------------
common
---------------------------------------------------------*/
.com_deco_txt1 {
	text-align: center;
	opacity: 0.2;
}

.com_ctc_box .com_time_txt > li.beg {display: none;}

/*---------------------------------------------------------
m_img
---------------------------------------------------------*/
.contentpage .m_img {
	width: 112%;
	grid-template-columns: 33.6% 63.7%;
	margin-left: -4%;
}
.contentpage .m_img > div:nth-of-type(1) {
	height: 93.5%;
	background-image: url(../images/first/m_img1@2x.jpg);
}
.contentpage .m_img > div:nth-of-type(2) {
	height: 119%;
	background-image: url(../images/first/m_img2@2x.jpg);
	translate: 0 11%;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}

/*---------------------------------------------------------
notice
---------------------------------------------------------*/
.com_bdrbox {
	background-color: #74C8B2;
	padding-bottom: 0;
	overflow: hidden;
}
.com_bdrbox::before {
	border-color: #FFF;
}
.com_bdrbox .com_deco_txt1,
.com_bdrbox .com_title1 .ft_min {
	color: #FFF;
}
.com_bdrbox .com_style1_txt {
	font-size: min(2.5vw,150%);
	margin-bottom: 1em;
}
.com_bdrbox .com_style1_txt > span span {
	position: relative;
}
.com_bdrbox .com_index_radi {
	width: 22em;
	color: #433200;
	font-size: min(2vw,125%);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4;
	background-color: #fff;
	border-radius: 2em;
	box-sizing: border-box;
	padding: .5em 2em;
	margin: 0 auto 1em;
}
.com_bdrbox .note {
	text-align: center;
	color: #FFF;
	font-size: 87%;
	line-height: 1.7;
}
.com_bdrbox .com_ctc_box {
	font-size: 86%;
	box-shadow: none;
	margin: 1.8em auto;
}
.com_bdrbox .com_ctc_box .com_tel dt br {
	display: block !important;
}
/* rcp_hour */
.com_bdrbox .rcp_hour {
	display: grid;
	justify-content: space-between;
	grid-template-columns: 48% 48%;
	max-width: 670px;
	margin: 0 auto;
}
.com_bdrbox .rcp_hour > li {
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: .1em;
	background-color: #4FB599;
	box-sizing: border-box;
	padding: 1.2em 3% 1em;
	border-radius: 1.8em;
}
.com_bdrbox .rcp_hour dt {
	font-size: 125%;
	margin-bottom: .4em;
}
.com_bdrbox .rcp_hour dd {
	font-size: 94%;
}
.com_bdrbox .rcp_hour dd span {
	display: block;
	color: #FFFFBC;
	font-size: 346%;
	letter-spacing: .06em;
	margin-bottom: .1em;
}
/* please */
.com_bdrbox .please {
	position: relative;
	color: #FFF;
	padding-bottom: 70px;
}
.com_bdrbox .please::before {
	position: absolute;
	content: "";
	width: 120%;
	height: calc(100% - 1.5em);
	background-color: #4FB599;
	left: -10%;
	bottom: 0;
}
.com_bdrbox .please > * {
	position: relative;
}
.com_bdrbox .please .com_flt {
	max-width: 910px;
	margin: 0 auto;
}
.com_bdrbox .please .com_flt .img_l {
	max-width: 200px;
}
.com_bdrbox .please .bdr_dot p {
	text-align: left;
}
.com_bdrbox .please .fw_bold {
	font-size: min(2.5vw,125%);
	line-height: 1.5;
}
.com_bdrbox .please .fw_bold span {
	color: #FFFFBC;
}
.com_bdrbox .please .bdr_dot_t::before {
	margin: 25px auto 40px;
}

.com_bdrbox .bdr_dot_b::after,
.com_bdrbox .bdr_dot_t::before,
.com_bdrbox .com_title1::after {
	background-image: url(../images/common/dot_w.svg);
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.com_bdrbox .please .com_flt .img_l {
	width: 25%;
	margin-right: 3%;
}
.com_bdrbox .please .com_flt p {
	padding-top: 2%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_bdrbox .com_style1_txt {
	font-size: 120%;
}
.com_bdrbox .com_index_radi {
	width: auto;
	font-size: 110%;
	letter-spacing: .05em;
}
.com_bdrbox .note {
	text-align: left;
}
/* rcp_hour */
.com_bdrbox .rcp_hour > li {
	letter-spacing: .02em;
}
.com_bdrbox .rcp_hour dt {
	font-size: 100%;
}
.com_bdrbox .rcp_hour dd {
	font-size: 80%;
}
/* please */
.com_bdrbox .please {
	padding-bottom: 12%;
}
.com_bdrbox .please .fw_bold {
	text-align: left;
	font-size: 100%;
}
.com_bdrbox .please .bdr_dot_t::before {
	margin: 8% auto;
}
}

/*---------------------------------------------------------
policy
---------------------------------------------------------*/
.pol_list {
	position: relative;
}
.pol_list .box_img {
	position: relative;
	max-width: 434px;
	margin: 0 auto 1.6em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.pol_list {
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: repeat(3, min(31.5%,434px));
	justify-content: space-between;
	align-items: flex-start;
}
.pol_list > div:nth-of-type(n+4) {
	margin-top: 60px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.pol_list > div:nth-of-type(n+4) {
	margin-top: 6%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pol_list > li:not(:last-of-type) {
	margin-bottom: 12%;
}
.pol_list .box_img {
	width: 80%;
}
}


/*---------------------------------------------------------
flow
---------------------------------------------------------*/
#movie {
	text-align: center;
}
#movie iframe {
	display: block;
	width: 90%;
	max-width: 760px;
	margin: 0 auto;
}
#flow .com_ctc_box .com_tel dt br {
	display: block !important;
}
/* vis_time */
.vis_time {
	width: 90%;
	max-width: 1100px;
	box-sizing: border-box;
	background-color: #fff;
	padding: 35px 4.2%;
	margin: 0 auto 80px;
}
.vis_time dt {
	font-size: min(2.4vw,150%);
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: .5em;
}
.vis_time dd.fw_bold {
	color: #F56B34;
	font-size: 93%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* vis_time */
.vis_time {
	padding: 35px 4.2%;
	margin-bottom: 7%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

/* vis_time */
.vis_time {
	width: 100%;
	padding: 7% 6%;
	margin-bottom: 10%;
}
.vis_time dt {
	font-size: 110%;
}
}

/*st_list
---------------------------------------------------------*/
.st_list .step_no {
	position: relative;
	display: block;
	color: #74C8B2;
	width: 5em;
	font-family: "orpheuspro", serif;
	font-weight: 400;
	font-style: normal;
	font-size: min(2.8vw,180%);
	letter-spacing: .08em;
	line-height: 1;
	padding: .5em 0;
}
.st_list .step_no span {
	font-size: 224%;
	letter-spacing: .1em;
	vertical-align: -0.1em;
}
.st_list .com_flt {
	position: relative;
	padding-left: min(15vw,170px);
	padding-bottom: 70px;
}
.st_list .com_flt::before {
	display: block;
	position: absolute;
	content: "";
	background-color: #74C8B2;
	width: 1px;
	height: 100%;
	left: min(6vw,70px);
	bottom: 0;
}
.st_list > li:last-of-type .com_flt {
	padding-bottom: 0;
}
.st_list > li:last-of-type .com_flt::before {
	display: none;
}
.st_list .com_flt .img_l {
	max-width: 380px;
}
.st_list .com_flt .fw_bold {
	color: #63AC98;
	letter-spacing: .04em;
	margin-top: .4em;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.st_list .com_flt .img_l {
	width: 36%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.st_list .com_flt {
	padding-bottom: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.st_list .step_no {
	font-size: 100%;
}
.st_list .step_no span {
	font-size: 224%;
}
.st_list .com_flt {
	padding-left: 14vw;
	padding-bottom: 10%;
}
}

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

---------------------------------------------------------*/
/* 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) {


}