@charset "UTF-8";
/* =============================================



	decoration



*  ============================================= */
.mincho_hannari {
	font-family: "hannari" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , sans-serif;
}
.mincho {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.font_color_white {
	color: #fff !important;
}
.font_color_yellow {
	color: #f5c532 !important;
}
.font_color_cream {
	color: #8a9d50 !important;
}
.font_line_yellow {
	border-bottom: 1px solid #f5c532 !important;
	padding-bottom: 3px !important;
}
.line_1 {
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 30px;
	background-image: url(../img/common/line_1.png);
}
.font_center {
	text-align: center !important;
}
.font_right {
	text-align: right !important;
}
.font_left {
	text-align: left !important;
}
.font_strong {
	font-weight: bold !important;
}
.font_big {
	font-size: 2.2rem !important;
}
@media screen and (max-width: 980px) {
	.font_big {
		font-size: 1.8rem !important;
	}
}
.font_small {
	font-size: 1.3rem !important;
}
.font_bg {
	padding: 2% 2% 2% 0;
	background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 640px) {
	.font_bg {
		padding: 0;
		background-color: transparent;
	}
}
.font_shadow {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}
/* -------------------------------------------------------------------------------

	bg_color

--------------------------------------------------------------------------------- */
.bg_color_green {
	background-color: #faf9f5;
}
.bg_color_white {
	background-color: #fff;
}
/* =============================================



	dolphin



*  ============================================= */
.dolphin_left ,
.dolphin_right {
	width: 40px;
	padding: 0 2%;
}
@media screen and (max-width: 980px) {
	.dolphin_left ,
	.dolphin_right {
		width: 6%;
		padding: 0 2%;
	}
}
@media screen and (max-width: 640px) {
	.dolphin_left ,
	.dolphin_right {
		width: 10%;
		padding: 0 2%;
	}
}
@media screen and (max-width: 320px) {
	.dolphin_left ,
	.dolphin_right {
		width: 12%;
		padding: 0 4%;
	}
}
/* =============================================



	width



*  ============================================= */
.w70 {
	width: 80% !important;
}
@media screen and (max-width: 960px) {
	.w70 {
		width: 100% !important;
	}
}
@media screen and (max-width: 640px) {
	.w70 {
		width: 100% !important;
	}
}
/* =============================================



	margin



*  ============================================= */
/* -------------------------------------------------------------------------------

	top

--------------------------------------------------------------------------------- */
.mt2 {
	margin-top: 2% !important;
}
/* -------------------------------------------------------------------------------

	right

--------------------------------------------------------------------------------- */
.mr10 {
	margin-right: 10px !important;
}
/* -------------------------------------------------------------------------------

	bottom

--------------------------------------------------------------------------------- */
.pb10p {
	padding-bottom: 30px !important;
}
.mb4 {
	margin-bottom: 4% !important;
}
/* -------------------------------------------------------------------------------

	left

--------------------------------------------------------------------------------- */
.ml10 {
	margin-left: 10px !important;
}
/* -------------------------------------------------------------------------------

	right left

--------------------------------------------------------------------------------- */
.prl3 {
	padding: 0 3% !important;
}
/* =============================================



	only



*  ============================================= */
/* -------------------------------------------------------------------------------

	pc_only

--------------------------------------------------------------------------------- */
.pc_only {
	display: block;
}
br.pc_only,
a.pc_only,
span.pc_only {
	display: inline;
}
@media screen and (max-width: 960px) {
	.pc_only {
		display: none;
	}
	br.pc_only,
	a.pc_only,
	span.pc_only {
		display: none;
	}
}
/* -------------------------------------------------------------------------------

	pctb_only

--------------------------------------------------------------------------------- */
.pctb_only {
	display: block;
}
br.pctb_only,
a.pctb_only,
span.pctb_only {
	display: inline;
}
@media screen and (max-width: 640px) {
	.pctb_only {
		display: none;
	}
	br.pctb_only,
	a.pctb_only,
	span.pctb_only {
		display: none;
	}
}
/* -------------------------------------------------------------------------------

	sp_only

--------------------------------------------------------------------------------- */
.sp_only {
	display: none;
}
br.sp_only,
a.sp_only,
span.sp_only {
	display: none;
}
@media screen and (max-width: 960px) {
	.sp_only {
		display: block;
	}
	br.sp_only,
	a.sp_only,
	span.sp_only {
		display: inline;
	}
}
/* -------------------------------------------------------------------------------

	spsp_only

--------------------------------------------------------------------------------- */
.spsp_only {
	display: none;
}
br.spsp_only,
a.spsp_only,
span.spsp_only {
	display: none;
}
@media screen and (max-width: 640px) {
	.spsp_only {
		display: block;
	}
	br.spsp_only,
	a.spsp_only,
	span.spsp_only {
		display: inline;
	}
}
/* =============================================



	clearfix



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