@charset "UTF-8";

/*.main-content{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}*/
.news-item .col .img img {

    width: auto;
    max-height: 200px;
    display: block;
    text-align: center;
    margin: auto;

}
.mb10{
	margin-bottom: 10px;
}
.ml10{
	margin-left: 10px;
}
.mt10{
	margin-top: 10px!important;
}
.Parts-1-2,.Parts-2-1,.blockParts-id-2{
	margin-bottom: 30px;
}
.Parts-1-3,.blockParts-id-3{
	margin-bottom: 25px;
}
.blockParts-id-8,.blockParts-id-9,.blockParts-id-14{
	margin-bottom: 20px;
}
.vcmbPC20 {
  margin-bottom: 20px;
}
@media (min-width: 769px) {
	.pcmt10{
		margin-top: 10px;
	}
	.pcmb30{
		margin-bottom: 30px;
	}
	.pcmb60{
		margin-bottom: 60px;
	}
	.pcmb70{
		margin-bottom: 70px;
	}
}
@media (max-width: 768px) {
  .vcmbPC20 {
    margin-bottom: 0;
  }
	.pcmb60{
		margin-bottom: 40px;
	}
	.pcmb70{
		margin-bottom: 40px;
	}
  
}

.vcmb10{
	margin-bottom: 10px;
}
.vcmb20{
	margin-bottom: 20px;
}
.vcmb30{
	margin-bottom: 30px;
}
.vcmb40{
	margin-bottom: 40px;
}
.vcmb50{
	margin-bottom: 50px;
}


.fl{
	float: left;
}
.fr{
	float: right
}
.tac{
	text-align: center;
}
.tar{
	text-align: right;
}

img{
	height: auto
}

.fcred{
	color: #ea323b;
}

.fcpink{
	color: #fd686f;
}

#VcArea-MainColum h2{
	margin-top: 60px;
}
#VcArea-MainColum h2:first-child{
	margin-top: auto;
}
@media print, screen and (min-width:768px) {
.pctabnone{
	display: none
}
}
@media print, screen and (min-width:769px) {
.pcnone{
	display: none
}

}
@media only screen and (max-width: 768px) {
.spnone{
	display: none
}
.vcmb40{
	margin-bottom: 30px;
}
.vcmb50{
	margin-bottom: 40px;
}

}

li .dot,li .play{
	margin-bottom: 5px;
}
.vibt-side-bar {
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3;
}
.vibt-side-bar a {
    position: relative;
    display: block;
    padding: 18px 20px;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
}
.vibt-side-bar a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 11px;
    height: 16px;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/ico_arow_right.png);
        background-size: auto;
    background-size: cover;
}
@media print, screen and (min-width:769px) {
.plan-plus.col-3 .item {
    margin-bottom: 40px;
}
}
img.news_main {
    border: none;
}

input, textarea {

    border: 1px solid #ccc;
    font-size: 16px !important;
    padding: 5px 5px 3px;
}

.mincho.fs17.fc_green{
	color: #fd686f;
	font-size: 1.2em;
	margin-top: 20px;
}

@media screen and ( max-width:768px) { 
input[type="text"],input[type="tel"],input[type="submit"],input[type="button"],input[type="email"], textarea {
-webkit-appearance: none;
}
}
.scroll{
	height: 200px;
	border: 1px solid #ddd;
	overflow-y: scroll;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 10px;
}

.side-bar ol ol li {

    border-bottom: 1px solid #ddd;

}
.side-bar ol ol ol li {

    border-bottom: none;

}

.side-bar > ol > li > a, .side-bar > ol  > li > strong {

    display: inline-block;
    width: 100%;
    padding: 16px 5px;
    font-size: 18px;
    font-size: 1.8rem;
}
.side-bar .heading, .side-bar > ol > li > a, .side-bar > ol > li > strong {

    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #031f88;

}

.side-bar ol ol li a, .side-bar ol ol li strong {

    position: relative;
    display: block;
    padding: 17px 20px 17px 0;
    color: #031f88;
	font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}
.side-bar > ol{
	margin-bottom: 40px;
}
.side-bar ol ol li a:after {

    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/ico_arow_right.png) no-repeat;
    background-size: cover;

}
#VcArea-MainColum .side-bar ol a {
    text-decoration: none;
}
.formTable {
	margin-bottom: 30px;
}

.main_text{
	 text-align: center; color:#FFF; position: absolute; top: 35%; width: 100%; font-size: 50px;
text-shadow: black 0px 0px 10px }
.main_icon{
	 text-align: center; color:#FFF; position: absolute; bottom:15px; width: 100%; 
}
.main_icon img{
	width: 50px;
	height: auto;
}
.main_text_br{
	display: none;
}

@media only screen and (max-width: 768px) {
.main_text{
	font-size: 30px;
	top: 25%;
	}
.main_wrap{
	position: relative;
}
.main_icon img{
	width: 30px;
}
.main_inner {
    background-image: url(../img/dot.png);
    position: absolute;
    height: 100%;
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
.main_text{
	font-size: 20px;
	top: 15%;
	}
.main_text_br{
	display: block;
}
.main_icon{
	 bottom:10px;
}
}


ol.numberlist {
margin: 0;
padding: 0;
list-style: none;
counter-reset: yourDefinition;
}
ol.numberlist li {
padding-left: 35px;
text-indent: -35px;
margin-bottom:10px;
}
ol.numberlist li:before {
counter-increment: yourDefinition;
content: counter(yourDefinition);
display: inline-block;
margin-right: 10px;
width: 24px;
height: 24px;
text-align: center;
color: white;
font-weight: bold;
font-family: helvetica;
text-indent: 0;
background: #ea323a;
border-radius: 2px;
}

span.numberlist,strong.numberlist{
display: inline-block;
margin-right: 5px;
margin-left: 5px;
width: 20px;
height: 20px;
text-align: center;
color: white;
font-weight: bold;
font-family: helvetica;
text-indent: 0;
background: #ea323a;
border-radius: 2px;
font-size: 0.8em
}
@media only screen and (max-width: 767px) {


form .support-table th,form .support-table td{
	width: 100%;
	display: block;
}
form .support-table th{
	border-bottom: none;
	padding-bottom: 0;
}
}

#vcbody-wrapper .row div:nth-child(3n) .col-4{
    margin-right: 0;
}

#vcbody-wrapper .row div:nth-child(2n) .col-6{
    margin-right: 0;
}

#vcbody-wrapper div:nth-child(2n) .list-item li{
    margin-right: 0;
}


.slider img {
  transform-origin: center top;
  transform: scale(1.1);
  transition: 5s ease-out;
}
.slider .slick-active img {
  transform: scale(1.0);
}

.slick-dots li button:before {
    color: #999;
	font-size: 10px;
}

.slick-dots li.slick-active button:before {
    color: #031f88;
}
#VcArea-TopPage{
	position: relative;
}
.mainimg-text{
	position: absolute;
	z-index: 1;
	top: 120px;
	width: 100%;
}
.mainimg-text h2{
    font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	font-size: 64px;
	color: #031f88;
	line-height: 76px;
}

.mainimg-text-inner{
	width: 1170px;
	margin: 0 auto;
}
 .mainimg-text p{
    font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	letter-spacing: 3px;
}

@media only screen and (max-width: 768px) {
.mainimg-text {
    top: 50px;
	left: 20px;
}
.mainimg-text h2 {
    font-size: 40px;
    line-height: 50px;
}
.mainimg-text p{
	font-size: 18px;
	letter-spacing: 1px;
}
}
@media only screen and (max-width: 767px) {
.mainimg-text {
    top: 50px;
	left: 20px;
}
.mainimg-text h2 {
    font-size: 30px;
    line-height: 36px;
}
.mainimg-text p{
	font-size: 14px;
	letter-spacing: 1px;
}
}
.module-news-list{
	margin-bottom: 30px;
}
#VcArea-TopPage .module-news-list{
	margin-bottom: 0px;
}
.module-news-list{
	background: #FFF;
}
.module-news-list li:first-of-type {
	border-top: 1px solid #dddddd;
}
.content_area .module-news-list li:first-of-type {
	border-top: none;
}
.module-news-list li {
    padding-top: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 18px;
}
.module-news-list-meta {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
}
.module-news-category-label {
    display: inline-block;
    padding: calc(6px - (1em * 1.6 - 1em)/ 2) 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 120px;
	height: 25px;
    margin-right: 10px;
	font-size: 12px;
    font-size: 1.2rem;	
}
.module-news-pub-time {
    display: inline-block;
    min-width: 100px;
    margin-right: 0px;
}
.module-news-list-link {
	font-weight: bold;
}
#VcArea-MainColum .module-news-list-link a,#VcArea-TopPage .module-news-list-link a{
	text-decoration: none;
}
.module-news-list-link img{
	margin-top: 10px;
	display: block;
}


.module-news-new{
    font-family: 'Rajdhani', sans-serif;
	color: #e73232;
	font-weight: 600;
	font-size: 18px;
    font-size: 1.8rem;
}


@media only screen and (max-width: 768px) {
.module-news-list li {
	flex-direction: column;
}
.module-news-list-meta {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.module-news-category-label {
    padding: 0;
    width: 105px;
	height: 17px;
    margin-right: 10px;
	line-height: 17px;
}
.module-news-pub-time {
    min-width: 87px;
}
.module-news-new {
    font-size: 16px;
    font-size: 1.6rem;
}
.module-news-list-meta {
    margin-bottom: 5px;
}
}

/* ======= Lower ======= */
#particle-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
#particle-canvas {
  width: 100%;
  height: 100%;
}

.lower-head {
  position: relative;
  width: 100%;
}
.lower-head-heading {
  position: relative;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lower-head-heading .container {
  position: relative;
}
.index_news{
	padding-top: 50px;
	padding-bottom: 50px;
}
.index_news .links-btn {
    margin-top: 30px;
}
.index_topics{
	margin-top: -70px;
	position: relative;
	background: url("../img/index_topics.png") repeat-x bottom
}
@media print, screen and (min-width:769px) {
.index_news{
	padding-top: 100px;
	padding-bottom: 280px;
}
.index_news .links-btn {
    margin-top: 40px;
}
.index_topics{
	margin-top: -280px;
}
}
canvas{
	height: 100%!important
}
@media only screen and (max-width: 768px) {
.slick-dots {
    bottom: -18px;
}
.section.index_topics{
	padding-bottom: 30px;
}
}

.container.container1230{
    display: block;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
@media print, screen and (min-width:769px) {

.parallax {
    min-height: 500px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
}

.parallax.bg-01 {
    background-image: url(../img/img_parallax.jpg);
}
.top_message {
	margin-top: -200px;
}
}
.top_message li {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
  float: left;
}

@media print, screen and (min-width:769px) {
  .top_message li {
    margin-bottom: 40px;
  }
}

.top_message li img {
  width: 100%;
  height: auto;
}

.top_message li {
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: relative;
  width: 50%;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;  
}
.top_message li strong{
  font-size: 30px;
  font-size: 3rem;
  display: block;
  font-weight: bold;
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
 }
body #ch .top_message li {
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: relative;
  width: 50%;
    font-family: "微软雅黑","宋体";
	font-weight: 600;  
}
body #ch .top_message li strong {
  font-size: 30px;
  font-size: 3rem;
  display: block;
  font-weight: bold;
    font-family: "微软雅黑","宋体";
}
@media only screen and (max-width: 768px) {
.top_message li {
  width: 100%;
  margin-bottom: 15px
}
.top_message li:last-of-type {
	margin-bottom: 0;
}

.top_message li a {
  font-size: 10px;
  font-size: 1rem;
  line-height: 2rem
}
.top_message li strong{
  font-size: 20px;
  font-size: 2rem;
}
.pickup li:last-of-type{
	margin-bottom: 0!important
}
}
.top_message li{
	background: #000;
}
.top_message li img {
	display: block;
 	opacity: .6;
}
.top_message li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.top_message li span{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
  
}

#VcArea-TopPage .top_message li span a,#VcArea-MainColum .top_message li span a{
	color: #FFF;
    text-decoration: none;
}

.top_message li:hover a:after {
  opacity: 1;
  visibility: visible;
}

.top_message li span a:after{
	  opacity: 0;
	  }

.top_message li:hover span a:after {
  opacity: 0;
  visibility: visible;
}

.pickup li{
	display: flex;
}
.pickup li > p{
	width: calc( 50% - 10px);
}
.pickup_right{
	width: calc( 50% + 10px);
}
.pickup li .pickup_right{
	padding-left: 20px;
	padding-right: 20px;
}
.pickup_right h3{
	color: #031f88;
    font-size: 16px;
    font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
}


@media print, screen and (min-width:769px) {
.pickup li {
    box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 10px 20px 0px rgba(0,0,0,0.05);
    background: #FFF;
}
.pickup li .pickup_right{
	padding: 20px 25px;
}
.pickup_right h3{
    font-size: 22px;
    font-size: 2.2rem;

}
}

#VcArea-TopPage .pickup h3 a,#VcArea-MainColum .pickup h3 a{
    text-decoration: none;
}
main{
	padding-top: 100px
}
#vcbody-wrapper #header {
    position: inherit;
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.fixed main,.fixed footer{
	display: none;
}
#vcbody-wrapper .content_area{
	display: block!important
}
.paging {
	text-align: center;
	margin-top: 60px;
}
.paging span,
.paging a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 4px 11px;
	text-decoration: none;
	vertical-align: middle;
	background: #031f88;
	color:#FFF;
	border:1px solid #031f88;
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 5px;
}




.paging a:hover {
	opacity: 0.8
}	

.paging span{
	background: #FFF;
	color:#031f88;
}

img.pdf_icon{
	display: inline!important;
	margin: -2px 0 0 3px!important;
	width: 15px!important;
}

/*検索ボックス削除対策*/
#header .main-nav > ul > li:last-of-type a{
	padding-right: 0
}
