@media only screen and (max-width : 1400px) {
.department-main {
top: 100px;
width: 48%;
}
.dep-cont01 .lead-box p {
width: 47%;
padding: 20px 0;
line-height: 2;
font-size: 16px;
}
.dep-cont01 .upper-box {
padding: 0 0 33%;
}

}


/*===================================================================*/
@media only screen and (max-width : 1200px) {
.for-wide{
display: none;
}


.message .contents-wrap h2 {
left: 1%;
width: 42px;
}
.message-cont h3 {
font-size: 26px;
margin: 0 0 4.5%;
}
.message-cont p {
font-size: 16px;
}
.message-left-img {
width: 22%;
top: 8%;
left: 0%;
}
.message-right-img {
width: 25%;
top: 6%;
right: -0;
}
.keyword .anchor-box {
padding: 0 0 3%;
}
.keyword h3 {
font-size: 22px;
margin: 0 0 1%;
}
.keyword .anchor-box a {
font-size: 15px;
min-width: 84px;
margin: 4px 3px;
padding: 6px 16px;
}
.keyword-ttl {
top: -22px;
width: 300px;
}
.keyword .contents-wrap::before,
.keyword .contents-wrap::after{
width: calc(50% - 240px);
}
.department h2 {
width: 360px;
font-size: 34px;
line-height: 82px;
margin: 0 30px 5% 0;
}
.dep-cont {
padding: 5% 4% 0;
}
.course-sub-ttl img {
height: 18px;
}
.course-sub-ttl {
line-height: 78px;
}
.block-ttl-box h3 {
width: 210px;
padding: 0 24px 0 0;
}
.dep-cont01 .block-ttl-box p {
font-size: 18px;
}
.dep-cont02 .block-ttl-box p {
font-size: 19px;
}
.dep-cont03 .block-ttl-box p {
font-size: 17px;
}
.dep-cont03 .dep-cont {
padding: 8% 4%;
}
.course-list-ttl h3 {
font-size: 20px;
}
.course-list-ttl {
width: 190px;
}
.course-list-cont p {
font-size: 18px;
}
.btn a {
line-height: 64px;
font-size: 21px;
padding: 0 20px 0 0;
}
.btn a::after {
right: 16px;
width: 28px;
height: 17px;
}
.point-box-num {
font-size: 24px;
}
.point-box h3 {
font-size: 18px;
padding: 16px 2% 12px;
}
.point-box p {
font-size: 14px;
padding: 0 4% 0;
text-align: left;
}
.dep-cont02-ex-p2-icon {
width: 48px;
margin: 0 auto;
padding: 18px 0 10px;
}
.dep-cont02-ex-p2 {
width: 40%;
width: 500px;
height: 280px;
border-radius: 30px;
padding: 0 0 4%;
}
.dep-cont02-ex-p2 p {
font-size: 16px;
line-height: 1.8;
}
.course02 .dep-cont02-ex-p2 {
left: 5%;
}
.dep-cont02-ex-p2 p span {
font-size: 12px;
top: -4px;
}
.course03 .dep-cont02-ex-p2 {
right: 5%;
}
.list-box p {
font-size: 18px;
margin: 2px 10px;
}
.ending-msg {
max-width: 560px;
margin: 0 auto 40px;
}
.circle-ex-ttl {
font-size: 22px;
padding: 0 0 10px;
}
.circle-ex-box p {
font-size: 17px;
}
.circle-ex-box .circle-ex02 .colored-inner p {
padding: 14px 0 14px;
}
.course03 .dep-cont02-ex-p2 .colored-inner,
.circle-ex-box .circle-ex01 .colored-inner,
.course02 .dep-cont02-ex-p2 .colored-inner{
padding: 14px 0;
}
.circle-ex01, .circle-ex02 {
padding: 0 0;
width: 310px;
height: 310px;
}
.circle-ex-box {
height: 310px;
left: auto;
right: 5%;
}
.course01 .dep-cont02-main img{
position: relative;
width: 120%;
left: -5%;
}
.course02 .dep-cont02-main img{
position: relative;
width: 120%;
left: -15%;
}
.course03 .dep-cont02-main img{
position: relative;
width: 120%;
left: -8%;
}
.circle-ex01 {
margin: 0 10px 0 0;
}
.course-box-ttl {
font-size: 23px;
line-height: 3;
}
.course-box01 h3, .course-box02 h3 {
font-size: 18px;
padding: 14px 0;
line-height: 1.4;
}
.course-box02 {
padding: 0 0 20px;
}
.dep-cont01 .lead-box p {
width: 48%;
padding: 14px 0;
line-height: 1.8;
font-size: 15px;
}


.add-mgb160{margin-bottom: 90px;}
.add-mgb140{margin-bottom: 90px;}
.add-mgb120{margin-bottom: 80px;}
.add-mgb100{margin-bottom: 70px;}
.add-mgb80{margin-bottom: 60px;}
.add-mgb60{margin-bottom: 50px;}
.add-mgb50{margin-bottom: 40px;}
.add-mgb40{margin-bottom: 30px;}
.add-mgb30{margin-bottom: 24px;}
.add-mgb20{margin-bottom: 14px;}
.add-mgauto{margin-left: auto;margin-right: auto;}
}



@media only screen and (max-width : 1000px) {
header {
height: 62px;
padding: 0;
}
header .logo {
width: 174px;
line-height: 58px;
}
.btn a {
line-height: 60px;
font-size: 18px;
padding: 0 10px 0 0;
}
.front-kv-wrap {
padding: 0;
}
.message-cont h3 {
font-size: 20px;
margin: 0 0 4.5%;
}
.message-cont p {
font-size: 14px;
}
.message-left-img {
width: 22%;
top: 30%;
left: 0%;
}
.message-right-img {
width: 22%;
top: 0%;
right: 0;
}
.keyword-ttl {
top: -22px;
width: 270px;
}
.message .contents-wrap h2 {
left: 1%;
width: 38px;
}
.keyword h3 {
font-size: 18px;
margin: 0 0 1%;
}
.keyword .anchor-box a {
font-size: 14px;
min-width: 64px;
margin: 4px 2px;
padding: 4px 14px;
}
.department h2 {
width: 280px;
font-size: 26px;
line-height: 64px;
margin: 0 18px 5% 0;
}
.department-bg01 {
top: 36px;
left: 0;
width: 66%;
height: 30%;
z-index: -1;
}
.course-sub-ttl img {
height: 15px;
}
.course-sub-ttl {
line-height: 68px;
}
.department-main {
top: 80px;
width: 44%;
}
.dep-cont01 .upper-box {
padding: 0 0 7%;
min-height: 280px;
}
.dep-cont01 .lead-box {
position: relative;
top: 0;
left: 0;
width: 52%;
}
.dep-cont01 .lead-box p {
width: 100%;
padding: 14px 0;
line-height: 1.8;
font-size: 15px;
}
.block-ttl-box h3 {
width: 190px;
padding: 0 20px 0 0;
}
.block-ttl-box p {
line-height: 1.8;
}
.dep-cont01 .block-ttl-box p {
font-size: 16px;
}
.dep-cont02 .block-ttl-box p {
font-size: 17px;
}
.dep-cont03 .block-ttl-box p {
font-size: 18px;
}
.course-list-cont p {
font-size: 16px;
}
.course-list-ttl h3 {
font-size: 18px;
}
.course-list-ttl {
width: 174px;
}
.list-box p {
font-size: 16px;
margin: 2px 8px;
}
.dep-cont02-ex-p2-icon {
width: 42px;
padding: 14px 0 6px;
}
.dep-cont02-ex-p2 p {
font-size: 15px;
line-height: 1.7;
}
.dep-cont02-ex-p1,
.dep-cont02-ex-p2{
width: 40%;
width: 470px;
height: 250px;
border-radius: 20px;
padding: 0 0 3%;
}
.course02 .dep-cont02-ex-p2 {
left: 3%;
}
.course03 .dep-cont02-ex-p2 {
right: 3%;
}
.course02 .dep-cont02-main img {
width: 130%;
left: -20%;
}
.course03 .dep-cont02-main img {
width: 130%;
left: -14%;
}
.course01 .dep-cont02-main img {
width: 130%;
left: -15%;
}
.circle-ex-box {
height: 280px;
left: auto;
right: 3%;
}
.circle-ex01, .circle-ex02 {
padding: 0 0;
width: 280px;
height: 280px;
}
.circle-ex-ttl {
font-size: 18px;
padding: 0 0 8px;
}
.circle-ex-box p {
font-size: 15px;
}
.point-box-num {
font-size: 22px;
}
.point-box {
width: 31.5%;
background: #d9edfa;
text-align: center;
padding: 0 0 30px;
}
.point-box p {
font-size: 14px;
padding: 0 4% 0;
text-align: left;
}

.main-circle {
width: 40%;
}
.dep-cont02-ex-p2 p.att-small{
font-size: 12px;
top: 0;
line-height: 1.5;
padding: 0 0 8px;
}



.ending-msg {
margin: 0 auto 40px;
}
.btn {
max-width: 400px;
margin: 0 auto;
}
}

/*===================================================================*/
@media only screen and (max-width : 767px) {
body {
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.01em;
}
.for-sp{
display: inline;
}
.for-pc{
display: none;
}
#kv-ttl {
width: 90%;
max-width: 500px;
margin: 0 auto;
}
.message-cont{
overflow: hidden;
padding: 0 0 8%;
}
.message-img-sp{
width: 86%;
margin: 0 auto;
display: block;
}

.message .contents-wrap {
margin: 0 auto 11%;
padding: 12% 0 0%;
position: relative;
}

.message .contents-wrap h2 {
left: 0;
width: 7%;
}
.message-cont h3 {
font-size: clamp(12px, 5.5vw, 28px);
margin: 0 0 5.5%;
line-height: 1.7;
}
.message-cont p {
font-size: clamp(12px, 3.9vw, 19px);
line-height: 1.7;
margin: 0 0 10%;
}

.keyword .contents-wrap {
background-size: 12px auto;
margin: 0 auto 14%;
padding: 10% 2% 1%;
}

.keyword-ttl {
top: -22px;
width: 65%;
max-width: 360px;
}
.keyword .contents-wrap::before, .keyword .contents-wrap::after {
width: 13%;
}
.keyword h3 {
font-size: clamp(12px, 5vw, 24px);
margin: 0 0 3%;
}
.keyword .anchor-box {
padding: 0 0 7%;
}
.department-main {
position: relative;
top: 0;
width: 100%;
}
.department-bg01 {
top: 36px;
width: 90%;
height: 14%;
}
.department-bg02 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 300px;
z-index: -1;
}
.dep-cont03::after {
position: absolute;
content: '';
width: 5%;
height: calc(100% - 4vw);
left: 0;
top: 0;
background: #fff;
}
.course-a.course-list-box,
.course-b.course-list-box{
margin: 0 auto 2%;
flex-wrap: wrap;
}
.course-list-ttl {
width: 100%;
}
.course-list-ttl h3 {
font-size: clamp(12px, 4.3vw, 22px);
}
.course-list-cont {
padding: 14px 0 20px;
text-align: center;
}
 .course-list-cont p {
font-size: clamp(12px, 3.8vw, 20px);
}


.col-2-box {
flex-wrap: wrap;
margin: 0 auto 8%;
}
.course-box01,
.course-box02{
width: 96%;
max-width: 400px;
margin: 0 auto;
padding: 0 0 20px;
}
.course-box01{
margin: 0 auto 20px;
}
.course-box-ttl {
font-size: clamp(12px, 4.6vw, 24px);
line-height: 2.8;
}
.course-box01 h3, .course-box02 h3 {
font-size: clamp(12px, 4vw, 20px);
padding: 14px 0;
}
.course-box01 p, .course-box02 p {
font-size: clamp(12px, 3.6vw, 20px);
}
  
.dep-cont02-ex-p2 {
width: 86%;
height: auto;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 6vw;
margin: -28% auto 6%;
padding: 0 0 ;
border: 1px solid #ccc;
overflow: visible;
}
.course02 .dep-cont02-ex-p2 {
left: 0;
border: 2px solid #36a0e3;
}
.course03 .dep-cont02-ex-p2 {
border: 2px solid #ffb233;
}
.dep-cont02-ex-p2-icon {
width: 17%;
max-width: 70px;
margin: -18px auto 0;
padding: 0 0 12px;
}
  .course02 .dep-cont02-ex-p2 .colored-inner,
  .course03 .dep-cont02-ex-p2 .colored-inner{
border-radius: 0 0 5vw 5vw;
}
.course02 .dep-cont02-ex-p2 p {
margin: 0 0 6px;
font-size: clamp(12px, 4vw, 22px);
line-height: 1.6;
}


.course-sub-ttl {
line-height: 1.5;
padding: 0 0 0 5.5vw;
}
.course-sub-ttl img{
height: 2.9vw;
margin: 0 0 22px;
}

.department h2 {
width: fit-content;
font-size: 24px;
line-height: 64px;
margin: 0 0 16px 0;
text-align: left;
padding: 0 5vw;
}

.dep-cont01 .lead-box {
width: 100%;
}
.dep-cont {
padding: 8% 4% 0;
}

.dep-cont01 .lead-box p {
padding: 24px 0;
line-height: 1.8;
font-size: clamp(12px, 3.8vw, 20px);
text-align: center;
}
.block-ttl-box {
margin: 0 auto 5%;
flex-wrap: wrap;
}
.list-box {
max-width: 1080px;
margin: 0 auto 6%;
text-align: center;
}
.list-box p {
font-size: clamp(12px, 3.8vw, 20px);
margin: 2px 8px;
}
.block-ttl-box h3 {
width: 100%;
display: block;
padding: 0 0 12px;
text-align: center;
}
.block-ttl-box h3 img{
width: 42%;
max-width: 210px;
padding: 0 0 0;
}
.dep-cont01 .upper-box {
padding: 0 0 14%;
min-height: auto;
}
.col-3-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 8%;
}
.point-box {
width: 96%;
max-width: 400px;
margin: 0 auto 14px;
padding: 0 0 30px;
}
.point-box-num {
font-size: clamp(12px, 6.2vw, 34px);
}
.point-box h3 {
font-size: clamp(12px, 4.5vw, 24px);
padding: 16px 2% 12px;
}
.point-box p {
font-size: clamp(12px, 3.6vw, 18px);
padding: 0 3% 0;
text-align: center;
}

.dep-cont03 .block-ttl-box p,
.dep-cont02 .block-ttl-box p{
width: 100%;
display: block;
font-size: clamp(12px, 4.3vw, 22px);
text-align: center;
}
.dep-cont01 .block-ttl-box p {
width: 100%;
display: block;
font-size: clamp(12px, 3.8vw, 21px);
text-align: center;
}
.dep-cont03-img {
margin: 0 auto 12%;
}
.dep-cont03 .dep-cont {
padding: 8% 4% 12%;
}

.main-circle {
width: 65%;
max-width: 390px;
margin: 0 auto;
padding: 28% 0 18%;
}
.cu03-img01 {
width: 27%;
left: 11%;
top: 1%;
}
.cu03-img02 {
width: 26%;
left: -11%;
top: 29%;
}
.cu03-img03 {
width: 29%;
left: -4%;
bottom: 1%;
}
.cu03-img04 {
width: 29%;
right: 7%;
top: 0;
}
.cu03-img05 {
width: 29%;
right: -6%;
bottom: 0;
}
.cu03-img06 {
width: 27%;
right: -11%;
top: 28%;
}

.circle-ex-box {
position: relative;
height: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: -28% auto 6%;
display: block;
}



.circle-ex01, .circle-ex02,
.dep-cont02-ex-p2 {
width: 86%;
max-width: 520px;
height: auto;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 6vw;
margin: -28% auto 6%;
padding: 0 0;
border: 1px solid #ccc;
overflow: visible;
}
.circle-ex01{
position: relative;
margin: 0 auto 8%;
border: 2px solid #45bca0;
}
.circle-ex02{
 position: relative;
margin: 0 auto;
border: 2px solid #349aa2;
}
.circle-ex-ttl {
font-size: clamp(12px, 4.4vw, 28px);
padding: 0 0 8px;
position: absolute;
left: 40%;
top: 14px;
}
.circle-ex-box p {
font-size: clamp(12px, 4vw, 22px);
}
    .dep-cont02-ex-p2 p {
font-size: clamp(12px, 4vw, 22px);
    }
.circle-ex-box .dep-cont02-ex-p2-icon {
width: 17%;
max-width: 70px;
margin: -18px auto 0;
padding: 0 0 12px;
left: -23%;
position: relative;
}
.circle-ex-box .circle-ex02 p.att-text {
    background: #349aa2;
    font-size: 10px;
    color: #fff;
    padding: 0 0 14px;
}


.course03 .dep-cont02-ex-p2 .colored-inner, .circle-ex-box .circle-ex01 .colored-inner, .course02 .dep-cont02-ex-p2 .colored-inner,
.circle-ex-box .circle-ex02 .colored-inner{
border-radius: 0 0 5vw 5vw;
overflow: hidden;
}

.point-box p .for-wide{
display: inline;
    }

.btn {
width: 88%;
max-width: 400px;
margin: 0 auto;
}
.btn a {
line-height: 60px;
font-size: clamp(12px, 4.2vw, 24px);
padding: 0 14px 0 0;
}
.btn a::after {
right: 10px;
width: 24px;
height: 16px;
}

.ending .contents-wrap {
padding: 25% 0 0;
}
.ending-cont {
top: 10%;
left: 0;
width: 100%;
text-align: center;
}
.ending-msg {
width: 67%;
max-width: 500px;
margin: 0 auto 30px;
}
footer .logo {
width: 140px;
margin: 0 auto;
line-height: 62px;
}
footer .copy-r {
position: relative;
bottom:0;
right: 0;
font-size: 12px;
text-align: center;
}
.page-top{
width: 38px;
height: 38px;
bottom: 50px;
right: 3%;
}

}