@charset "UTF-8";

/*==========================================================
 【2019.04.22 更新】

※サステナ年次更新の際、TCIで作成するCSSをここに記述する。
※更新の際、不要となるCSSは削除すること。
============================================================*/

/* ---------- ---------- ---------- 
	:: index ::

01. Heading

---------- ---------- ---------- */


/* ---------- ---------- ---------- 
:: for large screen ::
@media only screen and (min-width: 1025px) {
}
:: for medium screen ::
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media only screen and (max-width: 640px) {
}
---------- ---------- ---------- */


/* 01. Heading
---------- ---------- ---------- */
/* 01-1. Heading Lv1 : category top
---------- ---------- */
/* text position */
@media only screen and (min-width: 1025px) {
	.corp-cat-headingLv1-top .l-PageTitle__titleBlock__titleBox {
		top: 30%;
		left: 0%;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
	.corp-cat-headingLv1-top .l-PageTitle__titleBlock__titleBox {
		top: 30%;
		left: 0%;
	}
}
@media only screen and (max-width: 640px) {
	.corp-cat-headingLv1-top .l-PageTitle__titleBlock__titleBox {
		top: 10%;
		left: 0%;
	}
}


/*--------------------------------------------------------------
サブテキスト部分の設定
⇒ position:aboslute; を付与している箇所の、top、left、right、bottomの値を調整すれば
緑矢印の位置を調整できます。
----------------------------------------------------------------*/ 
/*------PCサイズ---------------------------*/
@media only screen and (min-width: 1025px) {
    .sub_text_setting .corp-button .is-leftIcon .l-ButtonUnit__link .cmn-richtext{
        padding-left: 0 !important;
    }
    .sub_text_setting .is-equalWidth .g-ButtonUnit{
        color: #717173; 
        position: relative;
    }
    .sub_text_setting .corp-button .l-ButtonUnit .l-ButtonUnit__link .l-ButtonUnit__link__icon{
        position: absolute;
        left: -37px;
    }
    .sub_text_setting .corp-button .l-ButtonUnit .l-ButtonUnit__link{
        border: 0;
        padding: 0;
    }
    .sub_text_setting .g-ButtonP.is-gutter--none .g-ButtonP__list__item{
        width: auto;
        float: right;
    }
    .sub_text_setting .g-ButtonUnit a:hover{
        background: transparent;
    }
}
/*------タブレットサイズ---------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .sub_text_setting .corp-button .is-leftIcon .l-ButtonUnit__link .cmn-richtext{
        padding-left: 0 !important;
    }
    .sub_text_setting .is-equalWidth .g-ButtonUnit{
        color: #717173;
        position: relative;
    }
    .sub_text_setting .corp-button .l-ButtonUnit .l-ButtonUnit__link .l-ButtonUnit__link__icon{
        position: absolute;
        left: -37px;
    }
    .sub_text_setting .corp-button .l-ButtonUnit .l-ButtonUnit__link{
        border: 0;
        padding: 0;
    }
    .sub_text_setting .g-ButtonP.is-gutter--none .g-ButtonP__list__item{
        width: auto;
        float: right;
    }
    .sub_text_setting .g-ButtonUnit a:hover{
        background: transparent;
    } 
}
/*------スマホサイズ---------------------------*/
@media only screen and (max-width: 640px) {
    .sub_text_setting .corp-button .is-leftIcon .l-ButtonUnit__link .cmn-richtext{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sub_text_setting .is-equalWidth .g-ButtonUnit{
        color: #717173;   
        position: relative;
    }
    .sub_text_setting .corp-button .l-ButtonUnit .l-ButtonUnit__link .l-ButtonUnit__link__icon{
        position: absolute;
        left: -37px;
    }
    .sub_text_setting .corp-button .l-ButtonUnit .l-ButtonUnit__link{
        border: 0;
        padding: 0;
    }
    .sub_text_setting .g-ButtonP.is-gutter--none .g-ButtonP__list__item{
        width: auto;
        float: right;
    }
    .sub_text_setting .g-ButtonUnit a:hover{
        background: transparent;
    }
}

/*--------------------------------------------------------------
カルーセルコンテンツ以外のコンテンツ表示幅の設定（H1が入っていないセクション）
⇒ デフォルトでコンテンツ幅(max-width)が指定されているため、カルーセルに合わせる形の装飾変更記述
----------------------------------------------------------------*/ 
/*------PC時サイズ---------------------------*/
@media only screen and (min-width: 1025px) {
	.mv_section_setting .g-Section__inner{
		max-width: 1366px !important;
		margin-bottom: 0 !important;
	}  
}
/*------タブレットサイズ---------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .mv_section_setting .g-Section__inner{
		max-width: 1366px !important;
		margin-bottom: 0 !important;
	} 
}
/*------スマホサイズ---------------------------*/
@media only screen and (max-width: 640px) {
    .mv_section_setting .g-Section__inner{
		max-width: 1366px !important;
		margin-bottom: 0 !important;
	} 
}
/*--------------------------------------------------------------
カルーセルコンテンツ以外のコンテンツ表示幅等の設定（H1が入ってるセクション）
⇒ デフォルトでコンテンツ幅(max-width)が指定されているため、カルーセルに合わせる形の装飾変更記述
⇒ デフォルトで付与されているH1のボーダー削除
----------------------------------------------------------------*/ 
/*------PC時サイズ---------------------------*/
@media only screen and (min-width: 1025px) {
	.mv_section_setting{
		border: 0 !important;
	}
	.mv_section_setting .corp-cat-headingLv1 .l-PageTitle__titleBlock{
		max-width: 1366px !important;
	}
	.mv_section_setting .corp-cat-headingLv1 .l-PageTitle__titleBlock__titleBox__title{
		border: 0;
		padding: 0;
	}
}
/*------タブレットサイズ---------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .mv_section_setting{
		border: 0 !important;
	}
	.mv_section_setting .corp-cat-headingLv1 .l-PageTitle__titleBlock{
		max-width: 1366px !important;
	}
	.mv_section_setting .corp-cat-headingLv1 .l-PageTitle__titleBlock__titleBox__title{
		border: 0;
		padding: 0;
	}
}
/*------スマホサイズ---------------------------*/
@media only screen and (max-width: 640px) {
    .mv_section_setting{
		border: 0 !important;
	}
	.mv_section_setting .corp-cat-headingLv1 .l-PageTitle__titleBlock{
		max-width: 1366px !important;
	}
	.mv_section_setting .corp-cat-headingLv1 .l-PageTitle__titleBlock__titleBox__title{
		border: 0;
		padding: 0;
	}
}
/*--------------------------------------------------------------
H1付近の余白調整設定
⇒ H1上部の余白を、H1下の余白と合わせるための装飾記述です。
※ line-heightや、他CSSで付与されているっぽい余白の関係もありますので
余白を広げるだけならpadding-topの数値をいじれば良いですが、余白を削る場合はデベロッパーが確認しつつ調整してください。
----------------------------------------------------------------*/ 
/*------PC時サイズ---------------------------*/
@media only screen and (min-width: 1025px) {
	.mv_section_setting .g-Section__inner .g-Column .g-Column__inner .g-Column__cols{
		padding-top: 20px !important;
		padding-bottom: 0 !important;
	}
}
/*------タブレットサイズ---------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .mv_section_setting .g-Section__inner .g-Column .g-Column__inner .g-Column__cols{
		padding-top: 20px !important;
		padding-bottom: 0 !important;
	}
}
/*------スマホサイズ---------------------------*/
@media only screen and (max-width: 640px) {
    .mv_section_setting .g-Section__inner .g-Column .g-Column__inner .g-Column__cols{
		padding-top: 20px !important;
		padding-bottom: 0 !important;
	}
}
/*--------------------------------------------------------------
※ タブレット表示時限定の余白調整
----------------------------------------------------------------*/ 
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .mv_section_setting .opt-mt10--imp{
		margin-top: 20px !important;
	}
	.mv_top_margin_bottom .l-Section__inner{
		margin-bottom: 0 !important;
	}
}

/*--------------------------------------------------------------
※ バナー用のテキスト調整
----------------------------------------------------------------*/
.corp-banner03-tileLink .l-TileLinkVUnit.is-colorset--1,.corp-banner02-tileLink .l-TileLinkVUnit.is-colorset--1{
background-color:transparent;
}

.corp-banner03-tileLink .g-TileLinkVUnit.is-colorset--1,.corp-banner02-tileLink .g-TileLinkVUnit.is-colorset--1{
background-color:transparent;
}

.corp-banner03-tileLink .g-TileLinkVUnit__leadBlock__lead .l-Text:after,.corp-banner02-tileLink .g-TileLinkVUnit__leadBlock__lead .l-Text:after{
display:none;}

.corp-cat-tileLink.corp-banner03-tileLink .l-TileLinkVUnit__leadBlock__title,.corp-cat-tileLink.corp-banner02-tileLink .l-TileLinkVUnit__leadBlock__title{
text-align:left;
}

.corp-banner03-tileLink .l-TileLinkVUnit__leadBlock,.corp-banner02-tileLink .l-TileLinkVUnit__leadBlock{
margin-right:0px;
margin-left:0px;
}

.corp-banner03-tileLink p,.corp-banner02-tileLink p{
	font-size:14px;
}
 
 /*--------------------------------------------------------------
※ AboutTOPのタイトル位置調整
----------------------------------------------------------------*/ 
/*------PC時サイズ---------------------------*/
@media only screen and (min-width: 1025px) {
.corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 1245px;
    box-sizing: border-box;
}
}
/*------タブレットサイズ---------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
        margin-top: 45px;
        padding: 0 20px 0 5px;
    }
}
/*------スマホサイズ---------------------------*/
@media only screen and (max-width: 640px) {
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
        margin-top: 30px;
        padding: 0 26px;
    }
}