@charset "UTF-8";
@media screen and (min-width: 751px){
/*********************.wrap*********************/	
.wrap940 {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.wrap760 {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.wrap500 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

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


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

#block01 {
    text-align: center;
    overflow: hidden;
}
#block01 h2 {
    text-align: center;
    background-color: #009fe8;
    margin-bottom: 40px;
    margin-top: 0px;
}
#block01 .img {
    margin-bottom: 0px;
}
#block01 .txt {
    width: 540px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
#contents #block01 .txt {
    margin-top: 12px;
}

#block01 .box {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 0px;
}
#block01 .box h3 {
    font-size: 23px;
    line-height: 36px;
    font-weight: normal;
    color: #1a4399;
    padding-left: 70px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#block01 .box h3 span {
    color: #e61f19;
}
#block01 .icon1,.icon2,.icon3 {
    background-repeat: no-repeat;
    background-position: left 8px;
    background-size: 83px auto;
    margin-top: 40px;
    padding-top: 20px;
}
#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: 220px;
    margin-left: 70px;
    box-sizing: border-box;
    margin-top: 20px;
    float: left;
}
#block01 .box table th {
    background-color: #666;
    color: #fff;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 130px;
    font-weight: normal;
}
#block01 .box table td {
    line-height: normal;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#block01 .box table td span {
    color: #d1384c;
}
#block01 .box .box_flot .img {
    width: 230px;
    float: right;
}

#block01 .box01 {
	text-align: center;
}
#block01 .list {
    line-height: 40px;
    color: #fff;
    background-color: #0000cd;
    height: 40px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    font-weight: bold;
    text-align: center;
    width: 620px;
    font-size: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#block01 .w620 {
    width: 620px;
}


#block01 .box01 li {
	display: inline-block;
	padding-right: 7px;
	padding-left: 7px;
	width: 132px;
}
#block01 .box01 li img {
	width: 100%;
}
#block01 .box01 li .txt1,.txt2,.txt3,.txt4 {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0px;
	height: 40px;
	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: 28px;
	line-height: 50px;
	font-weight: bold;
	color: #fff;
	background-color: #c80033;
	text-align: center;
	height: 50px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#block01 .box2 h4 {
    color: #e00012;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 0px;
}
#block01 .box2 .color {
    color: #003b80;
}

#block01 .margin {
    margin-top: 40px;
}

/*********************#block02*********************/
#block02 {
    text-align: center;
}
#block02 h3 {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    background-color: #0085cd;
    height: 40px;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 40px;
}

/*********************#block03*********************/
#block03 {
    margin-top: 80px;
}
#block03　hr {
    height: 1px;
    border: none;
    border-top: 1px #000000 solid;
}
#block03 h3 {
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	background-color: #0000cd;
	height: 40px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#block03 .nav {
    text-align: center;
    margin-bottom: 80px;
}
#block03 .nav.btn li {
	display: inline-block;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#block03 .img {
    width: 422px;
    margin-bottom: 20px;
}
#block03 #elementary {
	background-color: #3fbde0;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	height: 40px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	margin-bottom: 0px;
	margin-top: 40px;
    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;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	margin-top: 40px;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#block03 #high {
    background-color: #1c50a1;
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    height: 50px;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
    margin-top: 60px;
}
#block03 .box {
    width: 560px;
    margin-right: auto;
    margin-left: auto;
}


#block03 .fs28 {
    font-size: 28px;
    font-weight: bold;
}
#block03 dl  {
    color: #d1384c;
    font-size: 18px;
}
#block03 dl dt {
    float: left;
    width: 20px;
}
#block03 dl dd {
    margin-left: 20px;
}
#block03 .m_b0 {
    margin-bottom: 0px;
}
#block03 .online_b {
    text-align: center;
}
#block03 .kanzen {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
#block03 .wrap500 .red {
    color: #d20a23;
}
#block03 .goukakujisseki {
    font-size: 22px;
    text-align: center;
    color: #d20a23;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
}
#block03 .jisseki1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    margin-top: 40px;
}
#block03 .jisseki2 {
    font-size: 20px;
    text-align: center;
    color: #d20a23;
    margin-bottom: 40px;
    display: block;
    font-weight: bold;
}

#block03 #taikenki_title {
    background-color: #fff;
    font-size: 24px;
    line-height: 40px;
    color: #0000cc;
    text-align: center;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px;
    margin-top: 60px;
    border: 2px solid #0000cc;
    box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#block03 .box2 {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #000;
    margin-top: 10px;
    padding-bottom: 10px;
}
#block03 .box2 img {
    width: 100%;
}
#block03 .box2 .left_photo {
    float: left;
    width: 407px;
}
#block03 .box2 .right_photo {
    float: right;
    width: 407px;
}
#block03 .box2 .left_txt {
    float: left;
    width: 400px;
}
#block03 .box2 .right_txt {
    float: right;
    width: 400px;
}
#block03 .box2 .txt {
    font-size: 20px;
    color: #0000cc;
    font-weight: bold;
}
/*********************#block04*********************/
#block04 {
    margin-top: 60px;    
}
#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 {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#block04 .left,.right {
    width: 430px;
    text-align: center;
}
#block04 .left {
    float: left;
}
#block04 .right {
    float: right;
}
#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: 20px;
    border-bottom: 1px solid #000;
    text-align: center;
    padding-bottom: 20px;
}
#block05 .txt {
    width: 448px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

/*********************#flow*********************/
#flow {
	width: 708px;
	border: 1px solid #1e2678;
	border-radius: 20px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	color: #666;
}
#flow h3 {
	font-size: 28px;
	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: 18px;
	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: 70px;
	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: 70px;
	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: 70px;
	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: 70px;
	background-size: 46px 46px;
	margin-top: 30px;
}



/*********************.contact_box*********************/
.contact_box {
    font-size: 20px;
    background-color: #ccffff;
    text-align: center;
    padding-bottom: 20px;
    overflow: hidden;
    margin-top: 20px;
}
.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: 10px;
    display: inline-block;
    border: 2px solid #0033cc;
    background-color: #fff;
    color: #0033cc;
    margin-bottom: 0px;
}
.contact_box p {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: bold;
}
.contact_box .cf li   {
	width: 273px;
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
}
.contact_box .cf li img {
	width: 100%;
}



/*********************.contact*********************/
.contact {
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}
.contact p {
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 18px;
	font-size: 16px;
}
.contact .tel {
	font-size: 24px;
	line-height: 46px;
	color: #fff;
	background-color: #ff77ff;
	text-align: center;
	height: 46px;
	margin-top: 40px;
	margin-bottom: 10px;
}
.contact p .img1 {
	width: 590px;
	margin-top: 10px;
}
.contact p .img1 {
	width: 516px;
	margin-top: 10px;
}
.contact .img {
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact .top30 {
	margin-top: 30px;
}
#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;
}
#wrap #contents .contact .img {
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact .mail {
	font-size: 24px;
	line-height: 46px;
	color: #fff;
	background-color: #1d92d1;
	text-align: center;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contact p .img2 {
	width: 615px;
}
.contact .box {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 40px;
}
.contact .box_line {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #000;
    padding-top: 40px;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000000;
}
.contact .hp {
	font-size: 24px;
	line-height: 46px;
	color: #fff;
	background-color: #666;
	text-align: center;
	height: 46px;
	margin-top: 40px;
	margin-bottom: 10px;
}
#contactlink {
	margin-top: -154px;
	padding-top: 154px;
}






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

#contact {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}
#contact dl {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}
#contact dl dt{
	line-height: 28px;
	color: #fff;
	height: 28px;
	border-left-width: 28px;
	border-left-style: solid;
	border-left-color: #3366cc;
	background-color: #008aff;
	padding-left: 5px;
	font-size: 20px;
}
#contact dl dt span {
	background-color: #cc0000;
	display: inline-block;
	height: 28px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
}
#contact #form1 dl .dt .txt {
	background-color: #008aff;
	float: none;
}
#contact dl .dt .txt   {
	float: none;
	background-color: #008aff;
	margin: 0px;
	padding: 0px;
}
#contact dl dd {
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 500px;
	font-size: 20px;
}
#contact dl dd span {
	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;
}
#contact form textarea {
	width: 500px;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 28px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 180px;
	border: 1px solid #e6e6e6;
	border-radius: 6px; 
}
#contact form dl dd select {
	width: 500px;
	font-size: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #e6e6e6;
}
#contact form dl dd .surname     {
	width: 240px;
	display: inline-block;
	float: left;
}
#contact form dl dd .surname input     {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-radius: 6px; 
}
#contact form dl dd .name     {
	width: 240px;
	display: inline-block;
	float: right;
}
#contact form dl dd .name input     {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-radius: 6px; 
}
#contact form dl dd .txt {
	width: 500px;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-radius: 6px; 
}
#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 p a:hover {
	text-decoration: underline;
}
#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 p {
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 18px;
	font-size: 16px;
}

.contact p .img1 {
	width: 590px;
	margin-top: 10px;
}
.contact p .img1 {
	width: 516px;
	margin-top: 10px;
}

.contact .top30 {
	margin-top: 30px;
}
#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: 24px;
	line-height: 46px;
	color: #fff;
	background-color: #008aff;
	text-align: center;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contact p .img2 {
	width: 615px;
}
.contact .box {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 40px;
}

#contactlink {
	margin: 0px;
	padding: 0px;	/*margin-top: -154px;
	padding-top: 154px;*/
}
.000000 {
    padding-bottom: 20px;
}
}
