@charset "utf-8";
/* CSS Document */
/* 20181004 作成　ver.1.0.0 */

/*-----------------
 *sec-function_common 機能紹介エリア(共通)
-----------------*/
#sec-function_common{margin:4em 0;}
#sec-function_common h2{color:#40a83e;font-weight:bold;font-size:1.3em;text-align:center;}
#sec-function_common .function_inner{padding:2em 0 0;border:1px solid #40a83e;background:#edf5ed;}
#sec-function_common .function_inner_box{width:80%;height:280px;margin:0 auto 2em;background:#fff;position:relative;}
#sec-function_common .function_inner_box img{position:relative;margin:2em 0 1em;}
#sec-function_common .function_inner_box img.img01{width:5.5em;left: 30%;}
#sec-function_common .function_inner_box img.img02{width:3.5em;left: 40%;}
#sec-function_common .function_inner_box img.img03{width:4.5em;left: 34%;}
#sec-function_common .function_inner_box img.img04{width:4em;left: 35%;}
#sec-function_common .function_inner_box img.img05{width:4em;left: 40%;}
#sec-function_common .function_inner_box img.img06{width:2.8em;left: 42%;}
#sec-function_common .function_inner_box img.img07{width:4.5em;left: 35%;}
#sec-function_common .function_inner_box img.img08{width:5em;left: 36%;}
#sec-function_common .function_inner_box p{text-align:center;line-height:1.4;}
#sec-function_common .function_inner_box p.title{height:2.5em;margin:0 0 1em;font-weight:bold;}
#sec-function_common .function_inner_box p.function_link{font-size:0.9em;position:absolute;right:1em;bottom:1em; color: #2684e2;}
#sec-function_common .function_inner_box a{width: 100%; height: 100%; display: block;}
#sec-function_common .function_inner_box a:hover{ opacity: 0.7;}
#sec-function_common .function_inner_box .img_box{height:35%;}
#sec-function_common .function_inner_box{
/* box-shadow */
box-shadow:0px 1px 1px 0px #bcd8bc;

/* border-radius */
border-radius:6px;

/* react native */
{
shadowColor:"#bcd8bc",
shadowOffset:{width:0,height:1},
shadowOpacity:1,
shadowRadius:1,
borderWidth:1,
borderColor:"#cccccc",
borderRadius:6
}
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-function_common .function_inner_box{width:40%;float:left;margin-left:3em;background:#fff;position:relative;}
#sec-function_common .function_inner_box img.img07{width:4.5em;left: 35%;}
#sec-function_common .function_inner_box img.img08{width:5em;left: 36%;}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
#sec-function_common .function_inner_box{width:25%;margin-left:3.8em;}
#sec-function_common .function_inner_box img.img07{width:4.5em;left: 33%;}
#sec-function_common .function_inner_box img.img08{width:5em;left: 33%;}
}