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

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

a:hover {
	opacity: 0.5;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#clear {
	width:100%;
	clear:both;
}

#clear_line {
	width:100%;
	clear:both;
	border-bottom:#CCCCCC 1px solid;
	padding:18px 0;
}

#clear_dot {
	width:100%;
	clear:both;
	border-bottom:#999999 1px dotted;
	padding:4px 0;
}

#clear_margin_botm_15px {
	width:100%;
	clear:both;
	margin-bottom:15px;
}

#clear_margin_botm_35px {
	width:100%;
	clear:both;
	margin-bottom:35px;
}

#clear_margin_botm_45px {
	width:100%;
	clear:both;
	margin-bottom:45px;
}

#clear_margin_botm_50px {
	width:100%;
	clear:both;
	margin-bottom:50px;
}

#clear_margin_botm_60px {
	width:100%;
	clear:both;
	margin-bottom:60px;
}

#clear_margin_botm_70px {
	width:100%;
	clear:both;
	margin-bottom:70px;
}

#clear_margin_botm_80px {
	width:100%;
	clear:both;
	margin-bottom:80px;
}

#clear_margin_botm_100px {
	width:100%;
	clear:both;
	margin-bottom:100px;
}

#clear_margin_botm_150px {
	width:100%;
	clear:both;
	margin-bottom:150px;
}

html, body {
  width: 100%;
  height: 100hv;
  margin:0;
  padding:0;
  color: white;
  font-family: "tbchibirgothicplusk-pro",sans-serif;
	font-feature-settings : "palt";
	background-size:cover;
}


#ba{
	width:100%;
	height:300px;
	padding-top:500px;
  z-index:99999;
  position:relative;
	}



#logobox{
	width:100%;
	margin:0 auto;
	padding:100px 0 0 0;
	position:relative;
  z-index:99999;
	}

#logobox_l{
	float:left;
	width:50%;
	text-align:center;
	position:relative;
  z-index:99999;
	}

#logobox_r{
	float:right;
	width:50%;
	text-align:center;
	position:relative;
  z-index:99999;
	}

#mainbox{
	width:100%;
	margin:0 auto;
	position:relative;
	}


	
#mado01{
	width:500px;
	margin:0 auto;
	text-align:center;
	background:url(../index/img_01.png) no-repeat;
	margin-top:20px;
	}

#mado02{
	width:500px;
	margin:0 auto;
	text-align:center;
	background:url(../index/img_02.png) no-repeat;
	margin-top:20px;
	}
	
#btn01{
	width:200px;
	background:#000 url(../index/ba_03.png) right 5px center no-repeat;
	display:block;
	margin:0 auto;
	color:#FFFFFF;
	font-size:20px;
	line-height:150%;
	padding:5px 0;
	margin-top:60px;
	margin-bottom:20px !important;
	}

.slicknav_menu {
 display:none;/*PC時は非表示*/
}

#top_l_box{
	width:50%;
	height:100vh;
	float:left;
	position:relative;
	}

.l_01{
	background:url(../index/img_04.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.l_02{
	background:url(../index/img_05.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.l_03{
	background:url(../index/img_06.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.l_04{
	background:url(../index/img_03.jpg) no-repeat center;
	background-size:cover;
	height:100vh;
	}

#top_r_box{
	width:50%;
	height:100vh;
	float:right;
	position:relative;
	}

.r_01{
	background:url(../index/img_07.jpg) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.r_02{
	background:url(../index/img_08.jpg) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.r_03{
	background:url(../index/img_09.jpg) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.r_04{
	background:url(../index/img_10.jpg) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.p_01{
	background:url(../img/img_43.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.p_02{
	background:url(../img/img_51.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.p_03{
	background:url(../img/img_52.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}

.p_04{
	background:url(../img/img_53.png) no-repeat center;
	background-size:cover;
	height:100vh;
	}
#l_box{
	position:absolute;
	z-index:99999999;
	text-align:center;
	width:100%;
	padding-top:20vh;
	}

#r_box{
	position:absolute;
	z-index:99999999;
	text-align:center;
	width:100%;
	padding-top:20vh;
	}

@media screen and (max-width: 480px) {
	
	#top_l_box{
	width:100%;
	height:auto;
	float:none;
	position:relative;
	}
	
	#top_r_box{
	width:100%;
	height:auto;
	float:none;
	position:relative;
	}
	#l_box{
	position:absolute;
	z-index:99999999;
	text-align:center;
	width:100%;
	padding-top:10vh;
	}

#r_box{
	position:absolute;
	z-index:99999999;
	text-align:center;
	width:100%;
	padding-top:10vh;
	}
	}


#top_main_box{
	display: flex;
	}

#top_box_01{
	width:50%;
	}

#top_box_02{
	width:50%;
	}

#top_box_03{
	width:34%;
	}

#top_btn{
	position:absolute;
	z-index:99999999;
	text-align:center;
	width:50%;
	padding-top:20vh;
	}

@media screen and (max-width: 480px) {
#top_main_box{
	display: flex;
	flex-wrap: wrap;
	}

#top_box_01{
	width:100%;
	height:50vh;
	}

#top_box_02{
	width:100%;
	height:50vh;
	}

#top_box_03{
	width:100%;
	height:33vh;
	}

#top_btn{
	position:absolute;
	z-index:99999999;
	text-align:center;
	width:100%;
	height:50vh;
	padding-top:45px;
	}

#top_btn img{
	width:35%;
	}

#btn01{
	width:150px;
	background:#000 url(../index/ba_03.png) right 5px center no-repeat;
	display:block;
	margin:0 auto;
	color:#FFFFFF;
	font-size:15px;
	line-height:150%;
	padding:5px 0;
	margin-top:0px;
	margin-bottom:20px !important;
	}

.r_01{
	background:url(../index/img_07.jpg) no-repeat center;
	background-size:cover;
	height:50vh;
	}

.r_02{
	background:url(../index/img_08.jpg) no-repeat center;
	background-size:cover;
	height:50vh;
	}

.r_03{
	background:url(../index/img_09.jpg) no-repeat center;
	background-size:cover;
	height:50vh;
	}
	
.r_04{
	background:url(../index/img_10.jpg) no-repeat center;
	background-size:cover;
	height:50vh;
	}


.l_01{
	background:url(../index/img_04.png) no-repeat center;
	background-size:cover;
	height:50vh;
	}

.l_02{
	background:url(../index/img_05.png) no-repeat center;
	background-size:cover;
	height:50vh;
	}

.l_03{
	background:url(../index/img_06.png) no-repeat center;
	background-size:cover;
	height:50vh;
	}

.l_04{
	background:url(../index/img_03.jpg) no-repeat center;
	background-size:cover;
	height:50vh;
	}
	
.p_01{
	background:url(../img/img_43.png) no-repeat center;
	background-size:cover;
	height:33vh;
	}

.p_02{
	background:url(../img/img_51.png) no-repeat center;
	background-size:cover;
	height:33vh;
	}

.p_03{
	background:url(../img/img_52.png) no-repeat center;
	background-size:cover;
	height:33vh;
	}

.p_04{
	background:url(../img/img_53.png) no-repeat center;
	background-size:cover;
	height:33vh;
	}
}