@charset "utf-8";

/**
*
*  コンテンツ共通
*
*/


/*--------------------------------------------------------------------------

/-- メインモジュール --/
newsListModule >>> ニュース一覧
tableModule    >>> テーブルレイアウト
pageHeader     >>> ページヘッダー
categoryLink   >>> カテゴリー別リンク

/-- パーツ --/
blockTtl     >>> ブロックタイトル
tabNavi      >>> タブナビゲーション
pageLinkNavi >>> ページ内リンクナビゲーション
btnLink      >>> ボタンリンク


---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
汎用スタイル
---------------------------------------------------------------------------*/

/* テキスト
-----------------------------------------------------------------*/
.em{
    font-weight: bold;
}

.ifSp {
    display: none;
}

.borderA {
    /* background: #ff0; */
    padding: 5px;
}


.nami{/* text-decoration: underline wavy; */color:#E91E63;background: linear-gradient(transparent 30%, #ffffb5 0%);}

.kyoucho_1{color:#FF5722; font-weight:600; font-size:40px; 
    padding: 5px 10px;margin:0 5px;border-radius:20px}



.kasen{
    border-bottom: 2px solid rgb(250, 4, 4); 
    /* padding-top: 5px; */line-height: 1.8em;
    /* text-decoration: underline; */
    /* text-decoration-color:#E91E63; */
    /* width: 1px; */
    /* 	text-underline-offset: 15px; */
}
.left{
    float:left
}

.right{
    float:right
}


.kasen span:after{
    content:'';
    position: absolute;
    /* bottom: 0; */
    /* left: 0; */
    background-color: #607D8B;
    /* width: 100%; */
    height: 3px;
}



.midashi_1{
    position: relative;
    color: white;
    background: #81d0cb;
    line-height: 1.4;
    padding: 0.2em 0.5em 0.2em 1.8em;
}

.midashi_1:before {/*疑似要素*/
    font-family: "FontAwesome";
    content: "\f14a";
    position: absolute;
    left : 0.5em; /*左端からのアイコンまでの距離*/
    margin-top: 5px;
}



/* テキスト配置　*/
.tx_c{text-align: center;}
.tx_l{text-align: left;}
.tx_r{text-align: right;}



*/
/**************************************************
Contents
**************************************************/

#Content {
    width:100%;
    /*	margin-top:130px;
    padding-top:30px;*/
}

#mainArea{width:100%;max-width: 1000px;font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;}




.button_Area {
    /* 	border: 1px solid #e5e5e5;*/
    font-size: 1.3em;
    background: #fff;
    padding: 30px 2%;
    margin: 0 auto 10%;
    max-width: 100%;

}

.button_Area section {
    margin:10px 1%;
    padding:1%;
    width:96%;
    float:left;
    text-align: left;
    padding-bottom: 10px;

}




/* 主要紹介
-----------------------------------------------------------------*/


/* pageHeader
-----------------------------------------------------------------*/
#pageHeader{
    padding: 39px 0 46px;
    background: #E56363;  /* f69302*/
    /*		background: url(../images/bg_hougan.png);
    background: radial-gradient(#f69600 65%, #f48809 90%);*/

    color: #fff;
}
#pageHeader .pageTtl{
    position: relative;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}
#pageHeader .pageTtl span{
    display: block;
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}
/* ライン付 */
#pageHeader .pageTtl.unline{
    margin-bottom: 50px;
    line-height: 57px;
}
#pageHeader .unline:after{
    display: block;
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    left: 50%;
    margin: 24px 0 0 -20px;
    background: #0d5484;
}
/* リード文 */
#pageHeader .lead{
    margin-bottom: 13px;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
    font-size: 8px;
    font-weight: 500;
    text-align: center;
}
#pageHeader .lead br{
    display: none;
}
#pageHeader .note{
    max-width: 564px;
    margin: 0 auto;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
    text-align: center;
}


.button_Area {
    /* 	border: 1px solid #e5e5e5;*/
    font-size: 1.3em;
    background: #fff;
    padding: 30px 2%;
    margin: 0 auto 10%;
    max-width: 100%;

}

.button_Area section {
    margin:10px 1%;
    padding:1%;
    width:96%;
    float:left;
    text-align: left;
    padding-bottom: 10px;

}



/*--------------------------------------------------------------------------
パーツ
---------------------------------------------------------------------------*/

/* blockTtl
-----------------------------------------------------------------*/
.blockTtl1{
    position: relative;
    margin-bottom: 52px;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
    color: #212270;
}

.blockTtl1:after{
    /*	position: absolute;
    content: '';
    width: 400px;
    height: 3px;
    /*left: 50%;
    margin: 18px 0 0 -20px;*/
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    background: #212270;*/

}

.blockTtl1.en{
    margin-bottom: 5px;
    font-size: 50px;
    font-family: 'Noto Serif', serif;
}
.blockTtl1.en:after{
    bottom: -6px;
    margin-top: 0;
    margin-bottom:10px;
}

.sankaku_blue{
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 20px solid #212270;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}



/* blockTtl2
-----------------------------------------------------------------*/
.blockTtl2{
    position: relative;
    margin-bottom: 52px;
    text-align: center;
    font-size: 4rem;
    font-weight: 500;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}

.blockTtl2:after{
    position: absolute;
    content: '';
    width: 30%;
    height: 3px;
    /*left: 50%;
    margin: 18px 0 0 -20px;*/
    left: 0;
    right: 0;
    margin: 15px auto;
    display: block;
    background: #f69600;
}

.blockTtl2-2:after{
    position: absolute;
    content: '';
    width: 30%;
    height: 3px;
    /*left: 50%;
    margin: 18px 0 0 -20px;*/
    left: 0;
    right: 0;
    margin: 15px auto;
    display: block;
    background: #fc0202;
}

.blockTtl2.en{
    margin-bottom: 5px;
    font-size: 50px;
    font-family: 'Noto Serif', serif;
}
.blockTtl2.en:after{
    bottom: -6px;
    margin-top: 0;
}

.sankaku_red{
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 20px solid #c1272d;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}

/* blockTtl3
-----------------------------------------------------------------*/
.blockTtl3{
    position: relative;
    margin-bottom: 52px;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}

.blockTtl3:after{
    position: absolute;
    content: '';
    width: 300px;
    height: 3px;
    /*left: 50%;
    margin: 18px 0 0 -20px;*/
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    background: #e95532;
}

.blockTtl3.en{
    margin-bottom: 5px;
    font-size: 50px;
    font-family: 'Noto Serif', serif;
}
.blockTtl3.en:after{
    bottom: -6px;
    margin-top: 0;
}

.sankaku_orange{
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 20px solid #f89000;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}



/* blockTtl4
-----------------------------------------------------------------*/
.blockTtl4{
    position: relative;
    margin-bottom: 52px;
    text-align: center;
    font-size: 4rem;
    font-weight: 500;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}

.blockTtl4:after{
    position: absolute;
    content: '';
    width: 30%;
    height: 3px;
    /*left: 50%;
    margin: 18px 0 0 -20px;*/
    left: 0;
    right: 0;
    margin: 15px auto;
    display: block;
    background: #ff487c;
}

.blockTtl4.en{
    margin-bottom: 5px;
    font-size: 50px;
    font-family: 'Noto Serif', serif;
}
.blockTtl4.en:after{
    bottom: -6px;
    margin-top: 0;
}

.sankaku_red{
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 20px solid #c1272d;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}


.sankaku_red_l {
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 40px solid #c1272d;
    border-right: 60px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 60px solid transparent;
    line-height: 1;
}



/* blockTtl5
-----------------------------------------------------------------*/
.blockTtl5{
    position: relative;
    margin-bottom: 52px;
    text-align: center;
    font-size: 4rem;
    font-weight: 500;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}

.blockTtl5:after{
    position: absolute;
    content: '';
    width: 50%;
    height: 3px;
    /*left: 50%;
    margin: 18px 0 0 -20px;*/
    left: 0;
    right: 0;
    margin: 15px auto;
    display: block;
    background: #c1272d;
}




.blockTtl0{
    position: relative;
    margin-bottom: 28px;
    margin-top: 80px;
    text-align: center;
    font-size: 3.5rem;
    font-weight: 500;
    color: #ff487c;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;

}

.sankaku_red1 {
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 30px solid #ff487c;
    border-right: 40px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 40px solid transparent;
}


#subTitle {
    clear:both;
    position:relative;
    margin-bottom:50px;
    width:90%;
    margin: 20px auto;
}	

#subTitle .stitle {
    margin-bottom:5px;
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
    line-height: 1.5em;
    text-align: center;
}

@media screen and (max-width: 600px) {
    #subTitle .stitle {
        font-size: 1.8rem;
    }
}


#subTitle .stitle1 {
    margin-bottom: 5px;
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
    line-height: 1.5em;
    text-align: left;
}


#subTitle .stitle2 {
    margin: 20px 15%;
    font-size: 2.5rem;
    font-weight: 500;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    background: #c1272d;
    border-radius: 30px;
    padding: 10px;
    color: #fff;
    width: 70%;
}



#subTitle .stitle span {
    font-size: 4.5rem;
    /* color: #c1272d; */
    font-weight: 600;
    padding: 0 15px;
    margin-top: 5px;
    line-height: 1.5;
}

#subTitle .stitle3 {
    margin-bottom:5px;
    font-size: 2.1rem;
    font-weight: 500;
    color: #333;
    /* line-height: 1.5em; */
    text-align: left;
}




#subTitle .text {
    margin-bottom:2px;
    font-size:1.4em;
    line-height: 1.47em;
}


#subTitle .titleSub1 {
    margin-bottom:1px;
    font-size:1.3em;
    color: #c1272d;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px sloid #fff;
    padding-left:60px;
}

#subTitle .titleSub2 {
    margin-bottom:0px;
    font-size:1.3em;
    color: #4d4d4d;/*c1272d*/
    font-weight: bold;
    text-align: left;
    border-bottom: 1px sloid #fff;
    padding-left: 10px;
}






/* tabNavi
-----------------------------------------------------------------*/
.tabNavi{
    width: 100%;
    background: #c1272d;
    padding: 0;
}
.tabNavi ul{
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    display: table;
}
.tabNavi li{
    position: relative;
    display: table-cell;
    /float: left;
    vertical-align: middle;
}
.tabNavi a{
    position: relative;
    display: table;
    /display: block;
    width: 100%;
    height: 70px;
    transition: all 0.3s;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}
.tabNavi a span{
    display: table-cell;
    /display: block;
    padding: 22px 0;
    color: #fff;
    font-size: 108%;
    text-align: center;
    vertical-align: middle;
}
.tabNavi .active{
    background: #c1272d;
    cursor: default;
}
.tabNavi a:hover{
    background: #f97718;
}
.tabNavi li:first-child:after,
.tabNavi a:after{
    position: absolute;
    content: '';
    height: 24px;
    width: 1px;
    top: 50%;
    right: 0;
    margin-top: -12px;
    background: #ffd48f;
}
.tabNavi li:first-child:after{
    right: inherit;
    left: 0;
}

#container {
    width: 100%;
    text-align: center;
}



/* pageLinkNavi
-----------------------------------------------------------------*/
.pageLinkNavi{
    background: #fff;
    border-bottom: 1px solid #dedede;
}
.pageLinkNavi ul{
    position: relative;
    width: 960px;
    margin: 0 auto;
    display: table;
}
.pageLinkNavi li{
    position: relative;
    display: table-cell;
    /float: left;
    vertical-align: middle;
}
.pageLinkNavi li a{
    position: relative;
    display: table;
    /display: block;
    width: 100%;
    height: 68px;
    transition: border 0.25s, background 0.2s ease-in-out ,color 0.2s;
    border-bottom: 2px solid #fff;
    background: url(../../common/images/ico_arrow03.png) no-repeat 50% 78%;
}
.pageLinkNavi li span{
    display: table-cell;
    /display: block;
    padding: 24px 0;
    font-size: 108%;
    text-align: center;
    line-height: 1.4;
    vertical-align: middle;
}
.pageLinkNavi a:hover{
    border-bottom: 2px solid #c1272d;
    background: url(../../common/images/ico_arrow03.png) no-repeat 50% 85%;
}
.pageLinkNavi li:first-child:after,
.pageLinkNavi li a:after{
    position: absolute;
    content: '';
    height: 24px;
    width: 1px;
    top: 50%;
    right: 0;
    margin-top: -12px;
    background: #dedede;
}
.pageLinkNavi li:first-child:after{
    right: inherit;
    left: 0;
}

.ans_title {
    font-size: 2rem;
    line-height: 1.5;
    padding-bottom: 15px;
    text-align: center;
    /*	background: url(../images/icon_a.png) no-repeat;
    padding-left:60px;*/
}


.ans_sub {
    font-size: 90%;
    line-height: 1.3;
    padding-bottom: 15px;
    /*	padding-left:60px;*/
}

.ans_sub img{
    width:80%;

}



/* btnLink
-----------------------------------------------------------------*/
.btnLink{
    display: block;
    color: #fff;
    background: #31708f;
    text-align: center;
    border-radius: 3px;
    transition: all 0.3s;
    overflow: hidden;
}
.btnLink span{
    display: inline-block;
    position: relative;
    padding: 13px 25px 14px 0;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
    vertical-align: middle;
    font-size: 2rem;
}

.btnLink1{
    display: block;
    color: #fff;
    /*	background: #c1272d;*/
    text-align: center;
    border-radius: 3px;
    transition: all 0.3s;
    overflow: hidden;
}
.btnLink1 span{
    display: inline-block;
    position: relative;
    padding: 5px 16px 5px 0;
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
    vertical-align: middle;
}



/* IE9・10 */
.btnLink span:not(:target){
    padding: 15px 16px 9px 0\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .btnLink span {
        padding: 15px 16px 9px 0;
    }
}
.btnLink span:after{
    content: '>';
    position: absolute;
    top: 50%;
    right: -16px;
    font-size: 185%;
    font-family: 'icomoon';
    transition: all 0.3s;
    line-height: 14px;
    margin-top: -7px;
    vertical-align: middle;
}
.btnLink:hover{
    color: #fff;
    /* 	background: #febb5f;*/
}
.btnLink:hover span:after{
    right: -22px;
}

.btnLink1 span:after{
    content: '>';
    position: absolute;
    top: 50%;
    right: -16px;
    font-size: 160%;
    font-family: 'icomoon';
    transition: all 0.3s;
    line-height: 14px;
    margin-top: -7px;
    vertical-align: middle;
}
.btnLink1:hover{
    color: #fff;
    /* 	background: #febb5f;*/
}
.btnLink1:hover span:after{
    right: -22px;
}



/* [option] style01 */
.btnLink.style01
{
    /* background: #fe9e1a; */
    border: 1px solid #212270;
    background: #fff;
    width: 100%;
    font-size: 0.8em;
    color: #212270;
}
.btnLink.style01:hover{
    background: #fff;
}




/* [option] style02 494949　⇒　8dc21f*/
.btnLink.style02 a{
    color: #fff;
    background: #8dc21f;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #8dc21f;
}
.btnLink.style02 span:after{
    transition: color 0.2s;
    transition: right 0.3s;
}
.btnLink.style02:hover{
    background: #aad63c;
    /*color: #fe9e1a;*/
    color: #fff;
}

/* [option] style02 */
.btnLink.style03{
    /* background: #fe9e1a; */
    background: #f7931e;
    width: 180px;
    font-size:0.9em;
    height: 40px;
    line-height:1em;
}
.btnLink.style03:hover{
    background: #f7a552;
}

/*more-btn/[option] style04 */
.btnLink.style04{
    width: 60%;
    margin: 0 20%;
    text-align: center;
    font-size:1.0em;
    border-radius: 5px;
    transition: all 0.3s;
    overflow: hidden;
    background: #f7931e;
}
.btnLink.style04:hover{
    background:#ffb052(3, 46, 90);
}


/* [option] style05 */
.btnLink1.style05{
    /* background: #fe9e1a; */
    background: #fe9e1a;
    width: 160px;
    height:30px;
    font-size:0.7em;
}
.btnLink1.style05:hover{
    background: #ffb052;
}


/* [option] style06 */
.btnLink.style06{
    /* background: #fe9e1a; */
    background: #8dc21f;
    width: 350px;
    margin: 0 auto;	
}
.btnLink.style06:hover{
    background: #aad63c;
}
.btnLink.style07{
    width: 60%;
    margin: 0 20%;
    text-align: center;
    font-size:1.0em;
    border-radius: 5px;
    transition: all 0.3s;
    overflow: hidden;
    background: #0066CC;
}
.btnLink.style07:hover{
    background: rgb(3, 46, 90);
}

.btnLink.style08{
    width: 70%;
    margin: 0 20%;
    text-align: center;
    font-size:1.3em;
    border-radius: 5px;
    transition: all 0.3s;
    overflow: hidden;
    background: #f7931e;
}
.btnLink.style08:hover{
    background: #e9c422;(3, 46, 90);
}



/* [option] styledia01 */
.btnLink.stylediaYes{
    /* background: #fe9e1a; */
    background: #8dc21f;
    width: 350px;
    margin: 0 auto;	
}
.btnLink.stylediaYes:hover{
    background: #aad63c;
}

/* [option] styledia01 */
.btnLink.stylediaNo{
    /* background: #fe9e1a; */
    background: #fe9e1a;
    width: 350px;
    margin: 0 auto;	
}
.btnLink.stylediaNo:hover{
    background: #fe9e1a;
}


/* [style] entry */
.btnLink.entry{
    background: #494949;
}
.btnLink.entry:hover{
    background: #808080;
}
.btnLink.entry span{
    padding: 19px 0 19px 30px;
    font-size: 139%;
    background: url(../images/ico_entry.png) no-repeat 0 48%;
}
.btnLink.entry span:after{
    display:none;
}
/* IE9・10 */
.btnLink.entry span:not(:target){
    padding: 23px 0 14px 30px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .btnLink.entry span{
        padding: 23px 0 15px 30px;
    }
}

/* [style] blank */
.btnLink.blank span{
    background: url(../images/ico_blank04.png) no-repeat 100% 50%;
}
.btnLink.blank span:after{
    display:none;
}



/** -----------------------------------------------------------------
*
*  [sp]レスポンシブ 768px
*
----------------------------------------------------------------- */

@media screen and (max-width:768px) {

    /*--------------------------------------------------------------------------
    メインモジュール
    ---------------------------------------------------------------------------*/

    /* newsListModule
    -----------------------------------------------------------------*/
    .newsListModule li .link{
        padding: 16px 25px 16px 0;
    }
    .newsListModule li a.link{
        background: url(../../common/images/ico_arrow02_sp.png) no-repeat 100% 50%;
        background-size: 8px 15px;
    }
    .newsListModule li a.link:hover{
        background: url(../../common/images/ico_arrow02_sp.png) no-repeat 100% 50%;
        background-size: 8px 15px;
    }
    .newsListModule .date,
    .newsListModule .note{
        display: block;
    }
    .newsListModule .date{
        margin-bottom: 10px;
        padding-left: 65px;
        font-weight: normal;
    }
    .newsListModule .seminar .date{
        background: url(../../common/images/ico_seminar_sp.png) no-repeat 0 50%;
        background-size: 55px 15px;
    }
    .newsListModule .news .date{
        background: url(../../common/images/ico_news_sp.png) no-repeat 0 50%;
        background-size: 55px 15px;
    }
    .newsListModule .csr .date{
        background: url(../../common/images/ico_csr_sp.png) no-repeat 0 50%;
        background-size: 55px 15px;
    }
    .newsListModule .note{
        width: auto;
    }


    /* 改行
    -----------------------------------------------------------------*/
    .ifSp {
        display: block;
    }


    .blockTtl2 {
        font-size: 2rem;
    }

    .blockTtl3 {
        font-size: 3rem;
    }


    .blockTtl4 {
        font-size: 3rem;
    }



    /* pageHeader
    -----------------------------------------------------------------*/
    #pageHeader{
        padding: 27px 0 32px;
    }
    #pageHeader .pageTtl{
        font-size: 18px;
    }
    #pageHeader .pageTtl span{
        font-size: 12px;
    }
    /* ライン付 */
    #pageHeader .pageTtl.unline{
        margin-bottom: 35px;
        line-height: 32px;
    }
    #pageHeader .unline:after{
        margin: 15px 0 0 -20px;
    }
    /* リード文 */
    #pageHeader .lead{
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
    }
    #pageHeader .lead br{
        display: block;
    }
    #pageHeader .note{
        width: 100%;
        font-size: 12px;
        text-align: left;
        line-height: 1.5;
    }


    /* categoryLink
    -----------------------------------------------------------------*/
    .categoryLink{
        padding: 24px 0 37px;
    }
    .categoryLink .cateTtl{
        margin-bottom: 15px;
    }
    .categoryLink .cateTtl .en{
        padding-right: 21px;
        margin-right: 14px;
        background: url(../images/bg_slash_sp.png) no-repeat 100% 50%;
        background-size: 11px 17px;
        font-size: 19px;
    }
    .categoryLink .cateTtl .jp{
        font-size: 18px;
    }
    .categoryLink ul{
        width: 100%;
        border-bottom: 1px solid #e3e1d7;
    }
    .categoryLink li{
        overflow: hidden;
        width: 100%;
        float: none;
        clear: both;
        margin: 0;
        border-top: 1px solid #e3e1d7;
    }
    .categoryLink li a{
        overflow: hidden;
        padding: 6px 0;
    }
    .categoryLink li .thumb{
        float: left;
        padding: 0;
        background: none;
    }
    .categoryLink .ttl{
        padding-top: 10px;
        text-align: left;
    }
    .categoryLink .ttl span{
        display: block;
        margin-left: 0;
        font-size: 12px;
    }
    .categoryLink .ttl span br{
        display: none;
    }
    .categoryLink .ttl span:after{
        position: absolute;
        top: 47%;
        right: 0;
    }
    .categoryLink a:hover .ttl span:after{
        right: 0;
    }
    /* active */
    .categoryLink .active .ttl span:after{
        display: block;
    }


    /* tabNavi
    -----------------------------------------------------------------*/
    .tabNavi ul{
        width: 100%;
    }
    .tabNavi li a{
        height: 50px;
    }
    .tabNavi li a span{
        padding: 10px 0;
        font-size: 85%;
        line-height: 1.2;
    }
    .tabNavi li:last-child a:after,
    .tabNavi li:first-child:after{
        display: none;
    }


    /* pageLinkNavi
    -----------------------------------------------------------------*/
    .pageLinkNavi ul{
        width: 100%;
        padding: 0;
    }
    .pageLinkNavi li a{
        height: 55px;
        background: url(../../common/images/ico_arrow03_sp.png) no-repeat 50% 75%;
        background-size: 10px 5px;
    }
    .pageLinkNavi li a span{
        padding: 21px 0;
        font-size: 85%;
        line-height: 1.2;
    }
    .pageLinkNavi li a:after{
        height: 20px;
        margin-top: -10px;
    }
    .pageLinkNavi li:last-child a:after,
    .pageLinkNavi li:first-child:after{
        display: none;
    }
    .pageLinkNavi li a:hover{
        border-bottom: 2px solid #fff;
        background: url(../../common/images/ico_arrow03_sp.png) no-repeat 50% 75%;
        background-size: 10px 5px;
        color: #494949;
    }


    /* btnLink
    -----------------------------------------------------------------*/
    .btnLink span{
        padding: 11px 16px 12px 0;
    }
    .btnLink span:after{
    }
    .btnLink:hover{
        /* background: #fe9e1a; */
        background: #025481;

    }

    /* [style] entry */
    .btnLink.entry span{
        font-size: 16px;
        padding: 14px 0 14px 30px;
        background: url(../images/ico_entry_sp.png) no-repeat 0 50%;
        background-size: 18px 18px;
    }

    .btnLink.style01
    {
        font-size: 1.1em;
    }
    .btnLink.style01:hover{
        background: #fff;
    }

    .btnLink.style04{
        width: 80%;
        margin: 0 10%;
    }

    .btnLink.style06{
        width: 80%;
        margin: 0 10%;
    }



    .blockTtl1.en{
        margin-bottom: 5px;
        font-size: 30px;
        font-family: 'Noto Serif', serif;
    }

    .blockTtl1:after{
        position: absolute;
        content: '';
        width: 250px;
        height: 3px;
        /*left: 50%;
        margin: 18px 0 0 -20px;*/
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        background: #212270;
    }




    .blockTtl2.en{
        margin-bottom: 5px;
        font-size: 30px;
        font-family: 'Noto Serif', serif;
    }

    .blockTtl2:after{
    }


    .blockTtl3.en{
        margin-bottom: 5px;
        font-size: 30px;
        font-family: 'Noto Serif', serif;
    }

    .blockTtl3:after{
        position: absolute;
        content: '';
        width: 200px;
        height: 3px;
        /*left: 50%;
        margin: 18px 0 0 -20px;*/
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        background: #e95532;
    }

}


/** -----------------------------------------------------------------
*
*  [sp]レスポンシブ 667px
*
----------------------------------------------------------------- */

@media screen and (max-width:667px) {


    /* .tableModule
    -----------------------------------------------------------------*/
    .tableModule{
        width: 600px;
        margin: 10px auto;
    }



    .tableModule dd{
        width: 500px;
    }


    .tableModule dd img{
        width: 450px;
    }

    .tableModule .style01{
        width: 450px;
        padding-left: 0;
    }



    .tableModule .data-box{

        width: 100%;

    }




    .tableModule .style01 .data-box .ttl,
    .tableModule .style01 .data-box ul{
        display: inline-block;
        /display: inline;
        /zoom: 1;
        width: 450px;
        letter-spacing: 0;
        vertical-align: top;
    }


}

/** -----------------------------------------------------------------
*
*  [sp]レスポンシブ 375px
*
----------------------------------------------------------------- */

@media screen and (max-width:400px) {


    /* .tableModule
    -----------------------------------------------------------------*/
    .tableModule{
        width: 320px;
        margin: 10px auto;
    }



    .tableModule dd{
        width: 290px;
    }


    .tableModule dd img{
        width: 250px;
    }

    .tableModule .style01{
        width: 260px;
        padding-left: 0;
    }



    .tableModule .data-box{

        width: 100%;

    }




    .tableModule .style01 .data-box .ttl,
    .tableModule .style01 .data-box ul{
        display: inline-block;
        /display: inline;
        /zoom: 1;
        width: 240px;
        letter-spacing: 0;
        vertical-align: top;
    }

    .btnLink.style03{
        width: 100%;

    }



}



/* ----- flexコンテナ ----- */
.flex_titlebox{
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    background-color: #eee;
    /* width: 98%; */
    /* height            : 40px; */
    margin: 10px 10px 10px;
    padding: 0.5%;
    /* font-family:  YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; */
    text-align: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: left;
}

/* ----- flexアイテム ----- */
.flex_titlebox > div{
    margin      : 3px;
    min-height: 100px;
    /* color       : #fff; */
    text-align: left;
    line-height : 30px;
    flex-basis  : 100px;
    flex-direction: column; /* 変更なし */
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center; /*上下中央*/
    justify-content: center; /*左右中央*/
    text-align: center;
}
#title_box{
    -webkit-flex-basis: 28%;
    -ms-flex-basis: 28%;
    flex-basis: 22%;
    font-size: 16px;
    font-weight: 600;
    border-right: 1px solid #ddd;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center; /*上下中央*/
    justify-content: center; /*左右中央*/
    letter-spacing: 0.2em;
    /* background: #eee; */
}



.flex_boxA {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


.flex_col1 {
    width:30%;
}
.flex_col1 img{
    width: 80%;
    margin: 0 10%;
}


.flex_col2 {
    width:70%;
}
/* .flex_boxA > div {margin: 10px;/* flex: 0 0 230px; */margin: 0.4em 0;padding: 1%;width: 45%;} */


.flex_boxA > div img{
    width:90%;
    padding:1%;
}

.flex_boxA p{
    position: relative;
    color: #111;
    text-align:left;
    font-size: 15px;
    line-height: 1.5;
    padding-left: 10px;
    /*   border-bottom: solid 1px #ddd; */
    font-weight: 400;
}



.flex_boxA h3{
    position: relative;
    color: #111;
    text-align:left;
    font-size: 15px;
    line-height: 2;
    padding-left: 30px;
    border-bottom: solid 1px #ddd;
    font-weight: 400;
}

.flex_boxA h3:before {
    font-family: 'FontAwesome';
    content: "\f299";
    position: absolute;
    left : 0.6em;
    font-size: 13px;
    top: 3px;
    font-weight:500;
    color:#458d1b;
}

#catch_box{
    -webkit-flex-basis: 70%;
    -ms-flex-basis    : 70%;
    flex-basis: 76%;
    font-size:18px;
    /* font-weight: 600; */
    padding-left: 2%;
    flex-direction: column; /* 変更なし */
    justify-content: center; /* 変更なし */
    align-items: center; /* 変更なし */
}


@media only screen and (max-width: 600px) {


    .flex_titlebox{
        flex-direction: column;
        flex-wrap: wrap;
    }

    .flex_boxA > div {width:98%;}

    #title_box{
        -webkit-flex-basis: 98%;
        -ms-flex-basis: 98%;
        flex-basis: 98%;
        /* font-size:26px; */
        font-weight: 600;
        border-right: none;
    }


    #catch_box{
        -webkit-flex-basis: 98%;
        -ms-flex-basis    : 98%;
        flex-basis: 98%;
        font-size: 16px;
    }
}



.plan_btn {
  position: relative;
  display: inline-block;
  min-width: 280px;
  background-color: #eb7a05;
  padding: 12px 10px 12px 24px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin: 10px 10px;
  transition: all .5s;
  text-decoration: none;
}

.plan_btn2 {
  position: relative;
  display: inline-block;
  min-width: 280px;
  background-color: #185e7d;
  padding: 12px 10px 12px ;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0 10px;
  transition: all .5s;
  text-decoration: none;
}
.plan_btn2:hover {
  opacity: .8;
  color: #fff !important;
}

/*--- 矢印 ---*/
.plan_btn::before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;   
  width: 34px;
  height: 1px;
  background:#fff;
  transition: all .5s;
}
.plan_btn::after{
  content: '';
  position: absolute;
  top: 40%;
  right: 31px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  transition: all .5s;
}
.plan_btn:hover {
  opacity: .8;
  color: #fff !important;
}
.plan_btn2:hover {
  opacity: .8;
  color: #fff !important;
}
.plan_btn:hover::before {
  right: 23px;
}
.plan_btn:hover::after {
  right: 24px;
}

@media only screen and (max-width:768px) {
    .plan_btn {
        margin-top: 14px;
        margin-bottom: 15px;
    }
}