@charset "utf-8";

/* -------------------------------------------------- */
/* file   : top.css                                   */
/* update : 2013/01/18 T.S                           */
/* -------------------------------------------------- */

@media screen and (min-width: 751px){

#top h2{
	display: none;
}
#top h3{
	border-bottom: solid 1px #DDDDDD;
	padding-bottom: 38px;
	margin-bottom: 30px;
}

#top #wrap {
	width: 100%;
	padding-bottom: 100px;
	padding-top: 0;

}

#top .slider_wrap{
	position: relative;
	margin: 0 auto 70px;
/*	max-width:1800px;*/
	max-width: 1600px;
	
}
  #top .li01{
    position: relative;
  }
#top .slider_wrap .text01{
	position: absolute;
	left: 83%;
	top: 100px;
/*	margin-left: -188px;*/
	
}
  #top .slider_wrap .text01_sp{
    display: none;
  }
#top .slider_wrap .text02{
	position: absolute;
	right: 0;
	bottom:0;
	
}
  #top .slider_wrap .text02_2{
	position: absolute;
	right: 0;
	bottom:0;
	
}
  
  #top .slider_wrap .text03{
	position: absolute;
	left: 752px;
	top: 140px;
}
  #top .slider_wrap .text03 img{
    width: 100%;
  }
  
  #top .slider_wrap .text04{
    position: absolute;
    left: 118px;
    top: 243px;
}
  #top .slider_wrap .text04 img{
    width: 100%;
  }
  #top .slider_wrap .text05{
    position: absolute;
    left: 75px;
    top: 80px;
}
  #top .slider_wrap .text05_sp{
    display: none;
  }

#top .slider_wrap li{
	height: 800px;
}
#top .slider_wrap .li01{
	background-image: url(../../img/main_pic11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#top .slider_wrap .li02{
	background-image: url(../../img/main_pic10.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#top .slider_wrap .li03{
	background-image: url(../../img/main_pic05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
	
/* #top .slider_wrap .li04{
	background-image: url(../../img/main_pic12.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}	 */
#top .slider_wrap .li04{
	background-image: url(../../img/main_pic13.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
	
#top .top_btn01{
	text-align: center;
	margin-top: 30px;
	
}
#top .top_btn01 a{
	display: inline-block;
	background-color: #E26867;
	color: #FFFFFF;
	text-align: center;
	width: 200px;
	box-sizing: border-box;
	padding: 10px 0;
	font-size: 15px;
	border-radius: 4px;
}
#top .top_btn01 a:hover{
	opacity: 0.8;
}
#top .top_btn01 a span{
	display: inline-block;
	background-image: url(../../img/arrow01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 25px 0 10px;
}

#top .slider_wrap .li04 a{
	display: block;
	width: 100%;
	height: 100%;

}
#top .slider_wrap .li04 .text06{
	width: 150px;
	position: absolute;
	left: 7%;
	top: 12%;
}
#top .slider_wrap .li04 .text07{
	width: 285px;
	position: absolute;
	right: 14%;
	top: 7%;
}
#top .slider_wrap .li04 .text08{
	width: 165px;
	position: absolute;
	right: 0;
	top: 0;
}
#top .slider_wrap .li04 .text06_sp,#top .slider_wrap .li04 .text07_sp,#top .slider_wrap .li04 .text08_sp{

	display: none;
}



#top .topics {
	width: 1040px;
	margin: 0 auto 70px;
}
#top .topics .inner01{
	
}
#top .topics .inner01_l{
	width: 66px;
	float: left;
	
}
#top .topics .inner01_l .btn01{
	margin-top: 44px;
}
#top .topics .inner01_r{
	width: 900px;
	float: right;
}
#top .topics .inner01_r li{
	float:left;
	width: 180px;
	margin-right: 60px;
}
#top .topics .inner01_r li a{
	display: block;
	color: #202020;
}
#top .topics .inner01_r li a:hover{
	opacity: 0.8;
}
#top .topics .inner01_r li img{
	border-radius: 50%;
	object-fit: cover;
	width: 180px;
	height: 180px;
}
#top .topics .inner01_r li:last-child{
	margin-right: 0px;
}
#top .topics .inner01_r li div.tate_text_wrap {
	text-align: center;
	margin-top: 20px;

}
#top .topics .inner01_r li div .tate_text01{
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-align: left;
}
#top .topics .inner01_r li div .tate_text01 .text01{
	font-size: 14px;
	color: #E26867;
}
#top .topics .inner01_r li div .tate_text01 .text01 span{
	border: solid 1px #E26867;
	font-size: 11px;
	display: inline-block;
	margin-top: 10px;
	padding: 5px 0;
	line-height: 1.1;
	
}

#top .content01{
	background-image: url(../../img/bg_content01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 80px 0 110px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content01 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content01 .inner01_l{
	width: 300px;
	float: left;
}

#top .content01 .inner01_r{
	width: 700px;
	float: right;
}

#top .content02{
	background-image: url(../../img/bg_content02.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 40px 0 110px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content02 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content02 .inner01_l{
	width: 700px;
	float: left;
}

#top .content02 .inner01_r{
	width: 300px;
	float: right;
}
#top .content03{
	background-image: url(../../img/bg_content03.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 40px 0 110px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content03 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content03 .inner01_l{
	width: 300px;
	float: left;
}

#top .content03 .inner01_r{
	width: 700px;
	float: right;
}

#top .content04{
	background-image: url(../../img/bg_content04.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 40px 0 110px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content04 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content04 .inner01_l{
	width: 700px;
	float: left;
}

#top .content04 .inner01_r{
	width: 300px;
	float: right;
}

#top .content05{
	background-image: url(../../img/bg_content05.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 40px 0 110px;
	max-width: 1800px;
	margin: 0 auto;

}
#top .content05 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content05 .inner01_l{
	width: 300px;
	float: left;
}

#top .content05 .inner01_r{
	width: 700px;
	float: right;
}


#top .content06{
	background-image: url(../../img/bg_content06.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 70px 0 90px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content06 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content06 .inner01_l{
	width: 67px;
	float: left;
}
#top .content06 .inner01_l .btn01{
	margin-top: 20px;
}
#top .content06 .inner01_l .btn02{
	margin-top: 35px;
}
#top .content06 .inner01_r{
	width: 900px;
	float: right;
}
#top .content06 .inner01_r .text01{
	margin-top: 30px;
}
#top .content07{
	background-image: url(../../img/bg_content07.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 60px 0 80px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content07 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content07 .inner01_l{
	width: 67px;
	float: left;
}
#top .content07 .inner01_l .btn01{
	margin-top: 35px;
}
#top .content07 .inner01_r{
	width: 900px;
	float: right;
}
#top .content07 .inner02{
	margin-top: 30px;
}
#top .content07 .inner02_l{
	width: 290px;
	float: left;
}
#top .content07 .inner02_r{
	width: 580px;
	float: right;
	line-height: 2.2;
}

#top .content08{
	background-image: url(../../img/bg_content06.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 60px 0 0;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content08 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content08 .inner01_l{
	width: 67px;
	float: left;
}
#top .content08 .inner01_l .btn01{
	margin-top: 35px;
}

#top .content08 .inner01_r{
	width: 900px;
	float: right;
}
#top .content08 .inner01_r ul li{
	float: left;
	text-align: center;
	margin-right: 15px;
}
#top .content08 .inner01_r ul li:last-child{
	margin-right: 0px;
}
#top .content08 .inner01_r ul li p{
	margin-bottom: 10px;
}
#top .content08 .inner02{
	width: 100%;
}
#top .content08 .inner02 .btn01{
	text-align: center;
}
#top .content08 .inner02 .btn01 a{
	display: inline-block;
	border: solid 1px #202020;
	padding: 5px 0;
	border-radius: 4px;
	width: 200px;
	box-sizing: border-box;
	color: #202020;
	text-decoration: none;
}
#top .content08 .inner02 .btn01 a:hover{
	color: #fff;
  background: #202020;
}

/*#top .content09{
	background-image: url(../../img/bg_content09.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 40px 0 110px;
	max-width: 1800px;
	margin: 0 auto;
}
#top .content09 .inner01{
	width: 1040px;
	margin: 0 auto;
	line-height: 1.9;
}
#top .content09 .inner01_l{
	width: 700px;
	float: left;
}

#top .content09 .inner01_r{
	width: 300px;
	float: right;
}*/	
	
}


@media screen and (max-width: 750px){

#top h2{
	display: none;
}
#top h3{
	margin-bottom: 15px;
}

#top #wrap {
	width: 100%;
	padding: 0;
	

}

#top .slider_wrap{
	position: relative;
	margin-bottom: 30px;
	
}
#top .slider_wrap .text01_sp{
	position: absolute;
	left: 38%;
	top: 90px;
	right: 34%;
	
}
  #top .slider_wrap .text01 {
	display: none;
	
}
#top .slider_wrap .text02{
	position: absolute;
	right: -14%;
	bottom:0;
  text-align: right;
}
  #top .slider_wrap .text02_2{
	position: absolute;
	right: -10%;
	bottom:0;
  text-align: right;
    left: auto;
}

  #top .slider_wrap .text03{
	position: absolute;
	left: 34%;
	top: 95px;
	right: 30%;
}
#top .slider_wrap .text04{
  display: none;
}
  #top .slider_wrap .text05{
  display: none;
}
  #top .slider_wrap .text05_sp{
	position: absolute;
	left: 31%;
	top: 50px;
	right: 26%;
}
  #top .slider_wrap .text02 img{
    width: 75%;
  }
  #top .slider_wrap .text02_2 img{
    width: 75%;
  }
#top .slider_wrap li{
	height: 500px;
}
#top .slider_wrap .li01{
	background-image: url(../../img/main_pic_sp10.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#top .slider_wrap .li02{
	background-image: url(../../img/main_pic_sp11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#top .slider_wrap .li03{
	background-image: url(../../img/main_pic_sp05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#top .slider_wrap .li04{
	background-image: url(../../img/main_pic_sp12.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}		
	
#top .top_btn01{
	text-align: center;
	margin-top: 15px;
	
}
  #top .text01 img{
    width: 45px;
    height: auto;
  }
#top .top_btn01 a{
	display: inline-block;
	background-color: #E26867;
	color: #FFFFFF;
	text-align: center;
	width: 40%;
	min-width: 180px;
	box-sizing: border-box;
	padding: 10px 0;
	font-size: 15px;
	border-radius: 4px;
	
}
#top .top_btn01 a:hover{
	opacity: 0.8;
}
#top .top_btn01 a span{
	display: inline-block;
	background-image: url(../../img/arrow01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 25px 0 10px;
}

#top .slider_wrap .li04{
	background-image: url(../../img/main_pic13_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#top .slider_wrap .li04 a{
	display: block;
	width: 100%;
	height: 100%;

}

#top .slider_wrap .li04 .text06,#top .slider_wrap .li04 .text07,#top .slider_wrap .li04 .text08{

	display: none;
}

#top .slider_wrap .li04 .text06_sp,#top .slider_wrap .li04 .text07_sp,#top .slider_wrap .li04 .text08_sp{

	display: block;
}
#top .slider_wrap .li04 .text06_sp{
	width: 45px;
	position: absolute;
	right: 30px;
	top: 80px;
}
#top .slider_wrap .li04 .text07_sp{
	width: 200px;
	position: absolute;
	left: 30px;
	top: 60px;
}
#top .slider_wrap .li04 .text08_sp{
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
}


#top .topics {
	padding: 0 20px;
	margin-bottom: 25px;

}
#top .topics .inner01{
	margin-bottom: 20px;
	
}
#top .topics .inner01_l{
	margin-bottom: 15px;

	
}
#top .topics .inner01_l .btn01{
	display: none;
}
#top .topics .inner01_r ul{
	border-top: solid 1px #D6D6D6;
	padding-top: 10px;
}
#top .topics .inner01_r li{
	border-bottom: solid 1px #D6D6D6;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#top .topics .inner01_r li a{
	display: block;
	text-decoration: none;
	color: #202020;
	}
#top .topics .inner01_r li img{
	display: none;
	

}
#top .topics .inner01_r li:last-child{
	margin-bottom: 0px;
}
#top .topics .inner01_r li div.tate_text_wrap {

}
#top .topics .inner01_r li div .tate_text01{

}
#top .topics .inner01_r li div .tate_text01 .text01{
	font-size: 14px;
	color: #E26867;
}
#top .topics .inner01_r li div .tate_text01 .text01 span{
	border: solid 1px #E26867;
	font-size: 11px;
	display: inline-block;
	padding: 5px 0;
	line-height: 1.1;
	margin-left: 10px;
	
}

#top .content01{
	background-image: url(../../img/bg_content01_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 20px 20px 30px;
	background-size: 100% 150px;
}
#top .content01 .inner01{

	line-height: 1.9;
}
#top .content01 .inner01_l{

}

#top .content01 .inner01_r {
	margin-bottom: 20px;

}

#top .content02{
	background-image: url(../../img/bg_content02_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 150px;
	padding: 20px 20px 30px;
}
#top .content02 .inner01{

	line-height: 1.9;
}
#top .content02 .inner01_l{
	margin-bottom: 20px;
}

#top .content02 .inner01_r{

}
#top .content03{
	background-image: url(../../img/bg_content03_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 150px;
	padding: 20px 20px 30px;
	}
#top .content03 .inner01{
	line-height: 1.9;
}
#top .content03 .inner01_l{

}

#top .content03 .inner01_r{
	margin-bottom: 20px;

	}
#top .content04{
	background-image: url(../../img/bg_content04_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 150px;
	padding: 20px 20px 30px;
}
#top .content04 .inner01{
	line-height: 1.9;
	
}
#top .content04 .inner01_l{
	margin-bottom: 20px;
}

#top .content04 .inner01_r{

}

#top .content05{
	background-image: url(../../img/bg_content05_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 150px;
	padding: 20px 20px 30px;
	}
#top .content05 .inner01{

	line-height: 1.9;
}
#top .content05 .inner01_l{

}

#top .content05 .inner01_r{
	margin-bottom: 20px;

}


#top .content06{
	background-image: url(../../img/bg_content06_sp.jpg);
	background-position: center 50px;
	background-repeat: no-repeat;
	background-size: 100% 100px;
	padding: 20px 20px 30px;
}
#top .content06 .inner01{
	line-height: 1.9;
}
#top .content06 .inner01_l{
	margin-bottom: 15px;
}
#top .content06 .inner01_l .btn01{
	margin-top: 20px;
}
#top .content06 .inner01_l .btn02{
	margin-top: 35px;
}
#top .content06 .inner01_r{

}
#top .content06 .inner01_r .text01{
	margin-top: 30px;
	margin-bottom: 20px;
}
#top .content07{
	background-image: url(../../img/bg_content07_sp.jpg);
	background-position: center 50px;
	background-repeat: no-repeat;
	background-size: 100% 100px;
	padding: 20px 20px 30px;
}
#top .content07 .inner01{

	line-height: 1.9;
}
#top .content07 .inner01_l{
	margin-bottom: 15px;

}
#top .content07 .inner01_l .btn01{
}
#top .content07 .inner01_r{
}
#top .content07 .inner02{
	margin-top: 30px;
}
#top .content07 .inner02_l{
	text-align: center;

}
#top .content07 .inner02_l img {
	max-width: 290px;

}
#top .content07 .inner02_r .text01{
	margin-top: 30px;
	margin-bottom: 20px;
}
#top .content08{
	background-image: url(../../img/bg_content06_sp.jpg);
	background-position: center 50px;
	background-repeat: no-repeat;
	background-size: 100% 100px;
	padding: 20px 20px 30px;
}
#top .content08 .inner01{
	line-height: 1.9;
}
#top .content08 .inner01_l{
	margin-bottom: 15px;
}
#top .content08 .inner01_l .btn01{
	margin-top: 35px;
}

#top .content08 .inner01_r{

}
#top .content08 .inner01_r ul {
	margin-bottom: 20px;

}
#top .content08 .inner01_r ul li{
	text-align: center;
}
#top .content08 .inner01_r ul li p{
	margin-bottom: 10px;
}
#top .content08 .inner02{
}
#top .content08 .inner02 .btn01{
	text-align: center;
}
#top .content08 .inner02 .btn01 a{
	display: inline-block;
	border: solid 1px #202020;
	padding: 5px 0;
	border-radius: 4px;
	width: 200px;
	box-sizing: border-box;
	color: #202020;
	text-decoration: none;
}
#top .content08 .inner02 .btn01 a:hover{
	opacity: 0.7;
}

/*#top .content09{
	background-image: url(../../img/bg_content09_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 150px;
	padding: 20px 20px 30px;
}
#top .content09 .inner01{
	line-height: 1.9;
}
#top .content09 .inner01_l{
	margin-bottom: 20px;
}
#top .content09 .inner01_l .btn01{
	margin-top: 35px;
}

#top .content09 .inner01_r{

}*/

	
	
}