@charset "UTF-8";

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



/*.box1
---------------------------------------------------------*/
.box1 .com_fukidashi {
	text-align: center;
	font-size: 205%;
	letter-spacing: .17em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
}
.box1 .com_fukidashi .txt_small {
	display: block;
	font-size: 70%;
	letter-spacing: .17em;
	line-height: 1.4em;
}

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

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .com_fukidashi {
	font-size: 180%;
	letter-spacing: .1em;
}
.box1 .com_fukidashi .txt_small {
	letter-spacing: .1em;
}
}



/*box2
---------------------------------------------------------*/
.box2 {
	background: #f9f5f0;
	position: relative;
	padding-bottom: 100px;
	color: #2b2a2a;
}
.box2::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 8vw;
	max-height: 60px;
	background: #fff;
	left: 0;
	top: 0;
}
.box2 .w1400 {
	position: relative;
	z-index: 1;
}

.box2 .check h2 {
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.box2 .check .check_list {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 10px 4% 80px;
	position: relative;
}
.box2 .check .check_list::before {
	content: "";	/*背景*/
	position: absolute;
	z-index: 0;
	width: 100%;
	height: calc(100% + 120px);
	background: #fff;
	left: 0;
	bottom: 0;
}
.box2 .check .check_list::after {
	content: "";	/*影*/
	position: absolute;
	width: 100%;
	height: 6vw;
	max-height: 40px;
	background: url("../images/online/shadow@2x.png") no-repeat center center;
	background-size: 100% 100%;
	left: 0;
	top: 100%;
}
.box2 .check .check_list li {
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	font-size: 145%;
	letter-spacing: .15em;
	line-height: 1.6em;
	padding-left: 1.8em;
	padding-bottom: .7em;
	border-bottom: solid 1px rgba(204,197,194,0.5);
	margin-bottom: .7em;
}
.box2 .check .check_list li::before {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	background: url("../../images/check4@2x.png") no-repeat center center;
	background-size: contain;
	left: 0;
	top: .3em;
}
.box2 .check .check_list li:last-child {
	margin-bottom: 0;
}
.box2 .check .check_list li .red {
	font-size: 120%;
	letter-spacing: .15em;
	line-height: 1.6em;
}
.box2 .check .arrow {
	text-align: center;
	width: 25%;
	margin: 40px auto;
}

.box2 .osusume {
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.box2 .osusume h3 {
	text-align: center;
	color: #80634f;
	font-size: min(265%,4.0vw);
	letter-spacing: .15em;
	line-height: 1.8em;
	padding-bottom: 1.0em;
	border-bottom: solid 1px rgba(204,197,194,0.5);
	margin-bottom: 60px;
}
.box2 .osusume h3 .txt_small {
	display: block;
	font-size: 70%;
	letter-spacing: .15em;
	line-height: 1.8em;
}
.box2 .osusume h3 .ft_min {
	color: inherit;
}
.box2 .osusume .merit_list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	row-gap: 60px;
}
.box2 .osusume .merit_list > li {
	width: 48%;
	max-width: 598px;
	padding-bottom: 50px;
	border-bottom: solid 1px rgba(204,197,194,0.5);
}
.box2 .osusume .merit_list .ft_dm {
	font-size: 120%;
	letter-spacing: .02em;
	line-height: 1.0em;
	margin-bottom: .8em;
}
.box2 .osusume .merit_list .ft_dm span {
	color: #bea276;
	margin-left: .3em;
}
.box2 .osusume .merit_list dt {
	color: #80634f;
	font-size: min(205%,3.0vw);
	letter-spacing: .19em;
	line-height: 1.4em;
	margin: .8em 0 .5em;
}
.box2 .osusume .merit_list .fs15 {
	letter-spacing: .09em;
}

.box2 .onayami {
	padding: 80px 4% 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
.box2 .onayami::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: calc(100% - 40px);
	left: 0;
	top: 0;
	background: #fff;
}
.box2 .onayami h3 {
	color: #80634f;
	font-size: min(250%,3.8vw);
	letter-spacing: .15em;
	line-height: 1.5em;
}
.box2 .onayami .com_fukidashi > span::before,
.box2 .onayami .com_fukidashi > span::after {
	bottom: .5em;
}
.box2 .onayami dt {
	color: #80634f;
	font-size: 135%;
	font-weight: bold;
	letter-spacing: .17em;
	line-height: 1.6em;
	margin: 1.5em 0;
}
.box2 .onayami .item_list {
	width: 100%;
	max-width: 1256px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box2 .onayami .item_list li {
	width: 24%;
	max-width: 273px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 {
	padding-bottom: 8%;
}
.box2 .check .check_list {
	padding-bottom: 8%;
}
.box2 .check .check_list::before {
	height: calc(100% + 10vw);	/*背景*/
}
.box2 .check .check_list li,
.box2 .check .check_list li .red {
	letter-spacing: .1em;
}
.box2 .check .arrow {
	margin: 3% auto;
}
.box2 .osusume h3 {
	font-size: 4.1vw;
	letter-spacing: .1em;
	margin-bottom: 5%;
}
.box2 .osusume h3 .txt_small {
	letter-spacing: .1em;
}
.box2 .osusume .merit_list {
	row-gap: 5vw;
}
.box2 .osusume .merit_list > li {
	padding-bottom: 6%;
}
.box2 .osusume .merit_list dt {
	font-size: 3.2vw;
	letter-spacing: .1em;
}
.box2 .onayami {
	padding: 6% 4% 0;
}
.box2 .onayami h3 {
	letter-spacing: .1em;
}
.box2 .onayami dt {
	letter-spacing: .1em;
	margin: 1.5em 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 {
	padding-bottom: 12%;
}
.box2 .check h2 {
	width: 116%;
	margin-left: -8%;
}
.box2 .check .check_list {
	padding-bottom: 10%;
}
.box2 .check .check_list::before {
	height: calc(100% + 10vw);	/*背景*/
}
.box2 .check .check_list li {
	font-size: 110%;
	letter-spacing: .05em;
	line-height: 1.4em;
	padding-left: 1.5em;
}
.box2 .check .check_list li .red {
	letter-spacing: .05em;
	line-height: 1.4em;
}
.box2 .check .arrow {
	width: 30%;
	margin: 3% auto;
}
.box2 .osusume h3 {
	font-size: 150%;
	letter-spacing: .05em;
	margin-bottom: 8%;
}
.box2 .osusume h3 .txt_small {
	font-size: 75%;
	letter-spacing: .05em;
}
.box2 .osusume .merit_list {
	display: block;
}
.box2 .osusume .merit_list > li {
	width: 100%;
	max-width: 100%;
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.box2 .osusume .merit_list > li:last-child {
	margin-bottom: 0;
}
.box2 .osusume .merit_list .ft_dm {
	margin-bottom: .5em;
}
.box2 .osusume .merit_list dt {
	font-size: 140%;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin: .5em 0 .3em;
}
.box2 .osusume .merit_list .fs15 {
	letter-spacing: .05em;
}
.box2 .onayami {
	padding: 8% 4% 0;
}
.box2 .onayami h3 {
	font-size: 130%;
	letter-spacing: .05em;
}
.box2 .onayami dt {
	font-size: 110%;
	letter-spacing: .05em;
	margin: 1.0em 0;
}
.box2 .onayami dd {
	text-align: left;
}
.box2 .onayami .item_list {
	row-gap: 1.0em;
}
.box2 .onayami .item_list li {
	width: 48%;
}
}



/*flow
---------------------------------------------------------*/
#flow .bg {
	background: #f1ebe2;
	padding: 120px 0;
}
#flow .com_index1 {
	margin-bottom: 100px;
}
#flow .com_flow_box .flow_title::before {background-image: url("../images/online/arrow2@2x.png");}
#flow .com_flow_box .flow_title .no span {color: #ad8a53;}
#flow .com_flow_box .flow_title .memo {background: #ad8a53;}

#flow .com_flow_box .online_style {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#flow .com_flow_box .online_style > dt {
	width: 23%;
	box-sizing: border-box;
	text-align: center;
	color: #ad8a53;
	font-size: 135%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 1.5em;
}
#flow .com_flow_box .online_style > dd {
	width: 77%;
	box-sizing: border-box;
	border-left: solid 1px #dcdcdc;
	padding: .5em 4%;
}
#flow .com_flow_box .online_style > dd ul {
	line-height: 1.6em;
}
#flow .com_flow_box .online_style > dd ul.col2 {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#flow .com_flow_box .online_style > dd ul.col2 > li:nth-child(even) {
	width: 55%;
}
#flow .com_flow_box .online_style > dd ul.col2 > li:nth-child(odd) {
	width: 32%;
}
#flow .com_flow_box .online_style > dd li {
	box-sizing: border-box;
	padding-left: 1.2em;
	position: relative;
	margin-top: .5em;
}
#flow .com_flow_box .online_style > dd li:first-child,
#flow .com_flow_box .online_style > dd ul.col2 > li:nth-child(2) {
	margin-top: 0;
}
#flow .com_flow_box .online_style > dd li::before {
	font-family: 'fontello';
	content: '\e805';
	color: #ad8a53;
	font-size: 60%;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#flow .bg {
	padding: 10% 0;
}
#flow .com_index1 {
	margin-bottom: 8%;
}
#flow .com_flow_box .online_style > dt {
	font-size: 120%;
	letter-spacing: .15em;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#flow .bg {
	padding: 12% 0;
}
#flow .com_index1 {
	margin-bottom: 10%;
}

#flow .com_flow_box .flt_box .img_r {
	width: 80%;
}
#flow .com_flow_box .online_style {
	display: block;
}
#flow .com_flow_box .online_style > dt {
	width: 100%;
	font-size: 120%;
	letter-spacing: .15em;
	padding-bottom: .5em;
	border-bottom: solid 1px #dcdcdc;
	margin-bottom: 1.0em;
}
#flow .com_flow_box .online_style > dd {
	width: 100%;
	border-left: none;
	padding: 0 4%;
}
#flow .com_flow_box .online_style > dd ul.col2 {
	display: block;
}
#flow .com_flow_box .online_style > dd ul.col2 > li:nth-child(even),
#flow .com_flow_box .online_style > dd ul.col2 > li:nth-child(odd) {
	width: 100%;
}
#flow .com_flow_box .online_style > dd li {
	margin-top: .2em !important;
}
#flow .com_flow_box .online_style > dd li:first-child {
	margin-top: 0 !important;
}
#flow .com_flow_box .online_style > dd li::before {
	font-family: 'fontello';
	content: '\e805';
	color: #ad8a53;
	font-size: 60%;
	font-weight: normal;
	position: absolute;
	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) {
	
}