/* ------------- PC --------------*/

@media screen and (min-width: 768px),print {


.sp_ttl{
width: 100%;
display: table;
}

.sp_ttl span{
width: 100%;
background: url(bg_ttl.jpg) no-repeat;
background-size: cover;
background-position: 50% 60%;
height: 230px;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 2em;
font-weight: 600;
color: #fff;

text-shadow:3px 3px 3px #000;

}

/*----this-col3---*/

.this-col3{
width:880px;
margin: 0 auto;
}

.this-col3 p {
	width:240px;
	margin-right: 80px;
	float: left;
}

.this-col3 p:last-child {
	margin-right: 0;
}

.this-col3 p strong,
.this-col3 p span{
display: block;
padding-top: 10px;
line-height: 160%;
}

.this-col3 p strong{
font-size: 150%;
text-align: center;
margin: 0 -1em;
font-weight: 600;
}

.this-col3 p span:nth-child(3){
font-size: 90%;
text-align: justify;
text-justify: inter-ideograph;
}


.this-col4{
display: flex;
}

.this-col4>p{
width: 250px;
flex-shrink: 0;
}

.this-col4>p.addArrow{
padding-bottom: 134px;
background: url(sec4-arrow4.png) no-repeat;
background-position: center bottom 1em;
}

.this-col4>div{
margin-left: 2em;
}








}


/* ---------- Phone --------------*/

@media screen and (max-width: 767px) {


.sp_ttl{
width: 100%;
display: table;
}

.sp_ttl span{
width: 100%;
background: url(bg_ttl.jpg) no-repeat;
background-size: cover;
background-position: 50% 60%;
height: 230px;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 2em;
font-weight: 600;
color: #fff;

text-shadow:3px 3px 3px #000;

}

/*----this-col3---*/

.this-col3{
margin: 0 auto;
}

.this-col3 p {
text-align: center;
margin: 0 1em;
}

.this-col3 p:last-child {
	margin-right: 0;
}

.this-col3 p strong,
.this-col3 p span{
display: block;
padding-top: 10px;
line-height: 160%;
}

.this-col3 p strong{
font-size: 150%;
text-align: center;
margin: 0;
font-weight: 600;
}

.this-col3 p span:nth-child(3){
font-size: 90%;
text-align: justify;
text-justify: inter-ideograph;
}




.this-col4{
}

.this-col4>p{
text-align: center;
}

.this-col4>p.addArrow{
}

.this-col4>div{
}






}



/*----box---*/
.box{
box-shadow: 0px 0px 15px 0px rgba(98,98,98,0.8); /*影の指定*/
padding:10px;
}
.box p{
margin:0;
padding:0;
}


.sub_section_title_subcommittee{
}

.sub_section_title_subcommittee h3{
display: inline;
padding: 0 1em 0 1em;
border-bottom: solid 2px #ffdc3d;
margin-left: -50px;
}