@charset "UTF-8";
/* CSS Document */

html,body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
	height: 100%;
   /*フォント*/
	font-family: YuGothic,'Yu Gothic','ＭＳ ゴシック','ＭＳ Ｐゴシック','MS PGothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Osaka',sans-serif;
	font-size: 18px;
	line-height:1.8;
	color: #2b2b2b;
}
a:link {
	color: #2b2b2b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2b2b2b;
}
a:hover {
	text-decoration: none;
	color: #884898;
}
a:active {
	text-decoration: none;
	color: #2b2b2b;
}


/*---------------------------------------------------------------------------
レイアウト
---------------------------------------------------------------------------*/
#wrap {
	width:100%;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

img[src$=".svg"] {
    width: 100%;
}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
	#wrap {
		width:100%;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
		overflow:hidden;
	}
}

@media screen and (max-width:520px) {/*スマートフォン*/
	#wrap {
		width:100%;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
		overflow:hidden;
	}
}

hr.kugiri8 {
	border: none;
	margin: 8px 0;
}

/*-------------------------*/

header,main,footer,div {
	display:block;
	box-sizing:border-box;
}

p,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

/*-------------------------*/

/*---------------------------------------------------------------------------
header
---------------------------------------------------------------------------*/
header {
	background: #000;
	line-height: 1;
	text-align: center;
}
header h1 {display: none;}
header hr {
	margin: 0;
	border: none;
	border-bottom: solid 1px #fff100;
}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
}

@media screen and (max-width:520px) {/*スマートフォン*/
}

#head1 p,
#head2 p {display: none;}

#head1 {
	width: 100%;
	height: 0;
	padding-top: 46%;
	background: url("images/shosha-top1.jpg")no-repeat center;
	background-size: auto 100%;
}
#head2 {
	width: 100%;
	height: 0;
	padding-top: 30%;
	background: url("images/shosha-top2.jpg")no-repeat center;
	background-size: auto 100%;
}

@media screen and (max-width:520px) {/*スマートフォン*/
	#head1 {
		padding-top: 110%;
		background: url("images/shosha-topsp1.jpg")no-repeat center;
		background-size: cover;
	}
	#head2 {
		padding-top: 48%;
		background: url("images/shosha-topsp2.jpg")no-repeat center;
		background-size: cover;
	}
}

/*-------------------------*/



/*---------------------------------------------------------------------------
main
---------------------------------------------------------------------------*/
main {}
/*-------------------------*/



/*---------------------------------------------------------------------------
footer
---------------------------------------------------------------------------*/
footer {padding: 16px 0;}
.copy {
	font-size:.75rem;
	text-align:center;
	}
/*-------------------------*/


/*---------------------------------------------------------------------------
コンテンツ1
---------------------------------------------------------------------------*/
#box1 {
	margin: 40px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	line-height: 1.25;
	text-align: center;
}
#box1 p span {display: block;}
#box1 p span:nth-child(1) {font-size: .8rem;}
#box1 p span:nth-child(2) {
	font-size: 1.25rem;
	letter-spacing: .2em;
}
#box1 h2 {
	font-size: 3rem;
	margin-left: 16px;
	letter-spacing: .2em;
}

#box1 ul {
	width: 100%;
	margin: 40px auto 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	text-align: center;
}
#box1 li {width: 30%;}

@media screen and (max-width:736px) {/*スマートフォン*/
	#box1 {margin: 16px auto;}
	#box1 h2 {font-size: 2rem;}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
コンテンツ1
---------------------------------------------------------------------------*/
#no1,
#no2,
#no3 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px;
	background: #000;
	color: #f3f3f2;
}

#no1 h3,
#no2 h3,
#no3 h3 {
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	font-size: 2rem;
	line-height: 1.25;
	display: flex;
	align-items: center;
	border-bottom: solid 1px #f3f3f2;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#no1 h3 span,
#no2 h3 span,
#no3 h3 span {display: block;}

#no1 h3 span:nth-child(1),
#no2 h3 span:nth-child(1),
#no3 h3 span:nth-child(1) {
	font-size: 3rem;
	margin-right: 16px;
}

#no1 h4,
#no2 h4,
#no3 h4 {
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	font-size: 1.25rem;
	line-height: 1.4;
}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
	#no1,
	#no2,
	#no3 {display: block;}

	#no1 br,
	#no2 br,
	#no3 br {display: none;}
}

@media screen and (max-width:520px) {/*スマートフォン*/
	#no1,
	#no2,
	#no3 {
		display: block;
		padding-bottom: 40px;
	}

	#no1 h3,
	#no2 h3,
	#no3 h3 {
	font-size: 1.5rem;
	}
}

.no_box {
	width: 40%;
	padding: 40px;
	box-sizing: border-box;
}
.no_img {
	width: 60%;
	padding: 0;
	line-height: 1.25;
}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
	.no_box,
	.no_img {
		width: 100%;
	}
	
	.no_box {padding: 0 40px 80px;}
	
	.box_img {
		width: 72%;
		margin: 0 auto;
	}
}

@media screen and (max-width:520px) {/*スマートフォン*/
	.no_box,
	.no_img {width: 100%;}
	
	.no_box {padding: 8px 16px 16px;}
}



/*キャプション*/
.caption {
	font-size: 12px;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	margin-bottom: 16px;
}
.caption-r {text-align: right;}
.caption-l {text-align: left;}

.c-r-m16 {margin-right: 16px;}



/*日付*/
.data {
	margin: 8px 0 16px;
	line-height: 1.4;
}
.data p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}
.data p span:nth-child(1) {
	width: 16%;
	padding: 2px 0;
	box-sizing: border-box;
	font-size: 80%;
	text-align: center;
	border: solid 1px #595857;
}
.data p span:nth-child(2) {width: 82%;}

@media screen and (max-width:736px) {/*スマートフォン*/
	.data {font-size: 14px;}
}



/**/
#no1 {
	align-items: flex-start;
	padding-bottom: 40px;
}
#no1 h3 span:nth-child(1) {color: #920783;}

#no1 .no_img {
	padding-top: 40px;
	padding-left: 40px;
	box-sizing: border-box;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#no1 .no_img {padding-right: 40px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#no1 .no_img {padding: 16px;}
}

/*-------------------------ポップアップ*/
.popup_wrap input {display: none;}
.popup_overlay {
	display: flex;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #2b2b2b;
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}
.popup_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}
.popup_content {
	position: relative;
	align-self: center;
	width: 90%;
	height: 90%;
	max-width: 960px;
	padding: 40px;
	box-sizing: border-box;
	background: #fff;
	transition: 0.5s;
	box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
	overflow: scroll;
}

@media screen and (max-width:520px) {/*スマートフォン*/
	.popup_content {
		height: 96%;
		padding: 16px;
	}
}

.close_btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	color:#fff;
	background: #2b2b2b;
}
.close_btn2 {
	display: block;
	width: 24%;
	margin: 16px auto 0;
	padding: 4px;
	box-sizing: border-box;
	text-align: center;
	border: solid 1px #2b2b2b;
	color:#2b2b2b;
}
.close_btn2:hover {
	background: #2b2b2b;
	color: #fff;
}

@media screen and (max-width:520px) {/*スマートフォン*/
	.close_btn2 {width: 50%;}
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.open_btn {
	display: block;
	width: 50%;
	margin: 24px auto 0;
    padding:8px 24px;
	box-sizing: border-box;
    color: #595857;
    cursor: pointer;
    transition: .3s ease;
    border:1px solid #595857;
	font-size: 18px;
	text-align: center;
}
.open_btn:hover{
    background:#595857;
    color:#fff;
    transition: .3s ease;
}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
	.open_btn {margin: 24px auto 40px;}
}

@media screen and (max-width:520px) {/*スマートフォン*/
	.open_btn {
		width: 90%;
		margin: 16px auto;
		font-size: 16px;
	}
}

/*ポップアップ内文字・リスト・画像等*/
.popup_content img {
	border: solid 1px #a3a3a2;
}

/*挨拶・経緯*/
.no1_box {
	width: 800px;
	margin: 0 auto;
	padding: 40px;
	border: solid 1px #a3a3a2;
}
.no1_box h5 {
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: 16px;
	text-align: center;
}
.no1_box hr {
	border: none;
	border-bottom: solid 1px #a3a3a2;
	margin: 40px 0;
}
.no1_box ol {
	margin: 16px 0 0;
	padding: 0 0 0 1.5em;
	font-size: 14px;
	line-height: 1.4;
}
.no1_box li {margin-bottom: 8px;}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
	.no1_box {
		width: 80%;
	}
}

@media screen and (max-width:520px) {/*スマートフォン*/
	.no1_box {
		width: 90%;
		padding: 24px;
		font-size: 14px;
	}
}



/**/
#no2 {
	flex-direction: row-reverse;
}
#no2 h3 span:nth-child(1) {color: #006934;}
#no2 h3 span.h3small {font-size: 72%;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
}
@media screen and (max-width:736px) {/*スマートフォン*/
}



/**/
#no3 {}
#no3 h3 span:nth-child(1) {color: #e60012;}
#no3 h5 {
	font-size: 18px;
	line-height: 1.25;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
}
#no3 .no_box {padding: 0 40px 0;}

.no3_midashi {
	width: 100%;
	margin: 0 auto 16px;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
}

.no3_box {
	width: 50%;
	margin: 0 auto;
}

.no3_img {
	width: 32%;
	margin: 0 auto;
}

@media only screen and (min-width:521px) and (max-width:980px) {/*タブレット*/
	#no3 {padding-bottom: 16px;}
	.no3_midashi {font-size: 1.25rem;}
	.no3_box {width: 80%;}
	.no3_img {width: 80%;}
}

@media screen and (max-width:520px) {/*スマートフォン*/
	#no3 {padding-bottom: 16px;}
	.no3_midashi {font-size: 1.25rem;}
	.no3_box {
		width: 90%;
		margin-top: 16px;
	}
	.no3_img {width: 90%;}
}
.no3_link {
	margin: 16px auto;
	line-height: 1.25;
	text-align: center;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
}
.no3_link a {
	display: block;
	padding: 8px;
	box-sizing: border-box;
	color: #595857;
	border: solid 1px #595857;
}
.no3_link a:hover {opacity: .8;}
@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.no3_link {margin: 16px auto 0;}
}

ul.f_list {
	margin: 32px 0 16px;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
ul.f_list li {margin: 0 16px;}
ul.f_list img {
	width: auto;
	height: 56px;
}
ul.f_list li:last-child img {height: 40px;}


@media screen and (max-width:736px) {/*スマートフォン*/
	ul.f_list {margin: 16px 0;}
	
}

/*-------------------------*/


/*---------------------------------------------------------------------------
アクセス
---------------------------------------------------------------------------*/
#access {
	font-size: 14px;
	line-height: 1.5;
}
#access a {color: #884898!important;}
#access a:hover {opacity: .8;}

#a_flex {
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#a_flex div:nth-child(1) {width: 40%;}
#a_flex div:nth-child(2) {width: 56%;}

#a_flex ul {
	margin: 0;
	padding: 0 0 0 1em;
}
#a_flex li {margin-bottom: 8px;}
#a_flex li:last-child {margin-bottom: 0;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#a_flex {
		width: 100%;
		padding: 16px;
		box-sizing: border-box;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#a_flex {
		width: 100%;
		display: block;
		padding: 16px;
		box-sizing: border-box;
	}
	#a_flex div:nth-child(1),
	#a_flex div:nth-child(2) {width: 100%;}
}

.map {
	width: 100%!important;
	margin:0 auto 40px;
	position: relative;
	padding-bottom: 40%;
	padding-top: 40px;
	height: 0;
	overflow: hidden;
	}
.map iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

@media screen and (max-width:520px) {/*スマートフォン*/
	.map {padding-bottom: 50%;}
}

.a_kakomi {
	margin: 0 auto 16px;
	padding: 16px;
	box-sizing: border-box;
	border: solid 1px #2b2b2b;
}
.a_kakomi span:first-child {
	display: block;
	font-size: 18px;
	border-bottom: dashed 1px #2b2b2b;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.enkyo {
	margin-bottom: 8px;
}
.enkyo img {
	width: auto;
	height: 80px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.enkyo img {
		width: 80%;
		height: auto;
	}
}
@media screen and (max-width:520px) {/*スマートフォン*/
	.enkyo {text-align: center;}
	.enkyo img {
		width: 96%;
		height: auto;
		margin: 0 auto;
	}
}

/*-------------------------*/

/*---------------------------------------------------------------------------*/