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


body{
	background-color:#FFFFFF;
	min-width:1024px;
	
	font: 13px/26px 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#363636;
	
	overflow-x:hidden;
}
	
*{
   margin : 0;
   padding : 0;
}
a{
	text-decoration:none;
}

a img {border-style:none;}



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

.top{
	position:relative;
	width:100vw;
	height:100vh;
	overflow:hidden;
}
.top_img{
	
	width:100vw;
	height: 100vh;
	position:relative;
	
	background: url('../image/test_img1.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

video {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
}
.main_catch{
	position:absolute;
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	
	top:0px;
	
	/*font-size:28px;
	font-weight:bold;
	font-family: 'M+ Type-2 (general-j) heavy';
	font-family: 'M+ Type-2 (general-j) bold';
	color:#000000;*/
}
.bn_down{
	position:fixed;
	width:32px;
	height:32px;
	bottom:5px;
	cursor:pointer;
}
.p2{
	position:relative;
	width:100vw;
	height: 600px;
	overflow:hidden;
	
	margin-top:1px;
	
	/*background: url('../image/img2.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
/*.p2_base{
	position:absolute;
	width:100%;
	height:300px;
	display:block;
	background-color:rgba(34,115,241,1.00);
	bottom:0px;
	left:0px;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
	z-index:300;
}*/
.p2_img{
	position:absolute;
	width:100%;
	height:600px;
}
.p2_img img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:600px;
}
.p2_img2{
	position:absolute;
	width:100%;
	height:600px;
	display:none;
}
.p2_img2 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:600px;
}
.p2_img3{
	position:absolute;
	width:100%;
	height:600px;
	display:none;
}
.p2_img3 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:600px;
}
.p2_img4{
	position:absolute;
	width:100%;
	height:600px;
	display:none;
}
.p2_img4 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:600px;
}
.p2_img5{
	position:absolute;
	width:100%;
	height:600px;
	display:none;
}
.p2_img5 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:600px;
}

.p2_catch{
	position:absolute;
	
	top:260px;
	left:calc(50% - 440px);
	z-index:403;
	
	/*font-size:28px;
	font-weight:bold;
	font-family: 'M+ Type-2 (general-j) bold';
	color:#FFFFFF;*/
	
	/*filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;*/
}
.p2_read{
	position:absolute;
	
	font-size:18px;
	font-weight:bold;
	font-family: 'M+ Type-2 (general-j) bold';
	color:#FFFFFF;
	color:rgba(0,0,0,1.00);
	text-align:center;
	line-height:1.7em;
	
	top:340px;
	left:calc(50% - 19em);
	z-index:404;
	
	/*filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;*/
}
/*.side_arrow{
	position:absolute;
	width:50vw;
	height:67px;
	display:block;
	top:267px;
	left:0px;
	list-style:none;
	
	border:1px soild #BE4042;
	
}
.side_arrow li:first-child{
	float:left;
}
.side_arrow li:last-child{
	float:right;
	right:100px;
	border:1px soild #BE4042;
}*/
.left_arrow{
	position:absolute;
	top:267px;
	left:0px;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	cursor:pointer;
	z-index:401;
}
.right_arrow{
	position:absolute;
	top:267px;
	right:16px;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	cursor:pointer;
	z-index:402;
}

/*.right_arrow{
	
	width:23px;
	height:67px;
	display:block;
	top:267px;
	right:0px;
}*/

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

.p3{
	position:relative;
	width:100%;
	height: 100vh;
	height:auto;
	position:relative;
	background-color:#FFFFFF;
	
}
.p3_tit{
	width:100%;
	height:20%;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:20px;
	line-height:42px;
	font-weight:bold;
	padding-top:4%;
}
.p3_tit p{
	font-size:16px;
}
.p3_main{
	width:100%;
	height:88%;
	background-color:#eeeeee;
	padding-bottom:60px;
}
.p3_tit h2{
	width:28em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:24px;
	border-top:1px solid #444343;
}
.p3_ul{
	width:90%;
	height:44%;
	height:360px;
	list-style:none;
	margin-left:5%;
	padding-top:2%;
}
.li1{
	position:relative;
	float:left;
	width:48%;
	height:100%;
	height:360px;
	display:block;
	border:12px solid #ffffff;
	box-sizing:border-box;
	/*background-image:url(../image/img3a.png);*/
	background-size:cover;
	overflow:hidden;
}
.li2{
	position:relative;
	float:left;
	width:48%;
	height:100%;
	height:360px;
	display:block;
	border:12px solid #ffffff;
	box-sizing:border-box;
	/*background-image:url(../image/img3b.png);*/
	background-size:cover;
	background-position:bottom;
	margin-left:4%;
	overflow:hidden;
}
.li3{
	position:relative;
	float:left;
	width:48%;
	height:100%;
	height:360px;
	display:block;
	border:12px solid #ffffff;
	box-sizing:border-box;
	/*background-image:url(../image/img3c.png);*/
	background-size:cover;
	overflow:hidden;
}
.li4{
	position:relative;
	float:left;
	width:48%;
	height:100%;
	height:360px;
	display:block;
	border:12px solid #ffffff;
	box-sizing:border-box;
	/*background-image:url(../image/img3d.png);*/
	background-size:cover;
	margin-left:4%;
	overflow:hidden;
}
.li1 img{
	width:100%;
	height:auto;
	min-width:498px;
	min-height:332px;
}
.li2 img{
	width:100%;
	height:auto;
	min-width:498px;
	min-height:332px;
}
.li3 img{
	width:100%;
	height:auto;
	min-width:498px;
	min-height:332px;
	vertical-align:bottom;
}
.li4 img{
	width:100%;
	height:auto;
	min-width:498px;
	min-height:332px;
}
.li1 a{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.li1 a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.li2 a{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.li2 a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.li3 a{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.li3 a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.li4 a{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.li4 a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/*.caption1{
	position:absolute;
	bottom:0px;
	font-size:18px;
	width:13em;
	height:100%;
	right:0px;

	display:block;
	background-color:#00a0e9;
	text-align:center;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.p3_li p{
	position:absolute;
	width:13em;
	text-align:center;
	top:40%;
	right:6px;

	font-size:18px;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:26px;
}
.p3_li p span{
	top:44%;
	line-height:46px;
}
*/

.footer{
	position:relative;
	width:100vw;
	height:100vh;
	background-color:#0068b7;
}


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

.left_menu_box{
	position:fixed;
	width:195px;
	height:100%;
	display:block;
	right:0px;
	right:-195px;
	top:0px;
}
.left_menu_base{
	width:100%;
	height:100%;
	
	background-color:#FFFFFF;
	
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.left_menu_box ul{
	position:absolute;
	top:107px;
	left:18px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
}
.left_menu_box ul li a{
	color:#000000;
	
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.left_menu_box ul li a:hover{
	color:#FFFFFF;
}
.left_menu_box ul li{
	margin-bottom:5px;
}
.left_menu_box ul li:nth-child(5){
	width:100%;
	height:8px;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:10px;
}
.top_logo{
	position:fixed;
	top:11px;
	right:13px;
}
.top_menu_bn{
	position:fixed;
	top:44px;
	right:13px;
	cursor:pointer;
}

	
/*------------------P3B-ここから------------------*/

.caption1{
	position:absolute;
	bottom:0px;
	font-size:18px;
	width:50%;
	height:30px;
	height:54%;
	margin-left:25%;
	display:block;
	background-color:#00a0e9;
	text-align:center;
	
	background: -moz-linear-gradient(top,rgba(0,160,233,1),rgba(0,160,233,0.1)); 
	background: -o-linear-gradient(rgba(0,160,233,1),rgba(0,160,233,0.1));
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,160,233,1)),to(rgba(0,160,233,0.1)));
	background: linear-gradient(top,rgba(0,160,233,1),rgba(0,160,233,0.1));
}
.p3_li p{
	position:absolute;
	width:100%;
	text-align:center;
	
	top:48%;
	font-size:18px;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:26px;
}

/*------------------P3B-ここまで------------------*/

/*.caption1{
	position:absolute;
	bottom:0px;
	font-size:18px;
	width:100%;
	height:30px;

	display:block;
	background-color:#00a0e9;
	text-align:center;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.p3_li p{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0px;

	font-size:18px;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:26px;
}
*/


/*----------footer----------*/
footer{
	position:relative;
	width:100%;
	height:auto;
	background-color:#0068b7;
	padding-top:8px;
	padding-bottom:10px;
	
}

.footer_menuUl{
	list-style:none;
	width:100%;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-left:calc(50% - 300px);
	color:#FFFFFF;
	font-size:13px;
	line-height:34px;
	margin-top:-4px;
	margin-bottom:4px;
}
.footer_menuUl li{
	float:left;
}
.footer_menuUl li:nth-child(odd){
	width:18px;
	height:auto;
	display:block;
	text-align:center;
}
.footer_menuUl li:nth-child(even) a{
	color:#FFFFFF;
	
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.footer_menuUl li:nth-child(even) a:hover{
	color:#a9daff;
}

.footer_contact_bn{
	position:absolute;
	top:8px;
	right:20px;
}
.footer_contact_bn img{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.footer_contact_bn img:hover{
	filter: brightness(140%);
}
.footer_logo{
	width:110px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:56px;
	margin-bottom:0px;
	
}
.footer_textUl{
	position:relative;
	width:287px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFFFFF;
	list-style:none;
}

.footer_textUl li:nth-child(1){
	font-size:16px;
	font-weight:bold;
}
.footer_textUl li:nth-child(2){
	width:100%;
	height:6px;
	display:block;
	border-bottom:1px solid #4c9ad5;
	margin-bottom:4px;
}
.footer_textUl li:nth-child(3){
	font-size:13px;
}
.footer_textUl li:nth-child(4){
	margin-top:16px;
	font-size:26px;
	font-weight:bold;
}
.footer_textUl li:nth-child(5){
	margin-top:40px;
	font-size:10px;
}
.footer_textUl li:nth-child(6){
	position:absolute;
	top:76px;
	left:6px;
	
}


.pagetop {
	position: fixed;
	bottom: -100px;
	right: 50px;
}


.clears{
	clear:both;
}