@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
	
.headerIn { width: 100%;}

/*index
-------------------------------*/
.func_bana { width: 900px; margin: 0 auto 50px; }
.func_bana img { width: 100%; height: auto; }

.function_list { width: 100%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative; }
.function_list::before {
content: "";
display: block;
position: absolute;
bottom: -20px;
right: -50px;
background: url(../images/function/f_bg_icon.png)0 0 no-repeat;
width: 400px;
height: 263px;
background-size: 100%;
}
.function_list li { flex-basis: 23.5%; max-width: 23.5%; margin-right: 2%; padding: 30px; box-sizing: border-box;     -webkit-box-shadow: 0 3px 40px rgb(39 115 174 / 16%);
    box-shadow: 0 3px 30px rgb(39 115 174 / 16%);
    border-radius: 10px; box-sizing: border-box; background: #fff; position: relative; z-index: 10; }
.function_list li:nth-child(4n+4) { margin-right: 0px; }
.function_list li:nth-child(n+5) { margin-top: 30px; }
.function_tit { font-size: 25px; font-weight: bold; color: #47b2bb; margin-bottom: 50px; text-align: center; }
.function_list_icon { width: 50px; margin: 0 auto 15px; }
.function_list_icon img { width: 100%; }

.function_list_tit { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 15px; color: #D6072E; border-bottom: 1px dashed #D6072E; padding-bottom: 15px; }
.function_list_txt { text-align: center; font-size: 14px; line-height: 1.8em; }

.f_box { margin-bottom: 100px; }
.choice_tit { font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 30px; line-height: 2em; }
.choice_txt { font-size: 16px; color: #47b2bb; font-weight: bold; text-align: center; }

#option .function_list::before { display: none; }

.function_list_tit span { display: block; font-size: 14px; color: #333; }

.function_subtxt { text-align: right; margin-bottom: 15px; font-size: 14px; }

.f_box2 { padding: 50px; background: #f5f8f9; border: 1px solid #ededed; margin-bottom: 100px; }

.function_subtit { text-align: center; font-size: 18px; font-weight: bold; margin-top:  100px; }
.function_subtit a { color: #47b2bb; border-bottom: 1px solid #47b2bb; }
.function_subtit a:hover { color: #257284; }

#option .function_tit { color: #D6072E; }



}



/*sp*/
@media only screen and (max-width: 768px) {
	
.headerIn { width: 100%;}

/*index
-------------------------------*/
.func_bana { width: 100%; margin: 0 auto 30px; }
.func_bana img { width: 100%; height: auto; }


.function_list { width: 100%; margin:0 auto 15px; display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative; }

.function_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; padding: 30px; box-sizing: border-box;     -webkit-box-shadow: 0 3px 40px rgb(39 115 174 / 16%);
    box-shadow: 0 3px 30px rgb(39 115 174 / 16%);
    border-radius: 10px; box-sizing: border-box; background: #fff; }
.function_list li:nth-child(2n+2) { margin-right: 0px; }
.function_list li:nth-child(n+3) { margin-top: 30px; }
.function_tit { font-size: 25px; font-weight: bold; color: #47b2bb; margin-bottom: 15px; text-align: center; }

.func_list_tit { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 30px; color: #D6072E; border-bottom: 1px dashed #D6072E; padding-bottom: 15px; }
.func_list_txt { text-align: center; }

.function_list_icon { width: 50px; margin: 0 auto 15px; }
.function_list_icon img { width: 100%; }

.function_list_tit { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 15px; color: #D6072E; border-bottom: 1px dashed #D6072E; padding-bottom: 15px; }
.function_list_txt { text-align: center; font-size: 14px; line-height: 1.8em; }

.f_box { margin-bottom: 70px; }
.choice_tit { font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 30px; line-height: 2em; }
.choice_txt { font-size: 16px; color: #47b2bb; font-weight: bold; text-align: center; }

.function_list::before {
content: "";
display: block;
position: absolute;
bottom: 30px;
right: -30px;
background: url(../images/function/f_bg_icon.png)0 0 no-repeat;
width: 250px;
height: 164px;
z-index: -1;
background-size: 100%;
}

#option .function_tit { color: #D6072E; }
#option .function_list::before { display: none; } 


.f_box2 { padding: 30px; background: #f5f8f9; border: 1px solid #ededed; margin-bottom: 50px; }


}