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

/*トップ読み込み時にスライドが一瞬立て並びになるのを防ぐ*/
.slide{
  opacity: 0;
  transition: opacity .5s linear;
}
.slide.slick-initialized{
  opacity: 1;
}

#slide_wrap_bg{
    height: 35.54rem;/*526*/
    position: relative;
    z-index:3;
}

#slide_wrap{
    width: 66.22rem;/*980*/
    margin: 0rem auto;
    /*overflow: hidden;*/
    position: relative;
}

#slide_wrap div img{
    width: 62.70rem;
    height: 35.68rem;
    border-radius: 1.49rem;/*22*/
    -webkit-border-radius:  1.49rem;/*22*/
    -moz-border-radius:  1.49rem;/*22*/
}

#slide_wrap .slide{
    width: 62.50rem;/*925+18*/
    margin: 0px auto;
    padding-left: 1.22rem;/*18*/
}

#slide_wrap .catch_txt{
    width: 100%;
    position: absolute;
    top: 5.41rem;/*80*/
    left: 0rem;
}

#slide_wrap .catch_txt p{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;   
    color: #0B2C84;
    font-size: 1.76rem;/*26*/
    background-color: #fff;
    padding: 0.68rem;/*10*/
    display: inline-block;
    vertical-align: top;
}

/*wrapからは出す*/
#side_txt{
    position: absolute;
    bottom: 10.0rem;/**/
    right: calc(50% - 40.00rem);/**/
}

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

#time_wrap{
    width: 100%;
    height: 14.65rem;
    background-image: url("./image/index/bg03.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -2.03rem;/*30*/
    position:relative;
    z-index:2;
}

#time_wrap dl{
    width: 80.57rem;/*1000*/
    margin: 0px auto;
    padding: 3.50rem 0 1.69rem 0;
    display: flex;
}

#time_wrap dl dt{
    font-size: 1.28rem;/*19*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #0B2C84;
    margin-right: 2.23rem;/*33*/
}

#time_wrap dl dd{
    display: flex;
    align-items: center;
}

#time_wrap dl dd table{
    margin-right: 1.01rem;/*15*/
}

#time_wrap dl dd table td.midashi{
    font-size: 1.15rem;/*17*/
    font-weight: bold;
    text-align: left;
    padding-bottom: 0.34rem;/*5*/
}

#time_wrap dl dd table td.midashi span{
    color: #0B2C84;
}

#time_wrap dl dd table th{
    width: 4.39rem;/*65*/
    text-align: left;
    font-weight: normal;
}

#time_wrap dl dd table td{
    padding: 0.47rem 0;/*7,0*/
}

#time_wrap dl dd table th.red, #time_wrap dl dd table td.red{
    color: #D91A00;
}

#time_wrap .linkbtn{
    width: 11.35rem;/*168*/
    margin-left: 1.49rem;/*37-15*/
}

#time_wrap .linkbtn a{
    display: block;
    background-color: #00A3E1;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
}

#time_wrap .linkbtn a p{
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.15rem;/*17*/
    color: #fff;
    text-align: center;
    padding: 0.81rem 0;/**/
}

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

#news_wrap{
	margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 39rem;
    background-image: url("./image/index/bg012.png");
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    margin-top: -17.24rem;/**/
    /**/position: relative;
    /*z-index: -1;*/
    z-index: 1;
}

#news_wrap #newspost{
    width: 100%;
    margin: 0px auto;
}

#news_wrap .important{
    width: 67.57rem;/*1000*/
    margin: 5.07rem auto 0px auto;/*75*/
    padding-top: 18.24rem;/*270*/
}

/*重要なお知らせが無いとき、レイアウトを調整*/
#news_wrap .important_no{
    height: 20rem;
}

#news_wrap .normal{
    width: 67.57rem;/*1000*/
    margin: 5.07rem auto 0px auto;/*75*/
}

#news_wrap .important dl, #news_wrap .normal dl{
    display: flex;
    margin-bottom: 5.20rem;/*77*/
}

#news_wrap .important dl a, #news_wrap .normal dl a{
    position: relative;
}

#news_wrap .important dl dt, #news_wrap .normal dl dt{
    width: 11.49rem;/*170*/
    font-size: 1.28rem;/*19*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
}

#news_wrap .important dl dt{
    color: #D91A00;
    border-right: 1px solid #D91A00;
}

#news_wrap .normal dl dt{
    color: #0B2C84;
    border-right: 1px solid #0B2C84;
}

#news_wrap .important dl dd, #news_wrap .normal dl dd{
    margin-left: 3.38rem;/*50*/
}

#news_wrap .important dl dd ul li, #news_wrap .normal dl dd ul li{
    list-style-type: none;
    margin: 0.68rem auto;/*10*/
}

#news_wrap .important dl dd ul li span, #news_wrap .normal dl dd ul li span{
    margin-right: 2.57rem;/*38*/
}

#news_wrap .important dl dd ul li a{
    color: #D91A00;
}

#news_wrap .normal dl dd ul li a{
    color: #0B2C84;
    /**/position: relative;
    z-index: 99;
}

#news_wrap .kame{
    position: absolute;
    left: 75%;
    bottom: 10%;
    /*bottom: -18rem;*/
    z-index: 2;
    pointer-events: none;
}

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

#online_wrap{
    width: 62.50rem;
    margin: 0px auto;
    overflow: hidden;
    background-color: #0B2C84;
    color: #fff;
    padding: 4.05rem;/*60*/
}

#online_wrap section{
}

#online_wrap section .left{
    width: 44.00rem;
    float: left;
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
}

#online_wrap section .left dt{
    font-size: 2.09rem;/*31*/
    line-height: 160%;
    margin-bottom: 2.09rem;/*31*/
}

#online_wrap section .left dd{
    font-size: 1.08rem;/*16*/
    line-height: 190%;
}

#online_wrap section .left dd p{
    text-indent: -6.5rem;
    margin-left: 6.2em;
}

#online_wrap section .left dd p:nth-child(2){
    margin-bottom: 0.5rem;
}

#online_wrap section .right{
    width: 15.00rem;
    margin-left: 3.05rem;
    text-align: center;
    float: right;
}

#online_wrap section .right dt{
    margin: 0px auto 2.16rem;/*32*/
    text-align: center;
}

#online_wrap section .right dt{
    width: 80%;
}

#online_wrap section .right dd{
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.35rem;/*20px*/
}

#online_wrap section .right dd a{
    color: #fff;
}

#online_wrap section .right dd img{
    display: inline-block;
}

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

#greeting_wrap{
	margin: 0 calc(50% - 50vw);
    width: 100vw;
    background-image: url("./image/index/bg02.png");
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    position: relative;
    z-index: -1;
}

#greeting_wrap section{
    width: 62.50rem;/*925*/
    margin: 6.08rem auto 0px;/*90,0*/
    padding: 3.38rem 0 5.27rem 0;/*50,78*/
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

#greeting_wrap section h2{
    width: 17.43rem;/*258*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.36rem;/*35*/
    color: #0B2C84;
    line-height: 160%;
    background-image: url("./image/index/italic_txt.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    display: table;
    height: 22.70rem;
}

#greeting_wrap section h2 span{
    display: table-cell;
    vertical-align: middle;
}

#greeting_wrap section .txt{
    margin-right: 2.03rem;/*30*/
}

#greeting_wrap section .txt p{
    font-size: 1.08rem;/*16*/
    line-height: 250%;
    margin-left: 4.73rem;/*70*/
}

#greeting_wrap section .txt p:last-child{
    margin-left: 0rem;
}

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

#info_wrap{
	margin: 0 calc(50% - 50vw);
    width: 100vw;
    background-color: #FFF8F3;
    position: relative;
    z-index: -1;
}

#info_wrap section{
	width: 69.26rem;/*1025*/
    margin: 0px auto;
    overflow: hidden;
    padding: 4.73rem 0 3.38rem;/*70,50*/
}

#info_wrap h2{
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.36rem;/*35*/
    color: #0B2C84;
}

#info_wrap .block_time{
    margin: 2.36rem auto 2.50rem;/*35,37*/
    display: flex;
}

#info_wrap .block_time .left{
    width: 36.49rem;/*540*/
}

#info_wrap .block_time .left p{
    display: block;
    margin-top: 1.25rem;
}

#info_wrap .block_time .right{
    width: 31.62rem;/*468*/
    margin-left: 1.01rem;/*15*/
}

#info_wrap .block_time .right table{ 
    text-align: left;
    font-size: 1.15rem;/*17*/
    width: 100%;
}

#info_wrap .block_time .right table caption{ 
    color: #0B2C84;
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.22rem;/*18*/
    font-weight: bold;
    text-align: left;
}

#info_wrap .block_time .right table th, #info_wrap .block_time .right table td{ 
    padding: 0.40rem 0;
}

#info_wrap .block_time .right table th{ 
    width: 4.4rem;
    font-weight: normal;
}

#info_wrap .block_time .right table th.midashi{ 
    text-align: left;
    font-size: 1.15rem;/*17*/
    font-weight: bold;
    padding: 0.47rem 0 0 0;/*7*/
}

#info_wrap .block_time .right table th.midashi span{
    color: #0B2C84;
}

#info_wrap .block_time .right table th.red, #info_wrap .block_time .right table td.red{ 
    color: #F2082A;
}

/**/

#info_wrap .block_department{
    margin: 0rem auto 2.70rem;/*0,40*/
    display: flex;
}

#info_wrap .block_department div.left, #info_wrap .block_department div.right{
    width: 32.16rem;/*476*/
    background-color: #fff;
    padding: 1.89rem 1.69rem;/*28,25*/
}

#info_wrap .block_department div.left{
    margin-right: 1.89rem;/*28*/
}

#info_wrap .block_department div.right{
    margin-left: 1.89rem;/*28*/
}

#info_wrap .block_department div dl dt{
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.35rem;/*20*/
    color: #0B2C84;
    margin-bottom: 1.35rem;/*20*/
}

#info_wrap .block_catch{
    margin: 0px auto;
    text-align: center;
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.42rem;/*21*/
    color: #CC2390;
}

/**/

/*ブロック内にいるとリンクが効かないので外に出す*/
.about_btn{
    width: 100%;
    background-color: #FFF8F3;
    margin: 0px auto;
    overflow: hidden;
    padding-bottom: 4.05rem;/*60*/
}

.about_btn a{
    width: 18.04rem;/*267*/
    margin: 0px auto;
    display: block;
    background-color: #00A3E1;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    color: #fff;
    padding: 1.22rem 0;/**/
}

.about_btn a p{
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.49rem;/*22*/
    color: #fff;
    text-align: center;
}

.about_btn a p img{
    display: inline-block;
    margin-left: 0.5rem;
    margin-bottom: 0.3rem;
}

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

#about_wrap{
    width: 100%;
    height: 37.50rem;/*555*/
    margin: 8.45rem auto 3.04rem auto;/*125,45*/
    background-image: url(./image/index/photo01.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 50%;
}

#about_wrap .block_txt{
    position: relative;
}

#about_wrap .block_txt .left{
	width: calc(50% - 16.22rem);
    float: left;
    position: absolute;
    left: 50%;
    margin-left: -33.78rem;/*500*/
}

#about_wrap .block_txt .left h3{
	font-size: 2.36rem;/*35*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #0B2C84;
    margin-bottom: 2.70rem;
}

#about_wrap .block_txt .left table{
    width: 26.01rem;/*385*/
    margin-bottom: 2.60rem;
}

#about_wrap .block_txt .left table th, #about_wrap .block_txt .left table td{
    padding: 1.69rem 0 1.01rem 0;
    border-bottom: 1px solid #808080;
}

#about_wrap .block_txt .left table th{
    width: 9.12rem;/*135*/
    color: #0B2C84;
    text-align: left;
}

#about_wrap .block_txt .left p{
    line-height: 180%;
}

#about_wrap .block_txt .right{
	width: 50%;
    float: right;
    position: relative;
    z-index: -1;
    display: none;
}

#about_wrap .block_txt .right img{
	width: 100%;
    height: 37.50rem;/*555*/
    object-fit:cover;
}

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

#photo_wrap{
    width: 78.04rem;/*1155*/
    margin: 0px auto;
}

#photo_wrap ul{
    display: flex;
}

#photo_wrap ul li{
    width: 25.00rem;/*370*/
    margin: 0 0.74rem;
    list-style-type: none;
}

#photo_wrap ul li:first-child{
    margin: 0 0.74rem 0 0rem;
}

#photo_wrap ul li:last-child{
    margin: 0 0rem 0 0.74rem;
}

#photo_wrap ul li p{
    display: block;
    margin-top: 1.69rem;/*25*/
    text-align: center;
}

#photo_wrap ul li img{
    width: 100%;
    height: auto;
}


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










/**/