/* screens smaller than 640---------------------------------------------------------- */
@media only screen and (max-width:640px) {

/*layout*/
/*------------------------------------------------------------------------------*/


/*toptitle*/
/*------------------------------------------------------------------------------*/
.toptitle03_01 {
	font-size: 26px;
	text-align: center;
}
.toptitle03_01:before {
	right: 0;
	margin: 0 auto;
}
.toptitle03_02 {
	font-size: 26px;
	text-align: center;
}
.toptitle03_02:after {
	background: #3768af;
	width: 80px;
	height: 2px;
	position: absolute;
	top: auto;
	bottom: 0;
	right: auto;
	left: 50%;
	transform: translate(-50%,0);
}

/*btn/more/arr*/
/*------------------------------------------------------------------------------*/
.btn01 a {
	color: #fff;
	width: 100%;
	max-width: 280px;
	height: 60px;
	display: table;
	background: #0C4293 url("../image/common/arr02.png") no-repeat 240px center;
	margin: 0 auto;
}

/*mainimage*/
/*------------------------------------------------------------------------------*/
#mainimage {
	background: url("../image/mainimage01_sp.jpg") no-repeat center top;
	background-size: cover;
	height: 96.875vw;
	margin: 0 0 20px;
}

/*top_download*/
/*------------------------------------------------------------------------------*/
#top_download dt {
	width: 100%;
	text-align: center;
}
#top_download dd {
	width: 100%;
}
#top_download li {
	width: 50%;
}
#top_download li a .icon {
	display: none;
}
#top_download li a {
	padding: 5px 30px 5px 4.6%;
}

/*top_box01*/
/*------------------------------------------------------------------------------*/
#top_box01 {
	margin-bottom: 100px;
}
#top_box01 .inner {
	padding: 30px 0;
	box-shadow: 0px 10px 23.75px 1.25px rgba(0, 0, 0, 0.1);
}
#top_search {
	padding: 0 2%;
}
#top_search h3 {
	width: 100%;
	margin-bottom: 20px;
}
.top_search_in {
	padding-left: 0;
	width: 100%;
}
#top_box01_in dl {
	width: 49%;
}
#top_box01_in dd {
	width: 100%;
	max-width: initial;
	max-width: auto;
	position: static;
	right: auto;
	bottom: auto;
	background: #FFF;
}
#top_box01_in dd a {
	display: table;
	max-width: 200px;
	float: right;
}

/*top_box02*/
/*------------------------------------------------------------------------------*/
#top_box02 {
	padding-top: 0;
	margin-bottom: 80px;
}
#top_box02 .img100 {
	width: 100%;
	order: 2;
}
#top_box02 .top_box02_in {
	width: 100%;
	order: 1;
	padding: 0 0 30px;
}
#top_box02 .top_box02_in p {
	margin-bottom: 20px;
}
#top_box02 .top_box02_in .btn01 a {
	margin: 0 auto;
}

/*rss_box*/
/*------------------------------------------------------------------------------*/
#rss_box {
	margin-bottom: 60px;
}
.rss_box_in {
	width: 100%;
	padding: 40px 20px 20px;
	margin-bottom: 30px;
	box-shadow: 0px 12px 27.84px 1.16px rgba(0, 0, 0, 0.3);
}
.rss_box_in .toptitle03_01 {
	margin-bottom: 10px;
}
.rss_box_in .toptitle_sub {
	position: static;
    transform: none;
    text-align: center;
    margin-bottom: 20px;
}
.rss_box_in:nth-child(1) .toptitle_sub {
	left: auto;
	bottom: auto;
}
.rss_box_in:nth-child(2) .toptitle_sub {
	left: auto;
	bottom: auto;
}



/*top_box03*/
/*------------------------------------------------------------------------------*/
#top_box03 {
	width: 100%;
	height: auto;
	min-height: 523px;
	margin-bottom: 10px;
	padding: 0 0 50px;
}
#top_box03 .unit {
	padding: 60px 5%;
	width: 94%;
	margin: 0 auto;
	float: none;
}
#top_box03 .toptitle_sub {
	position: static;
	text-align: center;
    transform: none;
    margin: -20px 0 30px;
}



/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/



/* screens smaller than 500---------------------------------------------------------- */
@media only screen and (max-width:499px) {




/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/



/* screens smaller than 420---------------------------------------------------------- */
@media only screen and (max-width:419px) {




/*------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------*/