@charset "UTF-8";

/* ======================================
ブランドヘッダー、フッターの設定
2019.10.16 追記
====================================== */

/* テキスト設定 */
/*.g-BrHeaderCommon .cmn-richtext,
.g-BrHeaderCommon .g-BrHeaderNavListLink,
.l-BrHeaderNavList__item.is-active a.l-BrHeaderNavListLink{ */
/* color: #1dca9d; */
/* color: #ffffff;
} */
/*
@media only screen and (min-width: 1025px){
.g-BrHeaderCommon a:hover{
color: #009270 !important;
}
}
*/

/* タブレット、スマホサイズからPCに戻した際に、リンクが消えてしまうのを防ぐ */
@media only screen and (min-width: 1025px){
	.g-BrHeaderNav__listBlock{
		display: block !important;
	}
}

/* PC時のホバー挙動
? 背景色が緑なので、テキスト色を白から変更させない */
/* @media only screen and (min-width: 1025px){
	.l-BrHeaderNavList__item.is-active a.l-BrHeaderNavListLink:hover,
	.l-BrHeaderNavList__item.is-active a.l-BrHeaderNavListLink:focus,
	.l-BrHeaderNavList__item a.l-BrHeaderNavListLink:hover,
	.l-BrHeaderNavList__item a.l-BrHeaderNavListLink:focus{
		color: #fff;
	}
} */
/* タブレット、スマホ時 ボタン部分のフォントカラー変更、ホバー時の背景色変更設定 */
@media only screen and (max-width: 1024px) {
	/* .g-BrHeaderCommon .g-BrHeaderNavListLink,
	.l-BrHeaderNavList__item.is-active a.l-BrHeaderNavListLink{
		color: #333;
	} */
	.soudan-brand-header .l-BrHeaderNavList__item .l-BrHeaderNavListLink:hover{
		/* color: #333 !important; */
		background: #E0F3F0 !important;
	}
}
/* 「お問い合わせ（生活者コミュニケーションセンター）」の幅設定 */
@media only screen and (min-width: 1025px){
.g-BrHeaderCommon .g-Column__cols{
min-width: 210px;
}
}
@media only screen and (max-width: 1024px){
.g-BrHeaderCommon .g-Column__cols{
max-width: 250px;
}
}


/* リンクの幅設定 */
/* 別ページからリンクした時に挙動がおかしくなるのを防ぐ設定 */
@media only screen and (min-width: 1025px){
.g-BrHeaderNavList__item {
margin: 0px 0;
width: 33% !important;
padding: 6px 5px;
border: 0px !important;
}

.g-BrHeaderCommon .g-ColumnUnit{
height: auto !important;
}

.g-BrHeaderNavList__item__white-space{
white-space: nowrap;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1324px){
.g-BrHeaderNavList__item{
width: 33% !important;
padding: 6px 5px;
border: 0px !important;
}

.g-BrHeaderCommon .g-ColumnUnit{
height: auto !important;
}
}


/* MENU設定 */
/* .l-BrHeaderNav__buttonBlock a {
background: #FFFFFF;
color: #23a582;
} */
/* .l-BrHeaderNav__buttonBlock a .cmn-icon {
color: #23a582;
} */

/* ブランドヘッダー部分の背景色設定 */
/* .soudan-brand-header .g-BrHeader{
	background: #00a582;
} */

/* お問い合わせ部分の太字設定
? ブランドヘッダー内で「opt-fontsize--l」を使っている箇所が1箇所だけなので紐づけて指定しています。 */
.soudan-brand-header .g-BrHeader .opt-fontsize--l{
	font-weight: bold;
}

/* オンマウス時の下線設定 */
@media only screen and (min-width: 1025px){
.l-BrHeaderNavList__item a:hover{
text-decoration: underline !important;
}
}

/* テキスト左揃え設定 */
@media only screen and (min-width: 1025px){
.g-BrHeaderNavList__item .g-BrHeaderNavListLink .g-BrHeaderNavListLink__inner {
display: table-cell;
padding: 0px 0px;
text-align: left;
vertical-align: middle;
}
}


/* 「お問い合わせ」のマージン設定 */
@media only screen and (min-width: 641px){
.margin-top01--imp {
margin-top: 5px !important;
margin-right: 30px;
}
}
@media only screen and (max-width: 640px){
.margin-top01--imp {
padding-top: 0px !important;
margin-right: 80px !important;
}
}
@media only screen and (max-width: 374px){ /* iphone SE */
.margin-top01--imp {
margin-right: 0 !important;
}
}

/* 「お問い合わせ」のフォントサイズ設定 */
.g-BrHeaderNavListLink-top .opt-fontsize--l {
font-size: 1.8em;
}

/* 「お問い合わせ」のリンク設定 */
.g-BrHeaderNavListLink-top{
text-decoration: none !important;
}
.g-BrHeaderNavListLink-top:hover{
color: #00a582 !important;
}


/* ヘッダーのフォント設定 */
.g-BrHeader{
font-family: "FP-ヒラギノUD角ゴ StdN W5", FP-HiraginoUDSansStdN-W5, sans-serif;
}
.g-BrHeaderNav-menu-style{
font-family: "FP-ヒラギノUD角ゴ StdN W4", FP-HiraginoUDSansStdN-W4, sans-serif;
}

@media only screen and (min-width: 1025px) and (max-width: 1087px){
.soudan-padding-top08{
padding-top: 9px !important;
}
}

<!--0.00010180473327637-->