@charset "utf-8";


body #content{
	/* font: 15px/1.8 'ＭＳ Ｐゴシック','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W6', sans-serif; */
	font-size: 15px;
	line-height: 1.8;
}
.incnt{ width: 900px; }
.section{ margin-bottom: 0; padding: 100px 0 100px; }
@media screen and (max-width: 767px) {
	.section{ padding: 60px 0; }
}
@media screen and (max-width: 639px) {
	body{ font-size: 13px; }
	.section{ padding: 40px 0; }
}
.youtube>div{ width: 100%; position: relative; padding: 60% 0 0 0; }
.youtube iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0; }




/* #h_byod_acc */
#h_byod_acc{
	background: #000623;
	background: linear-gradient(to bottom, #00293b 0%,#000121 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00293b', endColorstr='#000121',GradientType=0 ); /* IE6-9 */
}


/* #mainv */
#mainv_sec{
	position: relative;
	background: #3A5562;
}
#mainv_sec .photo_top{
	height: 180px;
	background: url(../img/mainv1.jpg) center;
}
#mainv_sec .photo_btm{
	height: 180px;
	background: url(../img/mainv2.jpg) center;
}
#mainv_sec h1{ text-align: center; }
#mainv_sec .btn_down{
	position: absolute;
	bottom: 8%; left: 0;
	width: 100%;
	text-align: center;
}
#mainv_sec .btn_down img{ width: 60px; }
@media screen and (max-width: 999px) {
	#mainv_sec .photo_top,
	#mainv_sec .photo_btm{ display: none; }
	#mainv_sec h1 img{ width: 100%; }
}
@media screen and (max-width: 767px) {
	#mainv_sec{
		margin-top: 0;
	}
	#mainv_sec .btn_down{ bottom: 6%; }
	#mainv_sec .btn_down img{ width: 50px; }
}
@media screen and (max-width: 639px) {
	#mainv_sec .btn_down{ bottom: 3%; }
	#mainv_sec .btn_down img{ width: 10%; }
}

/*#sec_1*/
#sec_1{
	background: url(../img/s1_bg1.jpg) no-repeat center;
	background-size: cover;
}
#sec_1 .s1_tit1{
	text-align: center;
	padding: 7px 0;
	margin: 10px 0 45px;
	background: #E2AF2F;
}
#sec_1 .s1_tit1 img{ height: 26px; width: auto; }

#sec_1 .s1_txt1{
	text-align: center;
	width: calc(596 / 900 * 100%);
	text-align: center;
	max-width: 596px;
	margin:0 auto 60px;
}



#sec_1 .youtube_box{ margin-bottom: 50px; background: #000; }
#sec_1 .s1_img3{
	max-width: 672px;
	text-align: center;
	margin: 0 auto 60px;
}
#sec_1 .s1_txt2{
	width: 80%;
	text-align: center;
	max-width: 650px;
	margin:0 auto 40px;
}

#sec_1 .s1_img5{
	max-width: 500px;
	text-align: center;
	margin: 0 auto 50px;
}
#sec_1 .s1_img6{
	text-align: center;
	margin: 0 auto 50px;
}
#sec_1 .s1_box1{
	color: #FFF;
	margin-bottom: 50px;
}
#sec_1 .s1_box1 .box_tit{
	padding-bottom: 12px;
	margin-bottom: 16px;
	border-bottom: 1px dotted #48515F;
}
#sec_1 .s1_box1 .box_tit img{ height: 23px; width: auto; }
#sec_1 .s1_box1 .box_txt{ text-align: left; }
#sec_1 .s1_box1 .box_txt>span{ display: inline-block; }
#sec_1 .s1_box1 .cnt_left{ width: 44%; }
#sec_1 .s1_box1 .cnt_right{ width: 44%; }

#sec_1 .s1_box2{
	margin-bottom: 50px;
	background: #3B5864;
	background: rgba(66,96,111,.85);
}
#sec_1 .s1_box2 .box_tit{
	position: relative;
	line-height: 1;
	text-align: center;
	padding: 25px 10px 16px;
	border-bottom: 1px dotted #CCC;
	background: #2D4853;
	background: rgba(13,34,43,.3);
}
#sec_1 .s1_box2 .box_tit>.arrow{
	width: 26px; height: auto;
	position: absolute;
	bottom: -7px; left: 50%;
	margin: 0 0 0 -13px;
}
#sec_1 .s1_box2 .box_tit img{ height: 23px; width: auto; margin-bottom: 10px; }
#sec_1 .s1_box2 .box_cnt{
	padding: 28px 50px;
	text-align: center;
}
#sec_1 .s1_box2 .box_cnt img{
	width: 100%;
	height: auto;
	max-width: 623px;
}

#sec_1 .s1_box2 .box_cnt .box_cnt_tit{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
}
#sec_1 .s1_box2 .box_cnt .box_cnt_tit._2{
	margin-top: 10px;
}
#sec_1 .s1_box2 .soft_list{ text-align: center; }
#sec_1 .s1_box2 .soft_list li{ display: inline-block; }
#sec_1 .s1_box2 .soft_list li img{ height: 19px; width: auto; margin: 4px 10px; }

#sec_1 .s1_box3 .box_tit{
	margin: 0 0 30px 80px;
	border-bottom: 1px solid #616366;
}
#sec_1 .s1_box3 .box_tit img{ height: auto; width: 80px; margin: 0 0 0 -79px; }
#sec_1 .s1_box3 .box_cnt img{ width: 100%; margin: 0 0 2px; }

@media screen and (max-width: 999px){
	#sec_1 .s1_box2 .box_cnt{ padding: 20px 40px; }

	#sec_1 .s1_txt2{
		width: 90%;
	}
}
@media screen and (max-width: 767px) {
	#sec_1 .s1_tit1{
		line-height: 1;
		margin-bottom: 30px;
	}
	#sec_1 .s1_tit1 img{ height: 20px; }

	#sec_1 .s1_txt1{
		width: 100%;
		max-width: 450px;
		margin:0 auto 30px;
	}
	#sec_1 .s1_img3{
		margin: 0 auto 30px;
	}
	#sec_1 .s1_txt2{
		max-width: 400px;
		width: 80%;
	}
	#sec_1 .s1_img5{
		margin: 0 auto 30px;
	}
	#sec_1 .s1_img6{
		margin: 0 auto 30px;
	}
	#sec_1 .youtube_box{ width: 80%; margin: 0 auto 30px;}
	#sec_1 .s1_box1{ margin-bottom: 30px; }
	#sec_1 .s1_box1 .cnt_left{ width: 100%; margin-bottom: 30px; }
	#sec_1 .s1_box1 .cnt_right{ width: 100%; }

	#sec_1 .s1_box2{
		margin-bottom: 30px;
	}
	#sec_1 .s1_box2 .box_cnt{
		padding: 15px;
	}
}
@media screen and (max-width: 639px) {
	#sec_1 .s1_tit1{ margin-bottom: 20px; }
	#sec_1 .s1_tit1 img{ height: 18px; }


	#sec_1 .youtube_box{ width: 100%; margin: 0 auto 20px;}
	#sec_1 .s1_box1 .box_tit{ text-align: center; }
	#sec_1 .s1_box1 .box_tit img{ height: 16px; }
	#sec_1 .s1_box1 .box_txt{ font-size: .85em; text-align: center; }
	#sec_1 .s1_box2 .box_tit{ padding: 15px 10px 5px; }
	#sec_1 .s1_box2 .box_tit>.arrow{
		width: 16px;
		bottom: -4px;
		margin: 0 0 0 -8px;
	}
	#sec_1 .s1_box2 .box_tit img{ height: 15px; }
	#sec_1 .s1_box2 .soft_list li img{ height: 14px; }
	#sec_1 .s1_box3 .box_tit{ margin: 0 0 15px 70px; }
	#sec_1 .s1_box3 .box_tit img{ width: 70px; margin: 0 0 0 -69px; }
}


/*#sec_2*/
#sec_2{ background: #000A18; }
#sec_2 .s2_tit1{ text-align: center; margin-bottom: 30px; }
#sec_2 .s2_tit1 img{
	height: 32px;
	width: auto;
	margin-bottom: 20px;
}
#sec_2 .box{ margin-top: 70px; }
#sec_2 .box:first-child{ margin-top: 0; }
#sec_2 .box .box_tit{
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid #808080;
}
#sec_2 .box .box_tit img{ height: 16px; width: auto;}
#sec_2 .box .box_tit span img{ height: 28px; width: auto;}
#sec_2 .box .cnt_left{ width: 48%; }
#sec_2 .box .cnt_right{ width: 48%; }
#sec_2 .box .cnt_in{ margin-top: 35px; }
#sec_2 .box .cnt_in:first-child{ margin-top: 0; }
#sec_2 .box .cnt_in .cnt_tit{
	padding-bottom: 18px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #404852;
}
#sec_2 .box .cnt_in .cnt_tit img{ height: 25px; width: auto; }
#sec_2 .box .cnt_in .box_txt{ color: #FFF; }
#sec_2 .acd_btn{
	display: none;
	margin: 50px 0;
	line-height: 1;
	text-align: center;
	padding: 15px 10px 14px;
	border: 1px solid #EEBB33;
}
#sec_2 .acd_btn img{ height: 14px; }
@media screen and (max-width: 999px) {
	#sec_2 .box .cnt_left,
	#sec_2 .box .cnt_right{ width: 80%; float: none; margin: 0 auto; }
	#sec_2 .box .img_box{ text-align: center; margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
	#sec_2 .box .cnt_left,
	#sec_2 .box .cnt_right{ width: 94%;}
	#sec_2 .s2_tit1{ margin-bottom: 30px; }
	#sec_2 .s2_tit1 img{ height: 32px; margin-bottom: 15px; }
	#sec_2 .acd_btn{ display: block; }
}
@media screen and (max-width: 639px) {
	#sec_2 .box{ margin-top: 60px; }
	#sec_2 .box .box_tit{
		padding-bottom: 0;
		margin-bottom: 30px;
		border-bottom: none;
	}
	#sec_2 .box .box_tit span{
		display: block;
		padding-bottom: 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #808080;
	}
	#sec_2 .box .img_box{ margin-bottom: 15px; }
	#sec_2 .box .cnt_in{ margin-top: 20px; }
	#sec_2 .box .cnt_in .cnt_tit{
		padding-bottom: 10px;
		margin-bottom: 15px;
		text-align: center;
	}
	#sec_2 .box .cnt_in .cnt_tit img{ height: 22px; }
	#sec_2 .acd_btn{ margin: 30px 0 0; }
}
@media screen and (max-width: 639px) {
	#sec_2 .box{ margin-top: 40px; }
	#sec_2 .box .box_tit{
		margin-bottom: 20px;
	}
	#sec_2 .box .box_tit span{
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	#sec_2 .box .box_tit span img{ height: 24px; }
	#sec_2 .s2_tit1 img{ height: 28px; }
}
@media screen and (max-width: 480px) {
	#sec_2 .s2_tit1 img{ height: 22px; margin-bottom: 10px; }
	#sec_2 .box .cnt_in .cnt_tit img{ height: 16px; }

	#sec_2 .box .box_tit span img{ height: 20px; }
}

#f_byod_acc .f_nav li{ width: 33.333%; float: left; }
#f_byod_acc .f_nav li a{
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
#f_byod_acc .f_nav li a img{ width: 100%; }
#f_byod_acc .f_nav li .txt_in{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
}
#f_byod_acc .f_nav li.w50 .txt_in{ margin-top: -18px; }
#f_byod_acc .f_nav li.w50 .txt_in img{ height: 18px; width: auto; }
#f_byod_acc .f_nav li .txt_in{ margin-top: -50px; }
#f_byod_acc .f_nav li .txt_in img{ height: 100px; width: auto; }
#f_byod_acc .copyright{ text-align: center; line-height: 1; padding: 100px 0; }
#f_byod_acc .copyright img{ height: 10px; width: auto; }


@media screen and (max-width: 999px) {
	#f_byod_acc .f_nav li .txt_in{ margin-top: -30px; }
	#f_byod_acc .f_nav li .txt_in img{ height: 60px; width: auto; }
}
@media screen and (max-width: 767px) {
	#f_byod_acc .f_nav li{ width: 100%; float: none; }
	#f_byod_acc .f_nav li .txt_in{ margin-top: -25px; }
	#f_byod_acc .f_nav li .txt_in img{ height: 50px; width: auto; }
}
@media screen and (max-width: 639px) {
	#f_byod_acc .f_nav li .txt_in{ margin-top: -17px; }
	#f_byod_acc .f_nav li .txt_in img{ height: 35px; width: auto; }
}
@media screen and (max-width: 480px) {
}


#f_byod_acc{
	background: #000;
}
#f_byod_acc .f_nav li a {
	position: relative;
	display: block;
	width: 100%;
	height: 190px;
	text-align: center;
}
#f_byod_acc .f_nav li a span {
	transition: .6s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}
#f_byod_acc .f_nav li a:hover span{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#f_byod_acc .f_nav li.li1 a span {
	background: url(../img/f_img3.jpg) no-repeat center center;
	background-size: cover;
}
#f_byod_acc .f_nav li.li2 a span {
	background: url(../img/f_img4.jpg) no-repeat center center;
	background-size: cover;
}
#f_byod_acc .f_nav li.li3 a span {
	background: url(../img/f_img5.jpg) no-repeat center center;
	background-size: cover;
}
@media screen and (max-width: 999px) {
	#f_byod_acc .f_nav li a {
		height: 150px;
	}
}
@media screen and (max-width: 639px) {
	#f_byod_acc .f_nav li a {
		height: 90px;
	}
}