@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1280px){
#cat_title02{
	max-height:none;
}


#cat_title02 span{
	padding:7% 5% 3%;
}

.dpf_download br{
	display:none;
}

#main_column .layout_left01 h2{
	line-height:1.4;
}



#main_column .layout_right02 h3{
	line-height:1.4;
}


#main_column .layout_btn_a .btn01{
	padding-left:2%;
	width:23%;

}

#main_column .layout_btn_a .btn01 a{
	font-size:87.5%;
}

#main_column .layout_btn_d li{
	max-width:48%;
}

#main_column .layout_btn_d li:first-child{
	padding-right:4%;
}


#main_column .layout_btn_e div.btn02 > a > p.btn_half{
	font-size:1rem;
	width:48%;
	min-width:210px;
	display:inline-block;
	margin:0;
	padding:5px 1%;
	vertical-align:top;
} 



#main_column .line02{
	margin:0 3.48% 2.8%;

}

#main_column .line02 h3,
#main_column .line02 h3.li2_wide01{
	width:100%;
	padding:0;
}

#main_column .line02 div,
#main_column .line02 h3.li2_wide01 + div{
	width:100%;
}

}

@media only screen and (max-width: 980px){
#cat_title01,
#cat_title02{
	font-size:180%;
}
.table_layout01 td.width_btn .btn01,
.english .table_layout01 td.width_btn .btn01{
	width:32%;
	padding-left:3%;
}


#main_column .layout_left01 h2 img{
	max-width:15%;
}

#main_column .date{
	font-size:86.66%;
}

#main_column .layout_cont01 .btn01{
	margin-top:1.5em;
}

#main_column .layout_left01 .layout_cont01 .btn01 a{
	min-width:60%;
}



.table_layout01 td.width_btn div{
	width:65%;
}

#main_column .layout_2column_a > *{
	font-size:0.9375rem;
}


#main_column .layout_3column_a{
	font-size:86.66%;
	line-height:1.4;
}

#main_column .layout_3column_a .editor ol,
#main_column .layout_3column_a .editor ul{
	margin:-1.4em 0 1.4em 1.5em;
}

#main_column .layout_3column_a .editor ol:first-child,
#main_column .layout_3column_a .editor ul:first-child{
	margin-top:0;
}


#main_column .layout_3column_a .editor p{
	margin:0 0 1.4em;

}

#main_column .layout_3column_a > div{
	border:#fff 3px solid;
}

#main_column .layout_btn_a .layout_cont01{
	padding:0;
	width:100%;
}

#main_column .layout_btn_a .btn01{
	width:100%;
	margin-bottom:1.75em;
}

#main_column .layout_btn_a .btn01 a{
	display:inline-block;
	min-width:30%;
}

#main_column .layout_btn_d{
	margin:0 -3%;
	width:106%;
}

#main_column .layout_btn_d li{
	max-width:49%;
}

#main_column .layout_btn_d li.btn01{
	font-size:0.875rem;
}


#main_column .layout_btn_d li:first-child{
	padding-right:2%;
}

#main_column .line02 h3{
	font-size:0.9375rem;
}

#main_column .line02 div{
	font-size:0.9375rem;
}

#main_column .layout_inq .inq_hg h2{
	width:65%;
	padding-top:5px;
}

#main_column .layout_inq .inq_hg p.btn01{
	width:30%;
}



}

@media only screen and (max-width: 768px){
#cat_title01 span{
	top:50%;
	left:5%;
	margin-top:-0.875em;
}

.english #cat_title01{
	font-size:140%;
}

.english #cat_title01 span{
	margin-top:-0.6em;
}

#cat_title02 span{
	padding:5.8% 5% 3%;
}

.english #cat_title02 {
	font-size:150%;
}

.english #cat_title02 span{
	padding:5%;
}

.line04{
	border:none;
}

.table_layout01,
.table_layout01 tbody,
.table_layout01 tr{
	display:block;
}

.table_layout01 th{
	display:block;
	padding:10px 0 0;
	font-weight:bold;
	width:100%;
	white-space:normal;
}

.table_layout01 td{
	display:block;
	width:100%;
	border:none;
}

.table_layout01 tr.table_h01 th:last-child{
	display:none;
}

.table_layout01 tr.table_h01 th{
	border:none;
}

h2 + .table_layout01{
	border:none;
}

.table_layout01 tr.pref_title th{
	font-size:160%;
	padding-bottom:20px;
	font-weight: normal;
}


#main_column .layout_cont01 .btn01{
	margin-top:1em;
}


#main_column .layout_inq .inq_hg h2{
	width:70%;
	padding-top:7px;
}

#main_column .layout_inq .inq_hg p.btn01{
	width:25%;
}


}

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

#main_column .layout_btn_d{
	margin:0;
	width:100%;
}


#main_column .layout_btn_d li{
	display:block;
	padding:1%;
	width:80%;
	max-width:none;
	margin:0 auto;
}

#main_column .layout_btn_e div.btn02 > a > p.btn_half{
	width:98%;
} 


#main_column .date{
	float:none;
	text-align:right;
	font-size:80%;
}

#main_column p.h1_ttl + h1{
	margin-top:10px;
}

#main_column .layout_inq .inq_hg h2{
	width:100%;
	padding-top:0;
	float:none;
	padding-bottom:10px;
	margin:0 0 0.8em;
}

#main_column .layout_inq .inq_hg p.btn01{
	width:100%;
	float:none;
}

#main_column .layout_inq .inq_hg p.btn01 a{
	display:inline-block;
	padding-left:10px;
}

}

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

#cat_title01{
	display:none;
}

#cat_title02,
.english #cat_title02{
	font-size:120%;
}

.english #cat_title02 span{
	padding:3% 5%;
}


#cat_column .page_lead{
	font-size:120%;
}


#main_column .page_lead{
	font-size:120%;
	margin-top:0;
}

#main_column .page_lead_s{
	font-size:100%;
}


#main_column .layout_right01 .imagination{
	float:none;
	text-align:center;
	padding:0 0 4.8%;
	max-width:none;
}




#main_column .layout_left01,
#main_column .layout_right02{
	margin:0 3.4% 7%;
}

#main_column .layout_left01 h2,
#main_column .layout_left01 h3,
#main_column .layout_right02 h3{
	float:none;
	width:100%;
}



#main_column .layout_left01 .imagination,
#main_column .layout_right02 .imagination{
	float:none;
	width:auto;
	padding:0 0 0.5em;
}

#main_column .layout_left01 .layout_cont01,
#main_column .layout_right02 .layout_cont01{
	width:100%;
}

#main_column .layout_inq .inq_hg p.btn01{
	font-size:86.66%;
}


#main_column .layout_2column_a > *,
#main_column .layout_2column_a > *:nth-child(odd),
#main_column .layout_2column_a > .imagination:nth-child(odd),
#main_column .layout_2column_a > *:nth-child(even),
#main_column .layout_2column_b > *,
#main_column .layout_2column_b > *:nth-child(odd){
	display:block;
	border:none;
	width:100%;
	margin:0 auto 15px;
	padding:0;
}

#main_column .layout_2column_a > .imagination:nth-child(odd),
#main_column .layout_2column_a > *:nth-child(odd){
	margin-top:40px;
}


#main_column .layout_2column_a > *:only-child{
	padding:0;
}

#main_column .layout_2column_a > * img,
#main_column .layout_2column_b > * img{
	display:block;
	width:80%;
	margin:0 auto;
}

#main_column .layout_2column_a .btn01 a{
	display:block;
	width:70%;
	margin:0 auto;
}


#main_column .layout_2column_c > section{
	display:block;
	margin:0 3.48% 9.79%;
	width: auto;

}

#main_column .layout_3column_a > div,
#main_column .layout_3column_a > div:only-child{
	display:block;
	border:none;
	margin:0 auto 20px;
	width:100%;
}

#main_column .layout_3column_a > div > img{
	width:80%;
	margin:0 auto;
	display:block;
}

.activity #main_column .layout_3column_a > div.imagination{
	display:none;
}

#main_column .layout_3column_a > div:only-child h3{
	padding:5.75%;

}

#main_column .layout_3column_a > div:only-child > div{
	padding:0 5.75%;

}

#main_column .layout_3column_b li{
	padding:0 3.16% 2.7% 0;
	width:46.84%;

}

#main_column .layout_cont01 .btn01{
	margin-top:-0.5em;
}


#main_column .layout_btn_b .btn01:last-child{
	margin:0 0 7%;

}

#main_column .layout_btn_d li,
#main_column .layout_btn_d li:first-child{
	padding:2% 0;
	width:90%;
}

#main_column .layout_btn_e .btn01 a{
	min-width:70%;
}

#main_column .hg01{
	margin-top:10%;
}


#main_column .hg01:after{
	height:98%;
	top:1%;
}

#main_column .hg01 h2,
#main_column .hg01 h3{
	font-size:130%;
	margin:0 3.7% 0.5em;

}


.table_layout01 td.width_btn div{
	width:auto;
	padding:0 0 0.5em;
	font-size:0.87rem;
}

.table_layout01 td.width_btn .btn01,
.english .table_layout01 td.width_btn .btn01{
	width: auto;
	padding-left:3%;
	float:right;
}

.table_layout01 td.width_btn .btn01 a{
	padding:7px 32px 7px 10px;
	white-space: nowrap;
	width:auto;
	min-width:4em;
}




.editor table td,
.editor table th{
	padding:1em 0.3em;
	font-size:80%;
}


.dpf_download{
	line-height:1.4;
}


.dpf_download img{
	float:none;
	display:block;
	margin:0 0 0.3em;
}

.table_layout01 tr.pref_title th{
	padding-bottom:10px;
}


}