@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Light_v2.0.woff2') format('woff2'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Light_v2.0.woff') format('woff'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Light_v2.0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GUJPCorporate';
	src: local('NotoSansJP-Regular.otf'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.woff2') format('woff2'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.woff') format('woff'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.woff2') format('woff2'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.woff') format('woff'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

.includeBunnerFeature {
    width: 960px;
    margin: 40px auto;
}
.includeBunnerFeature li {
    float: left;
    width: 230px;
    margin: 0 13px 13px 0;
    margin-bottom: 10px;
}
.includeBunnerFeature li.last {
    margin: 0 0 13px 0;
    margin-bottom: 10px;
}

.fe-common-recommend-bnrs {
    width: 1160px;
    margin: 40px auto 20px!important;
}
.wrapper1160-960 .fe-common-recommend-bnrs {
	margin-left: -100px!important;
}
.wrapper1160-1040 .fe-common-recommend-bnrs {
	margin-left: -60px!important;
}
.fe-common-recommend-bnrs li {
    float: left;
    width: 275px;
    margin: 0 20px 20px 0;
}
.fe-common-recommend-bnrs li:nth-child(4n) {
    margin: 0 0 20px 0;
}
.fe-common-recommend-bnrs li img {
	width: 100%;
}
.fe-common-recommend-bnrs li.pcNo {
	display: none;
}
.fe-common-recommend-bnrs li.spNo {
	width: 1160px;
    margin: 0 0 20px 0;
}

.navi150727 {
    width: 960px;
    margin: 0 auto 30px;
}


.clearfix:after {
	display: block;
	clear: both;
	content:"";
}



#content-header{
    font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Lato', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, Tahoma, Arial, sans-serif !important;
}


/* ------------------------------- */
body.pc #container {
    padding: 1px 0 0 0;
}
/* パンくず */
.topic-path-pc {
    width: 1160px;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 20px auto;
    font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Lato', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, Tahoma, Arial, sans-serif !important;
}
.topic-path-pc:last-child{
    display: none;
}





/* SNS
------------------------------*/
.sns {
	padding: 20px 0;
}
.sns li {
	float: right;
	margin: 0 0 0 15px;
}
.fb_iframe_widget > span {
	vertical-align: baseline!important;
}



/* ページトップボタン
------------------------------*/
#pagetop {
	/*display: none;*/
	position: fixed;
	bottom: 15px;
	right: 2%;
	width: auto;
	text-align: right;
	margin: 0 auto;
}
#pagetop a {
    display: block;
    background: #fff;
    border-radius: 23px;
    line-height: 0;
}
#pagetop a img {
	width: 100%;
}



/* バナー
------------------------------*/
.bannerArea div{
	margin: 0 0 20px 0;
}
.bannerArea .bnr{
	margin: 0 0 40px 0;
}



/* フラッシュホバー
------------------------------*/
.flashOver{
    display: block;
    background: #fff;
    line-height: 0;
}
.flashOver:hover .overChild,
.flashOver:hover img{
	-webkit-animation: flash .9s;
	animation: flash .9s;
}
.transOver:hover{
	-webkit-animation: flash .9s;
	animation: flash .9s;
}
@-webkit-keyframes flash{
    0% {opacity: .7;}
    100% {opacity: 1;}
}
@keyframes flash{
    0% {opacity: .7;}
    100% {opacity: 1;}
}


/*******************************/
/* 共通ボタンスタイル */
/*******************************/

/* primary high priority（青） */
.btstyle_primary {
  display: block!important;
  background-color: #12288B!important;
  border: 1px solid #12288B!important;
  font-size: 16px!important;
  color: #fff!important;
  height: 100%!important;
  line-height: 58px!important;
  border-radius: 15px!important;
  box-shadow: 0 5px 15px rgba(18, 40, 139, 0.25)!important;
}

/* primary（黒） */
.btstyle_primary02 {
  display: block!important;
  background-color: #1b1b1b!important;
  border: 1px solid #1b1b1b!important;
  font-size: 16px!important;
  color: #fff!important;
  height: 100%!important;
  line-height: 58px!important;
  border-radius: 15px!important;
  box-shadow: 0 5px 15px rgba(27, 27, 27, 0.25)!important;
}

.btstyle_primary:hover,
.btstyle_primary02:hover {
  opacity: 0.85!important;
}

/* secondary01（黒） */
.btstyle_secondary {
  display: block!important;
  background-color: #fff!important;
  border: 1px solid #1b1b1b!important;
  font-size: 16px!important;
  color: #1b1b1b!important;
  height: 100%!important;
  line-height: 58px!important;
  font-weight: 600!important;
  border-radius: 15px!important;
}

/* secondary02（青） */
.btstyle_secondary02 {
  display: block!important;
  background-color: #fff!important;
  border: 1px solid #12288B!important;
  font-size: 16px!important;
  color: #12288B!important;
  height: 100%!important;
  line-height: 58px!important;
  font-weight: 600!important;
  border-radius: 15px!important;
}

.btstyle_secondary:hover,
.btstyle_secondary02:hover {
  opacity: 0.75!important;
}

/* disable */
.btstyle_disable {
  display: block!important;
  background-color: #DADADA!important;
  border: 1px solid #DADADA!important;
  font-size: 16px!important;
  color: #ABABAB!important;
  height: 100%!important;
  line-height: 58px!important;
  border-radius: 15px!important;
  cursor: text!important;
  pointer-events: none!important;
}

.btstyle_disable:hover {
	text-decoration: none!important;
}



/* font
------------------------------*/
.gFont{
    font-family: 'Montserrat', sans-serif !important;
}
#container{
    font-family: 'GUJPCorporate', 'Montserrat',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, sans-serif !important;
}
#container .alias-view{
	font-family: 'GUJPCorporate', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif !important;
}
@media screen and (min-width:750px) {

	.fe-common-recommend-bnrs {
		margin-bottom: 14px;
		font-size: 0;
	}
	.fe-common-recommend-bnrs ul {
		margin: 2% auto;
		padding: 0;
		display: -webkit-box;
		display: -moz-box;
		display: box;
	}
	.fe-common-recommend-bnrs ul li {
		display: inline-block;
		box-sizing: border-box;
		text-align: center;
		width: 49%;
		margin: 10px 0 0;
	}
	.fe-common-recommend-bnrs ul li:nth-child(odd) {margin-right: 1%;}
	.fe-common-recommend-bnrs ul li:nth-child(even) {margin-left: 1%;}
	.fe-common-recommend-bnrs ul li.spNo {display: none;}
	.fe-common-recommend-bnrs ul li.pcNo {width: 100%;margin-left: 0;}
	.fe-common-recommend-bnrs ul li img {width:100%;}



	#underNavi_bnr{
		font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Lato', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, Tahoma, Arial, sans-serif !important;
	}

	/* ------------------------------- */
	body.sp #container {
		padding: 1px 0 0 0;
	}
	/* パンくず */
	.topic-path-sp {
		padding: 0 5%;
		margin: 15px auto;
		font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Lato', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, Tahoma, Arial, sans-serif !important;
	}
	.topic-path-sp:last-child{
		display: none;
	}



	/* エイリアス */
	.alias_list{
		background: #fff;
	}

	/* ページトップボタン */
	#pagetop {
		position: fixed;
		z-index: 1000;
		right: 20px;
		bottom: 20px;
		display: none;
		width: 50px;
	}
	#pagetop img{
		width: 100%;
	}

	/* ------------------------------- */
	/* グロナビ下バナー */
	#underNavi_bnr {background-color: #E8E8E8;color:  #1B1B1B;width: 100%;height: 30px;display: block;text-align: center;padding: 8px 0;font-size: 12px;}
	#underNavi_bnr a{color: rgb(18, 40, 139);}
	#underNavi_bnr span{padding-left: 25px;font-size: 10px;}
	@media only screen and (max-width : 374px) {#underNavi_bnr a{font-size: 10px;}
	#underNavi_bnr span{padding-left: 10px;font-size: 10px;}}



	/*******************************/
	/* 共通ボタンスタイル */
	/*******************************/

	/* primary high priority（青） */
	.btstyle_primary {
	  display: block!important;
	  background-color: #12288B!important;
	  border: 1px solid #12288B!important;
	  font-size: 16px!important;
	  color: #fff!important;
	  height: 100%!important;
	  line-height: 58px!important;
	  border-radius: 13.5px!important;
	  box-shadow: 0 5px 15px rgba(18, 40, 139, 0.25)!important;
	}

	/* primary（黒） */
	.btstyle_primary02 {
	  display: block!important;
	  background-color: #1b1b1b!important;
	  border: 1px solid #1b1b1b!important;
	  font-size: 16px!important;
	  color: #fff!important;
	  height: 100%!important;
	  line-height: 58px!important;
	  border-radius: 13.5px!important;
	  box-shadow: 0 5px 15px rgba(27, 27, 27, 0.25)!important;
	}

	.btstyle_primary:hover,
	.btstyle_primary02:hover {
	  opacity: 0.85!important;
	}

	/* secondary01（黒） */
	.btstyle_secondary {
	  display: block!important;
	  background-color: #fff!important;
	  border: 1px solid #1b1b1b!important;
	  font-size: 16px!important;
	  color: #1b1b1b!important;
	  height: 100%!important;
	  line-height: 58px!important;
	  font-weight: 600!important;
	  border-radius: 13.5px!important;
	}

	/* secondary02（青） */
	.btstyle_secondary02 {
	  display: block!important;
	  background-color: #fff!important;
	  border: 1px solid #12288B!important;
	  font-size: 16px!important;
	  color: #12288B!important;
	  height: 100%!important;
	  line-height: 58px!important;
	  font-weight: 600!important;
	  border-radius: 13.5px!important;
	}

	.btstyle_secondary:hover,
	.btstyle_secondary02:hover {
	  opacity: 0.75!important;
	}

	/* disable */
	.btstyle_disable {
	  display: block!important;
	  background-color: #DADADA!important;
	  border: 1px solid #DADADA!important;
	  font-size: 16px!important;
	  color: #ABABAB!important;
	  height: 100%!important;
	  line-height: 58px!important;
	  border-radius: 13.5px!important;
	  cursor: text!important;
	  pointer-events: none!important;
	}

	.btstyle_disable:hover {
		text-decoration: none!important;
	}


	/* font
	------------------------------*/
	.gFont{
		font-family: 'Montserrat', sans-serif !important;
	}
	#container{
		font-family: 'GUJPCorporate', 'Montserrat',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, sans-serif !important;
	}
	#container .alias-view{
		font-family: 'GUJPCorporate', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif !important;
	}
}