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

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

#slide_wrap{
    width: 95%;
    margin: 0px auto;
    position: relative;
}

#slide_wrap div img{
    width: 100%;
    height: auto;
    border-radius: 1.49rem;/*22*/
}

#slide_wrap .slide{
    width: 100%;
}

#slide_wrap .catch_txt{
    width: 7.50rem;
    position: absolute;
    top: -2.0rem;/*40*/
    left: 2.85rem;/*57*/
}

#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.50rem;/*30*/
    background-color: #fff;
    padding: 0.68rem;/*10*/
    display: inline-block;
    vertical-align: top;
}

#side_txt{
    display: none;
}

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

#time_wrap{
    width: 100%;
    height: 46.00rem;
    background-color: #FFF8F3;
    margin-top: -7.75rem;/**/
}

#time_wrap dl{
    width: 31.00rem;/*620*/
    margin: 5.10rem auto 1.70rem auto;/*,34*/
    padding: 5.85rem 0;/*57*/
}

#time_wrap dl dt{
    font-size: 1.50rem;/*30*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #0B2C84;
    margin-bottom: 1.00rem;/*20*/
}

#time_wrap dl dd{
}

#time_wrap dl dd table{
    margin-bottom: 1.0rem;
}

#time_wrap dl dd table td.midashi{
    font-weight: bold;
    text-align: left;
    margin-bottom: 0.80rem;/*16*/
}

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

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

#time_wrap dl dd table td{
    padding: 0.30rem 0;
}

#time_wrap dl dd table td:first-child{
    width: 5.65rem;/*113*/
}

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

#time_wrap .linkbtn{
    width: 17.85rem;/*357*/
    margin: 0px auto;
}

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

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

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

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

#news_wrap .important{
    width: 100%;
    margin: 5.07rem auto 0px auto;/*75*/
}

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

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

#news_wrap .important dl, #news_wrap .normal dl{
    margin-bottom: 3.65rem;/*73*/
}

#news_wrap .important dl dt, #news_wrap .normal dl dt{
    width: 100%;
    font-size: 1.50rem;/*30*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 1.30rem;/*26*/
}

#news_wrap .important dl dt a, #news_wrap .normal dl dt a{ 
    text-align: right;
}

#news_wrap .important dl dt img, #news_wrap .normal dl dt img{ 
    vertical-align: middle;
    float: right;
}

#news_wrap .important dl dt{
    color: #D91A00;
}

#news_wrap .normal dl dt{
    color: #0B2C84;
}

#news_wrap .important dl dd, #news_wrap .normal dl dd{
    
}

#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: 3.10rem;/*62*/
}

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

#news_wrap .normal dl dd ul li a{
    color: #0B2C84;
}

#news_wrap .kame{
   display: none;
}

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

/*スマホの時だけ、専用divで背景画像を設定*/

.wrap_bg01{
    background-image: url("./image/index/sp_bg01.png");
    background-size: 100vw auto;
    background-position: center;
    background-repeat: no-repeat;
}

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

#online_wrap{
    width: 31.00rem;/*620*/
    margin: 0px auto;
    overflow: hidden;
    background-color: #0B2C84;
    color: #fff;
}

#online_wrap section{
    padding: 2.75rem 2.50rem;/*55,50*/
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
}

#online_wrap section .left{
}

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

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

#online_wrap section .right{
    text-align: right;
}

#online_wrap section .right dt{
    display: none;
}

#online_wrap section .right dd{
    font-size: 1.20rem;/*24*/
    margin-top: 1.85rem;/*37*/
}

#online_wrap section .left dd p{
    letter-spacing: 0.15rem;
}

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

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

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

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

#greeting_wrap{
    width: 31.00rem;/*620*/
    margin: 6.00rem auto 4.0rem;/*120,*/
    overflow: hidden;
}

#greeting_wrap section{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

#greeting_wrap section h2{
    width: 24.00rem;
    background-image: url("./image/index/italic_txt.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: 10.75rem auto;
    display: table;
    margin-bottom: 2.65rem;/*53*/
}

#greeting_wrap section h2 span{
    font-family: vdl-v7mincho,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.95rem;/*39*/
    color: #0B2C84;
    line-height: 180%;
    padding-bottom: 0.80rem;/*16*/
}

#greeting_wrap section .txt{
    font-size: 1.30rem !important;/*26*/
    line-height: 250%;
    letter-spacing: -0.05rem;
}

#greeting_wrap section .txt p{
}

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

#info_wrap{
    width: 100%;
    background-color: #FFF8F3;
    position: relative;
    z-index: -1;
}

#info_wrap section{
    width: 31.00rem;/*620*/
    margin: 0px auto;
    overflow: hidden;
    padding: 4.00rem 0 3.63rem;/*80,72.5*/
}

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

#info_wrap .block_time{
    margin: 2.25rem auto;/*45*/
}

#info_wrap .block_time .left{
    width: 100%;
}

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

#info_wrap .block_time .right{
    width: 100%;
    margin-top: 2.00rem;/*40*/
}

#info_wrap .block_time .right table{
    text-align: left;
    font-size: 1.30rem;/*26*/
}

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

#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: 5.50rem;/*110*/
    font-weight: normal;
}

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

#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{
    width: 100%;
    margin: 0rem auto;
    overflow: hidden;
}

#info_wrap .block_department div.left, #info_wrap .block_department div.right{
    background-color: #fff;
    padding: 1.75rem 2.00rem;/*35,40*/
    margin-bottom: 2.00rem;/*40*/
}

#info_wrap .block_department div.left{
}

#info_wrap .block_department div.right{
}

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

#info_wrap .block_department div dl dd{
    font-size: 1.20rem;/*24*/
}

#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.50rem;/*30*/
    color: #CC2390;
    letter-spacing: -0.02em;
}

/**/

/*ブロック内にいるとリンクが効かないので外に出す*/

.about_btn{
    width: 100%;
    background-color: #FFF8F3;
    margin: 0px auto;
    overflow: hidden;
    padding-bottom: 3.0rem;/*30*/
}

.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;
}

.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;
    padding: 1.01rem 0;/**/
}

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

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

#about_wrap{
    width: 31.00rem;/*620*/
    margin: 3.63rem auto 0;/*72.5,0*/
    overflow: hidden;
}

#about_wrap .block_txt{
}

#about_wrap .block_txt .left{
    width: 100%;
}

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

#about_wrap .block_txt .left table{
    width: 100%;
    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;
    font-size: 1.25rem;/*25*/
}

#about_wrap .block_txt .left table th{
    width: 40%;
    color: #0B2C84;
    text-align: left;
    font-size: normal;
}

#about_wrap .block_txt .left p{
    font-size: 1.25rem;/*25*/
    line-height: 180%;
}

#about_wrap .block_txt .right{
    width: 100%;
    margin: 2.75rem auto 1.50rem;/*55,30*/
    overflow: hidden;
}

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

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

#photo_wrap ul{
}

#photo_wrap ul li{
    width: 48%;
    margin: 0 auto;
    list-style-type: none;
}

#photo_wrap ul li:nth-child(1){
    float: left;
    margin-bottom: 2.0rem;/*40*/
}

#photo_wrap ul li:nth-child(2){
    float: right;
    margin-bottom: 2.0rem;/*40*/
}

#photo_wrap ul li:last-child{
    float: inherit;
}

#photo_wrap ul li p{
    display: block;
    font-size: 1.20rem;/*24*/
    text-align: center;
    margin-top: 0.75rem;/*15*/
}

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







































/**/