@charset "UTF-8";
/* eyecatch-contents CSS Document */

.eyecatch-contents { text-align:left; }

/*--------------------------------------
	レイアウト確認用 背景色
---------------------------------------*/
/*.eyecatch-contents.background-test { background-color:#FFFFCC; }
.eyecatch-contents.background-test .contentBox { background-color:#FFCCCC; }
.eyecatch-contents.background-test .imgBox { background-color:#FFCC66;}*/

/*--------------------------------------
	テキスト指定
---------------------------------------*/
/* テキスト指定 白文字 */
.eyecatch-contents .contentBox.color-white,
.eyecatch-contents .contentBox.color-white h2,
.eyecatch-contents .contentBox.color-white h3,
.eyecatch-contents .contentBox.color-white h4,
.eyecatch-contents .contentBox.color-white .midashi,
.eyecatch-contents .contentBox.color-white .subtitle,
.eyecatch-contents .contentBox.color-white .h3-style,
.eyecatch-contents .contentBox.color-white .h4-style,
.eyecatch-contents .contentBox.color-white .txt-copy,
.eyecatch-contents .contentBox.color-white p { color:#FFFFFF!important; }

/* テキスト指定 白文字 */
.eyecatch-contents .contentBox.color-black,
.eyecatch-contents .contentBox.color-black h2,
.eyecatch-contents .contentBox.color-black h3,
.eyecatch-contents .contentBox.color-black h4,
.eyecatch-contents .contentBox.color-black .midashi,
.eyecatch-contents .contentBox.color-black .subtitle,
.eyecatch-contents .contentBox.color-black .h3-style,
.eyecatch-contents .contentBox.color-black .h4-style,
.eyecatch-contents .contentBox.color-black .txt-copy,
.eyecatch-contents .contentBox.color-black p { color:#000000!important; }

/* テキスト指定 白文字 */
.eyecatch-contents .contentBox.txt-bold,
.eyecatch-contents .contentBox.txt-bold h2,
.eyecatch-contents .contentBox.txt-bold h3,
.eyecatch-contents .contentBox.txt-bold h4,
.eyecatch-contents .contentBox.txt-bold .midashi,
.eyecatch-contents .contentBox.txt-bold .subtitle,
.eyecatch-contents .contentBox.txt-bold .h3-style,
.eyecatch-contents .contentBox.txt-bold .h4-style,
.eyecatch-contents .contentBox.txt-bold .txt-copy,
.eyecatch-contents .contentBox.txt-bold p { font-weight: bold!important; }

/*--------------------------------------
	レイアウト指定
---------------------------------------*/
/* eyecatch-contents */
.eyecatch-contents { position:relative; }
.eyecatch-contents:before { content: ""; display: block;}

/* ratio-yoko */
.ratio-yoko:before { padding-top: 75%;}
/* ratio-gold */
.ratio-gold:before {padding-top: 60%;}
/* ratio-hakugin */
.ratio-hakugin:before { padding-top: 57.75%;}
/* ratio-hakugin-s */
.ratio-hakugin-small:before {padding-top: 50%;}
/* ratio-silver-large */
.ratio-silver-large:before {padding-top: 45%;}
/* ratio-silver */
.ratio-silver:before {padding-top: 41.4%;}
/* ratio-menu */
.ratio-menu:before {padding-top: 38.16%;}
/* ratio-bronze */
.ratio-bronze:before {padding-top: 30.29%;}
/* ratio-h400 */
.ratio-h400:before {padding-top: 400px;}

.eyecatch-contents:before.inner {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

/*--------------------------------------
	左つき（上・中央・下）
---------------------------------------*/
/* ab-left-top */
.ab-left-top {position:absolute;top:0;left:0;}
/* ab-left-middle */
.ab-left-middle {position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
/* ab-left-bottom */
.ab-left-bottom {position: absolute;bottom: 0;left: 0;}
/*--------------------------------------
	センター（上・中央・下）
---------------------------------------*/
/* ab-center-top */
.ab-center-top {position:absolute;left: 50%;top:0;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
/* ab-center-middle */
.ab-center-middle {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
/* ab-center-bottom */
.ab-center-bottom { position:absolute;left: 50%;bottom:0;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
/*--------------------------------------
	右つき（上・中央・下）
---------------------------------------*/
/* ab-right-top */
.ab-right-top {position:absolute;top:0;right:0;}
/* ab-right-middle */
.ab-right-middle {position: absolute;top: 50%;right: 0%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
/* ab-right-bottom */
.ab-right-bottom {position: absolute;bottom: 0;right: 0;}

/*--------------------------------------
	コンテンツ
---------------------------------------*/
.eyecatch-contents .contentBox { z-index:5; }

.eyecatch-contents .title {
font-size: 2.25em;
/*line-height: 1.175;*/
line-height:1.175;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
margin-top: 0em;
margin-bottom:0!important;
}

.eyecatch-contents h3.title { border-left:none; padding-left:0; }

/* unit-subheader */
.eyecatch-contents .subtitle {
margin-top: 0.7em!important;
font-size: 1.3125em!important;
line-height: 1.2381;
/*font-weight: 400;*/
letter-spacing: .016em;
font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

/*　内部コンテンツ レイアウト調整　*/
.eyecatch-contents .contentBox h1:last-child,
.eyecatch-contents .contentBox h2:last-child,
.eyecatch-contents .contentBox h3:last-child,
.eyecatch-contents .contentBox h4:last-child,
.eyecatch-contents .contentBox h5:last-child,
.eyecatch-contents .contentBox h6:last-child,
.eyecatch-contents .contentBox p:last-child,
.eyecatch-contents .contentBox ul:last-child,
.eyecatch-contents .contentBox dl:last-child,
.eyecatch-contents .contentBox table:last-child,
.eyecatch-contents .contentBox p:last-child,
.eyecatch-contents .contentBox ul:last-child,
.eyecatch-contents .contentBox dl:last-child,
.eyecatch-contents .contentBox table:last-child {
margin-bottom:0;
}

/*--------------------------------------
	アイキャッチコンテンツ flex-center
---------------------------------------*/
.flex-center .eyecatch-contents { margin-bottom:0px; }

@media screen and (max-width: 1000px) {

/*========================================

 スマートフォン表示指定

========================================*/
.eyecatch-contents {padding-top:12%;padding-bottom:12%;}
.eyecatch-contents .title { font-size:1.9em!important; }

/*--------------------------------------
	クラス指定の解除
---------------------------------------*/
.eyecatch-contents .ab-left-top,
.eyecatch-contents .ab-left-middle,
.eyecatch-contents .ab-left-bottom,
.eyecatch-contents .ab-center-top,
.eyecatch-contents .ab-center-middle,
.eyecatch-contents .ab-center-bottom,
.eyecatch-contents .ab-right-top,
.eyecatch-contents .ab-right-middle,
.eyecatch-contents .ab-right-bottom {
position:relative;
left:0%;
-webkit-transform: translateY(0%)!important; /* Safari用 */
transform: translateY(0%)!important;
-webkit-transform: translateX(0%)!important; /* Safari用 */
transform: translateX(%)!important;
-webkit-transform: translate(0%, 0%)!important; /* Safari用 */
transform: translate(0%, 0%)!important;
}

.width30, .width35, .width40, .width45, .width50, .width55, .width60, .width70 { width:100%; box-sizing: border-box; }

.eyecatch-contents .mgn-t0,
.eyecatch-contents .mgn-t10,
.eyecatch-contents .mgn-t20,
.eyecatch-contents .mgn-t30,
.eyecatch-contents .mgn-t40,
.eyecatch-contents .mgn-t50,
.eyecatch-contents .mgn-t60,
.eyecatch-contents .mgn-t70,
.eyecatch-contents .mgn-t80,
.eyecatch-contents .mgn-t90,
.eyecatch-contents .mgn-t100{ margin-top:0!important;}

/*　下マージン指定　*/
.eyecatch-contents .mgn-b0,
.eyecatch-contents .mgn-b10,
.eyecatch-contents .mgn-b20,
.eyecatch-contents .mgn-b30,
.eyecatch-contents .mgn-b40,
.eyecatch-contents .mgn-b50,
.eyecatch-contents .mgn-b60,
.eyecatch-contents .mgn-b70,
.eyecatch-contents .mgn-b80,
.eyecatch-contents .mgn-b90,
.eyecatch-contents .mgn-b100{ margin-bottom:0!important;}

/*　左マージン指定　*/
.eyecatch-contents .mgn-l0,
.eyecatch-contents .mgn-l10,
.eyecatch-contents .mgn-l20,
.eyecatch-contents .mgn-l30,
.eyecatch-contents .mgn-l40,
.eyecatch-contents .mgn-l50,
.eyecatch-contents .mgn-l60,
.eyecatch-contents .mgn-l70,
.eyecatch-contents .mgn-l80,
.eyecatch-contents .mgn-l90,
.eyecatch-contents .mgn-l100,
.eyecatch-contents .mgn-l110,
.eyecatch-contents .mgn-l120{ margin-left:0!important;}

/*　右マージン指定　*/
.eyecatch-contents .mgn-r0,
.eyecatch-contents .mgn-r10,
.eyecatch-contents .mgn-r20,
.eyecatch-contents .mgn-r30,
.eyecatch-contents .mgn-r40,
.eyecatch-contents .mgn-r50,
.eyecatch-contents .mgn-r60,
.eyecatch-contents .mgn-r70,
.eyecatch-contents .mgn-r80,
.eyecatch-contents .mgn-r90,
.eyecatch-contents .mgn-r100,
.eyecatch-contents .mgn-r110,
.eyecatch-contents .mgn-r120{ margin-right:0!important;}

/* ratio */
.ratio-yoko:before,
.ratio-gold:before,
.ratio-hakugin:before,
.ratio-hakugin-small:before,
.ratio-silver-large:before,
.ratio-silver:before,
.ratio-menu:before,
.ratio-bronze:before {
    padding-top: 0%!important;
}

/*--------------------------------------
	.eyecatch-contents .inner
---------------------------------------*/
.eyecatch-contents .inner {
width:88%;
margin-left:auto!important;
margin-right:auto!important;
}

/*--------------------------------------
	.eyecatch-contents .imgBox
---------------------------------------*/
.eyecatch-contents .imgBox {
text-align:center;
}

}