@charset "UTF-8";
.btn_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn_sec a {
  padding: 0 20px;
  width: 100%;
  color: #fff;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #000;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.btn_sec a:after {
  content: "?";
  position: absolute;
  right: 5%;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn_sec a:hover {
  background: #bb070a;
}

.btn_sec.opp a {
  background: #b9070a;
}

.btn_sec.opp a:hover {
  background: #000;
}

/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
  .btn_sec a {
    font-size: 14px;
  }
}
/* ========== end △ */
#main_img {
	margin:0px 0 40px;
	padding:0px 0 0px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#main_img h2{
        position:absolute;
	top:100px;
	width:100%;
	z-index:99;
	text-align:center;
	padding:120px 0 20px 0px;
	font-size:300%;
	line-height:1.6;
	font-weight:normal;
	color:#fff;
	text-shadow:2px 2px 3px #333,2px 2px 3px #333;
}



#main_img h2 span{
	color:#fff;
	font-size:80%;
	font-weight:200;
	display:block;
	text-align:center;
	line-height:1.9;
}

#mainvisual {
}


#main .top {
  padding: 58px 0;
}
#main .top p {
  padding-bottom: 30px;
  font-size: 114%;
  line-height: 2.0;
}
#main .top .btn {
  width: 329px;
}
#main .top01 {
  background: url("../images/bg01.png"), linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
  background-repeat: no-repeat;
  background-position: left 23% bottom;
}
#main .top01 .top01_inner {
  width: 61%;
  float: right;
}
#main .top01 .right {
  width: 54%;
  float: right;
}
#main .top01 .right figure {
  margin-bottom: 10%;
  text-align: right;
  padding-right: 3%;
}


#main .top04 .flex {
  position: relative;
  padding: 30px;
}
#main .top04 .flex:before {
  content: '';
  background: url("../images/bg_news.png");
  position: absolute;
  top: 0;
  width: 100%;
  height: 30px;
  left: 0;
}
#main .top04 .flex:after {
  content: '';
  background: url("../images/bg_news.png");
  position: absolute;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 100%;
  height: 30px;
  left: 0;
}
#main .top04 .flex .tt_news {
  width: 20%;
}
#main .top04 .flex .tt_news h3 {
  text-align: center;
  font-size: 2.1rem;
  font-weight: 500;
  padding-bottom: 10%;
}
#main .top04 .flex .tt_news h3 .color_sp {
  color: #8babca;
  display: inline-block;
  font-size: 2.7rem;
}
#main .top04 .flex .tt_news h3 span {
  color: #adadad;
  font-size: 1.4rem;
  display: block;
}
#main .top04 .flex .tt_news a {
  color: #8babca;
  display: block;
  border: 1px solid #8babca;
  background: url("../images/arr.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position: left 18% center;
  width: 41%;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  border-radius: 1px;
  padding: 2% 0;
  font-size: 12px;
  font-weight: 500;
}
#main .top04 .flex .tt_news a:hover {
  color: #fff;
  background-color: #8babca;
}
#main .top04 .flex ul {
  height: 140px;
  width: 76%;
  padding: 0 0 0 4%;
  overflow: auto;
  background: url("../images/line_news.png");
  background-position: left center;
  background-repeat: no-repeat;
}
#main .top04 .flex ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3%;
}
#main .top04 .flex ul li h4 {
  color: #a6a6a6;
  width: 14%;
  font-size: 100%;
  font-weight: 500;
}
#main .top04 .flex ul li a {
  width: 86%;
  display: block;
  text-decoration: none;
  color: #000;
}

.video{
  position:relative;
  width:90%;
  margin:30px auto 0;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

@media only screen and (max-width: 1200px) {
  #main .top01 {
    background-position: left bottom;
  }

#main_img {
        margin:0px 0 20px;
}

#main_img h2{font-size:160%;padding:0px 0 0px 0px;top:40px;}

}

@media only screen and (max-width: 1000px) {
#main_img h2{font-size:140%;padding:0px 0 0px 0px;top:40px;}
}
@media only screen and (max-width: 767px) {

#main_img h2{font-size:100%;padding:0px 0 0px 0px;top:30px;}

  #mainvisual {
    padding: 12% 14% 0% 11%;
  }

  #main .top {
    padding: 6% 3% 10% 3%;
    background-size: 40% auto, 100% 100%;
    background-position: left 6% bottom;
  }
  #main .top p {
    font-size: 100%;
    line-height: 1.5;
  }
  #main .top01 .right {
    width: 52%;
  }
  #main .top01 .top01_inner {
    width: 100%;
    float: none;
  }
  #main .top01 p {
    text-align: justify;
    padding-bottom: 4%;
  }

  #main .full.btn a {
    font-size: 2.8vw;
    padding: 8% 8% 8% 1%;
  }
  #main .full.btn a:before {
    right: 3%;
    padding: 2%;
  }

  
  #main .top04 {
    padding: 10% 0;
  }
  #main .top04 .flex {
    display: block;
    padding: 0 3% 8% 3%;
  }
  #main .top04 .flex:before {
    background: url("../images/bg_news_sp.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  #main .top04 .flex:after {
    background: url("../images/bg_news_sp.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  #main .top04 .flex ul {
    height: 200px;
    width: 100%;
    background: none;
    padding: 0;
  }
  #main .top04 .flex ul li {
    display: block;
    padding-bottom: 2%;
    font-size: 107%;
    border-bottom: 1px dotted #cfcfcf;
  }
  #main .top04 .flex ul li h4 {
    width: 100%;
    font-size: 107%;
    color: #7da7d9;
  }
  #main .top04 .flex .tt_news {
    width: 100%;
    padding-bottom: 3%;
    margin-bottom: 3%;
    position: relative;
  }
  #main .top04 .flex .tt_news:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url("../images/bg_new.png");
  }
  #main .top04 .flex .tt_news h3 {
    padding-bottom: 2%;
  }
  #main .top04 .flex .tt_news h3 .color_sp {
    color: #8babca;
    font-size: 129%;
  }
  #main .top04 .flex .tt_news a {
    width: 54px;
    font-size: 89%;
    padding: 1% 4%;
  }
}
/* ========== end △ */

#btn_area{
padding:40px 0px 40px;
}

.btn_top{
margin:0px 0 0px;
position:relative;
border:solid 6px #f2f2f2;
background:#fff;
}


.btn_top h2{
text-align:center;
padding:15px 0 15px;
font-weight:bold;
font-size:180%;
margin:0px 0 10px;
color:#fff;
background:#083880;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.btn_top h2 span{
font-size:80%;
font-weight:normal;
}

.btn_top figure{
width:100%;
margin:0px auto 0px;
text-align:center;
}

.btn_top figure img{
width:100%;
}

.btn_top p{
text-align:center;
font-size:120%;
}

.btn_top ul{
padding:15px 15px 0px;
min-height:165px;
}

.btn_top ul li{
font-weight:normal;
padding:0px 15px 0px 30px;
margin-bottom:15px;
font-size:100%;
background:url(../common_img/ic_check.png) no-repeat 0 0;
}


.btn_top ul li span{
color:#ff6c00;
font-size:110%;
}

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


.btn_top{
width:60%;
margin:10px auto 10px;
}

.btn_top ul{
min-height:50px;
}

.btn_top ul li{
text-align:center;
}


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

.btn_top{
width:80%;
margin:10px auto 10px;
}

}