@charset "UTF-8";

body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: YakuHanJPs, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: #0073dd;
	color: #414343;
	font-feature-settings : "palt";}
html{
	height: 100%;}
.img100 {
	width:100%;
	height:auto;}
img{
	display: block;}
*{
	box-sizing: border-box;
}
a,
a:link,
a:visited,
a:active{
	cursor: pointer;
    color:#414343;
	text-decoration: none;}
a:hover {
    color:#414343;
	text-decoration:underline;}
.pc{
	display: none;}
.sp{
	display: block;}
@media only screen and (min-width: 769px) {
.pc{
	display: block;}
.sp{
	display: none;}
}
/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s infinite;
    -moz-animation:blink 1.5s infinite;
    animation:blink 1.5s infinite;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
	50% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
	50% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
	50% {opacity:1;}
    100% {opacity:1;}
}
.relative{
	position: relative;
	z-index: 1;
}
.absolute{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.pb24{
	padding-bottom: 24px!important;
}
.pb32{
	padding-bottom: 32px!important;
}
/******************************
** VIDEO
*******************************/
.contents{
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.particleBg{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
z-index: 2;
}
#particles-container{
	position: fixed;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
z-index: 2;
}
/******************************
** FV
*******************************/
.fv2_wrap{
	max-width: 878px;
	width: 100%;
	margin: 0 auto;
}
.fv2{
	width: 100%;
	margin: auto;
	z-index: 2;
}
.fv_bt_arrow{
	max-width: 54px;
	width: 6.14%;
	right: 2%;
	left: auto;
	bottom: 1%;
	top: auto;
	z-index: 3;
}
.fv_bt{
	max-width: 492px;
	width: 60%;
	right: 3.5%;
	left: auto;
	bottom: -6.5%;
	top: auto;
}
.fv_bt a{
	width: 100%;
	transition: .2s;
	display: block;
	background: url("../image/fv_bt.png")no-repeat center center;
	background-size: cover;
	padding: 46.138% 0 0;
}
.fv_bt a:hover{
	background: url("../image/fv_bt_over.png")no-repeat center center;
	background-size: cover;
}
.fv2_bg{
	max-width: 1000px;
	width: 100%;
	margin: -3% auto 0;
}
@media only screen and (min-width: 769px) {
.fv2_bg{
	margin: -12% auto 0;
}
.fv_bt{
	width: 56.036%;
	right: 4.5%;
	bottom: -3.5%;
}
}
@media only screen and (min-width: 769px) {
.fv2_bg{
	margin: -60px auto 0;
}
}
/******************************
** contents
*******************************/
.white_wrao{
	max-width: 1000px;
	width: 100%;
	background: #fff;
	margin: 0 auto;
}
.pb_point{
	padding:2% 0 6%;
}
.point_star {
	width: 100%;
	background: url("../image/point_star_bg.png")repeat-x center center;
}
.point_star img{
	position: relative;
	max-width: 296px;
	width: 40%;
	margin: 0 auto;
}
.point_tit{
	max-width: 661px;
	width: 78%;
	margin: 2% auto 5%;
}
.point_wrap{
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}
.point_border{
	border-right: 1px solid #a0a0a0;
}
.point_box{
	width: 33.333333%;
	text-align: center;
	padding: 3px 3px 2%;
	font-size: 3.2vw;
	line-height: 5.2vw;
}
.point_box img{
	width: 100%;
	margin-bottom: 6%;
}
.marker_yellow{
	background: #ffea00;
}
.marker_blue{
	background: #005499;
	color: #ffea00;
}
.point_below_wrao{
	position: relative;
	max-width: 1000px;
	width: 100%;
	background: url("../image/point_below_bg.png")no-repeat center center;
	background-size: cover;
	margin: 6% auto;
	padding: 11% 0 10%;
	text-align: center;
	color: #fff;
	font-size: 4.3vw;
	line-height: 6.8vw;
	z-index: 1;
}
.point_below_wrao::before{
	content: "";
	position: absolute;
	width: 95%;
	height: 90%;
	border: 3px solid #fff;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.point_below{
	max-width: 803px;
	width: 90%;
	margin: 0 auto 4%;
}
@media only screen and (min-width: 769px) {
.pb_point{
	padding:8px 0 24px;
}
.point_star img{
	width: 29.6%;
}
.point_tit{
	width: 66.1%;
	margin: 1% auto 3%;
}
.point_box{
	padding: 3px 3px 2%;
	font-size: 2.5vw;
	line-height: 4.2vw;
}
.point_below_wrao{
	padding: 6% 0;
	margin: 3% auto;
	font-size: 2.9vw;
	line-height: 4.2vw;
}
.point_below_wrao::before{
	width: 97%;
	height: 91%;
}
.point_below{
	width: 80.3%;
	margin: 0 auto 2%;
}
}
@media only screen and (min-width: 1000px) {
.point_box{
	font-size: 20px;
	line-height: 30px;
}
.point_below_wrao{
	padding: 60px 0;
	margin: 30px auto;
	font-size: 28px;
	line-height: 45px;
}
.point_below_wrao::before{
	width: 97%;
	height: 91%;
	border: 4px solid #fff;
}
}
/******************************
** last
*******************************/
.last_border{
	width: 100%;
	padding: 2.4% 0 0;
	background: #ffea00;
}
.last1{
	max-width: 812px;
	width: 92%;
	margin: 8% auto 0;
}
.last2{
	max-width: 702px;
	width: 86%;
	margin: 0 auto;
}
.last3{
	max-width: 607px;
	width: 78%;
	margin: 2% auto;
}
.last_tit{
	max-width: 727px;
	width: 84%;
	margin:2% auto 2%;
}
.last_bt_wrao{
	background: url("../image/last_bg.png")repeat-x;
	background-size: contain;
	padding: 2% 0;
	border-bottom: 1px solid #a09300;
}
.last_bt{
	max-width: 794px;
	width: 92%;
	margin: 0 auto;
}
.last_bt a{
	width: 100%;
	transition: .2s;
	display: block;
	background: url("../image/last_bt.png")no-repeat center center;
	background-size: cover;
	padding: 38.1612% 0 0;
}
.last_bt a:hover{
	background: url("../image/last_bt_over.png")no-repeat center center;
	background-size: cover;
}
.last_bt_arrow{
	max-width: 60px;
	width: 7.54%;
	right: 2%;
	left: auto;
	bottom: 1%;
	top: auto;
	z-index: 3;
}
@media only screen and (min-width: 769px) {
.last1{
	width: 81.2%;
	margin: 6% auto 0;
}
.last2{
	width: 70.2%;
}
.last3{
	width: 60.7%;
	margin: 1% auto;
}
.last_tit{
	width: 72.7%;
	margin:1% auto 0;
}
.last_bt{
	width: 79.4%;
}
}
@media only screen and (min-width: 1000px) {
.last_border{
	padding: 24px 0 0;
}
}

/************************************
******フッター
************************************/
#footer{
	width: 100%;
	text-align: center;
	padding: 6% 0 7%;
	font-size: 10px;
	line-height: 18px;
	background: #ffea00;
	letter-spacing: 0.15em;
	font-weight: bold;
	}
#footer br{
	display: block;}
#footer a{
	font-size: 12px;
	font-weight: 600;}
#footer a:hover{
	text-decoration: underline;}
.copyright{
	padding: 0;}
@media only screen and (min-width: 769px) {
#footer{
	padding: 3% 0;
	font-size: 10px;
	line-height: 20px;}
#footer br{
	display: none;}
#footer a{
	font-size: 13px;}
.copyright{
	padding: 0 0 0 0;}
}
.white_inner{
	max-width: 800px;
	width: 94%;
	background: #fff;
	padding: 40px 20px 60px;
	box-shadow: 0 0 60px 0 rgba(0,239,212,0.8);
	box-sizing: border-box;
	border-top: 12px solid #ffea00;
	margin: 24px auto 40px;}
.logo{
	max-width: 240px;
	width: 40%;;
	margin: 0 auto;
	padding: 40px 0 0;
}
@media only screen and (min-width: 769px) {
.white_inner{
	width: 90%;
	padding: 60px 80px;
	margin: 24px auto;}
}
/******************************
** video
*******************************/
.video-bg{
	overflow: hidden;
	position: fixed;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;}
.video-bg::before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;}
.video-bg img,
.video-bg video{
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translateX( -50% ) translateY( -50% );}
@media only screen and (min-width: 769px) {
}
/******************************
** FV_text
*******************************/
.fv_text_wrap{
	text-align: center;
	color: #ffea00;
	font-weight: bold;
	padding: 40px 0 20px;
	text-shadow: 0px 5px 0px #0072bc;
}
.fv_text{
	font-size: 6.5vw;
	line-height: 9.5vw;
	display: inline;
}
.fv1{
	width: 86%;
	margin: 0 auto;
	display: block;
	background: url("../image/fv_txt_left.png")no-repeat left center,url("../image/fv_txt_right.png")no-repeat right center;
	background-size: 30px,30px;
}
.fv_txt_l{
	font-size: 7.5vw;
}
.fv_txt_xl{
	font-size: 11vw;
}
@media only screen and (min-width: 1000px) {
.fv1{
	width: 86%;
	display: block;
	background: url("../image/fv_txt_left.png")no-repeat left center,url("../image/fv_txt_right.png")no-repeat right center;
	background-size: auto,auto;
}
.fv_text_wrap{
	padding: 50px 0 20px;
	text-shadow: 0px 5px 0px #0072bc;
}
.fv_text{
	width: 90%;
	max-width: 800px;
	font-size: 50px;
	line-height: 90px;
}
.fv_txt_l{
	font-size: 64px;
}
.fv_txt_xl{
	font-size: 110px;
}
}
/******************************
** point_text
*******************************/
.point_text_wrap{
	position: relative;
	text-align: center;
	font-weight: bold;
	margin: 2% auto;
	width: 80%;
	height: auto;
	background: url("../image/point_text_left.png")no-repeat left center,url("../image/point_text_right.png")no-repeat right center;
	background-size: contain,contain;
}

.point_text1{
	font-size: 5vw;
	line-height: 6vw;
	display: inline;
}
.point_text2{
	font-size: 9.5vw;
	line-height: 10vw;
	display: inline;
}
@media only screen and (min-width: 1000px) {
.point_text1{
	font-size: 50px;
	line-height: 60px;
}
.point_text2{
	font-size: 95px;
	line-height: 95px;
}
}