@charset "utf-8";
#header {
    border-bottom:none;
 }
/***********************************************************
メインビジュアル
***********************************************************/
div#topVisual { margin: auto; text-align: center; width: 100%; /*max-height: 569px;*/ height:100%; overflow: hidden; position:relative; }
	div#topVisual img#main { width: 100%; height: auto; }
	div#topVisual span { position: absolute; left: 0; right: 0; margin: auto; top: 22%; text-align: center; color: #ffffff; font-size: 4rem; font-weight: 600; letter-spacing:2px; line-height:1; }
		div#topVisual span b {display: block; font-size: 25px;margin-top: 8px;}
	#button{ position: absolute; bottom: 5%; left: 0; right:0; width: 80%; min-width: 1100px; margin: auto; color: #ffffff; text-align: left; font-weight: 600; font-size: 1.5rem; line-height: 1.3; letter-spacing: -1px; }
		#button p{ margin-left:5%; }
			#button a{ margin-top:1em; display:block; color:#FFFFFF; background-color:#B70003; border: 1px solid rgba(0,0,0,0); max-width: 290px; font-size: 1.3rem; text-align: center; padding: .5rem 0; letter-spacing: 4px; }
			#button a:hover{ color:#B70003; border:1px solid; background-color: rgba(277,277,277,0.5); text-decoration:none; }
@media screen and (max-width:768px){
	div#topVisual img#main { width: 100%; height: 400px; object-fit: cover; }
	div#topVisual span { font-size: 3.5rem; }
	#button{ width: 100%; min-width: inherit; }
			#button a{ max-width: 40%; }
}
@media screen and (max-width:414px){
	div#topVisual span { font-size: 2.5rem; }
	#button{ font-size: 1.2rem; }
			#button a{ font-size: .9rem; }
}

/***********************************************************
ニュース
***********************************************************/
#topics { width: 100%; background-color: #ffffff; padding: 63px 0 74px; }
	#topicsInner,#topicsInner2{ display:table; border-collapse: separate; border-spacing: 16px 0; }
	#topicsInner2{ margin-top:2em;}
		#topics article { width: 20%; margin: 0; border: 1px solid #727171; padding: 0 1em 30px; display: table-cell; }
		#topics article:nth-child(4n) { clear:both;}
			#topics article span { display: block; margin-left: 0; margin-right: 0; color: #FFFFFF; padding: 0px 8px; text-align: center; margin: auto; width: 40%; }
			#topics article span.info { background-color: #f2954c; }
			#topics article span.press { background-color: #75c397; }
			p.date { text-align: center; margin: 1em auto .5em; font-size: 1.2rem; }
			p.txt { font-size: 1.2rem; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width:768px){
	#topicsInner,#topicsInner2{ width:100%; min-width: inherit; }
		#topics article { width: 100%; margin: 0 0 15px; display: block; }
			#topics article span { width: 70%; }
}
#topics a.newslist {
    width: 90%;
    margin: 40px auto 0;
    max-width: 300px;
    text-align: center;
    border: 1px solid;
    color: #005ead;
	padding: 1rem 0;
    font-weight: 600;
    letter-spacing: 3px;
	transition: 1s;
}
#topics a.newslist:hover {
    background-color: #005ead;
    color: #ffffff;
	text-decoration: none;
}


/*.news_title{width: 219px;height: 44px;text-align: center;letter-spacing: 4px;font-size: 1.5em;float: left;background-color:#18b8d1;color:#ffffff;line-height: 44px;font-family:'Century Gothic';border-radius: 10px;}
.news_text{float: right;background-color: #bae3f9;font-size: 1.0em;height: 44px;width: 820px;line-height: 44px;padding: 0 0 0 3em;border-radius: 10px;}
.ticker ul { width: 100%; position: relative;}
	.ticker ul li {width: 100%;}
.news_block p{text-align:right;font-size:0.8em;}*/


.ls-2{ letter-spacing: -2px;}


/***********************************************************
top key visual button
***********************************************************/

.topbt {
    margin-top:-6em;
}
.topbt-c {
    text-align: center;
}
.topbt button:nth-child(1) {
    border-top-left-radius: 1em;
    font-size:18px
}
.topbt button:nth-child(2) {
    border-top-right-radius: 1em;
}
.buttonbg {
    background-color: #1c3f7c;
    letter-spacing: 2px;
    color: white;
    width: 450px;
    height: 70px;
    border: none;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    font-family: "���C���I";
}
.buttonbg:hover {
    background-color: #2155ad;
}
.buttonflex ul {
    margin-top: .518em;
    padding: 0 60px;
    display: flex;
    list-style-type: none;
}


@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, .buttonLeft { padding-top:60px; }
}

@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, .span.buttonLeft { margin-top:20px; }
}


@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, .buttonRight { margin-top: 1em; }
}


.buttonflex ul li:nth-child(1) {
    margin-right: .8em;
   font-size:18px;
}
.buttonflex ul li:nth-child(2) {
    margin-top: -.8em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
�@�@.buttonflex ul li:nth-child(2){
   margin-top: 1em;
}}



.btn-group button {    
    background-color: #1c3f7c;
    border: none;
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
    height: 45px;
  }
  
  /* Clear floats (clearfix hack) */
  .btn-group:after {
    content: "";
    clear: both;
    display: table;
  }
  
  .btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
  }

  .mobile-only1 {
      display: none;
  }




.finaltry {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top:-70px;
}
.finaltry div:nth-child(1) {
    margin-right: .4em;
}



@media screen and (max-width:768px){
    .finaltry{
        display:none;}

    .topbt {
        margin-top: -6em;
    }
    .topbt button:nth-child(1) {

        border-top-left-radius: 0em;
    }
    .topbt button:nth-child(2) {
        border-top-right-radius: 0em;
    }
    .buttonbg {
        letter-spacing: 0px;
        font-size: 12px;
        margin: 6em 0 0;
        width: 49%;
        height: 45px;
    }
    .buttonflex ul {
        padding: 0;
    }
    .buttonflex ul li img{
        width: 80%;
    }
    .buttonflex ul li:nth-child(1) {
    margin-top: 0.35em;
    margin-right: .8em;
    }
    .buttonflex ul li:nth-child(2) {
    margin-top: -.2em;
    }
    .mobile-only1 {
        display: inherit;
    }
    .topbt-c {
        display: none;
    }
    .pc-only1 {
        display: none;
    }

}

/***********************************************************
topics slider
***********************************************************/

.topics-slider2 {
    display: flex;
}
.topics-slider-inner2 img{
    width: 95%;
    margin-left: 7px;
}


/***********************************************************
お知らせ
***********************************************************/
/*#topics{width:100%;background-color:#dff2fc;padding:63px 0 74px;}
	#topics dl{width:918px;margin:0 auto;border-top:1px solid #727171;padding:30px 0;}
		#topics dl:last-child{border-bottom:1px solid #727171;}
		#topics dt{float:left;width: 235px;}
		#topics span{display:inline-block;margin-left:80px;margin-right:18px; background-color:#005EAD; color:#FFFFFF; padding:0px 8px;}
		#topics dd{margin-left: 235px;}
		#topics dt,#topics dd{display:inline-block;}
		#topics dt{margin-left:1em;}*/

/***********************************************************
TOPICS
***********************************************************/
#topicsSlider { width: 100%; background-color: #ffffff; padding: 63px 16px 32px; }
#topicsSlider .topics-slider img { width: 100%; }
#topicsSlider .topics-slider .topics-slider-inner { margin: 0 5px;}
#topicsSlider .topics-slider .slick-next { right: 17px; z-index: 100;}
#topicsSlider .topics-slider .slick-prev { left: 23px; z-index: 100;}
#topicsSlider .slick-prev:before, #topicsSlider .slick-next:before { color: #004b85; }
@media screen and (max-width:768px){
  #topicsSlider .topics-slider .slick-next { right: -16px;}
  #topicsSlider .topics-slider .slick-prev { left: -16px;}
}