@charset "utf-8";
/*
★font-size表★
0.6875rem = 11px
0.75rem = 12px
0.8125rem = 13px
0.875rem = 14px
1.0625rem = 17px
1.125rem = 18px
1.25rem = 20px
1.375rem = 22px
1.5rem = 24px
1.625rem = 26px
1.75rem = 28px
1.875rem = 30px
1.9375rem = 31px
★font-size表★
*/
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{ margin:0; padding:0; }
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}




/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea{}
#headerAreaInner{ width:960px; margin:15px auto 8px;}
#headerArea h1{ float:left;}
#headerArea ul{ float:right; margin-top:3px;}
#headerArea li{ float:left;}
#headerArea li:first-child{ margin-top:5px; margin-right:18px;}
#headerArea li:nth-child(2){ margin-right:12px;}


/*----------------------------------------------------------------------------
***                                                             下層タイトル
----------------------------------------------------------------------------*/
#pageTitleBox{ background-color:#31B0CC; /*margin-bottom:40px;*/}
.pageTitleInner{ width:960px; height:135px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
#pageTitleBox h2{ font-size:36px; color:#FFF; background-position:left top; background-repeat:no-repeat; background-size:70px 69px; padding:12px 0 7px 75px;}
#pageTitleBox p{ background-color:#FFF; box-shadow:3px 3px 3px rgba(0,0,0,0.3); border-radius:10px; padding:20px;}


/*----------------------------------------------------------------------------
***                                                                    gNavi
----------------------------------------------------------------------------*/
#gnav{ width:960px; margin:0 auto 2px;}
#gnav ul{}
#gnav li{ float:left;}

#mainArea #gnav ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;line-height: 0em;}
#mainArea #gnav ul li {width: calc(100% / 5);text-align: center;padding: 0;border-left: dotted #ccc 1px;position: relative;height: 46px;line-height: 46px;}
#mainArea #gnav ul li:last-child {border-right: #CCC dotted 1px;}
#mainArea #gnav ul li a {display: block;color: #4d4d4d;font-weight: 400;font-size: 13.5px;width: 100%;box-sizing: border-box;text-decoration: none;font-family: Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;height: 100%;}
#mainArea #gnav ul li a span{line-height: 1.2;display: block;padding: 0.5em 0;}
#mainArea #gnav ul li a:hover{background:#c0e7ef;}

/*----------------------------------------------------------------------------
***                                                             contentsArea
----------------------------------------------------------------------------*/
.mainSection{ margin-bottom:50px;}
.mainSectionInner{}

/*----- breadcrumbArea -----*/
#breadcrumbArea {width: 100%; max-width: 960px; margin: 0 auto 40px; padding: 0.5em 0; box-sizing: border-box;}
#breadcrumbArea li{font-size: 13px;float:left;}
#breadcrumbArea li a{color: #6668B7; display:block; background:url(/common_images/icon_list03.gif) right 45% no-repeat; padding-right:22px; margin-right:5px;}


/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
.footertop{ background-color:#0B203B; padding:69px 0; border-bottom:1px solid #221E1F;}
.footertopInner{ width:960px; margin:0 auto; position:relative;}
.footertop p{ font-size:18px; color:#FFF; text-align:center; margin-bottom:5px;}
.footertop ul{ display:flex; justify-content:center;}
.footertop li{ margin-right:12px;}
#posiAbu_footer{ position:absolute; right:120px; top:0;}

.fotterbottom{ background-color:#E5E5E5; padding:15px 0;}
.fotterbottomInner{ width:960px; margin:0 auto;}
.fotterbottom p{ float:left;}

#linkList{ float:right; margin-top:8px;}
#linkList li{ width:138px; font-size:13px; float:left; text-align:center; border-right:1px solid #808080; padding:10px 0;}
#linkList li:first-child{ padding:0;}
#linkList li:last-child{ border-right:none;}
#linkList a{ color:#403F41;}
#linkList a:hover{ opacity:0.7;}


#copyright{ font-size:14px; text-align:center; background-color:#FFF; border-top:1px solid #221E1F; padding:8px 0;}