@charset "UTF-8";
/* media-queries.css */
@media screen and (max-width: 1025px) {
/* 1024px以下 */
#header {
display: block;
}
#header .courseListBox,
#header .btnListBox {
display: none;
}
#header .courseListBox.is-active,
#header .btnListBox.is-active {
display: block;
position: relative;
width: 100%;
}
#header .courseListBox.is-active ul li,
#header .btnListBox.is-active ul li {
width: 100%;
margin-right: 0;
text-align: center;
border-bottom: 2px solid #CCC; 
}
#header .courseListBox.is-active ul li a,
#header .btnListBox.is-active ul li a {
padding: 1.2em;
display: block; 
}
#header .courseListBox.is-active ul li a i,
#header .btnListBox.is-active ul li a i {
display: none;
}
#header .courseListBox.is-active ul {
margin-top: 20px;
border-top: 2px solid #CCC;
}
#header .btnListBox.is-active ul li {
margin-top: 20px;
border: none;
}

.lpMenuBox {
display: block;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 10px 2%; }
.lpMenuBox .menu_btn {
top: 14px; }
.lpMenuBox .lpLogo {
width: 60px; }
.lpMenuBox .lpMenu {
display: none; }
.lpMenuBox .lpMenu.is-active {
background: rgba(0, 0, 0, 0.9);
display: block;
position: absolute;
left: 0;
top: 77px;
z-index: 10;
width: 100%; }
.lpMenuBox .lpMenu.is-active ul {
height: 100%; }
.lpMenuBox .lpMenu.is-active ul li {
width: 100%;
margin-right: 0;
text-align: center;
border-bottom: 2px solid #CCC; }
.lpMenuBox .lpMenu.is-active ul li:last-child {
margin-bottom: 0; }
.lpMenuBox .lpMenu.is-active ul li a {
color: #FFF;
padding: 1.5em; }
.lpMenuBox .lpMenu ul {
width: 100%;
letter-spacing: -.4em; }
.lpMenuBox .lpMenu ul li {
display: inline-block;
font-size: 138%;
letter-spacing: normal;
margin-right: 40px;
margin-bottom: 4px;
width: 180px;
border-bottom: 2px solid #000; }
.lpMenuBox .lpMenu ul li:last-child {
margin-right: 0; }
.lpMenuBox .lpMenu ul li a {
display: block; }

.mobile .lpMenuBox.fixed {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
background: #c2e6f9;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }

#top-page .movieBox .inner {
width: 80%; }
#top-page .contList .txt h2 {
font-size: 185%;
margin-top: 0.5em; }
#top-page .contList .txt p {
line-height: 1.4em; }
#top-page .contList .txt .desc {
font-size: 115%;
margin-bottom: 0.5em; }
#top-page .contList .txt .title {
font-size: 154%; }
#top-page .contList .txt .title:after {
content: "";
background: url("../images/link_arrow.png") no-repeat 100% 100%;
background-size: 36px 12px;
display: inline-block;
margin-left: 4px;
width: 36px;
height: 12px; }

#about .cont02 .inner {
width: 80%; }

#guide .cont01 .inner {
width: 80%; }

#campaign .cont01 .inner {
width: 90%; }
#campaign .cont02 .inner {
width: 90%; }

.tablet {
display: block; } }
@media screen and (max-width: 981px) {
/* 980px以下 */ }
@media screen and (max-width: 769px) {
/* 768px以下 */
.links {
width: 100%;
margin-bottom: 0; }
.links ul {
display: block;
margin-top: 30px; }
.links ul li {
font-size: 185%;
width: 100%; }
.links ul li .smp {
display: inline-block !important; }

.btnBox {
margin-top: 30px; }

#top-page .contList.about {
background: #c2e6f9; }
#top-page .contList.menu {
outline: 10px solid #a0d8f6;
outline-offset: -10px; }
#top-page .contList.menu .image {
border-left: 10px solid #a0d8f6;
box-sizing: content-box;
margin-left: -10px; }
#top-page .contList.guide {
background: #FFF; }
#top-page .contList.campain {
background: #c2e6f9;
outline: 10px solid #a0d8f6;
outline-offset: -10px; }
#top-page .contList.campain .image {
border-left: 10px solid #a0d8f6;
box-sizing: content-box;
margin-left: -10px; }

#about .cont01 .inner .point {
width: 96%;
margin: 0 auto 0px;
padding-top: 20px; }
#about .cont01 .inner .point .box {
padding-bottom: 20px;}

#menu .cont01 .titleBox {
padding: 5%; }
#menu .cont01 .inner {
width: 100%; }
#menu .cont01 .inner .column2,
#menu .cont01 .inner .column3 {
width: 90%;
padding-left: 5%;
padding-right: 5%; }
#menu .cont01 .inner .category .note {
padding: 0 5%; }

#guide .cont02 {
background-image: none;
background-color: #c2e6f9; }
#guide .cont02 .inner {
display: block; }
#guide .cont02 .inner .image,
#guide .cont02 .inner .txt {
width: 100%; }
#guide .cont02 .inner .txt {
padding: 5%; }
#guide .cont02 .inner .txt .box {
margin-bottom: 30px; } }
@media screen and (max-width: 481px) {
/* 480px以下 */
#header {
display: block;
padding: 15px 5%;
position: relative;
z-index: 100;
}
#header .logo {
width: 210px; 
margin: 0 auto;
}
#header .courseListBox,
#header .btnListBox {
display: none; }
#header .courseListBox.is-active,
#header .btnListBox.is-active {
display: block;
position: relative;
width: 100%; }
#header .courseListBox.is-active ul li,
#header .btnListBox.is-active ul li {
width: 100%;
margin-right: 0;
text-align: center;
border-bottom: 2px solid #CCC; }
#header .courseListBox.is-active ul li a,
#header .btnListBox.is-active ul li a {
padding: 1.2em;
display: block; }
#header .courseListBox.is-active ul li a i,
#header .btnListBox.is-active ul li a i {
  display: none; }
#header .courseListBox.is-active ul {
margin-top: 20px;
border-top: 2px solid #CCC; }
#header .btnListBox.is-active ul li {
margin-top: 20px;
border: none; }

#footer {
padding-top: 0; }
#footer ul.footerNavi {
background: #f1f1f1;
letter-spacing: -.4em; }
#footer ul.footerNavi li {
color: #313131;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
box-sizing: border-box;
display: inline-block;
font-size: 100%;
letter-spacing: normal;
margin: 0;
padding: 1em 0.5em;
position: relative;
text-align: left;
width: 50%; }
#footer ul.footerNavi li:nth-child(2n) {
border-right: none; }
#footer ul.footerNavi li i {
position: absolute;
top: 1.5em;
right: 1em; }
#footer ul.footerNavi li a {
color: #00182c; }

.btnBox {
margin: 30px auto; }
.btnBox .btn {
font-size: 200%;
width: 90%; }
.btnBox .btn2 {
font-size: 150%;
width: 90%; }
.btnBox .desc {
font-size: 115%; }

.lpMenuBox {
display: block;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 10px 3%;
}
.lpMenuBox .menu_btn {
top: 14px; }
.lpMenuBox .lpLogo {
width: 60px; }
.lpMenuBox .lpMenu {
display: none; }
.lpMenuBox .lpMenu.is-active {
background: rgba(0, 0, 0, 0.9);
display: block;
position: absolute;
left: 0;
top: 77px;
z-index: 10;
width: 100%;
height: 100vh; }
.lpMenuBox .lpMenu.is-active ul li {
width: 100%;
margin-right: 0;
text-align: center;
border-bottom: 2px solid #CCC; }
.lpMenuBox .lpMenu.is-active ul li a {
color: #FFF;
padding: 1.5em; }
.lpMenuBox .lpMenu ul {
width: 100%;
letter-spacing: -.4em; }
.lpMenuBox .lpMenu ul li {
display: inline-block;
font-size: 138%;
letter-spacing: normal;
margin-right: 40px;
margin-bottom: 4px;
width: 180px;
border-bottom: 2px solid #000; }
.lpMenuBox .lpMenu ul li:last-child {
margin-right: 0; }
.lpMenuBox .lpMenu ul li a {
display: block; }
.lpMenuBox.fixed {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
background: #c2e6f9;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }

.main .inner .box {
padding: 60px 0; }
.main .inner .logo {
padding: 20px 0;
width: 40%; }
.main .inner h2 {
font-size: 154%; }
.main .inner p {
font-size: 246%; }
.main .inner p span {
font-size: 85%; }

#top-page .cont01 {
padding: 30px 0; }
#top-page .cont01 h3 {
font-size: 123%; }
#top-page .movieBox .inner {
width: 100%;
padding: 0; }
#top-page .contList {
flex-wrap: wrap; }
#top-page .contList .image, #top-page .contList .txt {
width: 100%; }
#top-page .contList .image {
margin: 7% auto 0 !important;
width: 86%; }
#top-page .contList .txt {
padding-left: 7%;
padding-right: 7%;
margin-bottom: 8%; }
#top-page .contList .txt h2 {
font-size: 185%;
margin-top: 0.5em; }
#top-page .contList .txt p {
line-height: 1.4em; }
#top-page .contList .txt .desc {
font-size: 115%;
margin-bottom: 0.5em; }
#top-page .contList .txt .title {
font-size: 154%; }
#top-page .contList .txt .title:after {
content: "";
background: url("../images/link_arrow.png") no-repeat 100% 100%;
background-size: 36px 12px;
display: inline-block;
margin-left: 4px;
width: 36px;
height: 12px; }
#top-page .contList.rev {
flex-direction: row; }
#top-page .contList.about {
background: #c2e6f9; }
#top-page .contList.menu {
outline: 10px solid #a0d8f6;
outline-offset: -10px; }
#top-page .contList.menu .image {
border-left: none;
box-sizing: content-box;
margin-left: 0; }
#top-page .contList.guide {
background: #FFF; }
#top-page .contList.campain {
outline: 10px solid #a0d8f6;
outline-offset: -10px; }
#top-page .contList.campain .image {
border-left: none;
box-sizing: content-box;
margin-left: 0; }
#top-page .cont02 {
margin-bottom: 40px; }

#about .cont01 .titleBox {
padding: 60px 0; }
#about .cont01 .titleBox h2 {
font-size: 154%; }
#about .cont01 .inner {
padding: 0;} 
#about .cont01 .inner .point {
display: block;
width: 100%;
padding-top: 0; }
#about .cont01 .inner .point .box {
margin-right: 0;
width: 100%; 
padding-bottom: 20px;}
#about .cont02 {
border: 10px solid #a0d8f6;
padding-bottom: 10px; }
#about .cont02 .titleBox h2 {
font-size: 154%; }
#about .cont02 .inner {
box-sizing: border-box;
margin-right: 0;
padding: 0 10px;
width: 100%; }

#menu .cont01 .titleBox {
padding: 5%; }
#menu .cont01 .titleBox h2 {
font-size: 154%; }
#menu .cont01 .titleBox .desc {
font-size: 115%; }
#menu .cont01 .inner {
width: 100%; }
#menu .cont01 .inner .column2,
#menu .cont01 .inner .column3 {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0; }
#menu .cont01 .inner .column2 .box,
#menu .cont01 .inner .column3 .box {
width: 100%;
margin-right: 0;
margin-bottom: 30px; }
#menu .cont01 .inner .column2 .box:last-child,
#menu .cont01 .inner .column3 .box:last-child {
margin-bottom: 0; }
#menu .cont01 .inner h3.title span {
font-size: 40%; }
#menu .cont01 .inner .category .note {
padding: 0 5%; }

#guide .cont01 {
padding-bottom: 0; }
#guide .cont01 .titleBox {
margin: 0;
padding: 30px 0; }
#guide .cont01 .titleBox h2 {
font-size: 154%;
margin-bottom: 0; }
#guide .cont01 .inner {
width: 100%; }
#guide .cont01 .inner .desc {
margin-top: 30px;
margin-bottom: 60px; }
#guide .cont02 {
background-image: none;
background-color: #c2e6f9; }
#guide .cont02 .inner {
display: block; }
#guide .cont02 .inner .image,
#guide .cont02 .inner .txt {
width: 100%; }
#guide .cont02 .inner .txt {
padding: 5%; }
#guide .cont02 .inner .txt .box {
margin-bottom: 30px; }
#guide .links .btn_small_org{
margin: 30px auto 30px auto;
width:90%;
}
#guide .links .qa{
margin: 40px auto 40px auto;}

#campaign .cont01 {
padding: 0; }
#campaign .cont01 .inner {
width: 100%; }
#campaign .cont02 {
padding: 30px 0; }
#campaign .cont02 .titleBox {
margin-bottom: 30px; }
#campaign .cont02 .titleBox h2 {
font-size: 154%; }
#campaign .cont02 .inner {
width: 90%;
padding-left: 5%;
padding-right: 5%; }
#campaign .cont02 .inner .column2,
#campaign .cont02 .inner .column3 {
display: block; }
#campaign .cont02 .inner .column2 .box,
#campaign .cont02 .inner .column3 .box {
width: 100%;
margin-right: 0;
padding-bottom: 20px;
margin-bottom: 20px; }
#campaign .cont02 .inner .column2 .box p.date,
#campaign .cont02 .inner .column3 .box p.date {
margin-bottom: 0; }
#campaign .cont02 .inner h4 {
margin: 30px auto; }
#campaign .cont02 .inner .noteBox {
padding: 5%; }
.pc {
display: none;
}
.smp {
display: block; 
}
}
@media screen and (max-width: 321px) {
/* 320px以下 */ }
@media screen and (max-height: 421px) {
/* 幅420px以下 */ }