@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#conts {
	padding: 0;
	background: none;
	width: 730px;
}

#conts a {
	color: #000;
}







/**************** SP *******************/
@media screen and (max-width: 750px) {

#conts {
	width:100%;
}
img {
	max-width:100%;
	height:auto;
}

}






/*------------------------------------------------------------
	slide
------------------------------------------------------------*/
#conts .slide {
	margin-bottom: 15px;
}

#conts .slide .mainImgBox {
	width: 730px;
	height: 310px;
}
#conts .slide .rSlider {
	width: 730px;
	margin-top:12px;
}

#conts .slide .rSlider .prev {
	cursor: pointer;
	float:left;
}
#conts .slide .rSlider .subSlider {
	margin-bottom: 12px;
	padding-top: 6px;
	float:left;
	display:block;
	width:690px;
}
#conts .slide .rSlider .next {
	float:right;
	cursor: pointer;
}
#conts .slide .linkList li {
	float: left;
	display: block;
	margin: 0 0 12px 2px;
	margin-bottom: 12px;
	width:164px;
	height:70px;
}
#conts .slide .linkList li a {
	display: block;
	width:164px;
	height:70px;
}






/**************** SP *******************/
@media screen and (max-width: 750px) {

#conts .slide .rSlider {
	width: 100%;
	margin-top: 0;
	position:relative;
	z-index:2;
	display: none;
}
#conts .slide .rSlider .subSlider {
	width:100%;
}
#conts .slide .rSlider .prev {
	display:none;
}
#conts .slide .rSlider .next {
	display:none;
}
#conts .slide .linkList {
}
#conts .slide .linkList li {
	float: left;
	display: block;
	margin: 0;
	width:25%;
	height:auto;
}
#conts .slide .linkList li a {
	width:100%;
	height:auto;
	overflow:hidden;
	border-left:1.5px solid #4d7ae5;
	border-right:1.5px solid #4d7ae5;
	border-top:3px solid #4d7ae5;
	border-bottom:3px solid #4d7ae5;
	box-sizing: border-box;
}
#conts .slide .linkList li a img {
	width:120%;
	height:auto;
	max-width:200%;
	margin-left:-10%;
}
#conts .slide {
	margin-bottom: 0;
}
#conts .slide .mainImgBox {
	width: 100%;
	height: auto;
}

}














/*------------------------------------------------------------
	listUl
------------------------------------------------------------*/

#conts .listUl {
	clear: both;
}
#conts .listUl {
	margin: 0 -5px 14px 0;
	width: 735px;
	overflow: hidden;
}

#conts .listUl li {
	margin-right: 5px;
	float: left;
	width: 236px;
	border: 2px solid #DBDBEA;
	border-top: none;
}
#conts .listUl li h2 {
	margin: 0 -2px;
}

#conts .listUl li ul {
	margin: 0;
	padding: 4px 5px 9px;
	width: auto;
}

#conts .listUl li ul li {
	margin: 0;
	width: auto;
	float: none;
	line-height: 2;
	border: none;
}
#conts .listUl li ul li a {
	padding-left: 16px;
	display: block;
	font-weight: bold;
	background: url(../img/common/icon/icon02.gif) no-repeat left 7px;
}







/**************** SP *******************/
@media screen and (max-width: 750px) {

#conts .listUl {
	clear: both;
}
#conts .listUl {
	margin: 0 -5px 14px 0;
	width: 735px;
	overflow: hidden;
}
#conts .listUl li {
	margin-right: 5px;
	float: left;
	width: 236px;
	border: 2px solid #DBDBEA;
	border-top: none;
}

}










/*------------------------------------------------------------
	h2
------------------------------------------------------------*/

#conts h2 {
	background:#003ad6;
	display: block;
}
#conts h2 .topBoxTitleBk {
	position: relative;
	color:#fff;
	/* text-align: left; */
	font-weight: normal;
	margin:0;
	padding: 9px 0 10px 12px;
	font-size:.9rem;
	font-size: 14.5px;
	line-height: 130%;
	width: 100%;
	display: block;
	letter-spacing: 1px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #4e7be7 49%, #003ad6 50%);
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#conts h2 span {
	display: inline-block;
	line-height: 18px;
}
#conts h2 .topBoxTitleBk:before {
	content:"";
	display:inline-block;
	width: 4px;
	height: 18px;
	background-color:#fff;
	margin-left: 0;
	margin-right: 10px;
	line-height: 18px;
	float: left;
}
.topBoxTitle {
	width:400px;
}
#conts h2 .titleEn{
	padding-left:15px;
}
#conts h2 .lookAll {
	background-color:#fff;
	display:inline-block;
	/* position: absolute; */
	/* right: 8px; */
	/* top: 7px; */
	text-decoration:none;
	padding: 3px 10px 2px 15px;
	margin: 0 9px 0 0;
	border-radius:5px;
	font-size:.8rem;
	font-size: 13px;
	color: #0031d9;
	float: right;
	width: 75px;
	position: absolute;
	right: 10px;
	top: 7px;
}
#conts h2 .lookAll:hover {
	opacity:.7;
}










/**************** SP *******************/
@media screen and (max-width: 750px) {

#conts h2{

overflow: hidden;

width: 94%;

margin: 10px auto;
}
#conts h2 .topBoxTitleBk {
	/* display: flex; */
	/* flex-wrap: wrap; */
	width: 100%;
	margin: 0 auto;
	line-height: 180%;
	overflow: hidden;
	font-size: .7rem;
	/* justify-content: space-between; */
}
#conts .top-benefit .sBoxList h2 {
	margin:0;
	width:100%;
	box-sizing: border-box;
}
#conts .top-benefit .sBoxList h2 span {
	color:#fff;
	font-size:.9rem;
	letter-spacing: 2px;
	font-weight:normal;background: linear-gradient(to bottom, #4e7be7 49%, #003ad6 50%);
	display:block;
	padding: 6px 0 10px 12px;
	width:100%;
	text-align:left;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#conts .top-benefit .sBoxList h2 span:before {
	content:"";
	display:inline-block;
	width: 4px;
	height:18px;
	background-color:#fff;
	margin-left: 0;
	margin-right: 10px;
	margin-top:5px;
}
#conts h2 .topBoxTitleBk:before{
	padding-top:3px
}
#conts h2 span {
	line-height: 25px;
	font-size: 0.9rem;
}
.topBoxTitle {
    width: auto;
}
#conts h2 .lookAll {
	/* float:right; */
}
#conts h2 .titleEn {
	display:none;
}
#conts h2 img {
	width: 160%;
	max-width: none;
	overflow: hidden;
}
#conts h2 a img {
	width: 100%;
	margin-top:-3px;
}


#conts .loginBox {
	background-color: #FFF;
	border: 1px solid #e9e9ef;
	width: 94%;
	margin: 20px auto;
	box-sizing:border-box;
	padding: 0 2% 11px;
	overflow: hidden;
}
#conts .loginBox h2 {
	text-align: center;
	border:none;
	margin: 7px auto 6px;
	padding: 0;
	background: none;
}
#conts .loginBox h2:before {
	content:none;
}
#conts .loginBox h2 img {
	width:20%;
	height: auto;
	margin: auto;
	box-sizing: border-box;
}
#conts .loginBox .btnList{
	display:flex;
	justify-content: space-around;
}
#conts .loginBox .btnList li {
	width: 60%;
	display:block;
}
#conts .loginBox .btnList li:last-child {
	width: 40%;
	display:block;
}
#conts .loginBox .btnList li a {
	width: 95%;
	background-color:red;
	background: linear-gradient(#cc0000, #f50000);
	display:block;
	text-align:center;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	padding: 11px 0 10px;
	font-size:1rem;
	letter-spacing:1px;
	margin: auto;
	box-sizing:border-box;
	border:#e50000 2px solid;
}
#conts .loginBox .btnList li:last-child a {
	background:none;
	color:#007cff;
	border-color:#007cff;
}

}








/*------------------------------------------------------------
	dlBox
------------------------------------------------------------*/
#conts .dlBox {
	margin-bottom: 21px;
	padding: 17px 15px 28px;
	border: 1px solid #DBDBEA;
	border-top: none;
}
.topCardList {
	width:100%;
	text-align:center;
	font-weight: 900;
	font-family: HiraginoSans-W8, -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W8", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.topCardList a {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif;
}

#conts .topDl{
  height:150px;/*7行以下になる際は、コメントアウト*/
  overflow:auto;/*7行以下になる際は、コメントアウト*/
}

#conts .topDl dt {
	margin-top: 6px;
	float: left;
}

#conts .topDl dd {
	padding-left: 74px;
	font-weight: bold;
	line-height: 2;
}

#conts .dlBox .link {
	margin-right: 10px;
	font-weight: bold;
	text-align: right;
}

#conts .dlBox01 {
	margin-bottom: 0;
	padding-bottom: 8px;
}

#conts .dlBox01 .topDl {
	margin-bottom: 4px;
}
.newicon{
	color:#F00;
}













/**************** SP *******************/
@media screen and (max-width: 750px) {


.topCardList {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif;
}
#conts .dlBox {
	width: 94%;
	margin: 0 auto;
	border:none;
	padding: 0;
}
#conts .dlBox table {
	display: block;
	width: 100%;
}
#conts .dlBox .topDl{
  height: auto;
  overflow: hidden;
  margin-bottom: 5px;
  margin-top: 10px;
}
#conts .dlBox .topDl dt {
	margin-top: 0;
	float: none;
	margin-bottom: 3px;
	width: 18%;
	padding-top: 8px;
}
#conts .dlBox .topDl dt img {
	width:100%;
}
#conts .topDl dd {
	padding-left: 0;
	margin-bottom: 6px;
	line-height: 180%;
	font-weight: normal;
	border-bottom: 1px dotted #ccccccb3;
	position:relative;
}
#conts .topDl dd .newicon{
	position:absolute;
	left:22%;
	top:-20px;
}
#conts .topDl dd a {
padding-bottom: 10px;
display:block;
}
#conts .dlBox .topDl dt:nth-child(n + 10),
#conts .dlBox .topDl dd:nth-child(n + 11)  {
	display:none;
}
#conts .dlBox td{
	vertical-align:top;
	padding:0 1.5%;
	width: 27%;
}
#conts .dlBox.dlBox01 table tbody{
	width: 100%;}
#conts .dlBox.dlBox01 table tbody tr {
	display: flex;
	width: 100%;
	justify-content:space-between;
}
#conts .dlBox.dlBox01 td{
	margin-bottom:8px;
	width: auto;
	border: 1px solid #ccc;
	width: 49%;
	text-align: center;
}
#conts .dlBox.dlBox01 td a{
	padding: 14px 1% 13px;
	width: 100%;
	display:block;
	text-decoration:none;
}
#conts .dlBox.dlBox01 td:first-child {
	display:none;
}
#conts .dlBox.dlBox01 td:nth-child(3) {
	display:none;
}
#conts .dlBox td br {
	display:none;
}

}