@charset "utf-8";

/*-----------------------------------------------
 speakers
-----------------------------------------------*/
.content{
	background-color: #FFF;
}

.content .inner980 .banner{
	position: relative;
	height: 498px;
}

.content .inner980 .banner img{
	position: absolute;
	width: 1017px;
	height: 498px;
	left: -18px;
}

.content .inner980 h2{
	color: #006CB8;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	line-height: 24px;
	margin: 0 auto;
	padding-left: 13px;
	width: 955px;
}

.box ul{
	display: table;
}
.box .top {
	/*height: 165px;*/
	margin-bottom: 15px;
	margin-left: 283px;
	padding-top: 18px;
}
.box .top.line3 {
	margin-left: 209px;
}
.box .bottom {
	/*height: 165px;*/
	margin-bottom: 15px;
	margin-left: 175px;
	padding-top: 18px;
}

.box ul li{
	vertical-align: bottom;
	/*display: table-cell;*/
	float: left;
}

.box .top li{
	/*line-height: 165px;*/
	width: 345px;
	text-align: center;
}
.box .top.line3 li{
	width: 257px;
}
.box .top .big{
	width: 400px;
}
.box .bottom li{
	/*line-height: 165px;*/
	width: 200px;
	text-align: center;
}

.box ul li img{
	vertical-align: bottom;
}

.box table{
	width: 980px;
}
.box .small{
	width: 713px;
}
.box table tr td, th {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	color: #006CB8;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	height: 29px;
}
.box table tr th{
	border-left: none;
	text-align: left;
	padding-left: 14px;
}
.box table tr .last{
	border-right: none;
}
.box table .red{
	background-color: #BF000A;
}
.box table .blue{
	background-color: #006CB8;
}
.box table .blue td,.box table .blue th{
	font-style: normal;
	color: #FFF;
}

.box .four_col tr td{
	width: 265px;
}
.box .five_col tr td{
	width: 206px;
}
.box .six_col tr td{
	width: 164px;
}
.box .es_col tr td{
	width: 265px;
}
.box .other_col tr td{
	width: 200px;
}
.box .ps_col_one tr .big{
	width: 400px;
}

.box .four_col tr th{
	width: 166px;
}
.box .five_col tr th{
	width: 136px;
}
.box .six_col tr th{
	width: 139px;
}
.box .es_col tr th{
	width: 200px;
}
.box .other_col tr th{
	width: 174px;
}
h1 {
	color: #004377;
	font-size: 38px;
	font-weight: normal;
	line-height: 1.15;
	padding-bottom: 20px;
}
.content .inner980 h2 {
	font-size: 41px;
	font-weight: normal;
	line-height: 1.2;
	margin-top: 50px;
	margin-bottom: 10px;
}

.content .inner980 h2 span{
	font-size: 14px;
}

.content .inner980 h2 em{
	font-size: 14px;
	color: #000;
	font-style: normal;
}
.bg-spl {
	background-image: url(../images/spl-series-bg.jpg);
	background-size: cover;
	padding: 40px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.main-content {
	background-image: url(../images/bg-img-spl.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center 34px;
}

.main-content .content-area {
	position: relative;
	height: 600px;
}

.main-content .content-area .content-type {
	position: absolute;
	width: 500px;

}

.main-content .content-area .content-type .c-img {
	width: 460px;
	position: absolute;
}


.main-content .content-area .content-type .c-img img {
	width: 85%;
}

.main-content .content-area .content-type h2 {
	margin: 0 0 8px 0;
	font-size: 2.4rem;
	font-weight: lighter;
	line-height: 2.4rem;
	word-break: break-all;
	color: #000;
}

.main-content .content-area .content-type .desc {
	color: #000;
	font-size: 16px;
}

.main-content .content-area .type-inner {
	position: relative;
}

.main-content .content-area .c-type01 {
	top: 50px;
	left: 0;
}

.main-content .content-area .c-type02 {
	top: 130px;
	right: -90px;
}

.main-content .content-area .c-type03 {
	bottom: 170px;
	left: 110px;
}

.main-content .content-area .content-type.c-type01 .c-img {
	position: absolute;
	top: -15px;
	left: 100px;
}
.main-content .content-area .content-type.c-type02 .type-ttl{
	    position: absolute;
    top: 267px;
    right: 86px;
}
.main-content .content-area .content-type.c-type02 .c-img {
	position: absolute;
	top: 0px;
	left: 80px;
}
.main-content .content-area .content-type.c-type03 .type-ttl{
		position: absolute;
    top: -60px;
    left: -40px;
}
.main-content .content-area .content-type.c-type03 .c-img {
    position: absolute;
    top: -75px;
    left: 80px;
}

.ttl-gloup {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 20px;
}

.ttl-gloup p {
	font-size: 20px;
}

.sub-content {
	margin: 60px auto 0;
	padding: 40px;
	background-color: rgba(255, 255, 255, 0.5);
}

.sub-content .sub-col2-box,
.sub-content .sub-col3-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub-content .sub-col3-box {
	align-items: flex-start;
}

.sub-content .sub-col3-box .sub-col3 {
	align-items: flex-start;
}

.sub-content .sub-col2-box .sub-img col2a,
.sub-content .sub-col2-box .sub-img col2b {
	width: 50%;
}

.sub-content .sub-col2-box .sub-img col2a {
	margin-right: 30px;
}

.sub-content .sub-col3-box .sub-col3 {
	width: 33%;
}

.sub-content .sub-col2-box .sub-img img,
.sub-content .sub-col3-box .sub-img img {
	width: 100%;
}

.sub-content .sub-col2-box {
	margin-bottom: 40px;
}

.sub-content h2 {
	margin-bottom: 10px;
}

.sub-content .box table {
	width: auto;
	background-color: #fff;
	margin-top: 50px;
}

@media screen and ( max-width: 768px ) {
	.content .inner980 h2 {
		max-width: 100%;
		box-sizing: border-box;
		font-size: 20px !important;
	}
	
	.box .top {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding-left: 30%;
	}
	
	.box .top.line3 {
		margin: 0;
	}
	
	.box .top  li {
		width: 40%;
		padding: 5%;
	}
	
	.box .top.line3 li {
		max-width: 33%;
	}
	
	.box .top  li img {
		max-width: 100%;
	}
	
	.box table {
		width: 95%;
		margin: 0 auto;
	}
	.bg-spl {
		padding: 0 4% 5%;
		height: auto;
		background-image: linear-gradient(-45deg, #fff 25%, #ececec 25%, #ececec 50%, #fff 50%, #fff 75%, #ececec 75%, #ececec);
		background-size: 4px 4px;
		background-repeat: repeat;
		margin-bottom: 0;
	}

	.main-content {
		background-image: none;
	}

	.ttl-gloup {
		padding: 30px 0 0 0;
		margin: 0 0 60px 0;
		line-height: 1.4;
		background-color: rgba(255, 255, 255, 0);
	}

	.main-content .content-area .content-type {
		width: 100%;
	}

	.main-content .content-area {
		height: auto;
		margin-bottom: 5%;
	}

	.inner980 {
		width: 100%;
	}

	.main-content .content-area .type-inner {
		position: static;
		margin-bottom: 40px;
	}

	.main-content .content-area .content-type {
		position: static;
	}

	.main-content .content-area .content-type .c-img {
		width: 100%;
	}

	.main-content .content-area .content-type.c-type03 .c-img,
	.main-content .content-area .content-type.c-type02 .c-img,
	.main-content .content-area .content-type.c-type01 .c-img {
		position: static;
		text-align: center;
	}
.main-content .content-area .content-type.c-type02 .type-ttl,
	.main-content .content-area .content-type.c-type03 .type-ttl{
		position: static;
	}

	.content-type {
		margin-bottom: 20px;
	}

	.target_respo .inner980 .type-ttl h2 {
		margin: 0 0 8px 0;
		font-size: 2rem;
		font-weight: lighter;
		line-height: 2rem;
		word-break: break-all;
		padding: 0;
		border-bottom: 0;
	}

	.target_respo .inner980 .type-ttl {
		margin-bottom: 10px;
	}

	.sub-content {
		margin: 0;
		padding: 5%;
		background-color: rgba(255, 255, 255, 0.5);
	}

	.target_respo .inner980 .sub-content h2 {
		padding: 0 0 10px 0;
		font-size: 16px;
		margin-top: 0;
	}

	.sub-content .sub-col3-box .sub-col3 {
		width: 33%;
	}

	.onlysp {
		display: none;
	}

	.onlypc {
		display: block;
	}
}
@media screen and (max-width: 430px) {
	.target_respo .content .inner980 h1 {
		padding: 30px 4% 0;
	}

	.sub-content .sub-col2-box {
		display: block;
	}

	.sub-content .sub-col3-box {
		flex-flow: column;
	}

	.target_respo .inner980 .sub-content h2 {
		padding: 0 0 10px 0;
		font-size: 16px;
	}

	.sub-content .sub-col3-box .sub-col3,
	.sub-content .sub-col2-box .sub-col2 {
		width: 100%;
		margin-top: 20px;
	}

	.sub-content .sub-col3-box .sub-col3:nth-child(2) {
		margin-top: 0;
	}

	.sub-content .sub-col3-box .col3a {
		order: 2
	}

	.sub-content .sub-col3-box .col3b {
		order: 1;
	}

	.sub-content .sub-col3-box .col3c {
		order: 3;
	}

	.sub-content .sub-col3-box .col3a h2 {
		padding-left: 1.7rem;
		background-image: url(../images/img_no1.png);
		background-repeat: no-repeat;
		background-size: 6%;
	}

	.sub-content .sub-col3-box .col3c h2 {
		padding-left: 1.7rem;
		background-image: url(../images/img_no2.png);
		background-repeat: no-repeat;
		background-size: 6%;
	}

	.onlysp {
		display: block;
	}

	.onlypc {
		display: none;
	}
}