@charset "UTF-8";

.m_img {
	background-image: url("../images/first/m_img@2x.jpg");
}
.bg_obj {
	position: relative;
}
.bg_obj::before {
	position: absolute;
	content: "";
	background-image: url("../images/common/bg_wave_opc@2x.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%;
	width: 56vw;
	height: 18vw;
	left: 0;
	top: 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

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

}


/*firstly
---------------------------------------------------------*/
#firstly .bg_orange {
	background-color: #ffb117;
	padding: 110px 0 120px;
}
#firstly .bg_orange::after {
	position: absolute;
	content: "";
	background-image: url("../images/first/fir_bg@2x.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	width: 35vw;
	height: 450px;
	right: 0;
	top: 0;
}
#firstly .com_tit1 {
	position: relative;
	z-index: 1;
}
#firstly .com_deco_txt1 {
	color: #ffe0a2;
}
#firstly .fir_inbox {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
	padding: 100px 5% 80px;
	border-radius: 30px;
}
#firstly .fir_index {
	position: absolute;
	width: 20em;
	text-align: center;
	color: #FFF;
	font-size: min(2.4vw,166%);
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.4;
	background-color: #af7837;
	box-sizing: border-box;
	padding: 1em;
	padding-right: 3em;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	left: -6%;
	top: -1.2em;
}
#firstly .com_style1_txt {
	margin-bottom: 1.5em;
}
#firstly .com_marulist {
	text-align: left;
	max-width: max-content;
	margin: 0 auto;
}
#firstly .org_b {
	font-size: min(2vw,133%);
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#firstly .fir_inbox:last-of-type {
	background-color: #ffffd9;
	padding-top: 80px;
}
.bnr_myna {
	width: 85%;
	max-width: 821px;
	margin: 35px auto 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#firstly .bg_orange {
	padding: 10% 0 12%;
}
#firstly .fir_inbox {
	padding: 10% 5% 7%;
}
#firstly .fir_inbox:last-of-type {
	padding-top: 8%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#firstly .bg_orange {
	padding: 12% 0 14%;
}
#firstly .bg_orange::after {
	width: 50vw;
	right: -10%;
}
#firstly .w1220 {
	width: 96%;
	padding: 2%;
}
#firstly .com_tit1 {
	margin-bottom: 2.5em;
}
#firstly .fir_inbox {
	padding: 18% 6% 12%;
	border-radius: 20px;
}
#firstly .com_style1_txt {
	font-size: 115%;
	white-space: nowrap;
}
#firstly .fir_index {
	width: 14em;
	font-size: 115%;
	letter-spacing: .1em;
	top: -0.8em;
}
#firstly .com_style1_txt {
	margin-bottom: 1em;
}
#firstly .org_b {
	font-size: 108%;
	margin-top: 1.2em;
}
#firstly .fir_inbox:last-of-type {
	padding-top: 10%;
}
.bnr_myna {
	width: 100%;
	margin-top: 6%;
}
}


/*
---------------------------------------------------------*/
#flow .bg_obj {
	background: url("../images/first/fl_bg@2x.jpg") no-repeat center top;
	background-size: contain;
	background-color: #fffff4;
	padding-top: 110px;
}
#flow .com_deco_txt1 {
	color: #fc890f;
}
#flow .fl_list > li {
	position: relative;
	padding-top: 8px;
	padding-bottom: 70px;
}
#flow .fl_list > li:last-of-type {
	padding-bottom: 0;
}
#flow .fl_list > li::before {
	position: absolute;
	content: "";
	width: 2px;
	height: calc(100% - 4em);
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	border-right: 1px dashed #473219;
	z-index: 1;
}
#flow .fl_list > li:last-of-type::before {
	display: none;
}
#flow .fl_list .txt_l dt,
#flow .fl_list .txt_l dd {
	position: relative;
	padding-left: 5.4rem;
}
#flow .fl_list .txt_l dt {
	font-size: min(2.6vw,200%);
	letter-spacing: .14em;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
#flow .fl_list .txt_l dt::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e803';
	color: #ffdb19;
	font-size: 70%;
	letter-spacing: normal;
	left: 0;
	top: 0.3em;
	transform: translateX(-50%);
}
#flow .fl_list .txt_l dt::after {
	position: absolute;
	content: "";
	background-color: #fc890f;
	width: 0.6em;
	height: 4px;
	border-radius: 2px;
	left: 1.2em;
	top: 0.7em;
}
#flow .fl_list .txt_l dt p {
	position: relative;
	font-weight: bold;
	padding-left: 4em;
}
#flow .fl_list .txt_l dt span {
	position: absolute;
	color: #fc890f;
	font-family: "agenda-one", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: min(7.6vw,300%);
	letter-spacing: .1em;
	line-height: 0.7;
	left: 0;
	top: -0.1em;
}
#flow .fl_list .img_r img {
	border-radius: 8.3% / 15%;
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 960px) {
#flow .fl_list .txt_l {
	width: 62%;
}
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

#flow .fl_list .img_r {
	width: 34%;
	max-width: 360px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#flow .bg_obj {
	padding-top: 10%;
}
#flow .fl_list > li {
	padding-bottom: 8%;
}
#flow .fl_list > li::before {
	height: calc(100% - 3.6em);
}
#flow .fl_list .txt_l dt,
#flow .fl_list .txt_l dd {
	padding-left: 4rem;
}
#flow .fl_list .txt_l dt {
	letter-spacing: .1em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#flow .bg_obj {
	background-size: 120% auto;
	padding-top: 12%;
}
#flow .fl_list > li {
	position: relative;
	padding-top: 2px;
	padding-bottom: 10%;
}
#flow .fl_list > li::before {
	height: calc(100% - 58vw);
}
#flow .fl_list > li::after {
	display: none;
}
#flow .fl_list .img_r {
	position: relative;
	width: 90%;
	max-width: 100%;
	padding-left: 10%;
}
#flow .fl_list .img_r::before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	border-right: 1px dashed #473219;
}
#flow .fl_list > li:first-of-type .img_r::before {
	display: none;
}
#flow .fl_list .img_r img {
	width: 90%;
}
#flow .fl_list .txt_l dt,
#flow .fl_list .txt_l dd {
	padding-left: 10vw;
}
#flow .fl_list .txt_l dt {
	font-size: 125%;
	letter-spacing: .08em;
	margin-bottom: .8em;
}
#flow .fl_list .txt_l dt::after {
	width: 0.5em;
	height: 3px;
	left: .9em;
	top: 0.7em;
}
#flow .fl_list .txt_l dt p {
	padding-left: 2.8em;
}
#flow .fl_list .txt_l dt span {
	font-size: 200%;
	top: 0;
}
}


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

/* PC,Tablet
------------------------------------------*/
@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) {

}