/*
エージェント別
*/
.u-pc { display: block !important; }
.u-pc__inline { display: inline !important; }
.u-sp { display: none !important; }
.u-sp__inline { display: none !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-pc { display: none !important; }
.u-pc__inline { display: none !important; }
.u-sp { display: block !important; }
.u-sp__inline { display: inline !important; }
}

/*
margin top
*/
.u-mt__4 { margin-top: 4px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__4 { margin-top: 2px; }
}
.u-mt__6 { margin-top: 6px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__6 { margin-top: 3px; }
}
.u-mt__8 { margin-top: 8px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__8 { margin-top: 4px; }
}
.u-mt__10 { margin-top: 10px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__10 { margin-top: 5px; }
}
.u-mt__14 { margin-top: 14px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__14 { margin-top: 7px; }
}
.u-mt__16 { margin-top: 16px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__16 { margin-top: 8px; }
}
.u-mt__20 { margin-top: 20px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__20 { margin-top: 10px; }
}
.u-mt__24 { margin-top: 24px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__24 { margin-top: 12px; }
}
.u-mt__26 { margin-top: 26px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__26 { margin-top: 13px; }
}
.u-mt__28 { margin-top: 28px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__28 { margin-top: 14px; }
}
.u-mt__30 { margin-top: 30px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__30 { margin-top: 15px; }
}
.u-mt__34 { margin-top: 34px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__34 { margin-top: 17px; }
}
.u-mt__40 { margin-top: 40px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__40 { margin-top: 20px; }
}
.u-mt__50 { margin-top: 50px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__50 { margin-top: 25px; }
}
.u-mt__54 { margin-top: 54px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__54 { margin-top: 27px; }
}
.u-mt__60 { margin-top: 60px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__60 { margin-top: 30px; }
}
.u-mt__74 { margin-top: 74px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__74 { margin-top: 37px; }
}
.u-mt__80 { margin-top: 80px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__80 { margin-top: 45px; }
}
.u-mt__100 { margin-top: 100px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__100 { margin-top: 50px; }
}

/*
padding left
*/
.u-pl__1 { padding-left: 0.5em; }
.u-pl__2 { padding-left: 1em; }

/*
フォントサイズ
*/
.u-fs__12 { font-size: 12px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__12 { font-size: 11px; }
}
.u-fs__14 { font-size: 14px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__14 { font-size: 12px; }
}
.u-fs__16 { font-size: 16px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__16 { font-size: 13px; }
}
.u-fs__18 { font-size: 18px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__18 { font-size: 14px; }
}
.u-fs__20 { font-size: 20px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__20 { font-size: 15px; }
}
.u-fs__22 { font-size: 22px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__22 { font-size: 16px; }
}
.u-fs__24 { font-size: 24px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__24 { font-size: 17px; }
}
.u-fs__26 { font-size: 26px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__26 { font-size: 19px; }
}
.u-fs__28 { font-size: 28px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__28 { font-size: 20px; }
}
.u-fs__30 { font-size: 30px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__30 { font-size: 21px; }
}
.u-fs__32 { font-size: 32px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__32 { font-size: 22px; }
}
.u-fs__34 { font-size: 34px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__34 { font-size: 23px; }
}
.u-fs__36 { font-size: 36px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__36 { font-size: 24px; }
}
.u-fs__38 { font-size: 38px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__38 { font-size: 25px; }
}
.u-fs__40 { font-size: 40px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__40 { font-size: 26px; }
}
.u-fs__42 { font-size: 42px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__42 { font-size: 28px; }
}
.u-fs__44 { font-size: 44px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__44 { font-size: 30px; }
}
.u-fs__46 { font-size: 46px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__46 { font-size: 32px; }
}

/*
フォント
*/
/* Noto Sans JP */
.u-font__w__300 {
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: 300;
}

.u-font__w__400 {
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: 400;
}

.u-font__w__500 {
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: 500;
}

.u-font__w__700 {
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: 700;
}

/* Roboto */
.u-font__roboto {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.4;
}

.u-font__roboto__w__400 {
	font-family: 'Roboto', sans-serif;
	line-height: 1.4;
	font-weight: 400;
}

.u-font__roboto__w__500 {
	font-family: 'Roboto', sans-serif;
	line-height: 1.4;
	font-weight: 500;
}

.u-font__roboto__w__700 {
	font-family: 'Roboto', sans-serif;
	line-height: 1.4;
	font-weight: 700;
}

/* Noto Serif JP */
.u-font__noto__serif {
	font-family: 'Noto Serif JP', serif;
}

/* Playfair Display */
.u-font__playfair {
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.05em;
}

/* Sawarabi Mincho */
.u-font__sawarabi {
	font-family: 'Sawarabi Mincho', sans-serif;
	letter-spacing: 0.05em;
}

/* EB Garamond */
.u-font__eb__gra {
	font-family: 'EB Garamond', serif;
}

/*
文字間
*/
.u-ls__-002em {
	letter-spacing: -0.02em;
}

.u-ls__-001em {
	letter-spacing: -0.01em;
}

.u-ls__-05em {
	letter-spacing: -0.5em;
}

.u-ls__01em {
	letter-spacing: 0.1em;
}

/*
フォントカラー
*/
.u-fc__white { color: #fff; }
.u-fc__gray { color: #ccc; }
.u-fc__black { color: #000; }
.u-fc__red { color: #e35293; }
.u-fc__skyblue { color: #9de5fb; }
.u-fc__skyblue__02 { color: #ccffff; }

/*
テキストレイアウト
*/
.u-txt__l { text-align: left; }
.u-txt__c { text-align: center; }
.u-txt__r { text-align: right; }

/*
行間
*/
.u-lh__1_2 { line-height: 1.2; }
.u-lh__1_4 { line-height: 1.4; }
.u-lh__1_6 { line-height: 1.6; }
.u-lh__2 { line-height: 2; }

/*
PCのみマウスオーバーで透過
*/
/********* pcのみ *********/
@media only screen and (min-width: 751px) {
.u-ov__alpha:hover {
 -webkit-transition: 0.3s ease-in-out;  
 -moz-transition: 0.3s ease-in-out;  
 -o-transition: 0.3s ease-in-out;  
 transition: 0.3s ease-in-out;
 opacity: 0.7;  
 filter: alpha(opacity=70);
 }
}

/*
btn type m
*/
.u-btn__type__m {
	background-image: url(/assets/images/ic_arrow_white_l.png),url(/assets/images/btn_type_01_bg.png);
	background-repeat: no-repeat,repeat-y;
	background-size: 26px,100%;
	background-position: right 20px center,top left;
	color: #fff;
	font-size: 20px;
	padding: 26px 0 24px 30px;
	display: inline-block;
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;  
 -moz-transition: 0.3s ease-in-out;  
 -o-transition: 0.3s ease-in-out;  
 transition: 0.3s ease-in-out;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-btn__type__m {
	background-image: url(/assets/images/ic_arrow_white_l.png),url(/assets/images/btn_type_01_bg.png);
	background-repeat: no-repeat,repeat-y;
	background-size: 22px,100%;
	background-position: right 20px center,top left;
	font-size: 18px;
	padding: 15px 0 15px 25px;
 }
}


/********* pcのみ *********/
@media only screen and (min-width: 751px) {
.u-btn__type__m:hover {
	background-image: url(/assets/images/ic_arrow_white_l.png),url(/assets/images/btn_type_01_bg_on.png);
	background-repeat: no-repeat,repeat-y;
	background-size: 26px,100%;
	background-position: right 20px center,top left;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;  
 -moz-transition: 0.3s ease-in-out;  
 -o-transition: 0.3s ease-in-out;  
 transition: 0.3s ease-in-out;
 }
}

/*
btn type s
*/
.u-btn__type__s {
	background-image: url(/assets/images/ic_arrow_white_l.png),url(/assets/images/btn_type_01_bg.png);
	background-repeat: no-repeat,repeat-y;
	background-size: 26px,100%;
	background-position: right 15px center,top left;
	color: #fff;
	font-size: 20px;
	padding: 20px 0 18px 25px;
	display: inline-block;
	max-width: 340px;
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;  
 -moz-transition: 0.3s ease-in-out;  
 -o-transition: 0.3s ease-in-out;  
 transition: 0.3s ease-in-out;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-btn__type__s {
	background-image: url(/assets/images/ic_arrow_white_l.png),url(/assets/images/btn_type_01_bg.png);
	background-repeat: no-repeat,repeat-y;
	background-size: 22px,100%;
	background-position: right 15px center,top left;
	font-size: 18px;
	padding: 12px 0 10px 25px;
 }
}

/********* pcのみ *********/
@media only screen and (min-width: 751px) {
.u-btn__type__s:hover {
	background-image: url(/assets/images/ic_arrow_white_l.png),url(/assets/images/btn_type_01_bg_on.png);
	background-repeat: no-repeat,repeat-y;
	background-size: 26px,100%;
	background-position: right 15px center,top left;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;  
 -moz-transition: 0.3s ease-in-out;  
 -o-transition: 0.3s ease-in-out;  
 transition: 0.3s ease-in-out;
 }
}

/*
テキストリンク
*/
/* 白、大 */
.u-txt_link__wl {
	background: url(/assets/images/ic_arrow_white_l.png) no-repeat;
	background-size: 1em;
	background-position: right 1px center;
	padding: 0.1em 1.35em 0 0;
	display: inline-block;
}

.u-txt_link__wl:hover {
	text-decoration: none;
}

/* 黒、小 */
.u-txt_link__bs {
	background: url(/assets/images/ic_arrow_black_s.png) no-repeat;
	background-size: 0.6em;
	background-position: right 1px center;
	padding: 0.1em 1.6em 0 0;
	display: inline-block;
}

.u-txt_link__bs:hover {
	text-decoration: none;
}

.u-txt_link__noline:hover {
	text-decoration: none;
}

/*
▲マーク
*/
.u-mark {
	position: relative;
	left: -10px;
	width: 50px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mark {
	position: static;
	width: 34px;
 }
}

/*
ボタン ページトップ
*/
.u-btn__pagetop {
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 30px;
	z-index: 10;
}