body {
    margin: 0;
    padding: 0;
    line-height: 0;
    font-family: 'Noto Sans JP';
}

a {
    color: #000;
    text-decoration: none;
}

a:link {
    color: #000;
    text-decoration: none;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

.clear{
	clear:both;
}


	#header_block{
		width:auto;
		background:#000;
		margin:0;
	}
	#header_block .wrapper{
		width:1200px;
		margin:0 auto;
		padding:10px 0 5px 0;
	}

	#header_block .right_area{
		width:auto;
		float:right;
		margin-right:50px;
		padding:3px 0 0 0;
	}
	#header_block .right_area20{
		width:auto;
		float:right;
		margin-right:20px;
		padding:7px 0 0 0;
	}
	#header_block .right_area20 span{
		border:1px #000 solid;
		padding:4px 10px;
	    border-radius: 6px;        /* CSS3‘�ˆÄ */  
    	-webkit-border-radius: 6px;    /* Safari,Google Chrome—p */  
    	-moz-border-radius: 6px;   /* Firefox—p */  
	}
	#header_block .left_area{
		width:auto;
		float:left;
		padding:0;
		margin-left:0px;
		line-height:0;
	}
	#header_block .center_area{
		width:auto;
		float:left;
		margin-left:25px;
	}
	#header_block h1{
		margin:10px 0 0 0;
		font-size:11px;
		color:#fff;
	}

#simple_lp_hed{
	position:absolute;
	top:0;
	left:0;
	width:265px;
	height:41px;
	z-index:10;
}


#topMain{
	width:auto;
	line-height:0;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
	margin-bottom:0;
}
.main_image{
	width:auto;
	margin:0;
	padding:0;
}
.main_image img{
	width:100%;
}

.main_title_area{
	width:auto;
	margin:2vw 0 3vw 8vw;
	padding:0;
	opacity:1;
}
.main_copy{
	width:auto;
	margin:14vw 0 22vw 0;
	padding:0;
	text-align:center;
	font-size:4vw;
	line-height:2;
	color:#000000;
}
.main_title{
	width:auto;
	margin:2vw 0 0 0;
	padding:0;
	text-align:left;
	font-size:12.9vw;
	font-weight:700;
	line-height:1.2;
	color:#50A5C5;
}


@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.abc {
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 0s;
}




#colum01{
	width:auto;
	margin:0 0 10vw 0;
	padding:5vw 0 4vw 0;
	line-height:1;
	font-family: 'Noto Sans JP';
	background:#000;
	color:#fff;
}
#colum01 img{
	width:100%;
}
#colum01 a {
    color: #000;
    text-decoration: none;
}

#colum01 a:link {
    color: #fff;
    text-decoration: none;
}
#colum01 a:visited {
    color: #fff;
    text-decoration: none;
}
#colum01 a:hover {
    text-decoration: none;
}
#colum01 .wrap{
	width:70vw;
	margin:0 auto;
}
#colum01 .title_area{
	width:62vw;
	margin:0 auto 6vw auto;
}
#colum01 .list_image_left{
	float:left;
	width:32vw;
	margin:0;
}
#colum01 .list_image_right{
	float:right;
	width:32vw;
	margin:0;
}
#colum01 .image_box{
	margin:0 0 3.5vw;
}
#colum01 .list_link{
	width:24vw;
	margin:0 auto;
	padding:2vw 0;
	text-align:center;
	font-size:1.5vw;
	border:1px #fff solid;
}
#colum01 .list_link:hover{
	background:#333;
}

#colum02{
	width:auto;
	margin:0 0 10vw 0;
	padding:0;
	line-height:1;
	font-family: 'Noto Sans JP';
	background:#fff;
}
#colum02 img{
	width:100%;
}
#colum02 .image_col{
	float:right;
	width:60vw;
}
#colum02 .image_col_l{
	float:left;
	width:60vw;
}
#colum02 .ph_image{
	width:auto;
	margin:0 0 1vw 0;
}
#colum02 .link_col{
	float:left;
	width:24vw;
	margin:0 0 0 10vw;
}
#colum02 .link_col_r{
	float:right;
	width:24vw;
	margin:0 10vw 0 0;
}
#colum02 .pass_title{
	width:auto;
	margin:0 0 1.2vw 0;
}
#colum02 .copy{
	width:auto;
	margin:0 0 2vw 0;
	font-size:0.8vw;
	line-height:1.6;

}
#colum02 .brand_name{
	width:auto;
	margin:0 0 0.3vw 0;
}
#colum02 .left_link{
	float:left;
	width:11vw;
	margin:0 0 1vw 0;
	padding:0.7vw 0;
	text-align:center;
	font-size:1vw;
	font-weight:700;
	border:1px #000 solid;
}
#colum02 .right_link{
	float:right;
	width:11vw;
	margin:0 0 1vw 0;
	padding:0.7vw 0;
	text-align:center;
	font-size:1vw;
	font-weight:700;
	border:1px #000 solid;
}
#colum02 .left_link:hover{
	background:#FFFA73;
}
#colum02 .right_link:hover{
	background:#FFFA73;
}




#colum03{
	width:auto;
	margin:0;
	padding:0;
	line-height:1;
	font-family: 'Noto Sans JP';
	background:#fff;
}
#colum03 img{
	width:100%;
}
#colum03 .wrap{
	width:78vw;
	margin:0 auto;
}
#colum03 .pass_title{
	width:20vw;
	margin:0 auto 3vw auto;
}
#colum03 .under_line{
	width:3.8vw;
	margin:0 auto 7vw auto;
	border-bottom:5px #000 solid;
}
#colum03 .left_link{
	float:left;
	width:18vw;
	margin:0 2vw 5vw 0;
	padding:0;
}
#colum03 .right_link{
	float:left;
	width:18vw;
	margin:0 2vw 5vw 0;
	padding:0;
}
#colum03 .left_link:hover{
	opacity:0.8;
}
#colum03 .right_link:hover{
	opacity:0.8;
}


.to_top{
	width:5vw;
	margin:8vw auto 13vw auto;
	text-align: center;
}

.to_top img{
	width: 100%;
}


#otherlink_wide{
	width:auto;
	margin:0;
	padding:85px 0;
	background:#fff;
}



#otherlink_wide h5{
	font-size:22px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	color:#000;
	line-height:1;
}

#otherlink_wide .underline{
	width:80px;
	height:3px;
	background:#000;
	margin:0 auto 45px auto;
}
#otherlink_wide .wrapper{
	width:1320px;
	margin:0 auto;
	padding-left:15px;
}
#otherlink_wide .banner{
	float:left;
	width:420px;
	margin-right:15px;
}
#otherlink_wide img {
	width:100%;
}