@charset "UTF-8";

/* ------------------------------
　　フィールドモジュールから変数の読み込み。SetRenderedしていく。
------------------------------ */

	/* 	フォントのサイズ */
	

	/* 	見出しの書体 */
	

	/* 	Webフォントによる見出しの書体 */
	
	
	
	

	/* 	メインの色 */
	
	

	/* 	背景色 */
	
	

	/* 	ボタンの専用色 */
	
	

	/* 	テキストのリンクの色 */
	

	/* 	テキストの警告色 */
	

	/* 	テキストの安全色 */
	


	/* 	ロゴの表示サイズ */
	

	




/* ------------------------------
　　管理画面
------------------------------ */
.custom_bgcolorbegin .mainColor			{background: rgba(224,169,14,1);}
.custom_bgcolorbegin .mainColor-pale	{background: rgba(224,169,14,0.15);}
.custom_bgcolorbegin .grayColor			{background: rgba(0,0,0,0.1);}
.custom_bgcolorbegin .btnColor			{background: rgba(28,147,141,1);}
.custom_bgcolorbegin .dangerColor		{background: rgba(224,30,44,1);}
.custom_bgcolorbegin .safeColor			{background: rgba(0,122,160,1);}
.custom_bgcolorbegin .btnColor-pale		{background: rgba(28,147,141,0.125);}
.custom_bgcolorbegin .dangerColor-pale	{background: rgba(224,30,44,0.125);}
.custom_bgcolorbegin .safeColor-pale	{background: rgba(0,122,160,0.125);}


/* ------------------------------
　　管理画面▲▲▲
------------------------------ */

/* ------------------------------
　　ベース
------------------------------ */
body{background: rgba(255,255,255,1);
}

/* ------------------------------
　　フォントサイズ・書体
------------------------------ */
.acms-page-header .entry-title,.entry-style h2,.entry-style h3,.entry-style h2 span.bold,.entry-style h3 span.bold,.summaryEntryTitle,.page-title-wrapper .page-title,h2.categoryTitle,.telBtn,.main-slider-main-copy,.main-slider-side-copy,span.maxbig span.bold,span.bold span.maxbig,.page-description,.AccentTextHeader,.entry-style .AccentTitle__wrap .AccentTitle__text,.AccentTitle__deco,.entry-header-title,.media-title,.entry-style .entry-text-unit h4,.entry-style .GroupLink__title,.global-nav-item,.cta-round-title,.section-vertical-text,.card-title,.card-bordered-title,.section-horizontal-heading-side,.headline-text,.section-vertical-heading,.section-horizontal-heading,.section-horizontal-lead{
	font-family: "Roboto Condensed","Roboto Condensed",Segoe UI,Roboto,Helvetica Neue,Arial,YuGothic,Yu Gothic,"Hiragino Kaku Gothic Pro","Meiryo",sans-serif; }
span.webfont-A{
	font-family: "","Roboto Condensed",Segoe UI,Roboto,Helvetica Neue,Arial,YuGothic,Yu Gothic,"Hiragino Kaku Gothic Pro","Meiryo",sans-serif; }	
span.webfont-B{
	font-family: "","Roboto Condensed",Segoe UI,Roboto,Helvetica Neue,Arial,YuGothic,Yu Gothic,"Hiragino Kaku Gothic Pro","Meiryo",sans-serif;}
html {
  font-size: 16px; /* モジュールフィールドのフォントサイズを反映 */
}
/*  テキストユニットのWebフォント処理
------------------------------ */
.lite-editor-btn-group-wrap .acms-admin-btn-group-inline:nth-child(4){
	display:none;/* lite-editor-btn-group-wrapでは必ず4番目に表示されるので、表示順で制御。 */
}

/* ------------------------------
　　リンク　link
------------------------------ */
.entry-style a,.entry-style a:link,.entry-style a:visited{
	color: rgba(0,109,217,1);
}
.entry-style a:hover,.entry-style a:active{
	color: rgba(0,109,217,0.8);
}
.linkBtn,.linkBtn:visited,.entry-style a.linkBtn,.entry-style a.linkBtn:link,.btn-attention-block-large{
	background: rgba(224,169,14,1);
}
.btn-attention-block-large:active,.btn-attention-block-large:focus{
	background: rgba(224,169,14,0.65);
}
.linkBtn:hover,.linkBtn:active,.entry-style a.linkBtn:hover,.entry-style a.linkBtn:hover,.btn-attention-block-large:hover{
	background: rgba(224,169,14,0.85);
}
a.btnColor{
	background: rgba(28,147,141,1);
}
/* Utsuwaテーマへのカラー適用 */
.button,.video-modal-play-icon,.slick-dots li.slick-active button{
	background: rgba(224,169,14,1);
}
/*  ボタンのカスタムユニット
------------------------------ */
.linkBtn.origin, .entry-style a.linkBtn.origin, .entry-style a.linkBtn.origin:link{
	background: rgba(28,147,141,1);
}
.linkBtn.origin:hover,.linkBtn.origin:active,.entry-style a.linkBtn.origin:hover,.entry-style a.linkBtn.origin:hover{
	background: rgba(28,147,141,0.85);
}

/* ------------------------------
　　ヘッダーロゴ　logo header
------------------------------ */
.FirstHeader{				background: rgba(224,169,14,1);}
.FirstHeader.mainColor		{background: rgba(224,169,14,1);}
.FirstHeader.line			{background:#fff;border-top: 5px solid rgba(224,169,14,1);}
.FirstHeader.mainColor-pale	{background: rgba(224,169,14,0.5);}
.FirstHeader nav.white .nav-menu-btn,.FirstHeader nav.line .nav-menu-btn{
	color: rgba(224,169,14,1);
}
.global-nav-mobile-menu-btn{
	background: rgba(224,169,14,1);
}

/* ------------------------------
　　ナビゲーション navi
------------------------------ */
.MobileShortcut{
	background: rgba(224,169,14,1);
}
.LargeGlobalNav__mainList{
	border-left: 1px solid rgba(224,169,14,0.25);
}
.LargeGlobalNav__mainList:last-child{
	border-right: 1px solid rgba(224,169,14,0.25);
}
.LargeGlobalNav__mainList.special{
	background: rgba(28,147,141,1);
}
.LargeGlobalNav__mainList.bl-hover{
	background: rgba(224,169,14,0.075);
}
.LargeGlobalNav__mainList.bl-hover.special{
	background: rgba(28,147,141,0.8);
}
.headerNavSub{
	background: rgba(224,169,14,1);	
}
.LargeGlobalNav{
	border-top: 1px solid rgba(224,169,14,1);
}
/* Utsuwaテーマへのカラー適用 */
.global-nav-link::after,.global-nav-link.is-cta{
	background: rgba(224,169,14,1);
}
.global-nav-link.is-cta:hover{
	background: rgba(224,169,14,0.8);	
}
.global-nav-mobile-link.is-cta{
	background: rgba(28,147,141,1.0);
}

/*  オフキャンバスのナビ 
------------------------------ */
.js-acms-offcanvas-active .offcanvas-bar{
	background: rgba(224,169,14,1);
}
@media (min-width: 1024px){
	.navbar li:hover a {
	    border-bottom: 4px solid rgba(224,169,14,1);
	}
}

/* ------------------------------
　　タイトル・ヘッダー　header title
------------------------------ */
.page-title-wrapper{
	background-color: rgba(224,169,14,0.075);
}
.page-title-wrapper::before{
	background: rgba(0,0,0,.01);
	position: absolute;
	content: "";
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;	
}
.page-title-wrapper .page-title-en{
	color: rgba(224,169,14,1);
}
h2.categoryTitle{
	position: relative;
	background-color: rgba(224,169,14,0.075);
    border-bottom: 3px solid rgba(224,169,14,0.5);
}
h2.categoryTitle::before{
	background: rgba(0,0,0,.01);
	position: absolute;
	content: "";
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;	
}
a.categoryTitleWrap:hover{
	color: rgba(224,169,14,1);
    border-left: 12px solid rgba(224,169,14,1);
}
a.categoryTitleWrap:hover h2.categoryTitle{
    background-color: rgba(224,169,14,0.4);
}


/* ------------------------------
　　サブ領域 sub
------------------------------ */
.module-header{
	border-bottom: 2px solid rgba(224,169,14,1);
}

/* ------------------------------
　　エントリー　entry
------------------------------ */

.entry-style h2{
	border-bottom: 3px solid rgba(224,169,14,1);
}
.entry-style h2.bgColor::before{
	background: rgba(224,169,14,1);
}
.entry-style h3{
	border-bottom: 2px solid rgba(224,169,14,0.5);
}
.entry-style h3.bgColor::before{
	background: rgba(224,169,14,0.75);
}
.entry-style h4{
	border-bottom: 1px dashed rgba(224,169,14,0.75);
}
.entry-style h4.bgColor{
	border-bottom: 2px solid rgba(224,169,14,0.5);
}
.entry-style h4.bgColor::before{
	background-color: rgba(224,169,14,0.18);	
}
/* Utsuwaテーマへのカラー適用 */
.entry-header-title::before{
	background: rgba(224,169,14,1);
}

span.color{
	color:  rgba(224,169,14,1);
}
span.dangerColor{
	color:  rgba(224,30,44,1);
}
span.safeColor{
	color:  rgba(0,122,160,1);
}


/*  アクセント段落
------------------------------ */
a.linkBtn.AccentLinkStyle__color, .entry-style a.linkBtn.AccentLinkStyle__color:link{
	background: rgba(28,147,141,0.85);
}
.linkBtn.AccentLinkStyle__color:hover,.linkBtn.AccentLinkStyle__color:active,.entry-style a.linkBtn.AccentLinkStyle__color:hover,.entry-style a.linkBtn.AccentLinkStyle__color:hover{
	background: rgba(28,147,141,1);
}
.entry-style .AccentTitle__text.AccentTitleStyle__main{
	background: rgba(224,169,14,1);
}
.entry-style .AccentTitle__text.AccentTitleStyle__border{
	border: 2px solid rgba(224,169,14,1);
	color: rgba(224,169,14,1);
	padding: 0.5em;
	line-height: 1;
}
 .entry-style .AccentTitle__deco.AccentTitleStyle__main, .AccentTitle__deco.AccentTitleStyle__border{
	color: rgba(224,169,14,1);
}





/* 背景色のカスタムユニット */
.custom_bgColor.whiteColor{background: #fff;}
.custom_bgColor.mainColor{background: rgba(224,169,14,1);}
.custom_bgColor.mainColor-pale{background: rgba(224,169,14,0.08);}
.custom_bgColor.grayColor{background: rgba(0,0,0,0.04);}
.custom_bgColor.btnColor{background: rgba(28,147,141,1);}
.custom_bgColor.dangerColor{background: rgba(224,30,44,1);}
.custom_bgColor.safeColor{background: rgba(0,122,160,1);}
.custom_bgColor.btnColor-pale{background: rgba(28,147,141,0.08);}
.custom_bgColor.dangerColor-pale{background: rgba(224,30,44,0.08);}
.custom_bgColor.safeColor-pale{background: rgba(0,122,160,0.08);}

/* エントリーのリスト */
.entry-style ul li:before{
   background-color: rgba(224,169,14,0.6);
}
.entry-style ol li:before {
  color: rgba(224,169,14,1);
}

/* シリアルナビ */
.serial-nav span.linkName{
	color: rgba(0,109,217,1);
}
.serial-nav .upperLink a:hover{
	background:  rgba(0,109,217,0.1);
}
.serial-nav .upperLink .acms-icon-sort{
	color: rgba(0,109,217,1);
}
@media screen and (min-width: 768px){
	.serial-nav li.nextLink a{
		border-right: 5px solid rgba(0,109,217,1);
	}
	.serial-nav li.nextLink a:hover{
		border-right: 1px solid rgba(0,109,217,1);
	}	
	.serial-nav li.prevLink a{
		border-left: 5px solid rgba(0,109,217,1);
	}
	.serial-nav li.prevLink a:hover{
		border-left: 1px solid rgba(0,109,217,1);
	}
	.serial-nav li a:hover{
		background:  rgba(0,109,217,0.1);
	}
}
/* カテゴリーごとの動線カスタム　メイン領域 */
.guideTextEntry{
	background: rgba(224,169,14,0.05);
}
.guideTextBottomEntry{
	border-top: 4px solid rgba(224,169,14,0.5);
}
.guideTextFirstEntry{
	border-bottom: 4px solid rgba(224,169,14,0.5);	
}

/*  グループ&Linkのカスタムユニット */
.GroupLink__label{
	background: rgba(224,169,14,0.5);
}
.GroupLink__btn{
	background: rgba(224,169,14,1);
}
.btnAccentColor .GroupLink__btn{
	background: rgba(28,147,141,1);
}
.-imgLayer .GroupLink__label{
	background: rgba(224,169,14,1);	
}


/* ------------------------------
　　▲▲▲エントリー　entry
------------------------------ */

/* ------------------------------
　　サマリー・一覧　index
------------------------------ */
.summary-custom-entry {
    border-top: 3px solid rgba(224,169,14,1);
}
.summary-custom-entry.baseColor {
	background: rgba(224,169,14,0.04);
}

nav.cfFilter ul a{
	background: rgba(224,169,14,1);	
	text-shadow: 0px 0px 3px rgba(0,0,0,0.35);
}
.cfFilterWrap label.filterName{
	border-bottom: 2px solid rgba(224,169,14,0.5);
	background: rgba(224,169,14,0.07);
}
label.entryFieldFilter{
	background: rgba(224,169,14,0.1);
}

/* ------------------------------
　　トップ　top
------------------------------ */



/* ------------------------------
　　フッター footer
------------------------------ */
.FooterCta__innerWrap{
	background-color: rgba(224,169,14,0.075);
	position: relative;
	z-index: 1;
}
.FooterCta__innerWrap::before{
	background-color: rgba(0,0,0,.01);
	position: absolute;
	content: "";
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	z-index: -1;
}
.spFooterNaviWrap {
    background: rgba(224,169,14,1);
}
/* 	フッターサジェスト▼▼▼ */
.telBtn .tenIcon{
	background: rgba(224,169,14,1);
}
.suggest-box h2{
	background: rgba(224,169,14,1);
}
.foot-wrapper{
	background: rgba(224,169,14,1);
}
.suggest-box{
	background: rgba(224,169,14,0.15);
}

/*  追従バナー
------------------------------ */
.FloatingBanner__wrap,.FloatingBanner__imgWrap,.FloatingBanner__iconWrap{
	background-color: rgba(224,169,14,1);

}


/* ------------------------------
　　よくある質問 faq
------------------------------ */
.faq-list .faq-icon{
	color: rgba(224,169,14,1);
}