/* 全国仲人連合会　藤沢柄沢支部HP　*/

/* 基本 */
body	{font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 1.0rem;
		color: #555555;
		}

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

a img	{border: none}

ul		{list-style-type: none;
		padding-inline-start: 0;}

dd		{margin-inline-start: 0;}

h1		{margin: 0;}

p		{margin: 0;}


/* ヘッダー */
header {
	width: 1000px;
	height: 2.5rem;
	margin: 0 auto;
	display: flex;
}

.header_title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.5rem;
}

.header_contact {
	display: block;
	font-size: 1rem;
	text-align: center;
	padding: 0.4rem 0.7rem;
	background-color: #73472d;
	color: #fff;
	border-radius: 5px;
	margin: 0 0 0 auto;
}


/* ナビゲーションバー */
.header_nav {
	width: 1000px;
	height: 50px;
	margin: 10px auto;
}

.header_nav ul {
	width: 1000px;
	display: flex;
	justify-content: space-between;
}

.header_nav li {
	width: 166px;
}

.header_nav li a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.header_nav li:hover {
	border-bottom: solid 2px #ff00fe;
}

.header_nav li a:hover {
		color: #ff00fe;
}

/* トップ画像 */
#top_image {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top.jpg') no-repeat;
		position: relative;
}

.top_info {
	width: 500px;
	height: 200px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #D6AF44;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 2px 2px 4px grey;
} 

.top_info_title {
	margin: 0;
	font-size: 2.0rem;
	color: white;
	font-weight: bold;
	letter-spacing: 0.5rem;
	line-height: 3.0rem;
	text-align: center;
	text-shadow: 1px 2px 3px #808080;
}

.top_info_phone {
	width: 90%;
	font-size: 1.6rem;
	line-height: 3.0rem;
	background-color: white;
	color: #D34696;
	font-weight: bold;
	letter-spacing: 0.2rem;
	border-radius: 10px;
	text-align: center;
	margin: 0 auto;
	box-shadow: 2px 2px 4px grey;
}

.top_info_phone span {
	font-size: 1.0rem;
}

.top_info_mobile {
	font-size: 1.2rem;
	color: white;
	font-weight: bold;
	letter-spacing: 0.2rem;
	text-align: center;
	line-height: 2rem;
	margin: 0;
}

.top_info_time {
	font-size: 1.2rem;
	line-height: 2rem;
	color: white;
	font-weight: bold;
	text-align: center;
	margin: 0;
}


#top_about {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_about.jpg') no-repeat;
		position: relative;
}

#top_flow {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_flow.jpg') no-repeat;
}

#top_faq {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_faq.jpg') no-repeat;
}

#top_details {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_details.jpg') no-repeat;
}

#top_recruit {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_recruit.jpg') no-repeat;
}

#top_success {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_success.jpg') no-repeat;
}
#top_contact {
		width: 1000px;
		height: 400px;
		margin: 0 auto;
		background: url('../img/top_contact.jpg') no-repeat;
}

/* パンくずリスト */

.breadcrumb ul {
	width: 1000px;
	overflow: hidden;
	margin:0 auto;
}

.breadcrumb li {
	display: block;
	font-size: 17px;
	color: #333;
	float: left;
}

.breadcrumb li a {
	text-decoration: underline;
	color: #00e;
}


article {
	width: 1000px;
	margin: 20px auto;
	overflow: hidden;
}

.subtitle {
	display: block;
	margin: 0 auto;
}

article h2 {
	display: none;
	margin-top: -10px;
}

section h3 {
	display: inline-block;
	font-size: 25px;
	padding-left: 20px;
	color: #333;
	font-weight: bold;
	margin: 0;
	margin-bottom: 30px;

}

section a img {
	display: block;
	margin: 10px auto;
}

.nakoudo_photo img{
	display: block;
	margin: 10px auto;
}

.madoguchi ul{
	width: 700px;
	margin: 0 auto;
	border: solid 1px #333333;
	border-radius: 10px;
	list-style-type: none;
}

.madoguchi ul li {
	margin: 20px;
	font-size: 18px;
}

.madoguchi ul li:first-child {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}


/* article */
.about_us {
	background-color: #faebd7;
	display: flex;
	justify-content: space-between;
	padding: 20px;
	box-sizing: border-box;
}

.about_us_left {
	width: 60%;
	box-sizing: border-box;
	padding-right: 20px;
}

.about_us_left_title {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5rem;
}

.about_us_left_description {
	box-sizing: border-box;
	width: 100%;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 20px 0;
}

.about_us_left_info {
	display: flex;
}

.about_us_left_img {
	display: flex;
	justify-content: space-between;
}

.about_us_left_CMS {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
}

.about_us_left_nakoudo p {
	text-align: center;
	font-size: 1rem;
	line-height: 1.2rem;
}

.about_us_left_nakoudo_img {
	width: 300px;
	box-shadow: 2px 2px 4px grey;
}

.about_us_left_CMS img,
.about_left_CMS {
	width: 200px;
}

.about_us_left_CMS p {
	text-align: center;
	font-size: 1.0rem;
	line-height: 2.0rem;
}

.about_us_right{
	width: 40%;
	object-fit: cover;
}

.aboutus_bottom {
	width: 900px;
	height: 100px;
	clear: both;
	margin: 0 auto;
}

.success_and_sns {
	display: flex;
	padding: 10px;
}

.insta_h3 {
	display: block;
	font-size: 2em;
	font-weight: bold;
}

.insta {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* ボタン */
.intro_button {
	display: block;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	color: #e53399;
	background-color: #fff;
	font-size: 25px;
	font-weight: bold;
	border: solid 2px #e53399;
	border-radius: 5px;
}

.intro_button:hover {
	background-color: #e53399;
	color: #fff;
}

.success_button {
	display: block;
	width: 400px;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	color: #e53399;
	background-color: #fff;
	font-size: 25px;
	font-weight: bold;
	border: solid 2px #e53399;
	border-radius: 5px;
}

.success_button:hover {
	background-color: #e53399;
	color: #fff;
}

.recruit_button {
	display: block;
	width: 200px;
	text-align: center;
	margin: 10px auto;
	padding: 5px;
	color: #e53399;
	background-color: #fff;
	font-size: 25px;
	font-weight: bold;
	border: solid 2px #e53399;
	border-radius: 5px;
}

.recruit_button:hover {
	background-color: #e53399;
	color: #fff;
}



.border_line {
	display: block;
	width: 1000px;
	margin: 20px auto;
	border-top: dotted 2px #e53399;
}

.success_exp {
	width: 600px;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}

.success_exp dl {
	width: 400px;
	margin: 20px;
	padding: 10px;
	float: left;
	border: solid 1px #999;
	border-radius: 10px;
}

.success_exp dt {
	font-size: 18px;
	border-bottom: solid 1px #999;
	margin-bottom: 5px;
	font-weight: bold;
}

.success_exp dd {
	font-size: 15px;
	height: 120px;
}

.bosyu {
	background-color: #bce1e7;
	padding: 20px;
}

.bosyu p {
	text-align: center;
}





/* 三角形 */
.triangle {
	width: 0;
	height: 0;
	border-top: 30px solid #f085c1;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
	margin: 0 auto;
}

/* 当会のご案内 */
.about {
	width:1000px;
	display: flex;
	align-items: center;
}

.about_left {
	width: 300px;
	margin-left: 20px;
}

.about_left p {
	width: 300px;
	text-align: center;
}

.about_right {
	width: 650px;
}

.about_right p {
	width: 640px;
	font-size: 1.1rem;
	line-height: 2rem;
}

.nakoudo_message p {
	width: 90%;
	margin: 0 auto;
	font-size: 1.1rem;
	line-height: 1.8rem;

}

/* system */
.system {
	background-color: #ebd4c4;
	padding: 20px;
	border-radius: 30px;
	margin: 20px;
	overflow: hidden;
}

.system img {
	display: block;
	width: 105px;
	height: 105px;
	float: left;
}

.system h3 {
	height: 40px;
	float: left;
	margin-top: 20px;
}

.system p {
	clear: left;
	margin-top: 10px;
}

/* 必要な書類 */
table.doc {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-left: 50px;
}

table.doc thead th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #480109;
}
table.doc td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
}
table.doc .even {
	background: #f5eee4;
}

table.price {
	    border-collapse: separate;
	    border-spacing: 1px;
    	text-align: left;
    	line-height: 1.5;
    	border-top: 1px solid #ccc;
    	margin-left: 50px;
}

table.price th {
		width: 150px;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
		background: #f5eee4;
}

table.price td {
		width: 350px;
		padding: 10px;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
}

/* faq */
.faq {
	width: 800px;
	margin: 0 auto;
}

.faq dt {
	width: 800px;
	font-size: 18px;
	background-color: #281b13;
	color: #fff;
	padding: 5px 10px;
}

.faq dt:before {
	content: "Ｑ． ";
}

.faq dd:before {
	content: "Ａ． ";
}

.faq dd {
	width: 800px;
	font-size: 16px;
	background-color: #f5eee4;
	color: #000;
	padding: 5px 10px;
	margin-top: 0;
	margin-bottom: 20px;

}

/* 支部開設者募集 */

.recruit_faq {
		width: 800px;
		margin: 0 auto;

}
.recruit_faq dt {
	width: 800px;
	font-size: 18px;
	background-color: #281b13;
	color: #fff;
	padding: 5px 10px;
}

.recruit_faq dt:before {
	content: "Ｑ． ";
}

.recruit_faq dd:before {
	content: "Ａ． ";
}

.recruit_faq dd {
	width: 800px;
	font-size: 16px;
	background-color: #f5eee4;
	color: #000;
	padding: 5px 10px;
	margin-top: 0;
	margin-bottom: 20px;

}

/* contact */
.contact {
	display: block;
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	background-color:#fcf1ed;
	float: left;
}

.address {
	width: 400px;
	height: 500px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

.address p {
	width: 380px;
	margin-left: 0;
}

.address_detail {
	margin: 10px 0;
}

.address_detail li {
	font-size: 1.1rem;
	line-height: 1.5rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
}

.map {
	width: 550px;
	float: left;
	margin-top: 20px;

}

/* 成婚者あれこれ */
.success_story {
	width: 1000px;
	background-color: #f5eee4;
	padding: 20px;
}

.success_story dt {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}

.success_story dd {
	font-size: 18px;
	width: 900px;
	margin: 20px;
}

.column {
	width: 1000px;
	border: solid 2px #f085c1;
	border-radius: 20px;
	overflow: hidden;
}

.column-left {
	width: 200px;
	float: left;
	padding-top: 20px;
	margin-left: 10px;
}

.column-middle {
	width: 530px;
	float: left;
	margin: 10px;
}

.column-middle h4{
	text-align: center;
}

.column-middle p {
	width: 530px;
}

.column-right {
	width: 214px;
	float: right;
	padding-top: 20px;
	margin-right: 10px;
}

/* 個人情報保護方針 */
.privacy {
	width: 800px;
	margin: 0 auto;
}

.privacy .right {
	text-align: right;
}

.privacy h3 {
	font-size: 28px;
	font-weight: bold;
	color: #255200;
	text-align: center;
	margin: 10px;
}

.privacy h4 {
	font-size: 18
	px;
	font-weight: bold;
}

.privacy p {
	font-size: 16px;
	margin: 12px 0;
}

.privacy ul {
	margin: 12px 0;
	padding-left: 12px;
	text-indent: -12px;
}

.privacy .bold {
	font-weight: bold;
}

.privacy_back p{
	font-size: 20px;
	font-weight: bold;
	color: #73472d;
}


/* footer */
footer {
	background-color: #f2eeea;
}

.footer_container {
	width: 1000px;
	margin: 0 auto;
	display: flex;
}

.footer_info {
	width: 500px;
	margin: 20px 10px;
	font-size: 15px;
}

.footer_info_detail li {
	letter-spacing: 0.1rem;
}

.footer_menu {
	width: 300px;
	margin: 20px;
}

.footer_menu li a {
	font-size: 14px;
	line-height: 20px;
}

.footer_menu li a:hover {
	border-bottom: solid 1px #333;
}