@charset "utf-8";
/*=============================================*/
/* 			       index				    */
/*=============================================*/
header {
	background: url(../img/index/key.png) no-repeat top center;
	background-size:cover;
}

#txt_key{
	position: absolute;
	right: 250px;
	top: 52px;
}

#lead h2{
	text-align: center;
	margin-bottom: 36px;
}

#lead .campaign{
	background: url(../img/index/line_box.jpg) no-repeat top center,url(../img/index/line_box.jpg) no-repeat bottom center,url(../img/index/bg_re.png) repeat-y top center;
	margin-bottom: 22px;
	padding-bottom:30px;
}

#lead .campaign h3{
	padding: 41px 0 24px;
	text-align: center;
}

#lead .campaign dl{
	background:url(../img/index/bg_dl.png) repeat;
	padding:20px 0;
	color: #654426;
	font-size: 28px;
	margin-bottom: 20px;
}

#lead .campaign dl dt{
	float: left;
	padding-left: 35px;
}

#lead .campaign dl dd{
	float: right;
	padding-right: 35px;
	color: #af5963;
}

/*#lead .campaign p.txt{
	clear: both;
	padding: 30px 20px 48px;
	color: #654426;
	font-size: 28px;
	line-height: 31px;
	text-align:right;
}*/

#box_02{
	background: url(../img/slimming/bg_t02.jpg) no-repeat top center, url(../img/slimming/bg_b02.jpg) no-repeat bottom center, url(../img/slimming/bg_c01.jpg) repeat-y top center;
	padding-bottom: 114px;
	margin-bottom: 38px;
}

#box_02 h3{
	padding-bottom: 46px;
	text-align: right;
}

#box_02 dl{
	float: right;
	width: 463px;
	margin-bottom: 35px;
	letter-spacing:1px;
}




#lead .block{
	background: url(../img/index/line_box.jpg) no-repeat top center,url(../img/index/line_box.jpg) no-repeat bottom center,url(../img/index/bg_re2.png) repeat-y top center;
	margin-bottom: 22px;
	padding-bottom:30px;
}

#lead .block h3{
	padding: 41px 0 24px;
	text-align: center;
}

#lead .block dl{
	background:url(../img/index/bg_dl2.png) repeat;
	padding:20px 0;
	color: #654426;
	font-size: 28px;
	margin-bottom: 20px;
}

#lead .block dl dt{
	float: left;
	padding-left: 35px;
}

#lead .block dl dd{
	float: right;
	padding-right: 35px;
	color: #af5963;
}

#lead .block p.txt{
	clear: both;
	padding: 30px 0 48px;
	color: #494b26;
	line-height: 31px;
}

#lead .block01{
	background: url(../img/index/line_box.jpg) no-repeat top center,url(../img/index/line_box.jpg) no-repeat bottom center,url(../img/index/bg_re01.jpg) repeat-y top center;
	padding:50px 0;
}

#sec01 h2{
	text-align: center;
	padding:80px 0 50px;
}

#sec01 ul{
	position: relative;
	margin-bottom: -5px;
}

#sec01 ul::before{
	height: 5px;
	width: 100%;
	background:#FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	content:"";
}

#sec01 li{
	width: 33.3333333334%;
	float: left;
}

#sec02{
	background: url(../img/index/bg_sec02.jpg) no-repeat top center;
	padding-bottom:142px;
	margin-top: -5px;
	position: relative;
	z-index: 5;
}

#sec02 .content{
	padding-top: 196px;
}

#sec02 .content h2{
	width:510px;
	padding-top: 18px;
}

#sec02 p.txt{
	padding-top: 15px;
	text-align: center;
	width: 510px;
	line-height: 35px; 
}

#sec02 p.txt2{
	float:right;
	padding-top: 130px;
	text-align: center;
	width: 540px;
	line-height: 35px; 
}


#photo01{
	position: absolute;
	top: 290px;
	right: 228px;
}

#photo02{
	position: absolute;
	top: 196px;
	right: -176px;
}

#photo03{
	position: absolute;
	top: 467px;
	right: -3px;
}
#photo04{
	position: absolute;
	top: 467px;
	right: -211px;
}
#photo05{
	float:left;
	margin-top:150px;
}


#sec_new{
	background: url(../img/shared/bg_content.png) no-repeat bottom center;
	background-size:100% 532px;
	min-height: 747px;
}

#sec_new .content{
	padding-top: 116px;
}

#blog{
	float: left;
	background: url(../img/index/bg_new.png) no-repeat bottom center;
	width: 580px;
	height: 400px;
	position: relative;
}

#blog h3{
	position: absolute;
	left: -50px;
	top: -29px;
}

#feed{
	position: absolute;
	top: 136px;
	left: 58px;
	width: 490px;
}

#feed li{
	padding:6px 0;
}

#feed li a{
	color: #484928;
	text-decoration: none;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#feed li a:hover{
	text-decoration: underline;
}

#face_book{
	float: right;
	width: 370px;
	height: 400px;
}

#sec03 {
	padding-top:100px;
}
#sec03 h2{
	text-align: center;
}

#sec03 .can {
	height:300px;
}
#sec03 .left {
	float:left;
	background: url(../img/index/c_bg.png) no-repeat bottom center;
	width:490px;
	height:212px;
}

#sec03 p,h3 {
		padding:0px 0 0 70px;
		line-height:28px;
}
#sec03 h3 {
	padding-top:30px;
	padding-bottom:15px;
}
#sec03 .right {
	float:left;
	background: url(../img/index/c_bg.png) no-repeat bottom center;
	width:490px;
	height:212px;
}

#block_right{
	width: 22%;
	float: right;
	position: relative;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#block_right p{
	position: relative;
	z-index: 0;
}

#block_right a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #73776f;
	text-decoration: none;
	z-index: 5;
}

#block_right a .photo_ttl{
	position: relative;
	z-index: 5;
	padding-top: 35%;
}

#block_right a span{
	display: block;
	padding-top: 60%;
	margin-left: 25%;
	line-height: 35px;
	position: relative;
	z-index: 5;
}

#block_left{
	width: 78%;
	float: right;
	position: relative;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.bnr_box{
	height: 50%;
	background:#FF0;
}

#box01, #box02{
	width: 50%;
	float: left;
	position: relative;
	transition:all 0.4s ease;
	height: 100%;
}

.photo_bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity:1;
	transition:all 0.4s ease;
	z-index: 1;
}

.photo_bgh{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#box01:hover .photo_bg, #box02:hover .photo_bg, #box03:hover .photo_bg, #box04:hover .photo_bg, #block_right:hover .photo_bg{
	opacity:0;
}

.photo_ttl{
	padding-top: 14%;
	position: relative;
	z-index: 2;
}

#box04 .photo_ttl{
	padding-top: 7%;
	position: relative;
	z-index: 2;
}



#box01 a span{
	display: block;
	margin-left: 24%;
	padding-right: 15px;
	position: relative;z-index: 2;
}

#box02 a span{
	display: block;
	margin-left: 18%;
	padding-right: 15px;
	letter-spacing:0px;
	position: relative;z-index: 2;
}

#box03 a span{
	display: block;
	margin-left: 10%;
	padding-right: 15px;
	position: relative;z-index: 2;
	max-width: 335px;
}

#box04 a span{
	display: block;
	margin-left: 20%;
	padding-right: 15px;
	position: relative;z-index: 2;
}

#box01 a, #box02 a, #box03 a, #box04 a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
	position: relative;
}

#box03{
	width: 35%;
	float: left;
	position: relative;
	transition:all 0.4s ease;
	height: 100%;
}

#box04{
	width: 65%;
	float: left;
	position: relative;
	transition:all 0.4s ease;
	height: 100%;
}
.f_16{
	font-size:16px;}
#news_box {
    background: #fff;
    width: 500px;
    margin: 50px auto;
    line-height: 1.8;
	    border: 5px solid #06c755;
			display: flex;
	justify-content: center;
	 align-items: center;
}
#news_box .ttl {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
}

#news_box .txt {
    padding: 20px 50px 0;
    text-align: center;
}