@charset "utf-8";
/* CSS Document */
#main{
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
}

#idea .bgdot01{
	background-image:url(../img/common/bg_dotw100.png);
  z-index: 0;
}

@media print, screen and (min-width: 720px) {
#main {
	background-image:url(../img/idea/bg_idea_pc.jpg);
	background-attachment:fixed;
	background-size:cover;
}
}
@media print, screen and (max-width: 719px) {
#main::before {
	background-image:url(../img/idea/bg_idea_sp.jpg);
	background-position:left top;
	background-size: 100% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	content: "";
	z-index: -1;
}
}


#main .wrap .subtitle1 h2,
#main .wrap .subtitle1 h2.subtitle,
.subtitle1 h2.subtitle{
	display:block;
	line-height:120%;
	padding:0;
	margin-bottom:.7em;
	font-size:160%;
	border-bottom:2px solid #1e62c8;
	line-height: 120%;
	text-align: left !important; 
	color: #333;
}
.subtitle1 h2.subtitle span{
	display:inline-block;
	padding:0 1em .4em 1em;
	border-bottom:solid 2px #b7cfff;
	margin:0 0 -2px 0;
}


.textbody1{
	width:100%;
	padding:0px 0px 12px;
	font-size:15px;
	line-height: 24px;
}
.textbody1 img{
	padding:0;
}
.col4area{
	width:100%;
	margin-top:30px;
}
.col4area .line{
	background-color:#fff;
	width:502px;
	border: solid 1px #d4d4d4;
	padding: 1.2em;
	margin-bottom:20px;
}
.col4area .line .mtitle{
	clear:both;
	display:block;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	color: #0b4a9a;
   font-size:150%;
   z-index:1;
}
.col4area .line .mtitle img{
	height:1.2em;
	width:auto;
}
.col4area .line .mtitle img:nth-of-type(1){
	float:left;
}
.col4area .line .mtitle img:nth-of-type(2){
	float:right;
}
.col4area .line .mtitle hr{
	position: absolute;
	width:96%;
	height:3px;
	padding:0;
	margin:auto;
	border:3px;
	border-bottom: 3px solid #0b4a9a;
   top:0;
   right:0;
   bottom:0;
   left:0;
   z-index:-1;
   margin:auto;
}
.col4area .line p{
	font-size:16px;
	line-height: 150%;
	padding:.5em 0 0 0 ;
}
table th,
table td {
        padding: 17px 25px;
		border-bottom:1px solid #FFFFFF;
}
table th {
        background-color: #e5e5e5; /* 閭梧勹濶ｲ繧呈欠螳� */
}   
table td {
		background: #f7f7f7;
}
table th {
        width: 28%;
}
.lf{
	float: left;
}
.rf{
	float:right;
}


@media print, screen and (max-width: 719px) {
	#main .wrap .subtitle1 h2,
	#main .wrap .subtitle1 h2.subtitle,
	.subtitle1 h2.subtitle{
	font-size:115%;
	border-bottom:1px solid #1e62c8;
		line-height: 120%;
	}
	.subtitle1 h2.subtitle span{
	display:inline-block;
	padding:0 .5em .4em 0;
	border-bottom:solid 1px #b7cfff;
	margin:0 0 -1px 0;
}
	.textbody1{
		padding:0px;
		font-size:95%;
		line-height: 150%;
	}
	.textbody1 img{
		width:25%;
		height:auto;
		padding:0;
	}
	.col4area .line .mtitle{
   font-size:125%;
	}
	.col4area .line .mtitle hr{
		border-bottom: 1px solid #0b4a9a;
	}
	.col4area .line .mtitle img{
		height:1.1em;
	}
	.col4area .line {
		width: 100%;
		padding: 1em;
		margin-bottom: 2%;
		min-height: auto;
	}
	.col4area .line p{
	font-size:95%;
	}
	.col4area .line img{
		width: 100%;
		height: auto;
	}
	table{
		width:100%;
	}
	table th{
		display: block;
		width:100%;
		text-align: left;
	}
	table td {
        padding: 10px 25px;
		border-bottom:1px solid #FFFFFF;
	}
	table td{
		display: block;
		width:100%;
	}

	.pcimg{
	display: none;
	}
	.spimg{
		display: block;
	}
	.lf{
		float:none;
	}
	.rf{
		float:none;
	}
	
}

#idea .swiper-container{
	width:1024px;
	margin:auto;
	padding-bottom:2em;
}
#idea .swiper-slide p{
	color:#fff;
	background-color:rgba(0,0,0,.7);
	padding:.5em 1em;
	position:absolute;
	top:0;
	left:0;
}
#idea .swiper-container img{
	width:100%;
	height:auto;
}
#idea .swiper-pagination-bullet{background:#aaa}
#idea .swiper-pagination-bullet-active{opacity:1;background:#00489d}



@media print, screen and (max-width: 719px) {
#idea .swiper-container{
	width:100%;
	height:auto;
	margin:0;
}
#idea .swiper-slide p{
	font-size:90%;
	padding:.3em 1em;
}
}