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


/*********************.wrap*********************/	



/*********************#block01*********************/

#block01 {
	text-align: center;
}
#block01 .img {
    text-align: center;
    margin-top: 40px;
}
#block01 h2 {
	padding-top: 0px;
	margin-top: 0px;
}
#block01 .txt {
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
}

#block01 .box {
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
}
#block01 .box h3 {
    font-size: 21px;
    line-height: 28px;
    font-weight: normal;
    color: #1a4399;
    padding-left: 40px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-top: 20px;
}
#block01 .box h3 span {
    color: #e61f19;
}
#block01 .icon1,.icon2,.icon3 {
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 50px auto;
}
#block01 .icon1 {
    background-image: url(../images/icon1.png);
}
#block01 .icon2 {
    background-image: url(../images/icon2.png);
}
#block01 .icon3 {
    background-image: url(../images/icon3.png);
}
#block01 .box table {
    padding: 0px;
    border: 1px solid #666;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
}
#block01 .box table th {
    background-color: #666;
    color: #fff;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
	width: 110px;
    font-weight: normal;
    white-space: nowrap;
}
#block01 .box table td {
    line-height: normal;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#block01 .box table td span {
    color: #d1384c;
}
#block01 .box .box_flot .img {
    margin-top: 20px;
}

/*********************.box01*********************/

#block01 .list {
    color: #fff;
    background-color: #0000cd;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#block01 .box01 li {
	display: inline-block;
	padding-right: 2.5%;
	padding-left: 2.5%;
	width: 42.5%;
	padding-bottom: 5%;
}
#block01 .box01 li img {
	width: 100%;
}
#block01 .box01 li .txt1,.txt2,.txt3,.txt4 {
	font-size: 20px;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0px;
	height: 46px;
	width: 100%;
}
#block01 .box01 li .txt1 {
	background-color: #ea5549;
}
#block01 .box01 li .txt2 {
	background-color: #54917f;
}
#block01 .box01 li .txt3 {
	background-color: #00608d;
}
#block01 .box01 li .txt4 {
	background-color: #946c45;
}
#block01 .box01 .txt {
	font-size: 20px;
	line-height: 42px;
	font-weight: bold;
	color: #fff;
	background-color: #c80033;
	text-align: center;
	height: 42px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
/*********************.box02*********************/
#block01 .box2 {
    text-align: center;    
}
#block01 .box2 h4 {
    font-size: 17px;
    line-height: 19px;
    color: #e20012;
    margin-top: 40px;
    background-image: url(../images/sp/eraberu_line1.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}
#block01 .box2 p {
    font-size: 16px;
    line-height: 16px;
    color: #003b80;
}
#block01 .box2 .img {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}
#block01 .box2 p img {
    width: 80%;
}

/*********************#block03*********************/
#block03 {
}
#block03 h3 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	background-color: #0085cd;
	height: 30px;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#block03 .nav {
    text-align: center;
    max-width: 678px;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 1%;
    margin-bottom: 80px;
}
#block03 .nav.btn li {
	display: inline-block;
	margin-top: 20px;
	max-width: 678px;
	margin-right: 10%;
	margin-left: 10%;
}
#block03 .btn li img {
	width: 100%;
}
#block03 #elementary {
    background-color: #3fbde0;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    height: 40px;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-top: 60px;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#block03 #middle {
    background-color: #2990d0;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    height: 40px;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-top: 60px;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#block03 #high {
    background-color: #1c50a1;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    height: 40px;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-top: 60px;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#block03 .fs28 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}
#block03 .box {
    margin-right: 20px;
    margin-left: 20px;
}
#block03 .box_m {
    margin-right: 20px;
    margin-left: 20px;
}
#block03 .box img {
    width: 100%;
}
#block03 dl  {
    color: #d1384c;
    font-size: 18px;
}
#block03 dl dt {
    float: left;
    width: 20px;
    padding-top: 20px; 
}
#block03 dl dd {
    margin-left: 20px;
    padding-top: 20px; 
}
#block03 .m_b0 {
    margin-bottom: 0px;
}


#block03 .wrap500 {
    margin-left: 20px;
    margin-right: 20px;
}

#block03 .wrap500 .red {
    color: #d20a23;
}

#block03 .goukakujisseki {
    font-size: 22px;
    text-align: center;
    color: #d20a23;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
#block03 .jisseki1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
#block03 .jisseki2 {
    font-size: 20px;
    text-align: center;
    color: #d20a23;
    margin-bottom: 40px;
    display: block;
    font-weight: bold;
}
#block03 .center {
    text-align: center;
}
#block03 #taikenki_title {
    background-color: #fff;
    font-size: 24px;
    line-height: 32px;
    color: #0000cc;
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-top: 40px;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
    border: 2px solid #0000cc;
    padding-top: 5px;
    padding-bottom: 5px;
}
#block03 .box2 {
    margin-right: 20px;
    margin-left: 20px;
    border-bottom: 1px solid #000;
    margin-top: 20px;
}
#block03 .box2 img {
    width: 100%;
}
#block03 .box2 .left_photo {

}
#block03 .box2 .right_photo {

}
#block03 .box2 .left_txt {

}
#block03 .box2 .right_txt {

}
#block03 .box2 .txt {
    font-size: 20px;
    color: #0000cc;
    font-weight: bold;
}

/*********************#block04*********************/
#block04 {
    margin-top: 70px;
}
#block04 h3 {
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	background-color: #ee869a;
	height: 40px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#block04 .wrap {
    margin-left: 20px;
    margin-right: 20px;
}

#block04 h4 {
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	background-color: #ff8700;
	height: 40px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*********************#block05*********************/
#block05 {
    margin-top: 30px;
    border-bottom: 1px solid #000;
    text-align: center;
    padding-bottom: 20px;
    border-top: 1px solid #000;
    padding-top: 10px;
}
#block05 .txt {
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}



/*********************#flow*********************/
#flow {
	border: 1px solid #1e2678;
	border-radius: 20px;
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
	color: #666;
}
#flow h3 {
	font-size: 24px;
	line-height: 78px;
	color: #1e2678;
	text-align: center;
	height: 78px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1e2678;
	margin: 0px;
}
#flow ul {
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 20px;
}
#flow ul li {
	list-style-type: none;
}
#flow ul li span {
	font-size: 20px;
	color: #1e2678;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
#flow ul .no1 {
	background-image: url(../images/no1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	background-size: 46px 46px;
	margin-top: 20px;
}
#flow ul .no2 {
	background-image: url(../images/no2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	background-size: 46px 46px;
	margin-top: 30px;
}
#flow ul .no3 {
	background-image: url(../images/no3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	background-size: 46px 46px;
	margin-top: 30px;
}
#flow ul .no4 {
	background-image: url(../images/no4.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	background-size: 46px 46px;
	margin-top: 30px;
}



/*********************.contact_box*********************/
.contact_box {
    font-size: 16px;
    background-color: #ccffff;
    text-align: center;
    /*padding-bottom: 20px;*/
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 15px;
}
.contact_box .wrap {
    background-image: url(../images/contact_box_bg.png);
    background-repeat: repeat-x;
    background-position: left center;
}
.contact_box .wrap .txt_waku {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #0033cc;
    background-color: #fff;
    color: #0033cc;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
}
.contact_box p {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: bold;
}
.contact_box .cf li   {
	display: inline-block;
	margin-right: 50px;
	margin-left: 50px;
}
.contact_box .cf li img {
	width: 100%;
}




/*********************.contact*********************/
.contact {
	text-align: center;
	font-weight: bold;
}
.contact p {
	margin-bottom: 0px;
	margin-top: 0px;
}
.contact .tel {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	background-color: #ff77ff;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contact p .img1 {
	width: 100%;
}
.contact .img {
	margin-top: 10px;
}
#wrap #contents .contact.no_line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contact .mail {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	background-color: #1d92d1;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contact p .img2 {
	width: 100%;
}
.contact .img {
	margin-left: 20px;
	margin-right: 20px;
}
.contact .box {
	text-align: center;
	margin-top: 40px;
	padding: 6%;
}
.contact .box_line {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 40px;
	margin-top: 20px;
	padding-bottom: 30px;
}
.contact .hp {
	font-size: 20px;
	color: #fff;
	background-color: #666;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 26px;
}
.top30 {
	padding-top: 30px;
}
.sp_f12 {
    font-size: 12px;
    font-weight: normal;
}
.b_line {
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
}




/*********************#contact*********************/

#contact {
}
#contact dl {
	margin-right: 20px;
	margin-left: 20px;
}
#contact dl dt{
	line-height: 28px;
	color: #fff;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #3366cc;
	background-color: #008aff;
	padding-left: 5px;
	font-size: 14px;
	height: 28px;
	font-weight: bold;
}
#wrap #contents #contact dl .dt {
	line-height: 16px;
	height: 40px;
}
#wrap #contents #contact dl .dt .txt2 {
	background-color: #cc0000;
	display: inline-block;
	height: 40px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 40px;
}
#wrap #contents #contact dl .dt .txt {
	float: left;
	height: 35px;
	line-height: 16px;
	background-color: #008aff;
	padding-top: 5px;
	width: 70%;
}
#contact dl dt span {
	background-color: #cc0000;
	display: inline-block;
	height: 28px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 28px;
}
#contact dl dd {
	width: 100%;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 16px;
}
#contact form {
	font-size: 16px;
}
#contact form input {
	font-size: 16px;
	line-height: 24px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
}
#contact form textarea {
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 28px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 100px;
	border: 1px solid #e6e6e6;
}
#contact form dl dd select {
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #e6e6e6;
}
#contact form dl dd .surname     {
	width: 100%;
	display: inline-block;
	float: left;
}
#contact form dl dd .surname input     {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
}
#contact form dl dd .name     {
	width: 100%;
	display: inline-block;
	float: right;
}
#contact form dl dd .name input     {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
}
#contact form dl dd .txt {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
}
#contact form p {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	text-align: center;
	padding-top: 20px;
	font-size: 16px;
}
#contact form p a {
	color: #000;
	text-decoration: none;
}
#contact form ul {
	text-align: center;
}
#contact form ul li {
	display: inline-block;
	list-style-type: none;
	margin-right: 5px;
	margin-left: 5px;
}
#contact form ul li .btn1 {
	border: 1px solid #008aff;
	border-radius: 8px;
	font-weight: bold;
	color: #fff;
	background-color: #008aff;
	height: 50px;
	width: 200px;
	font-size: 20px;
	transition: 0.5s;
}
#contact form ul li .btn1:hover {
	background-color: #50acfa;
	transition: 0.3s;
}
#contact form ul li .btn2 {
	border: 1px solid #000;
	border-radius: 8px;
	font-weight: bold;
	color: #fff;
	background-color: #999;
	height: 50px;
	width: 200px;
	font-size: 20px;
}
#contact form ul li .btn2:hover {
	background-color: #a7a7a7;
	transition: 0.3s;
}
#contact form dl dd ul li {
	width: 100px;
}
#contact form dl dd p {
	display: inline-block;
	font-size: 40px;
}
#contact .center {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
}



.contact {
	text-align: center;
	font-weight: bold;
}
.contact p {
	margin-bottom: 0px;
	margin-top: 0px;
}

.contact p .img1 {
	width: 100%;
}

#wrap #contents .contact.no_line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contact .mail {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	background-color: #008aff;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contact p .img2 {
	width: 100%;
}

.contact .box {
	text-align: center;
	margin-top: 40px;
	padding: 6%;
}


.top30 {
	padding-top: 30px;
}



/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
}