/* CSS Document */


/* common
-------------------------------------------------------------------------------------------------------------------------------------- */


/* link-btn ----------------------------- */
.content .link-btn							{ width: 100%;  }
.content .link-btn a						{ color: #17b005; font-size: 1.2rem; background-image: url("../images/service/line_official/ar_right.png"); background-size: 1rem; border-color: #17b005 ; border-radius: 40px;}

.content .link-btn.bl a						{ background: url("../images/service/line_official/ico_blank.png")no-repeat right 8% center #FFFFFF; background-size: 1.2rem; }

@media print, screen and (min-width: 768px) {
.content .link-btn							{ max-width: 35rem; margin: 0 0 0 auto;}
.content .link-btn a						{ font-size: 1.4rem; }

}
@media print, screen and (min-width: 1024px) {
.content .link-btn a						{ font-size: 1.6rem; }


}


/* con_wrap ----------------------------- */

.con_wrap 									{ margin-top: 2rem; padding: 3rem 0; background: #d1efcd; }
.con_wrap .row 								{ border: #17b005 2px solid; background: #fff;  }
.con_wrap .row >*							{ padding: 2rem 1.5rem;   }
.con_wrap .row .left						{ background: #5dc850; text-align: center; color: #fff;   }
.con_wrap .row .left .title					{ position: relative; padding-bottom: 1rem; font-size: 2.5rem;  }
.con_wrap .row .left .title:before			{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 20rem; height: 4px; background: #17b005;}
.con_wrap .row .left .title+p				{ margin-top: 1.5rem; font-weight: bold; line-height: 1.4;  }
.con_wrap .row .left .sm					{ margin-top: 0.5rem; }
.con_wrap .row .right						{  }
.con_wrap .tel_box							{ text-align: center;  }
.con_wrap .tel_box .tel						{ line-height: 1.4; color: #17b005; font-weight: bold; }
.con_wrap .tel_box .tel >*					{ color: #17b005; font-weight: bold;}
.con_wrap .tel_box .tel .num				{  }
.con_wrap .tel_box .tel .num span			{ padding: 0.5rem 0 0 0.8rem; font-weight: bold; font-size: 3rem; color: #17b005;}
.con_wrap .tel_box .tel .time				{ font-weight: normal;}
.con_wrap .con_box							{ margin-top: 2rem; text-align: center;  }
.con_wrap .con_box a						{ display: block; padding: 1.5rem; background: #31a22a; color: #fff; border-radius: 10px;  }
.con_wrap .con_box a span					{ padding-left: 2.5rem; background: url("../images/common/ico_mail.png") no-repeat left center; background-size: 2rem;}

@media print, screen and (min-width: 768px) {

.con_wrap 									{ margin-top: 5rem; padding: 5rem 0; }
.con_wrap .row 								{ -webkit-display: flex; display: flex;  }
.con_wrap .row >*							{ width: 50%; padding: 3rem 3.5rem;  }
.con_wrap .row .right						{ padding: 4rem 1rem 2rem; }
.con_wrap .row .left						{ border-right: #17b005 2px solid;  }
.con_wrap .tel_box .tel .num span			{ font-size: 3.5rem; }

}

@media print, screen and (min-width: 1024px) {
.con_wrap 									{ margin-top: 7rem; padding: 7rem 0; }

.con_wrap .row >*							{ padding: 5rem 1rem;  }
.con_wrap .row .right						{ padding: 7rem 1rem 2rem; }
.con_wrap .row .left						{   }
.con_wrap .row .left .title					{ padding-bottom: 1.5rem; font-size: 3.5rem;  }
.con_wrap .row .left .title+p				{ margin-top: 2rem; font-size: 2rem;  }
.con_wrap .row .left .sm					{ margin-top: 1rem; font-size: 1.6rem; }
.con_wrap .tel_box .tel						{ font-size: 2.2rem; }
.con_wrap .tel_box .tel .num span			{ font-size: 4.4rem; }
.con_wrap .tel_box .tel .time				{ font-size: 1.8rem;}
.con_wrap .con_box							{ margin: 2rem 2.5rem 0; }
.con_wrap .con_box a						{ padding: 2.2rem; font-size: 2rem;  }
.con_wrap .con_box a span					{ padding-left: 3.5rem; background-size: 3rem;}

}









/* page_menu ----------------------------- */
.page_menu								{ overflow: hidden; padding: 2rem 0;}
.page_menu .inner						{ max-width: 94rem;}
.page_menu .row							{ }
.page_menu .logo						{ max-width: 20rem; margin: 0 auto;}
.page_menu .logo a						{ display: block;}
.page_menu nav							{ margin-top: 1rem;}
.page_menu nav ul						{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 -0.5rem;}
.page_menu nav ul li					{ width: calc(50% - 1.1rem); margin: 0 0.5rem;}
.page_menu nav ul li:nth-child(n+3)		{ margin-top: 1rem;}
.page_menu nav ul li.on					{  }
.page_menu nav ul li.on a				{ color: #17b005; border-color: #17b005; }
.page_menu nav ul li a					{ display: block; border: #ccc 1px solid; text-align: center; padding: 0.5rem; font-size: 1.2rem;}

@media print, screen and (min-width: 768px) {
.page_menu								{ padding: 4rem 0 1.5rem;}
.page_menu .row							{  }
.page_menu .logo						{ max-width: 23rem; }
.page_menu nav							{ margin-top: 3rem;}
.page_menu nav ul						{ justify-content: center;}
.page_menu nav ul li					{ width: auto; }
.page_menu nav ul li:nth-child(n+3)		{ margin-top: 0;}
.page_menu nav ul li a					{ padding: 0 1rem; font-size: 1.4rem; border: none;}

}
@media print, screen and (min-width: 1024px) {
.page_menu								{ padding: 4rem 0 3rem;}
.page_menu .row							{ -webkit-display: flex; display: flex; justify-content: space-between }
.page_menu .logo						{ margin: 0 auto 0 0;}
.page_menu nav							{ margin-top: 0.2rem;}
.page_menu nav ul						{ justify-content:flex-end; margin: 0 -1rem;}


}


/* bottom_menu ----------------------------- */
.bottom_menu							{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin-top: 4rem;}
.bottom_menu .box						{ width: 50%;}
.bottom_menu .box a						{ position: relative; display: block; height: 11rem; text-align: center; background: #ccc no-repeat center center; background-size: cover;}
.bottom_menu .box a:after				{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 0;}
.bottom_menu .box a p					{ display: table; height: 100%; width: 100%;}
.bottom_menu .box a span				{ display: table-cell; vertical-align: middle; font-size: 1.2rem; color: #fff; line-height: 1.4; position: relative; z-index: 2;}

.bottom_menu .box:nth-child(1) a		{ background-image: url("../images/service/line_official/bottom_menu_p01.jpg");}
.bottom_menu .box:nth-child(2) a		{ background-image: url("../images/service/line_official/bottom_menu_p02.jpg");}
.bottom_menu .box:nth-child(3) a		{ background-image: url("../images/service/line_official/bottom_menu_p03.jpg");}
.bottom_menu .box:nth-child(4) a		{ background-image: url("../images/service/line_official/bottom_menu_p04.jpg");}

@media print, screen and (min-width: 768px) {
.bottom_menu							{ margin-top: 6rem;}
.bottom_menu .box						{ width: auto; flex: 1;}
.bottom_menu .box a						{ height: 16rem;}
.bottom_menu .box a span				{ font-size: 1.4rem; }


}
@media print, screen and (min-width: 1024px) {
.bottom_menu							{ margin-top: 7.5rem;}
.bottom_menu .box a						{ height: 20rem;}
.bottom_menu .box a span				{ font-size: 1.6rem; }

}


/* content ----------------------------- */

.content								{ padding: 4rem 0 0; background: #fafafa;}
.content .inner							{ max-width: 94rem;}

@media print, screen and (min-width: 768px) {
.content								{ padding: 6rem 0 0; }
}
@media print, screen and (min-width: 1024px) {
.content								{ padding: 7.5rem 0 0; }
}



/* タイトル */
.content .c_title						{ color: #17b005; font-size: 1.8rem; text-align: center;}
.content .c_title+div					{ margin-top: 1rem;}
.content .sec-ttl						{ text-align: center;}
.content .sec-ttl+div					{ margin-top: 1.5rem;}
.content .n_title						{ font-weight: bold; font-size: 1.3rem;}

.content .bg_box .s_title				{ color: #17b005;}
.content .bg_box .s_title+div			{ margin-top: 1rem;}
.content .bg_box .s_title+p				{ margin-top: 1rem;}

@media print, screen and (min-width: 768px) {
.content .c_title						{ font-size: 3rem;}
.content .c_title+div					{ margin-top: 2.5rem;}
.content .sec-ttl						{ font-size: 2.5rem;}
.content .sec-ttl+div					{ margin-top: 2.5rem;}
.content .n_title						{ font-size:1.8rem;}

.content .bg_box .s_title				{ font-size: 2rem;}
.content .bg_box .s_title+div			{ margin-top: 3rem;}
.content .bg_box .s_title+p				{ margin-top: 3rem;}

}
@media print, screen and (min-width: 1024px) {
.content .c_title						{ font-size: 4rem;}
.content .c_title+div					{ margin-top: 3.5rem;}
.content .sec-ttl						{ font-size: 3.5rem;}
.content .sec-ttl+div					{ margin-top: 3.5rem;}
.content .n_title						{ font-size: 2.2rem;}

.content .bg_box .s_title				{ font-size: 2.6rem;}
.content .bg_box .s_title+div			{ margin-top: 3rem;}
.content .bg_box .s_title+p				{ margin-top: 3rem;}

}



/* inbox */
.content .inbox							{ margin-top: 2rem; }
.content .inbox.line					{ padding-top: 2rem;  border-top: #dadada 1px solid;}
.content .inbox:first-child				{ padding-top: 0; margin-top: 0; border-top: none;}

@media print, screen and (min-width: 768px) {
.content .inbox							{ margin-top: 4rem; }
.content .inbox.line					{ padding-top: 4rem; }

}
@media print, screen and (min-width: 1024px) {
.content .inbox							{ margin-top: 6.5rem; }
.content .inbox.line					{ padding-top: 6.5rem; }

}



/* bg_box */
.content .bg_box						{ padding: 1.5rem; background: #fff;}
.content .bg_box .pic_figure			{ margin-top: 1rem;}
.content .bg_box .line					{ padding-top: 2rem; margin-top: 2rem; border-top: #dadada 1px solid;}
.content .bg_box .box					{ font-size: 1.3rem;}
.content .bg_box .box+.box				{ margin-top: 2rem;}

@media print, screen and (min-width: 768px) {

.content .bg_box						{ padding: 3rem;}
.content .bg_box .pic_figure			{ margin-top: 2rem;}
.content .bg_box .line					{ padding-top: 3rem; margin-top: 3rem; }
.content .bg_box .box					{ font-size: 1.6rem;}
.content .bg_box .box+.box				{ margin-top: 1.5rem;}

}

@media print, screen and (min-width: 1024px) {
.content .inbox							{ margin-top: 6.5rem; }
.content .inbox.line					{ padding-top: 6.5rem; }

.content .bg_box						{ padding: 5rem 3rem;}
.content .bg_box .line					{ padding-top: 6rem; margin-top: 6rem; }
.content .bg_box .box					{ }
.content .bg_box .box+.box				{ margin-top: 4rem;}


}



/* row-box ----------------------------- */

.row-wrap								{}
.row-wrap .row							{ -webkit-display: flex; display: flex; flex-wrap: wrap;}
.row-wrap .row+.row						{ margin-top: 1.5rem;}
.row-wrap .row >*						{ width: 100%;}
.row-wrap .row .pic						{}
.row-wrap .row .txt-box					{ margin-top: 1rem; font-size: 1.3rem;}
.row-wrap .row .txt-box .title			{ color: #17b005; font-weight: bold; }
.row-wrap .row .txt-box .title+p		{ margin-top: 0.5rem;}
.row-wrap .row .txt-box p+p				{ margin-top: 0.5rem;}
	
.row-wrap .row.box3	div+div				{ margin-top: 1rem; }

@media print, screen and (min-width: 768px) {

.row-wrap .row							{ margin: 0 -1rem; flex-wrap: nowrap; }
.row-wrap .row+.row						{ margin-top: 2.5rem;}
.row-wrap .row.rev						{ flex-direction: row-reverse; }
.row-wrap .row >*						{ margin: 0 1rem; }
.row-wrap .row .txt-box					{ font-size: 1.6rem;}
.row-wrap .row .txt-box .title+p		{ margin-top: 0;}
.row-wrap .row .txt-box p+p				{ margin-top: 1rem;}

.row-wrap .row.box1-1					{  }
.row-wrap .row.box1-1 >*				{ width: calc(50% - 2rem);  }

.row-wrap .row.box1-2 .pic				{ width: calc(33.33% - 2rem); }
.row-wrap .row.box1-2 .txt-box			{ width: calc(66.66% - 2rem); }

.row-wrap .row.box3 >*					{ width: calc(33.33% - 2rem); }
.row-wrap .row.box3	div+div				{ margin-top: 0; }

}


@media print, screen and (min-width: 1024px) {
.row-wrap .row							{ margin: 0 -1.5rem; }
.row-wrap .row+.row						{ margin-top: 4rem;}
.row-wrap .row >*						{ margin: 0 1.5rem; }
.row-wrap .row .txt-box					{ margin-top: 2.5rem; font-size: 1.6rem;}
.row-wrap .row .txt-box .title+p		{ margin-top: 0;}
.row-wrap .row .txt-box p+p				{ margin-top: 1.5rem;}

.row-wrap .row.box1-1 >*				{ width: calc(50% - 3rem);  }
.row-wrap .row.box1-2 .pic				{ width: calc(33.33% - 3rem); }
.row-wrap .row.box1-2 .txt-box			{ width: calc(66.66% - 3rem); }

}



/* line-box */
.line-box								{ max-width: 44rem; margin-top: 2rem; padding: 1.2rem; border: #b6b6b6 1px solid;}
.line-box li							{ font-size: 1.2rem;}

@media print, screen and (min-width: 768px) {
.line-box								{ padding: 1.5rem; }
.line-box li							{ font-size: 1.4rem;}

}
@media print, screen and (min-width: 1024px) {
.line-box								{ padding: 2rem; }
.line-box li							{ font-size: 1.6rem;}

}





/* idx
-------------------------------------------------------------------------------------------------------------------------------------- */



/* main */
.idx .main .main_pic									{ margin-bottom: 1rem;}
@media print, screen and (min-width: 768px) {
.idx .main .main_pic									{ margin-bottom: 2rem;}
}
@media print, screen and (min-width: 1024px) {
.idx .main .main_pic									{ margin-bottom: 4rem;}
}

.idx .main .bg_box.line						{ padding: 0;}
.idx .main .bg_box.line .bg					{ padding: 0.5rem; background: #17b005; color: #fff; text-align: center; font-size: 1.3rem; font-weight: bold;}
.idx .main .bg_box.line ul					{ padding: 1.5rem; border: #17b005 2px solid;}
.idx .main .bg_box.line ul li				{ position: relative; padding-left: 4rem; font-size: 1.2rem; font-weight: bold;}
.idx .main .bg_box.line ul li+li			{ margin-top: 0.5rem;}
.idx .main .bg_box.line ul li:after			{ position: absolute; top: 0; left: 0; content: ""; display: block; width: 3rem; height: 3rem; background: url("../images/service/line_official/ico_check.png") no-repeat left top; background-size: contain;}

@media print, screen and (min-width: 768px) {
.idx .main .bg_box.line .bg					{ padding: 0.5rem; font-size: 1.8rem;}
.idx .main .bg_box.line ul					{ padding: 3rem 4rem 3.5rem;}
.idx .main .bg_box.line ul li				{ font-size: 1.8rem; line-height: 1.6;}
.idx .main .bg_box.line ul li+li			{ margin-top: 2rem;}

}
@media print, screen and (min-width: 1024px) {
.idx .main .bg_box.line						{}
.idx .main .bg_box.line .bg					{ font-size: 2.4rem;}
.idx .main .bg_box.line ul					{ padding: 4.5rem 7rem 5rem;}
.idx .main .bg_box.line ul li				{ font-size: 2.4rem; line-height: 1.3;}
.idx .main .bg_box.line ul li+li			{ margin-top: 2.5rem;}
}



/* sec01 */
.idx #sec01												{}
.idx #sec01 .row										{}
.idx #sec01 .row.box1-2									{}
.idx #sec01 .row.box1-2 .pic							{ padding: 1rem 3rem ;}
.idx #sec01 .row.box2									{}
.idx #sec01 .row.box2 >*								{ -webkit-display: flex; display: flex;}
.idx #sec01 .row.box2 >* .pic							{ width: 33.33%; }
.idx #sec01 .row.box2 >* .txt-box						{ width: 66.66%; margin: 0 0 0 1rem; font-size: 1.0rem; }
.idx #sec01 .row.box2 >* .txt-box .title				{ font-size: 1.2rem; }
.idx #sec01 .link-btn									{ margin-top: 3rem; }

@media print, screen and (min-width: 768px) {

.idx #sec01 .row.box1-2 .pic							{ padding: 0;}
.idx #sec01 .row.box2 >*								{ -webkit-display: block; display: block;}
.idx #sec01 .row.box2 >* .pic							{ width: 100%; text-align: center; max-width: 18rem; margin: 0 auto;}
.idx #sec01 .row.box2 >* .txt-box						{ width: 100%; margin: 2rem 0 0 0 ; font-size: 1.4rem; }
.idx #sec01 .row.box2 >* .txt-box .title				{ font-size: 1.6rem; text-align: center; line-height: 1.4; }
.idx #sec01 .row.box2 >* .txt-box .title+p				{ margin-top: 1rem; }

}

@media print, screen and (min-width: 1024px) {
.idx #sec01 .row.box1-2 .txt-box						{ font-size: 1.8rem;}
.idx #sec01 .row.box2 >* .pic							{ }
.idx #sec01 .row.box2 >* .txt-box						{ margin: 3rem 0 0 0 ; font-size: 1.6rem; }
.idx #sec01 .row.box2 >* .txt-box .title				{ font-size: 1.8rem; }

}

/* sec02 */
.idx #sec02 .link-btn							{ margin-top: 3rem; }

@media print, screen and (min-width: 768px) {
.idx #sec02 .link-btn							{ margin-top: 4.5rem; }
}
@media print, screen and (min-width: 1024px) {
.idx #sec02 .link-btn							{ margin-top: 6rem; }
.idx #sec02 .row-wrap .row.box1-2 .txt-box		{ font-size: 1.8rem; }

}



/* sec03 */
.idx #sec03 .link-btn							{ margin-top: 3rem; }
@media print, screen and (min-width: 768px) {
}
@media print, screen and (min-width: 1024px) {
.idx #sec03 .link-btn							{ margin-top: 5.5rem; }
}


/* sec04 */
.idx #sec04 .link-btn							{ margin-top: 3rem; }
@media print, screen and (min-width: 768px) {
.idx #sec04 .link-btn							{ margin-top: 8.5rem; }
}
@media print, screen and (min-width: 1024px) {
.idx #sec04 .link-btn							{ margin-top: 14rem; }
}





/* about
-------------------------------------------------------------------------------------------------------------------------------------- */

.about								{}

.about .line_title					{ text-align: center; margin-bottom: 0.5rem; }
.about .line_title span				{ background: linear-gradient(transparent 90%, #8bd782 10%); background: -webkit-linear-gradient(transparent 90%, #8bd782 10%); font-size: 1.6rem;}
@media print, screen and (min-width: 768px) {
.about .line_title span				{ font-size: 2.2rem;  }

}
@media print, screen and (min-width: 1024px) {
.about .line_title span				{ font-size: 3.5rem;  }

}



/* sec01 */
.about #sec01						{}
.about #sec01 .pic_figure			{ max-width: 58rem; margin-right: auto; margin-left: auto;}
.about #sec01 .line					{}
.about #sec01 .line .title			{ font-size: 2.5rem; text-align: center;}
.about #sec01 .line .title+p		{ text-align: center;}

@media print, screen and (min-width: 768px) {
.about #sec01 .line .title			{ font-size: 5rem;}
.about #sec01 .line .title+p		{ font-size: 1.4rem;}

}
@media print, screen and (min-width: 1024px) {
.about #sec01 .line .title			{ font-size: 6rem;}

}

/* sec02 */
.about #sec02						{}
.about #sec02 .pic_figure			{ max-width: 58rem; margin-right: auto; margin-left: auto;}
.about #sec02 .line_title			{ text-align: left; }

@media print, screen and (min-width: 768px) {
.about #sec02 .line_title			{ text-align: center; margin-top: -3.2rem; }

}
@media print, screen and (min-width: 1024px) {
.about #sec02 .line_title			{ margin-top: -4.5rem; }

}



/* sec03 */
.about #sec03														{}
.about #sec03 .box:last-child										{}
.about #sec03 .box:last-child .row-wrap								{}
.about #sec03 .box:last-child .row.box1-1							{ margin-top: 0.5rem;}
.about #sec03 .box:last-child .row.box1-1	>*						{ -webkit-display: flex; display: flex; flex-direction: row-reverse; padding: 1rem; border: #b6b6b6 1px solid;}
.about #sec03 .box:last-child .row.box1-1	>* .pic					{ width: 24%; text-align: right; }
.about #sec03 .box:last-child .row.box1-1	>* .txt-box				{ width: 76%; margin: 0 1rem 0 0; }
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title		{ line-height: 1.3;}
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title span	{ font-weight: bold; font-size: 1.0rem;}
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title+p	{ margin-top: 0.5rem; font-size: 1.1rem;}
.about #sec03 .box:last-child .row.box1-1	div+div					{ margin-top: 1rem;}

@media print, screen and (min-width: 768px) {
.about #sec03 .box:last-child .row.box1-1	div+div					{ margin-top: 0;}
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title+p	{ font-size: 1.2rem;}

}
@media print, screen and (min-width: 1024px) {
.about #sec03 .box:last-child .row.box1-1	>*						{ padding: 2rem;}
.about #sec03 .box:last-child .row.box1-1	>* .txt-box				{ margin: 0 2rem 0 0; }
.about #sec03 .box:last-child .row.box1-1	div+div					{ margin-top: 0;}
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title		{ font-size: 2rem; }
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title span	{ font-size: 1.2rem;}
.about #sec03 .box:last-child .row.box1-1	>* .txt-box .title+p	{ font-size: 1.6rem;}

}


/* sec04 */
.about #sec04										{}
.about #sec04 .row-wrap								{}
.about #sec04 .row-wrap	.row						{ }
.about #sec04 .row-wrap	.row .pic					{ text-align: center; }
.about #sec04 .row-wrap	.row .txt-box .icon			{ text-align: center; }
.about #sec04 .line-box								{ margin-top: 2rem; }
@media print, screen and (min-width: 1024px) {
.about #sec04 .row-wrap	.row .txt-box .icon			{ margin-bottom: 1.5rem; }


}



/* sec06 */
.about #sec06										{}
.about #sec06 .pic_figure							{ text-align: center;}




/* utilize
-------------------------------------------------------------------------------------------------------------------------------------- */
.utilize										{}
.utilize #sec01									{}
.utilize #sec01	.n_title+p						{}

@media print, screen and (min-width: 768px) {

}
@media print, screen and (min-width: 1024px) {
.utilize #sec01	.n_title+p						{ font-size: 1.8rem;}
.utilize #sec02	.s_title+p						{ font-size: 1.8rem;}

}




/* function
-------------------------------------------------------------------------------------------------------------------------------------- */
.function										{}
.function #sec01 .row-wrap .row.box1-2.none			{ }
.function #sec01 .row-wrap .row.box1-2.none .txt-box	{ margin-top: 0; }


.function #sec02 .box 									{ margin-top: 1rem;}

@media print, screen and (min-width: 768px) {
.function #sec01 .row-wrap .row.box1-2.none .txt-box	{ width: 100%; margin-top: 0; }

.function #sec02 .box 									{ margin-top: 1.5rem;}


}
@media print, screen and (min-width: 1024px) {

.function #sec01 .row-wrap .row .txt-box .title			{ font-size: 2rem;}
.function #sec02 .box 									{ margin-top: 4rem;}
.function #sec02 .box .n_title+p						{ font-size: 1.8rem;}
.function #sec02 .s_title+p								{ font-size: 1.8rem;}

}



/* flow
-------------------------------------------------------------------------------------------------------------------------------------- */
.flow								{}
.flow #sec01 .s_title+p				{ font-size: 1.3rem;}
.flow #sec01 .row-wrap				{ margin-top: 2rem;}

.flow #sec02						{}
.flow #sec02 table					{ border: #d0d0d0 1px solid;}
.flow #sec02 table.min				{ max-width: 44rem; width: 100%;}
.flow #sec02 table.min tr >*		{ width: 50%; padding: 1.5rem 0.5rem; text-align: center;  }
.flow #sec02 table tr				{}
.flow #sec02 table tr >*			{ width: 25%; padding: 1rem ; border-right: #d0d0d0 1px solid; border-bottom: #d0d0d0 1px solid; font-size: 1.1rem;}
.flow #sec02 table tr:first-child th:nth-child(3)	{ background: #d1efcd; }
.flow #sec02 table tr:first-child th:nth-child(4)	{ background: #b9e7b4; }
.flow #sec02 table tr th			{ background: #e8f7e6;}
.flow #sec02 table tr th span		{ font-size: 1rem;}
.flow #sec02 table tr td			{}

.flow #sec02 ul.indent				{ margin-top: 2rem;}
.flow #sec02 ul li					{ text-indent: -1.6rem; margin-left: 1.6rem; font-size: 1.4rem; line-height: 1.5;}

.flow #sec02 .sm					{ margin-top: 2rem;}
.flow #sec02 .n_title+.top							{ margin-top: 0rem;}


@media print, screen and (min-width: 768px) {

.flow #sec01 .s_title+p				{ font-size: 1.6rem;}
.flow #sec02 table tr >*			{ padding: 1rem; font-size: 1.4rem; text-align: center;}
.flow #sec02 table tr td ul			{ width: 100%; -webkit-display: flex; display: flex; flex-wrap: wrap; }
.flow #sec02 table tr td ul li		{ width: 45%; margin-bottom: 0.5rem; text-align: left;}
.flow #sec02 table tr td ul li:first-child		{ width: 100%; }
.flow #sec02 .n_title+.top							{ margin-top: -2rem;}


}
@media print, screen and (min-width: 1024px) {
.flow #sec01 .row-wrap								{ margin-top: 3rem;}
.flow #sec01 .row-wrap .row .txt-box .title			{ font-size: 2rem;}
.flow #sec02 table tr >*							{ padding: 1.5rem; font-size: 1.6rem;}


}