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


/*----------------------------------------------------------------------------
***                                                             Header
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight:500;}
#contentsArea *{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight:500;}
#contentsArea .titleBox *{font-weight:bold;}

#breadcrumbArea {width: 770px;margin: 0.5em auto 0 auto;}
/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
.mainSection > .mainSectionInner{padding: 30px 0 0 0px;width: 770px;position: relative;}
.mainSection h3 > span{display:block;}
.mainSection h3 > .txtSubTitle{font-size:16px;line-height: 1;}
.mainSection .titleBox{margin-bottom: 10px;position: relative;z-index: 1;}
.mainSection .titleBox h3{position:relative; z-index:1;}
.mainSection .titleBox h3 svg{margin-bottom: 0px;}
.mainSection .titleBox h3 .txtTop{font-size: 14px;}
.mainSection .titleBox h3 .txtTop svg{width:auto;height: 13px;}
.mainSection .titleBox h3 .txtBottom{font-size:30px;}
.mainSection .titleBox h3 .txtBottom svg{width: 100%;height: 24px;}

/*----- mainFirstView -----*/
#mainFirstView{background:#d4f4f7;}
#mainFirstView > .sectionInner{width:770px;padding: 70px 0 70px;}

/*----- linkBox_keywords -----*/
#linkBox_keywords{margin-top: 10px;}
#linkBox_keywords .list ul{}
#linkBox_keywords .list li{width: 145px;}
#linkBox_keywords .list li:nth-of-type(n+6){margin-top: 11px;}


/*----- localNavBox -----*/
#localNavBox{display:inline-block; width:90px; padding-top:40px; position:absolute; top:0; transform:translate3d(0,0,0); transform-style:preserve-3d; z-index:5; }
#localNavBox.fixedClass{position:fixed;}
/*#localNavBox.fixedClassStop{transition:all .3s ease;}*/
#localNavBox ul{background:#e6e6e6;}
#localNavBox ul li:not(:last-of-type){border-bottom: 1px solid #fff;}
#localNavBox .icoBox{/*display:table-cell;*/vertical-align:middle;text-align:center;line-height: inherit;width: 90px;padding: 10px 0;/* height: 30px; */}
#localNavBox .icoBox svg{display: block;width: 100%;height: 30px;}
#localNavBox a{display: block; position:relative; transition:all .3s ease;}
#localNavBox a:before{content:""; display:block; width:0; height:0; border:0.5em solid transparent; position:absolute; top:50%; right:-1em; transform:translate(0,-50%); transition:all .3s ease;}
#localNavBox a use{fill:#808080; transition:all .3s ease;}
#localNavBox a.hoverFlipEaseBtn:hover use{fill:#fff;}
#localNavBox .active use{fill:#fff;}

/*--- hoverした時 ---*/
/*background*/
#localNavBox li.keyword01 a.hoverFlipEaseBtn:hover,/*hover*/
#localNavBox li.keyword01.active a{background:#e73828;}/*そのセクションを見てる時*/
#localNavBox li.keyword02 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword02.active a{background:#f29600;}
#localNavBox li.keyword03 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword03.active a{background:#c9c023;}
#localNavBox li.keyword04 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword04.active a{background:#8dc21f;}
#localNavBox li.keyword05 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword05.active a{background:#1abcc4;}
#localNavBox li.keyword06 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword06.active a{background:#1b9ec1;}
#localNavBox li.keyword07 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword07.active a{background:#864ae5;}
#localNavBox li.keyword08 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword08.active a{background:#bd5ee5;}
#localNavBox li.keyword09 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword09.active a{background:#e852e4;}
#localNavBox li.keyword10 a.hoverFlipEaseBtn:hover,
#localNavBox li.keyword10.active a{background:#d12092;}

/*矢印*/
#localNavBox li.keyword01 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword01.active a:before{border-left-color:#e73828;}
#localNavBox li.keyword02 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword02.active a:before{border-left-color:#f29600;}
#localNavBox li.keyword03 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword03.active a:before{border-left-color:#c9c023;}
#localNavBox li.keyword04 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword04.active a:before{border-left-color:#8dc21f;}
#localNavBox li.keyword05 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword05.active a:before{border-left-color:#1abcc4;}
#localNavBox li.keyword06 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword06.active a:before{border-left-color:#1b9ec1;}
#localNavBox li.keyword07 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword07.active a:before{border-left-color:#864ae5;}
#localNavBox li.keyword08 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword08.active a:before{border-left-color:#bd5ee5;}
#localNavBox li.keyword09 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword09.active a:before{border-left-color:#e852e4;}
#localNavBox li.keyword10 a.hoverFlipEaseBtn:hover:before,
#localNavBox li.keyword10.active a:before{border-left-color:#d12092;}




/*----- 左右のボックス -----*/
#leftBox{width:100px;}
#rightBox{width: calc(100% - 100px);padding: 0 0 40px 40px;}

/*----- セクションの共通スタイル -----*/
.keywordBox > .sectionInner{width: 100%;padding: 50px 0 0px;}
.keywordBox > .sectionInner .titleBox{}
.keywordBox{}
.keywordBox .contentsBox{padding: 10px 0;border-top: 0.5px solid #cccccc;}
.keywordBox .txtBox{margin-bottom:15px;}
.keywordBox .txtBox .txt{margin-bottom:15px;}
.keywordBox .txtBox .jimanLinkBtn{/*text-align:left; width: 230px; float: left;*/ margin-bottom:20px;}
/*.keywordBox .txtBox .jimanLinkBtn:not(:last-of-type){margin-bottom:15px;}*/
.keywordBox .txtBox .jimanLinkBtn a{display:inline-block; padding:15px 30px; color:#fff; font-size:16px; line-height:1; text-align:center; border-radius:5px; background:#e73828; border:1px solid transparent;}
.keywordBox .txtBox .jimanLinkBtn a use.fillColorWhite{fill:#fff;}


/*セクションの色*/
#keyword01Sec .titleBox *{color:#e73828;}
#keyword02Sec .titleBox *{color:#f29600;}
#keyword03Sec .titleBox *{color:#c9c023;}
#keyword04Sec .titleBox *{color:#8dc21f;}
#keyword05Sec .titleBox *{color:#1abcc4;}
#keyword06Sec .titleBox *{color:#1b9ec1;}
#keyword07Sec .titleBox *{color:#864ae5;}
#keyword08Sec .titleBox *{color:#bd5ee5;}
#keyword09Sec .titleBox *{color:#e852e4;}
#keyword10Sec .titleBox *{color:#d12092;}

/*各セクション毎のスタイル*/
#keyword01Sec > .sectionInner{padding:0 0 0px;}
#keyword03Sec .jimanLinkBtn.colorType01 a{background:#c9c023;}
#keyword03Sec .jimanLinkBtn.colorType02 a{background:#d1b333;}
#keyword07Sec .jimanLinkBtn a{background:#864ae5;}
#keyword08Sec .jimanLinkBtn a{background:#bd5ee5;}
#keyword09Sec .jimanLinkBtn a{background:#e852e4;}
#keyword10Sec .imgBox{margin-bottom:20px;}

/*----------------------------------------------------------------------------
***                                                               form
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/