@charset("UTF-8");

#main-visual{
	padding:20px 0;
	border-bottom:1px solid #dfdfdf;
}
#main-visual li{
	margin:0 20px;
}
.content h1{
	text-align:center;
	font-weight:500;
	font-size:30px;
	margin-bottom:22px;
}
.content h1 img{
	vertical-align:middle;
	padding:0 1em;
}
.outline{
	text-align:center;
	font-size:18px;
	margin-bottom:20px;
}
#content01 .menu01{
	width:480px;
	padding:20px;
	background:#c5e8fe;
	margin-bottom:40px;
	position:relative;
	min-height:350px;
}
#content01 .menu02{
	width:480px;
	padding:20px;
	background:#fde3e6;
	margin-bottom:40px;
	position:relative;
	min-height:350px;
}
#content01 .menu03{
	width:100%;
	padding:20px;
	background:#fefeb6;
	position:relative;
}
#content01 img{
	vertical-align:bottom;
}
#content01 .menu01 .f-right,#content01 .menu02 .f-right{
	width:220px;
}
#content01 h2{
	margin-bottom:15px;
}
#content01 dd.price{
	margin-top:0;
	line-height:1.1;
	text-align:right;
}
#content01 .message{
	font-size:22px;
	text-align:center;
	color:#81b56c;
}
#content01 dl{
	width:100%;
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:30px;
}
#content01 dt{
	font-size:18px;
	font-weight:600;
}
#content01 .price{
	margin-top:20px;
	font-size:30px;
	color:#d04a31;
	line-height:15px;
}
#content01 .price span{
	color:#4f2e16;	
	font-size:14px;
	font-family:游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo,  sans-serif;
	font-weight:500;
	padding-left:10px;
}
#content01 dd.price span{
	padding-left:0;
	line-height:1.3;
}
#content01 .price span.yen{
	color:#4f2e16;	
	font-size:20px;
	font-weight:500;
	padding-left:0;
	padding-right:3px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;	
}
#content01 .wrap{
	width:480px;
}
#content01 .wrap p.f-left{
	width:250px;
	padding-left:20px;
}
#content01 .menu03 .price{
	margin-top:60px;
}
#content01 .msg{
    clear: both;
    padding-top: 50px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.btn{
	width:270px;
	height:60px;
	text-align:center;
	border-radius:5px;
	border:1px solid #4e2e15;
	line-height:60px;
	display:block;
	margin:30px auto;
}
#content02{
	//background:#f1ffe8;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:40px 0;
}
#content02 .inner{
	overflow:hidden;
}
#content02 img{
	vertical-align:bottom;
}
#content02 h2{
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 40px;
	text-align:center;
}
#content02 h2 img {
    vertical-align: middle;
    padding-right: 15px;
}
#content02 h3{
	line-height:40px;
	margin:0 auto 30px;
	background:#81b56c;
	width:80%;
	color:#fff;
	font-weight:500;
	font-size:22px;
	text-align:center;
	border-radius:40px;
	clear:both;
}
#content02 p{
	font-size:20px;
	text-align:center;
	margin-bottom:30px;
	line-height:1.8;
}
#content02 p.f-left{
	text-align:left;
	width:55%;
}
#content02 p.f-left img{
	display:block;
	width:90%;
	margin:10px auto;
}

#content02 img.f-right{
	display:block;
	width:43%;
}
#content02 .ov-hidden{
	overflow:hidden;
	margin-bottom:40px;
}
#content03{
	padding-top:30px;
}
#content03 .f-left{
	width:480px;
}
#content03 .f-right{
	width:480px;
}
#content03 h2{
	font-size:22px;
	font-weight:500;
	padding-bottom:10px;
}
#content03 h2 span{
	font-size:18px;
	padding-left:10px;
}
#content03 h2 img{
	vertical-align:middle;
	padding-right:15px;
}
#content03 .hover{
	margin-bottom:10px;
	display:block;
}
.news-list{
	padding-top:50px;
}
.news-list h2{
	text-align:center;
}
.news-list ul{
	margin:auto;
	width:80%;
	border-top:1px solid #dfdfdf;
	margin-top:30px;
}
#content03 .news-list ul li{
	padding:1em 0;
	border-bottom:1px solid #dfdfdf;
}
#content03 .news-list ul .date{
	display:block;
	width:18%;
}
#content03 .news-list ul .post-title{
	display:block;
	width:82%;
}





















@media screen and (max-width:767px){
#main-visual{
	padding:0;
	overflow:hidden;
}
#main-visual li{
	width:100%;
	margin:0;
}
#main-visual li img{
	display:block;
	width:100%;
}

.content h1{
	font-size:18px;
	margin-bottom:15px;
	position:relative;
}
.content h1 img{
	height:80%;
	display:block;
	position:absolute;
	padding:0;
}
.content h1 img:nth-of-type(1){
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
.content h1 img:nth-of-type(2){
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.outline{
	text-align:left;
	font-size:14px;
	margin-bottom:15px;
}
#content01 .menu01{
	width:100%;
	padding:10px;
	margin-bottom:15px;
	min-height:auto;
}
#content01 .menu02{
	width:100%;
	padding:10px;
	margin-bottom:15px;
	min-height:100%;
}
#content01 .menu03{
	width:100%;
	padding:10px;
}
#content01 .menu01 img,#content01 .menu02 img,#content01 .menu03 img{
	vertical-align:bottom;
	width:100%;
	display:block;
	margin-bottom:10px;
}
#content01 .menu03 h2 img.pc{
	display:none;
}
#content01 .menu01 p.f-right.price, #content01 .menu02 p.f-right.price, #content01 .menu03 .wrap p.f-left.price {
    width: 100%;
    float: none;
    font-size: 18px !important;
}
#content01 .menu01 .f-right,#content01 .menu02 .f-right{
	width:100%;
	float:none;
	font-size:14px;
}
#content01 h2{
	margin-bottom:15px;
	width:100%;
}
#content01 h2 img{
	display:block;
	width:100%;
}
#content01 dd.price{
	margin-top:0;
	line-height:1.1;
	text-align:right;
}
#content01 .message{
	font-size:16px;
}
#content01 dl{
	width:100%;
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:30px;
}
#content01 dt{
	font-size:14px;
}
#content01 .price{
	margin-top:16px;
	font-size:18px;
	line-height:1.5;
}
#content01 .price span{
	font-size:12px;
}
#content01 dd.price span{
	padding-left:0;
	line-height:1.3;
}
#content01 .price span.yen{
	font-size:14px;
}
#content01 .wrap{
	width:100%;
}
#content01 .wrap p.f-left{
	width:100%;
	padding-left:0;
	font-size:14px;
	margin-bottom:15px;
}
#content01 .menu03 .price{
	margin-top:10px;
	margin-bottom:0;
}
#content01 .msg{
    clear: both;
    padding-top: 20px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}
.btn{
	width:100%;
	font-size:14px;
	height:40px;
	line-height:40px;
	margin:20px auto 30px;
}
#content02{
	//background:#f1ffe8;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:30px 0;
}
#content02 img{
	vertical-align:bottom;
}
#content02 h2{
    font-size: 18px;
    padding-bottom: 20px;
}
#content02 h2 img {
    vertical-align: middle;
    padding-right: 0;
	display:inline-block;
	height:100%;
	margin-right:10px;
}
#content02 h3{
	line-height:1.4;
	margin:0 auto 10px;
	width:100%;
	font-size:16px;
	border-radius:40px;
	clear:both;
	padding:5px 0;
}
#content02 p{
	font-size:14px;
	margin-bottom:15px;
}
#content02 p.f-left{
	width:100%;
	float:none;
}
#content02 p.f-left img{
	float:none;
	width:100%;
	margin:10px auto;
}

#content02 img.f-right{
	display:block;
	width:100%;
}
#content02 .ov-hidden{
	overflow:hidden;
	margin-bottom:20px;
}
#content03{
	padding-top:30px;
}
#content03 .f-left{
	width:100%;
}
#content03 .f-right{
	width:100%;
}
#content03 h2{
	font-size: 18px;
    padding-bottom: 10px;
	text-align:center;
	line-height:1.4;
}
#content03 h2 span{
	font-size:18px;
	padding-left:10px;
}
#content03 h2 img{
	vertical-align:middle;
	padding-right:0;
	margin-right:10px;
}
#content03 .hover{
	margin-bottom:10px;
	display:block;
	width:100%;
}
#content03 .hover img{
	display:block;
	width:100%;
}
#content03 a{
	font-size:14px;
	margin-bottom:20px;
	display:block;
}
.news-list{
	padding-top:20px;
}

.news-list ul{
	margin:auto;
	width:100%;
	margin-top:10px;
}
#content03 .news-list ul li{
	padding:0.5em 0;
	border-bottom:1px solid #dfdfdf;
}
#content03 .news-list ul .date{
	display:block;
	width:100%;
	float:none;
	font-size:14px;
}
#content03 .news-list ul .post-title{
	display:block;
	width:100%;
	float:none;
	font-size:14px;
}
}