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


h2 {
background-image: url(/ventus-iris/images/m04_on.png);
}

@media print, screen and (min-width: 641px) {
#topImage {
width: 1200px;
height: 160px;
margin-left: auto;
margin-right: auto;
background-image: url(images/topImage.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
#topImage h1 {
font-size: 32px;
margin-left: 30px;
color: #fff;
float: left;
}
	.box {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.fee {
	overflow: hidden;
	margin-bottom: 50px;
}

.fee h2 {
background-image: url(images/icon_fee.png);
margin-bottom: 40px;
}

.fee h3:before {
 content: url(images/h3_fee.png);
 margin: 10px;
 position: relative;
 top: 20px;
}
.fee h3.sumi:before {
 content: url(images/h3_simu.png);
 margin: 10px;
 position: relative;
 top: 20px;
}

.fee p {
	text-align: left;
 margin-bottom: 40px;
}
.fee .box {
margin-bottom: 4rem;
}
.fee .box h4 {
font-size: 20px;
text-align: left;
margin-bottom: 1rem;
margin-top: 1rem;
background: #c1eaf4;
padding: 1rem;
width: 100%;
}
.fee .box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fee .box ul li {
width: 46%;
margin-bottom: 2rem;
}
.fee .box ul li.wide {
width: 100%;
}
.fee .box dl {
}
.fee .box dt {
width: 100%;
padding: 0.5rem 1rem;
margin-bottom: 0.5rem;
text-align: left;
border-bottom: solid 2px #008cb3;
font-size: 18px;
}
.fee .box dd {
text-align: left;
}

.schedule {
 margin-bottom: 50px;
 }
 .schedule h2 {
background-image: url(images/icon_.schedule.png);
margin-bottom: 40px;
}

.schedule .box {
margin-bottom: 2rem;
}
.schedule ul {
margin-bottom: 4rem;
}
.schedule li {
width: 48%;
margin-bottom: 2rem;
} 
.schedule li img {
width: 50%;
}
.schedule li dl {
line-height: 2em;
margin-bottom: 5px;
overflow: hidden;
}
.schedule li dl.title {
background-color: #E6E6E6;
}
.schedule li dl.bgc {
background-color: #c1eaf4;
}
.schedule li dt {
color: #005077;
width: 20%;
text-align: right;
float: left;
}
.schedule li dd {
width: 75%;
text-align: left;
float: right;
}

.application h3 {
	margin-bottom: 30px!important;
}
.application h3.telphone:before {
 content: url(images/h3_tel.png);
 margin: 10px;
 position: relative;
 top: 20px;
}
.application h3.email:before {
 content: url(images/h3_mail.png);
 margin: 10px;
 position: relative;
 top: 20px;
}
.application ul {
margin-bottom: 2rem;
}
.application li {
width: 48%;
}
.application .box {
 padding: 20px;
background-color: #c1eaf4;
}
.application .box h4 {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ffffff;
    font-weight: bold;
}
.application .box h4 span {
font-size: 16px;
}

.application .box ul li ul li dt {
    color: #fff;
    background-color: #fbc300;
    margin-bottom: 10px;
}
.application .box li ul li dd .tel:before {
    content: url(images/icon_tel.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
.application .inner .box ul li dl .tel, .application .inner .box ul li dl .fax {
    font-size: 28px;
    letter-spacing: 0.1em;
}

a.download_bt,
a.contact_bt{
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #005077;
    color: #FFF;
    width: 100%;
}
a.download_bt:before {
    content: url(/ventus-iris/images/icon_download.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
a.contact_bt {
width: 60%!important;
margin: 2rem auto;
padding: 1rem 0;
}
a.contact_bt:before {
    content: url(/ventus-iris/images/icon_mail.png);
    margin: 10px;
    position: relative;
    top: 2px;
}

.application .inner .box ul li {
width: 48%;
}
.application .inner .box ul li dl {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.application .inner .box ul li dl dt {
	font-size: 18px;
	margin-bottom: 10px;
	color: #005077;
	padding-bottom: 5px;
    width: 100%;
    font-weight: bold;
}

.application .inner .box ul li dl .tel {
background-image: url(images/icon_tel.png);
background-size: 10%;
background-position: left center;
background-repeat: no-repeat;
padding-left: 2rem;
font-weight: bold;
}
.application .inner .box ul li dl .fax {
background-image: url(images/icon_fax.png);
background-size: 10%;
background-position: left center;
background-repeat: no-repeat;
padding-left: 2rem;
font-weight: bold;
}

.application .inner .box ul li dl dd {
	margin: 0px;
	padding: 0px;
    width: 100%;
}
.application .inner .box ul li dl .image {
	width: 35%!important;
	margin-left: auto;
 margin-right: auto;
 margin-top: 30px;
}

.application .inner .box ul li dl a.download_bt {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #000;
    color: #FFF;
    width: 100%;
}
.application .inner .box ul li dl a.download_bt:before {
    content: url(/ventus-iris/images/icon_download.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
.application .inner .box ul li dl a.contact_bt {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #000;
    color: #FFF;
    width: 100%;
}
.application .inner .box ul li dl a.contact_bt:before {
content: url(/ventus-iris/images/icon_mail.png);
 margin: 10px;
 position: relative;
 top: 2px;
}
.application .inner .box ul li dl a.contact_bt:before {
    content: url(/ventus-iris/images/icon_mail.png);
    margin: 10px;
    position: relative;
    top: 2px;
}




}



@media screen and (max-width: 640px) {
#topImage {
background-image: url(images/topImage.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
.box {
	margin-bottom: 50px;
}
.fee {
	overflow: hidden;
	margin-bottom: 50px;
}
.fee h3:before {
 content: url(images/h3_fee.png);
 margin: 10px;
 position: relative;
 top: 20px;
}
.fee h3.sumi:before {
 content: url(images/h3_simu.png);
 margin: 10px;
 position: relative;
 top: 20px;
}

.fee p {
	text-align: left;
 margin-bottom: 40px;
}
.fee .box {
margin-bottom: 4rem;
}
.fee .box h4 {
font-size: 20px;
text-align: left;
margin-bottom: 1rem;
margin-top: 1rem;
background: #aee5e2;
padding: 1rem;
}
.fee .box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fee .box ul li {
width: 100%;
margin-bottom: 2rem;
}
.fee .box ul li.wide {
width: 100%;
}
.fee .box dl {
}
.fee .box dt {
padding: 0.5rem 1rem;
margin-bottom: 0.5rem;
text-align: left;
border-bottom: solid 2px #008cb3;
font-size: 18px;
}
.fee .box dd {
text-align: left;
}

 .schedule {
 margin-bottom: 50px;
 }
 .schedule h2 {
background-image: url(images/icon_.schedule.png);
margin-bottom: 40px;
}
.schedule ul {
flex-direction: column;
}
.schedule li {
width: 100%;
margin-bottom: 20px;
}
.schedule li.child_1 {
order: 1;
}
.schedule li.child_2 {
order: 3;
}
.schedule li.child_3 {
order: 2;
}
.schedule li.child_4 {
order: 4;
}
.schedule li dl {
line-height: 2em;
margin-bottom: 5px;
overflow: hidden;
}
.schedule li dl.title {
background-color: #E6E6E6;
}
.schedule li dl.bgc {
background-color: #c1eaf4;
}
.schedule li dt {
color: #005077;
width: 20%;
text-align: right;
float: left;
}
.schedule li dd {
width: 75%;
text-align: left;
float: right;
}

.application h3 {
	margin-bottom: 30px!important;
}

.application ul {
margin-bottom: 2rem;
}
.application li {
width: 100%;
}
.application .box {
 padding: 20px 20px 0;
background-color: #c1eaf4;
}
.application .box h4 {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ffffff;
    font-weight: bold;
}
.application .box h4 span {
font-size: 16px;
display: block;
}

.application .box ul li ul li dt {
    color: #fff;
    background-color: #fbc300;
    margin-bottom: 10px;
}
.application .box li ul li dd .tel:before {
    content: url(images/icon_tel.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
.application .inner .box ul li dl .tel, .application .inner .box ul li dl .fax {
    font-size: 28px;
    letter-spacing: 0.1em;
}

a.download_bt,
a.contact_bt{
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #005077;
    color: #FFF;
    width: 100%;
}
a.download_bt:before {
    content: url(/ventus-iris/images/icon_download.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
a.contact_bt {
width: 100%!important;
margin: 2rem auto;
padding: 1rem 0;
}
a.contact_bt:before {
    content: url(/ventus-iris/images/icon_mail.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
.application p {
text-align: left;
}
.application .inner .box ul li {
width: 100%;
margin-bottom: 2rem;
}
.application .inner .box ul li dl {

	margin: 0px;
	padding: 0px;
}
.application .inner .box ul li dl dt {
	font-size: 18px;
	margin-bottom: 10px;
	color: #005077;
	padding-bottom: 5px;
    width: 100%;
    font-weight: bold;
}

.application .inner .box ul li dl .tel {
background-image: url(images/icon_tel.png);
background-size: 10%;
background-position: left center;
background-repeat: no-repeat;
padding-left: 2rem;
font-weight: bold;
}
.application .inner .box ul li dl .fax {
background-image: url(images/icon_fax.png);
background-size: 10%;
background-position: left center;
background-repeat: no-repeat;
padding-left: 2rem;
font-weight: bold;
}

.application .inner .box ul li dl dd {
	margin: 0px;
	padding: 0px;
    width: 100%;
}
.application .inner .box ul li dl .image {
	width: 35%!important;
	margin-left: auto;
 margin-right: auto;
 margin-top: 30px;
}

.application .inner .box ul li dl a.download_bt {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #000;
    color: #FFF;
    width: 100%;
}
.application .inner .box ul li dl a.download_bt:before {
    content: url(/ventus-iris/images/icon_download.png);
    margin: 10px;
    position: relative;
    top: 2px;
}
.application .inner .box ul li dl a.contact_bt {
    padding: 10px 0;
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #000;
    color: #FFF;
    width: 100%;
}
.application .inner .box ul li dl a.contact_bt:before {
content: url(/ventus-iris/images/icon_mail.png);
 margin: 10px;
 position: relative;
 top: 2px;
}
.application .inner .box ul li dl a.contact_bt:before {
    content: url(/ventus-iris/images/icon_mail.png);
    margin: 10px;
    position: relative;
    top: 2px;
}

}


#subscription {
scroll-margin-top: 240px;
}

@media screen and (max-width: 768px) {
#subscription {
scroll-margin-top: 60px;
}
}