@charset "utf-8";
/* 全体共通 */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	color: #000;
	overflow-x: hidden;
}
* {
	box-sizing: border-box;
}
p, h1, h2 {
	margin: 0;
	padding: 0;
}
a, a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

input[type="image" ] {
border: none;
	padding: 0;
}
.page_top_outer{
	clear: both;
	width: 1180px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.page_top_inner{
	float: right;
	width: 870px;
	padding-right: 60px;
	margin: 0;
}

#page_top{
	height: 40px;
	width: 200px;
	margin: 1em auto 0;
	background-color: #E8702C;
	border-radius: 20px;
	margin-bottom: 1em;
}
#page_top a{
  position: relative;
  display: block;
  text-decoration: none;
  text-align: center;
	top:8px;
	color: #ffffff;
	font-weight: 700;
}

/*元のデザイン
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #E8702C;
  opacity: 0.6;
  border-radius: 15px;
}
#page_top a{
  position: relative;
  display: block;
  text-decoration: none;
  text-align: center;
  top: 7px;
}
*/

/*-----------------------------------------------------------------------------*/
/*
/*   画像トリミングアスペクト比
/*
/*-----------------------------------------------------------------------------*/

.asImg:not(.overY):not(.overX) {
 position: relative;
 width: 100%;
 /*default 3:2*/
 padding: 33% 0;
 overflow: hidden;
 display: block;
}
.asImg.overY {
 overflow-y:hidden;
}
.asImg.overX {
 overflow-y:hidden;
}
.asImg > img {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 margin: auto;
 object-fit: fill;
 max-width: none;
}

/*------------------------------**
  アスペクト比一覧
**------------------------------*/
.asImg.aspect_1-1 {
 /*1:1*/
 padding: 50% 0 !important;
}
.asImg.aspect_2-1 {
 /*2:1*/
 padding: 25% 0 !important;
}
.asImg.aspect_3-2 {
 /*3:2*/
 padding: 33% 0 !important;
}
.asImg.aspect_16-9 {
 /*16:9*/
 padding: 28.125% 0 !important;
}





.border-gray1 {
	border-color: #707070 !important;
}
.border-gray2 {
	border-color: #DFDFDF !important;
}
.color-blue1 {
	color: #203864 !important;
}
.back-blue1 {
	background-color: #203864 !important;
}
.back-green1 {
	background-color: #008b8b !important;
}
/* メインコンテンツここから */
.main-body {

}

/* メイン */
main {
	display: block;
	width: 1180px;
	margin: 40px auto 42px;
	text-align: left;
}
#main {
	padding-left: 30px;
	width: 870px;
	float: left;
	text-align: left;
        word-wrap: break-word;
}
/* タイトル関係 */
.ttl {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #FE5C00;
	padding-bottom: 8px;
	margin-bottom: 30px;
}
.ttl span {
	text-align: right;
	float: right;
}
.ttl a {
	color: #E8702C;
	font-size: 16px;
}
.ttl a:before {
	content: ">";
	margin-right: 17px;
}
.ttl2 {
	font-size: 18px;
	font-weight: bold;
	border-left: 9px solid #E8702C;
	padding: 0 0 0 12px;
	margin-bottom: 15px;
}
.ttl3 {
	font-size: 18px;
	font-weight: bold;
	border-left: 9px solid #E8702C;
	padding: 0 10px 0 12px;
	margin-bottom: 30px;
	margin-top: 50px;
 position: relative;
 margin-left: 10px;
	display: block;
}
.ttl4 {
 color: #fff;
 background-color: #333;
 font-size: 16px;
 font-weight: bold;
 text-align: left;
 padding: 12px 15px;
 margin: 40px 0 20px;
 display: block;
}
.ttl5 {
 border-bottom: solid 6px #333;
 margin: 40px 0 20px;
 padding-bottom: 3px;
 display: block;
 text-align: left;
}
.page-ttl + .ttl2 {
 margin-top: 0;
}
.ttl2 + .catch-ttl {
 padding-top: 0;
}
.page-ttl {
	margin-bottom: 10px;
	font-weight: bold;
}
.page-ttl-bottom {
  color: #999;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: bold;
}
.catch-ttl {
 font-size: 18px;
 text-align: left;
 font-weight: bold;
 padding: 15px 0;
}
.box-title {
 display: block;
 text-align: left;
}
.box-title span {
 font-size: 16px;
 font-weight: bold;
 padding: 10px 20px;
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 color: #203864;
 display: inline-block;
}

.box-title2 {
 display: block;
 text-align: left;
}
.box-title2 span {
 font-size: 16px;
 font-weight: bold;
 text-decoration: underline;
 padding: 10px 20px;
 border-radius: 5px;
 color: #203864;
 display: inline-block;
}

/*リスト系*/
.list-circle {
 list-style: none;
 text-align: left;
}
.list-circle li {
 position: relative;
}
.list-circle li::before {
 content: '\25CF';
 position: absolute;
 left: -1.35em;
 top: 0;
}

/* mmenu */
/* スマホハンバーガーメニューにサブメニューを挿入 */
#donate {
	display: none;
}


/* clearfix */
main::after, .clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#cboxOverlay {
	position:fixed; top:0;
	width:100%; height:100vh;
	background-color:#000;
	opacity:0.1;
}

#announce_list {
	height: 40px;
	width: 200px;
	margin: 1em auto 0;
	background-color: #dcdcdc;
	border-radius: 20px;
	margin-bottom: 1em;
}

#announce_list a {
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	top: 8px;
	color: #000000;
	font-weight: 700;
}

/*スマホ用設定ここから*/

@media screen and (max-width: 767px) {
	main {
		display: block;
		width: 100%;
		margin: 1em auto 1em;
		padding: 1em;
		text-align: left;
	}

	#main {
		padding: 0;
		margin: 0 auto;
		width: 100%;
		text-align: left;
		word-wrap: break-word;
	}
	#main{
		margin-top:25px;
	}
	
	
	

	.page_top_outer{
		clear: both;
		width: 100%;
		height: 40px;
		margin: 1em auto;
		padding: 0;
		position: relative;
	}

	.page_top_inner{
		float: none;
		width: 100%;
	}

	#page_top a{
	  position: relative;
	  display: block;
	  text-decoration: none;
	  text-align: center;
		top:8px;
		color: #ffffff;
		font-weight: 700;
	}
}