﻿@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

.face_book .fbcomments,
.face_book iframe,
.face_book .fb_iframe_widget,
.face_book .fb_iframe_widget[style],
.face_book .fb_iframe_widget iframe[style],
.face_book .fbcomments iframe[style],
.face_book .fb_iframe_widget span,
.face_book _2p3a{
    width: 100%! important;
}

div.bread{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.4em;
	background:url(../image/bread_bg.jpg);
}

div.bread ul.breadcrumbs{
	width:1080px;
	margin:0 auto;
}

div.bread li{
	display:inline-block;
	color:#fff;
}

div.bread ul li:after {
    content: " > ";
}

div.bread ul li:last-child:after{
    content: "";
}

div.bread ul li a{
	color:#d8bc86;
}

/*********index_fix*************/

.index .contents1{
	overflow: hidden;
	background: url(../image/index/c1_bg.png) center top no-repeat;
	padding-top: 115px;
	padding-bottom:98px;
}

.index .contents1 .sec1{
	width: 1080px;
	margin: 0 auto;
	position: relative;
}

.index .contents1 .sec1:before{
	content: "";
	background: url(../image/index/c1_deco1.png) center center no-repeat;
	width: 437px;
	height: 319px;
	position: absolute;
	right:-130px;
	top:-113px;
	z-index: 1;
}

.index .contents1 .sec1:after{
	content: "";
	background: url(../image/index/c1_deco2.png) center center no-repeat;
	width: 372px;
	height: 300px;
	position: absolute;
	left:-250px;
	bottom:-50px;
	z-index: 1;
}

.index .contents1 .sec1 h2{
	text-align: center;
	padding-bottom: 60px;
}

.index .contents1 .sec1 article p{
	text-align: center;
	padding-bottom: 30px;
}

.index .contents1 .sec1 article p:last-child{
	padding-bottom: 0px;
}

/****************/

.index .contents2{
	overflow: hidden;
	background: url(../image/index/c2_bg.png) center top;
	padding-top: 120px;
	padding-bottom:120px;
	min-height:1000px;
}

.index .contents2 .sec1{
	width: 1080px;
	margin: 0 auto;
	position: relative;
}

.index .contents2 .sec1 h2{
	padding-bottom: 60px;
	text-align: center;

}


.index .contents2 .sec1 ul.begin{
	text-align: center;
	margin-bottom:100px;
}

.index .contents2 .sec1 ul.begin li{
	display: inline-block;
	padding-right: 10px;
	cursor:pointer;
}


.index .contents2 .sec1 ul.begin li.n2{
	position:relative;
	top:45px;
}

.index .contents2 .sec1 ul.begin li.n4{
	position:relative;
	top:45px;
}

.index .contents2 .sec1 ul.begin li.n6{
	position:relative;
	top:45px;
}

.index .contents2 .sec1 ul.begin li:last-child{
	padding-right: 0px;
}

.index .contents2 .sec1 section{
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	overflow: hidden;
}

.index .contents2 .sec1 section ul{
	float: left;
	width: 237px;
	margin-right:44px;
}

.index .contents2 .sec1 section h3{
	background: url(../image/index/c2_deco_img01.png) left center no-repeat,
		url(../image/index/c2_linebg.png) right bottom no-repeat;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 60px;
	color: #007636;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.index .contents2 .sec1 section{
	margin-bottom: 30px;
}

.index .contents2 .sec1 section h3 span{
	margin-left: 30px;
	font-size: 0.750em;
}

.index .contents2 .sec1 section ul li{
	margin-bottom: 20px;
	border: 1px solid #b5b5b5;
	border-radius: 10px;
	text-align: center;
}

.index .contents2 .sec1 section ul li:last-child{
	margin-bottom: 0px;
}

.index .contents2 .sec1 section ul li img{
	width: 100%;
	border-radius: 10px;
}

.index .contents2 .sec1 section ul li.t img{
	width: auto;
	border-radius: 0px;
}

.index .contents2 .sec1 section div.box{
	width:1080px;
}

.index .contents2 .sec1 section article p{
	margin-bottom: 20px;
}

.index .contents2 .sec1 section article p:last-child{
	margin-bottom: 0px;
}

/***************/

.index .contents3{
	overflow: hidden;
	background:
		url(../image/index/c3_deco1bg.png) right top no-repeat,
		url(../image/index/c3_deco2bg.png) left bottom no-repeat;
	padding-top: 120px;
	padding-bottom:120px;
	position: relative;
}


.index .contents3 .sec1{
	width: 1080px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 30px;
}

.index .contents3 .sec1:after{
	content: "";
	background: url(../image/index/c3_img01.png) center center no-repeat;
	position: absolute;
	width: 657px;
	height: 499px;
	right:-90px;
	top:-50px;
}

.index .contents3 .sec1 dl{
	width: 516px;
}

.index .contents3 .sec1 dl dt{
	margin-bottom: 56px;
}

.index .contents3 .sec1 dl dd p{
	margin-bottom: 30px;
}

.index .contents3 .sec1 dl dd p:last-child{
	margin-bottom: 0px;
}

.index .contents3 p.page_top{
	position: absolute;
	right: 50px;
	bottom:20px;
}

/*********/

.error .contents1{

	padding-top: 80px;
	padding-bottom: 60px;
	overflow: hidden;
}

.error .contents1 .sec1{
	width: 960px;
	margin:  auto;
	zoom:1;
	overflow: hidden;
}

.error .contents1 .sec1 a{
	color:#000 !important;
}

.error .contents1 h2{
	background:url(../image/plan_barbg.png);
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-bottom: 47px;
}

/* 詳細ページ 前後の記事へのリンク
-------------------------------------------------- */

.paginated-link {
	margin: 0 5px;
	overflow: hidden;
	margin-top:20px;
}

.paginated-link li {
	width: 48%;
	padding: 0 5px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #f0f0f0;
	box-sizing: border-box;
}

.paginated-link li.prev-link {
	float: left;
}

.paginated-link li.next-link {
	float: right;
}

.paginated-link li a {
	height: 35px;
	line-height: 35px;
	display: block;
	overflow: hidden;
	color:#000 !important;
}



/* 必須マーク
-------------------------------------------------- */
.required-mark {
	padding: 1px 3px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	border-radius: 5px;
	background: #f00;
	float: right;
}

/* 未記入エラー文
-------------------------------------------------- */
.error-text {
	margin: 0 0 5px;
	color: #f00;
}

/* 確認、バック、送信ボタン
-------------------------------------------------- */
.contact-submits {
	padding: 15px 0 0;
	text-align: center;
}

.contact-submits input {
	margin: 0 5px;
	padding: 5px;
}

/* セキュリティエラー
-------------------------------------------------- */
.sec-error-text {
	line-height: 50px;
	text-align: center;
	color: #f00;
	font-size: 16px;
	border: 2px solid #f00;
}

.sns_header{
	display: flex;
	justify-content: center;
}
.sns_header p{
	margin: 10px;
}

.sns_footer{
	display: flex;
	justify-content: center;
}
.sns_footer p{
	margin: 10px;
}

.h_sns{
 margin: 5px 10px;
}
