@charset "UTF-8";
body {
	color: #fff;
}
img {
	vertical-align: top;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: #000917;
	text-align: center;
}

/*　TOPCSS　*/
.topbg {
    background: url(../images/FV_bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
}
/*　TOPCSSここまで　*/

/* cv */
.cvbeforbox{
	background: #0f1d3d;
	display: flex;
	justify-content: center;
}
.cv{
	width:100%;
	min-width:995px;
	background:#f3f3f3;
	position: relative;
}
.inner02{
	width: 1200px;
	margin:0 auto;
	padding: 0 0 50px 0;
	color:#414141;
	background:#f3f3f3;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cv div.fl02 {
    width: 586px;
    padding: 63px 5px 0 8px;
    text-align: left;
}
.cv div.fr02 {
  width: 600px;
  padding: 49px 0 0 0px;
}
.cv div.fl02 input[type=email]{
	width: 540px;
	height: 70px;
	line-height: 60px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: solid 3px #d62d48;
	outline:none;
	font-size: 21px;
	padding:0 10px;
	margin-bottom:12px;
}
.cv div.fl02 label{
	display:block;
}
.cvtxt{
	width: 1182px;
	margin: 0 auto;
	clear: both;
	text-align: left;
}
.cv div.fl02 label a{
	color:#0075ff;
}
/* コンテンツ01　背景固定とテキスト */
.conte01 {
	    background: #fff;
	    width: 100%;
	    min-width: 1200px;
	    margin: 0 auto;
	    text-align: center;
}
.con01 {
	text-align: center;
	margin: 0 auto;
}
.con02_head {
    background: #030f1d;
    display: flex;
    justify-content: center;
}
.con02hon{
	background: url(../images/content_bg01.jpg) no-repeat center;
	background-size: cover;
}
.con03 {
	display: flex;
	flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 33px;
	width: 100%;
}
.con04 {
	background: #121212;
	display: flex;
	justify-content: center;
}

/* font */
.fl,fl02 {float: left;}
.fr,fr02 {float: right;}
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.va_t {vertical-align: top;}
.va_b {vertical-align: bottom;}
.va_m {vertical-align: middle;}
.lh17 {line-height: 1.7;}
.lh20 {line-height: 2;}
.f10 {font-size: 10px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f36 {font-size: 36px;}
.f40 {font-size: 40px;}
.red_txt01 {color: #e60012;}
.red_txt02 {color: #f00;}
.red_txt03 { color: #ee2929;}
.blue_txt01 {color: #303f9f;}
.blue_txt02 { color: #003399;}
.pink {color: #f04c68;}
.yellow_txt01{color: #f7b016;}
.yellow_txt02 { color: #f8e400;}
.bold {font-weight: bold;}
.orange{ color:#ff7955;}
.white { color:#fff;}

.pink_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 0%, #ff86de 0%) repeat scroll 0 0;}
.skyblue_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #86edff 0%) repeat scroll 0 0;}
.yellow_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f8e400 0%) repeat scroll 0 0;}
.red_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ee2929 0%) repeat scroll 0 0;}
.blue_udl { background:rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #003399 0%) repeat scroll 0 0;}

.udl { background: linear-gradient(transparent 95%, #333 0%);}

.yellow_box { background: rgb(250, 248, 59); padding:5px 5px 0 5px;}
.blue_box { background: rgb(59, 213, 250); padding:5px 5px 0 5px;}
.red_box { background: rgb(255, 45, 45); padding:5px 5px 0 5px;}


/* mgn */
.mgn05 {margin-bottom: 5px;}
.mgn08 {margin-bottom: 8px;}
.mgn10 {margin-bottom: 10px;}
.mgn13 {margin-bottom: 13px;}
.mgn15 {margin-bottom: 15px;}
.mgn20 {margin-bottom: 20px;}
.mgn25 {margin-bottom: 25px;}
.mgn30 {margin-bottom: 30px;}
.mgn35 {margin-bottom: 35px;}
.mgn40 {margin-bottom: 40px;}
.mgn45 {margin-bottom: 45px;}
.mgn50 {margin-bottom: 50px;}
.mgn55 {margin-bottom: 55px;}
.mgn60 {margin-bottom: 60px;}
.mgn65 {margin-bottom: 65px;}
.mgn70 {margin-bottom: 70px;}
.mgn100 {margin-bottom: 100px;}
.mgn120 {margin-bottom: 120px;}
.mgn150 {margin-bottom: 150px;}


footer {
    color: rgb(255, 255, 255);
    font-size: 16px;
    width: 100%;
    background: rgb(33, 33, 33);
    margin: 0px auto;
    padding: 100px 0;
		text-align: center;
}
.f_logo{
	display: block;
	margin: 0 auto;
  width: 300px;
}
.fhon {
    width: 1000px;
    text-align: left;
    margin: 0px auto;
    line-height: 1.5;
}
.f_link {
    display: flex;
    justify-content: center;
    margin: 20px;
    color: #fff;
}
.fhon a {
	display: inline-block;
    text-decoration: none;
    color: #c9c9c9;
}

@media screen and (max-width:1200px){
	.topbg img{
		width:100%;
	}

	img{ width: 100%;}

/*cv*/
	.cv{
	width:100vw;
	position: relative;
		margin: 0 auto;
		min-width: unset;
}
.inner02{
	width:100vw;
	margin:0 auto;
				padding: 0;
	color:#333;
	background:#fff;
}
.cv .inner02{
		padding-top: 5%;
		margin: 0 auto;
	}
	.cv div.fl02 {
			width: 90vw;
			text-align: left;
			margin: 0 auto 5vw;
			padding: 0;
			float: unset;
	}
	.cv div.fr02 {
			width: 100vw;
			margin: 0 auto;
			float: unset;
		padding: 0;
		text-align: center;
	}
	#btn1,#btn2,#btn3,#btn4,#btn5,#btn6 {width: 90vw;}

	.cv div.fl02 input[type=email]{
		width: 84vw;
		height: 22%;
		line-height:1.75;
		border-radius: 2%;
		-webkit-border-radius: 2%;
		-moz-border-radius: 2%;
		border: 2px solid #d22b45;
		border-radius: 5px;
		outline:none;
		font-size: 1.3em;
		padding: 2vw 2vw;
		margin-bottom: 4vw;
	}

	.cv div.fl02 label{
		display:block;
	}
	.cv div.fl02 label a{
		color:#0075ff;
	}
.cvtxt {
	width: 90%;
	margin-bottom: 9%;
	line-height: 1.3;
}
}
@media screen and (max-width:767px){
	.topbg {
	    background: url(../images/FV_bg.jpg) no-repeat center;
	    background-size: cover;
	    text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	}
	.inner02 {
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 0 50px 0;
	    color: #414141;
	    background: #f3f3f3;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	/*cv*/
		.cv{
		width:100vw;
		position: relative;
			margin: 0 auto;
			min-width: unset;
	}
	.inner02{
		width:100vw;
		margin:0 auto;
					padding: 0;
		color:#333;
		background:#fff;
	}
	.cv .inner02{
			padding-top: 5%;
			margin: 0 auto;
		}
		.cv div.fl02 {
		    width: 90vw;
		    text-align: left;
		    margin: 0 auto 5vw;
		    padding: 0;
		    float: unset;
		}
		.fl02 div {
    height: 200px;
	}
		.cv div.fr02 {
		    width: 100vw;
		    margin: 0 auto;
				float: unset;
	    padding: 0;
	    text-align: center;
		}
		#btn1,#btn2,#btn3,#btn4,#btn5,#btn6 {width: 90vw;}

		.cv div.fl02 input[type=email]{
			width: 84vw;
			height: 22%;
			line-height:1.75;
			border-radius: 2%;
			-webkit-border-radius: 2%;
			-moz-border-radius: 2%;
			border: 2px solid #d22b45;
			border-radius: 5px;
			outline:none;
			font-size: 1.3em;
			padding: 2vw 2vw;
			margin-bottom: 4vw;
		}

		.cv div.fl02 label{
			display:block;
		}
		.cv div.fl02 label a{
			color:#0075ff;
		}
	.cvtxt {
    width: 90%;
    margin-bottom: 9%;
    line-height: 1.3;
}
.conte01 {
    min-width: unset;
}
ul.f_link
 {
    font-size: .8em;
}
.fhon {
    width: 90vw;
    line-height: 1.5;
}
footer p {
    font-size: .9em;
}
}