@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------------------------
■no_img NO IMAGE eyecatch
--------------------------------------------------------------------------------------------------------------------*/
.no_img {
	background : url(./custom/no_image.png) #ccc no-repeat center center;
	background-size : contain;
}
.no_img-sq {
	background : url(./custom/no_image.png) #ccc no-repeat center center;
	background-size : contain;
}
/*--------------------------------------------------------------------------------------------------------------------
■scroll_box　スクロールボックス
--------------------------------------------------------------------------------------------------------------------*/
#scroll_box02 {
	background : #c30;
}
#scroll_box03 {
	background : url(./images/wp_calendar-bg.jpg);
	background-size : cover;
}
#scroll_box04 {
	background : url(./images/g-egg.jpg);
	background-size : cover;
}
.top_banners * ,
.top_banners a {
	color : #fff;
	font-weight : bold;
	font-size : 1.1rem;
	text-shadow : 1px 1px 1px #000;
}
.top_banners h2 {
	display : block;
	text-align : center;
	border : 2px solid #fff;
	margin-bottom : 1em;
	font-size : 1.1rem;
	line-height : 1.4em;
	padding : 0.5em 0;
	background : transparent;
}
.top_banners4 h2::before {
	content : none;
}
.top_banners img {
	display : none;
}
@media screen and (min-width: 1000px) {
.top_banners h2 {
	margin-bottom : 4rem;
	font-size : 1.25rem;
}
.top_banners img {
	display : inline;
}
}
/*--------------------------------------------------------------------------------------------------------------------
■段落 header
--------------------------------------------------------------------------------------------------------------------*/
p {
}
h1 {
}
h1.catch {
	padding : 0;
	margin: 60px 0;
	font-family : var(--font-family02);
	font-weight : 700;
	font-size:  30px;
	line-height : 1.2em;
	text-align : center;
	--gradient-start : #022640;
	--gradient-end : #57a6ab;
	background : linear-gradient(90deg,var(--gradient-start),var(--gradient-end));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1000px) {
h1.catch {
	font-size:  64px;
}
}
h1.page-title ,
h1.entry-title,
h1.search_result-title ,
h4.category-title {
	font-family : var(--font-family02);
	font-weight : 300;
	font-size:  1.5rem;
	line-height : 1.2em;
	border-bottom: solid 6px #000;
	padding-bottom:  10px;
	margin: 30px 0;
	position:  relative;
}
h1.page-title::before ,
h1.entry-title::before,
h1.search_result-title::before ,
h4.category-title::before {
	content:  '';
	width: 25%;
	height: 6px;
	background: #026796;
	display:  block;
	position:  absolute;
	left:  0;
	bottom: -6px;	
}
h2 {
	padding : 0.8rem 1rem;
	margin : 2rem 0;
	font-family : var(--font-family02);
	font-weight : 500;
	font-size:  1.25rem;
	line-height : 1em;
	--gradient-start : #022640;
	--gradient-end : #57a6ab;
	background : linear-gradient(90deg,var(--gradient-start),var(--gradient-end));
	color : #fff;
}
h3 {
	margin : 1.5rem 0 1rem 0;
	padding : 0 0 0.5rem 0;
	font-family : var(--font-family02);
	font-weight : 500;
	font-size : 1.2rem;
	line-height : 1.5em;
	color : var(--color-02);
	border-bottom : 1px solid var(--color-02);
}
h4 {
	margin : 1rem 0;
	padding : 0;
	font-family : var(--font-family02);
	font-weight : 300;
	font-size : 1.2rem;
	line-height : 1.5em;
	color : var(--color-02);
}
h5 {
}
h6 {
}
h7 {
}
@media screen and (min-width: 1000px) {
h1.page-title ,
h1.entry-title,
h1.search_result-title ,
h4.category-title {
	font-size : 1.8rem;
}
h2 {
	font-size : 1.5rem;
}
h3 {
	font-size : 1.3rem;
}
}
/*--------------------------------------------------------------------------------------------------------------------
■ボタン
--------------------------------------------------------------------------------------------------------------------*/
p.standard_button {
}
p.standard_button button,
p.standard_button input,
p.standard_button a,
input.wpcf7-submit {
	display : inline-block;
	padding : 0.5rem 1rem;
	margin : 1rem 0;
	border : 1px solid #999;
	border-radius : 2px;
	background : #fff;
	color : #000;
	font-family : var(--font-family02);
	font-size : 1rem;
	line-height : 1.5em;
	font-weight : normal;
}
p.standard_button button:hover,
p.standard_button a:hover ,
p.standard_button input:hover,
input.wpcf7-submit:hover {
	background : var(--color-04);
	border : 1px solid var(--color-04);
	color : #fff!important;
	transition: background-color 0.2s ease;
}
p.csr_button {
}
p.csr_button button,
p.csr_button input,
p.csr_button a {
	display : inline-block;
	padding : 0.5rem 1rem;
	margin : 1rem 0;
	border : 2px solid #387ad4;
	border-radius : 2px;
	background : #fff;
	color : #084497;
	font-family : var(--font-family02);
	font-size : 1.2rem;
	line-height : 1.5em;
	font-weight : bold;
}
p.csr_button button:hover,
p.csr_button a:hover ,
p.csr_button input:hover {
	background : var(--color-04);
	border : 1px solid var(--color-04);
	color : #fff!important;
	transition: background-color 0.2s ease;
}
/*--------------------------------------------------------------------------------------------------------------------
■リンクアイコン
--------------------------------------------------------------------------------------------------------------------*/
a.lnk_icon {
}
a.lnk_icon:before {
	content : "\f35d";
	font-family : Fontawesome;
	margin-right : 0.5em;
}
/*--------------------------------------------------------------------------------------------------------------------
■書体
--------------------------------------------------------------------------------------------------------------------*/
p.gothic ,
span.gothic {
	font-family : var(--font-family02);
}