@charset "utf-8";
/* ==========================================================================
Base
========================================================================== */
/* iPhone 320px */
@media only screen and (min-width:320px){html{font-size: 77%;}}
/* Android 360px */
@media only screen and (min-width:360px){html{font-size: 85%;}}
/* iPhone6 375px */
@media only screen and (min-width:375px){html{font-size: 87%;}}
/* iPhone6 plus 414px */
@media only screen and (min-width:412px){html{font-size: 96%;}}
/* sm */
@media (min-width: 576px){html{font-size: 88%;}}
/* md */
@media (min-width: 768px){html{font-size: 93%;}}
/* lg */
@media (min-width: 992px){html{font-size: 96%;}}
/*xl*/
@media(min-width:1200px){html{font-size: 97%;}}
/*xxxl*/
@media(min-width:1600px){html{font-size: 110%;}}
html,html a{text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
html,body{overflow-x: hidden;height: 100%;}
body{position: relative;background-color: #fff;min-height: 100%;height: auto; color: #1a0b08;font-family:'font-MediumGo',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;letter-spacing: .01rem;background: none;font-weight: 300;}
.udl-yellow{background: linear-gradient(transparent 70%, yellow 70%);}
.udl-pink{background: linear-gradient(transparent 70%, #ff99cc 70%);}
.udl-blue{background: linear-gradient(transparent 70%, paleturquoise 70%);}
.udl-orange{background: linear-gradient(transparent 70%, #ffcc66 70%);}
.udl-red{background: linear-gradient(transparent 70%, lightcoral 70%);}
.udl-green{background: linear-gradient(transparent 70%, turquoise 70%);}
.udl-h-thin {background: linear-gradient(transparent 90%, #d00e36 70%);}
a .hvr-vb {opacity: 0; }
a:hover .hvr-vb {transition-property: opacity; 
  transition-duration: 1s;
  opacity: 1;}
.tategaki{-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;}
.naname{transform: rotate(7deg); position: absolute;}
.clr-yellow{color: yellow;}
.text-nowrap{white-space: nowrap;}
.flickity-button-icon{filter: drop-shadow(1px 1px 3px #000);}
.text-shadow-blk{text-shadow:1px 1px 2px rgba(0,0,0,0.6), 0px 0px 13px rgba(0,0,0,0.6), 0px 0px 6px rgba(0,0,0,0.6);}
.font-MidashiGo{font-family: 'Midashi Go MB31';transform: rotate(0.001deg);}
.font-MidashiGo_2{font-weight: 600;}
.font-2022go{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.font-Oooh{font-family: 'Oooh Baby', cursive;transform: rotate(0.001deg);}
.font-FutoGo{font-family: 'Futo Go B101';transform: rotate(0.001deg);}
.font-MediumGo{font-family: 'Gothic Medium BBB';transform: rotate(0.001deg);}
.font-HiraginoUdMaru{font-family: 'Hiragino UD Sans Rd W6 JIS2004';transform: rotate(0.001deg);}
.font-Quicksand{font-family: 'Quicksand';transform: rotate(0.001deg);}
.font-Syncopate{font-family: 'Syncopate';transform: rotate(0.001deg);}
.font-RyuminR{font-family: 'Ryumin Bold KL';transform: rotate(0.001deg);}
.font-Cantata{font-family: 'Cantata One', serif;transform: rotate(0.001deg);}
.font-Barlow{font-family: 'Barlow Condensed', sans-serif;transform: rotate(0.001deg);}
.font-Barlow-semi{font-family: 'Barlow Condensed', sans-serif;transform: rotate(0.001deg);font-style: italic;}
.font-Playfair{font-family: 'Playfair Display', serif;transform: rotate(0.001deg);}
.font-UDDigiKyoLatin{font-family: 'UDDigiKyoLatin Regular', serif;transform: rotate(0.001deg);}
.font-A1Mincho{font-family: 'A1 Mincho Regular', serif;transform: rotate(0.001deg);}
.font-BioRhyme{font-family: 'BioRhyme', serif;transform: rotate(0.001deg);}
.font-shiranami{font-family: “Shimanami”, serif;transform: rotate(0.001deg);}
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.ta-c{text-align: center;}
.font-Oswald{font-family: 'Oswald';transform: rotate(0.001deg);}
a:hover,a:active,a:focus{color: #666 !important;}
.mt-025{margin-top: .125rem;}
.pt-405{padding-top: 3.2rem !important;}
.p-05{padding: .125rem;}
.z-1{z-index:1}
.z-15{z-index: 15 !important;}
.z-100{z-index: 100 !important;}
.topLeft{top: 0;left: 0;}
.topRight{top: 0;right: 0;}
.topCenter{top: 0;left: 50%;transform: translate(-50%, -50%);}
.bottomCenter{bottom: 0;left: 50%;transform: translate(-50%, -50%);}
.bottomLeft{bottom: 0;left: 0;}
.bottomRight{bottom: 0;right: 0;}
.bottom{bottom: 0;}
.middleCenter{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.middleCenter2{position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.middleRight{top: 50%;right: 0%;transform: translate(-50%, -50%);}
.middleLeft{top: 50%;left: 0;}
.table-ico{  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
.table-th-cm>tbody>tr>th{vertical-align: middle!important;text-align: center!important;}
.table-td-cm>tbody>tr>td{vertical-align: middle!important;text-align: center!important;}
.table td, .table th {vertical-align: middle!important;}
.ml--45{margin-left:-2rem}
.w-45 {width: 45%;}
.img-align-left {
    position: relative;
    z-index: 1;
    top: 50%;
    left: 60%;
    transform: translate(-50%,-50%);*/
  }
  .img-align-right {
    position: relative;
    z-index: 1;
    top: 50%;
    left: 40%;
    transform: translate(-50%,-50%);*/
  }
.xxsmall{font-size:.45rem!important}
.bg-red-stripe{
  background-image: repeating-linear-gradient(315deg, #c94251, #c94251 7px, #c42644 7px, #c42644 14px);
}

.bg-oc{background-image:url(../img/oc/bg-oc.webp);}
.bg-oc2{background-color:#54c3f1!important;}
.clr-oc{color:#54c3f1!important;}
.clr-oc2{color: #f6f4b2!important;}
.bc-oc{border-color:#54c3f1!important;}
.bg-oc3{background-color:#f6f4b2!important;}
.bg-code{background-color: #f9f2ec!important;}
.bg-code-blue{background-color: #76b9be!important;}
.bg-code-pink{background-color: #e99bc1!important;}
.bg-fukuokalife{background-color: #dff1fa!important;}
.bg-teacher{background-color: #e8e8e5!important;}
.clr-teacher{color: #a674b0!important;}
.bg-teacher2{background-color: #a674b0!important;}
.clr-code-blue{color: #76b9be!important;}
.clr-code-pink{color: #e99bc1!important;}
.clr-pink-select{color: #fdc2ce!important;}
.bg-pink-select{background-color: #fdc2ce!important;}
.clr-precollege{color:#a29570!important;}
.bg-precollege{background-color:#a29570!important;}
.bc-precollege{border-color:#a29570!important;}
.bg-precollege2{background-color:#f4f3d8!important;}

.clr-qa-blue{color:#008ccf!important;}
.bg-qa-blue{background-color:#008ccf!important;}
.clr-qa-pink{color:#e9568a!important;}
.bg-qa-pink{background-color:e9568a!important;}
.clr-qaa{color:#ec6d7b!important;}
.clr-qaq{color:#3f639e!important;}
.bg-gray3{background-color: #949494!important;}
.bg-blue3{background-color:#009de2!important;}
.bg-blue2{background-color:#d3edfb!important;}
.clr-blue2{color:#d3edfb!important;}
.clr-se1{color: #a3817d!important;}
.bg-se1{background-color: #a3817d!important;}
.bc-se1{border-color: #a3817d!important;}
.clr-se2{color: #6a9195!important;}
.bg-se2{background-color: #6a9195!important;}
.bc-se2{border-color: #6a9195!important;}
.clr-se3{color: #918856!important;}
.bg-se3{background-color: #918856!important;}
.bc-se3{border-color: #918856!important;}
.bg-gradient-reason{background: linear-gradient(90deg, rgba(3,110,184,1) 0%, rgba(234,97,130,1) 72%, rgba(201,46,45,1) 100%);}
.bg-marui{background-color: #8d7f58!important;}
.clr-kami{color: #aa965c!important;}
.bg-kami{background-color: #aa965c!important;}
.bc-kami{border-color: #aa965c!important;}
.clr-kami2{color: #eeeade!important;}
.bg-kami2{background-color: #eeeade!important;}
.bc-kami2{border-color: #eeeade!important;}
.clr-marui{color: #8d7f58!important;}
.bc-marui{border-color: #8d7f58!important;}
.bg-clife2{background-color: #eee6d0!important;}
.clr-clife2{color: #eee6d0!important;}
.bc-clife2{border-color: #eee6d0!important;}
.bg-clife{background-color: #c0ad49!important;}
.clr-clife{color: #c0ad49!important;}
.bc-clife{border-color: #c0ad49!important;}
.bg-spcd{background-color: #82949b!important;}
.bg-brown{background-color: #8d815d!important;}
.clr-brown{color: #8d815d!important;}
.bc-brown{border-color: #8d815d!important;}
.clr-line{color:#00B900!important;}
.clr-zoom{color:#2d8cff!important;}
.clr-gold{color:#b5871b;}
.clr-cl-pink{color: #e9518e!important;}
.clr-recruit{color: #8d815d!important;}
.bg-recruit{background-color: #8d815d!important;}
.bc-recruit{border-color: #8d815d!important;}
.bc-cl-pink{border-color: #e9518e!important;}
.bg-cl-pink{background-color: #e9518e!important;}
.bg-gold{background-color:#b5871b;}
.bg-gold-light{background-color:#f8f3d7;}
.bg-sh-red{background-color:#cf0a38!important;}
.clr-sh-red{color: #cf0a38!important;}
.bc-sh-red{border-color: #cf0a38!important;}
.bg-sh-gray{background-color:#82949b!important;}
.clr-sh-gray{color: #82949b!important;}
.bc-sh-gray{border-color: #82949b!important;}
.bg-sh-gray{background-color:#82949b!important;}
.bg-br-gray{background-color:#d1e2e7!important;}
.clr-sh-gray{color: #82949b!important;}
.bc-sh-gray{border-color: #82949b!important;}
.bg-sh-gold{background-color:#aa9550!important;}
.clr-sh-gold{color: #aa9550!important;}
.bc-sh-gold{border-color: #aa9550!important;}
.marker-yellow{background: linear-gradient(transparent 60%, #ffff66 60%);}
.bg-sh-yellow2{background-color:#D7C200!important;}
.clr-sh-yellow2{color: #D7C200!important;}
.bc-sh-yellow2{border-color: #D7C200!important;}
.clr-wht-op{opacity: .8; color: #fff;}
.bg-ko-red{background-color: #fcebeb!important;}
.clr-ko-red{color:#c92e2d!important;}
.bc-ko-red{border-color:#c92e2d!important;}
.bg-ko-blue{background-color: #eaeff9!important;}
.clr-ko-blue{color:#004685!important;}
.bc-ko-blue{border-color:#004685!important;}
.bg-offpink{background-color: #d3526c!important;}
.clr-offpink{color:#d3526c!important;}
.bc-offpink{border-color:#d3526c !important;}
.bg-sh-blue{background-color: #0ba8e7!important;}
.bg-purple{background-color: #a6619c!important;}
.clr-sh-blue{color:#0ba8e7!important;}
.bc-sh-blue{border-color:#0ba8e7 !important;}
.bg-sh-pink{background-color: #e31082!important;}
.clr-sh-pink{color:#e31082!important;}
.bg-sh-green{background-color: #90c137!important;}
.clr-sh-green{color:#90c137!important;}
.ico-180{transform: rotateZ(180deg);}
.bw-1{border-width: 1px !important;}
.bg-water{background:#5fb6b9 !important;}
.bc-water{border-color:#5fb6b9 !important;}
.clr-water{color:#5fb6b9 !important;}
.bg-c-ts{background:rgba(216,125,6,1) !important;}
.bg-c-h{background:rgba(208,14,54,1) !important;}
.bg-c-m{background:rgba(222,95,131,1) !important;}
.bg-c-fc{background:rgba(131,173,40,1) !important;}
.bg-c-f{background:rgba(0,140,191,1) !important;}
.bg-c-ts-op05 {background:rgba(216,125,6,0.5) !important;}
.bg-c-h-op05 {background:rgba(208,14,54,0.5) !important;}
.bg-c-m-op05 {background:rgba(222,95,131,0.5) !important;}
.bg-c-fc-op05 {background:rgba(131,173,40,0.5) !important;}
.bg-c-f-op05 {background:rgba(0,140,191,0.5) !important;}
.bg-c-hma-op05{background-color:rgba(156,75,143,0.5) !important;}

.bg-c-ts-op02 {background:rgba(216,125,6,0.2) !important;}
.bg-c-h-op02 {background:rgba(208,14,54,0.2) !important;}
.bg-c-m-op02 {background:rgba(222,95,131,0.2) !important;}
.bg-c-fc-op02 {background:rgba(131,173,40,0.2) !important;}
.bg-c-f-op02 {background:rgba(0,140,191,0.2) !important;}
.bg-c-hma-op02{background-color:rgba(156,75,143,0.2) !important;}
.bg-c-m1{background:#f9d8e4 !important;}
.bg-c-m2{background:#bb8d97 !important;}
.bg-c-m3{background:#727171 !important;}
.bg-c-m4{background:#9fa0a0 !important;}


.bg-ken-kagoshima{background-color:rgba(116,181,228,1) !important;}
.bg-ken-kagoshima-op30{background-color:rgba(116,181,228,0.2) !important;}
.clr-ken-kagoshima{color:rgba(116,181,228,1) !important;}
.bg-ken-miyazaki{background-color:rgba(240,132,74,1) !important;}
.bg-ken-miyazaki-op30{background-color:rgba(240,132,74,0.2) !important;}
.clr-ken-miyazaki{color:rgba(240,132,74,1) !important;}
.bg-ken-kumamoto{background-color:rgba(46,182,170,1) !important;}
.bg-ken-kumamoto-op30{background-color:rgba(46,182,170,0.2) !important;}
.clr-ken-kumamoto{color:rgba(46,182,170,1) !important;}
.bg-ken-ooita{background-color:rgba(154,142,195,1) !important;}
.bg-ken-ooita-op30{background-color:rgba(154,142,195,0.2) !important;}
.clr-ken-ooita{color:rgba(154,142,195,1) !important;}
.bg-ken-yamaguchi{background-color:rgba(238,135,180,1) !important;}
.bg-ken-yamaguchi-op30{background-color:rgba(238,135,180,0.2) !important;}
.clr-ken-yamaguchi{color:rgba(238,135,180,1) !important;}
.bg-ken-okinawa{background-color:rgba(206,147,191,1) !important;}
.bg-ken-okinawa-op30{background-color:rgba(206,147,191,0.2) !important;}
.clr-ken-okinawa{color:rgba(206,147,191,1) !important;}
.bg-ken-nagasaki{background-color:rgba(170,206,54,1) !important;}
.bg-ken-nagasaki-op30{background-color:rgba(170,206,54,0.2) !important;}
.clr-ken-nagasaki{color:rgba(170,206,54,1) !important;}
.bg-ken-saga{background-color:rgba(246,172,25,1) !important;}
.bg-ken-saga-op30{background-color:rgba(246,172,25,0.2) !important;}
.clr-ken-saga{color:rgba(246,172,25,1) !important;}
.bg-ken-fukuoka{background-color:rgba(235,94,97,1) !important;}
.bg-ken-fukuoka-op30{background-color:rgba(235,94,97,0.2) !important;}
.clr-ken-fukuoka{color:rgba(235,94,97,1) !important;}
.clr-beforeafter{color: #6aa9c0 !important;}
.bg-beforeafter{background-color: #6aa9c0 !important;}

.bg-cur{background:#1a0b08 !important;}
.bg-ob{background:#eaeeeb !important;}
.bg-pink{background:#fc0077 !important;}
.bg-blk{background-color: #2b2b2b !important;}
.clr-pink{color:#fc0077 !important;}
.bc-pink{border-color:#fc0077 !important;}
.bg-red{background-color: #cd0d29}
.clr-c-ts{color:rgba(216,125,6,1) !important;}
.clr-c-h{color:rgba(208,14,54,1) !important;}
.clr-c-m{color:rgba(222,95,131,1) !important;}
.clr-c-fc{color:rgba(131,173,40,1) !important;}
.clr-c-f{color:rgba(0,140,191,1) !important;}
.clr-c-hma{color:rgba(156,75,143,1) !important;}
.fc-f-gradient {
  height: 200px;
  background-image: linear-gradient(180deg, rgba(131, 173, 40, 1) 50%, rgba(0, 140, 191, 1) 50%);
}

.bc-c-ts{border-color:rgba(216,125,6,1) !important;}
.bc-c-h{border-color:rgba(208,14,54,1) !important;}
.bc-c-m{border-color:rgba(222,95,131,1) !important;}
.bc-c-fc{border-color:rgba(131,173,40,1) !important;}
.bc-c-f{border-color:rgba(0,140,191,1) !important;}
.bc-c-hma{border-color:rgba(156,75,143,1) !important;}

.h-505rem{height: 5.5rem;}

.bc-grn{border-color: #82cc95 !important;}
.bc-gold{border-color: #c5a04c !important;}
.bg-aim{background-color: #e6eceb !important;}
.bg-wht-op02{background: rgba(255,255,255,.2);}
.bg-wht-op03{background: rgba(255,255,255,.3);}
.bg-wht-op04{background: rgba(255,255,255,.4);}
.bg-wht-op05{background: rgba(255,255,255,.5);}
.bg-wht-op06{background: rgba(255,255,255,.6);}
.bg-grn{background-color: #82cc95;}
.bg-navy{background-color: #043269;}
.bg-light-navy{background-color: #eef1ed;}
.bg-gray{background-color: #f1efef;}
.bg-gray2{background-color: #999999;}
.bg-gray-light{background-color: #eef1ed !important;}
.bg-blk-op02{background-color: rgba(0,0,0,.2);}
.bg-blk-op05{background-color: rgba(0,0,0,.5);}
.bg-blk-op07{background-color: rgba(0,0,0,.7);}
.bg-grn-op02{background-color: rgba(130, 204, 149,.2);}
.bg-grn-op07{background-color: rgba(130, 204, 149,.7);}
.bg-gray-dark{background-color: #666;}
.bg-blk-light{background-color: #444;}
.bg-yellow{background-color:#ffe100;}
.bc-yellow{border-color:#ffe100 !important;}
.bg-yellow-light{background-color:#f8f4df;}
.bg-yellow-light2{background-color:#fffcef;}
.bg-orange{background-color:#ff8400;}
.bg-orange-light{background-color:#fff8e7;}
.bg-cs-yellow{background-color:#fcfaf3;}
.bg-hma-yellow{background-color:yellow;}
.bg-c-hma{background-color:rgba(156,75,143,1) !important;}
.bc-orange{border-color: #d18e04!important;}
.hvr-bg-gray-light:hover{background-color: #f8f8f8 !important;}
.hvr-bg-navy:hover{background-color: #043269;}
.hvr-bg-navy:hover svg,.hvr-bg-navy:hover .clr-gray-dark{color:#fff !important;}
.hvr-bg-grn:hover{background-color: #82cc95;}
.hvr-text-wht:hover{color: #fff !important;}
.hvr-bg-wht:hover{background-color: #fff !important;}

.clr-navy{color: #043269 !important;}
.clr-grn{color: #3eb55d !important;}
.clr-gray-dark.clr-blk{color: #000 !important;}
.clr-gold{color: #c5a04c !important;}
.clr-gray-light{color: #ccc !important;}
.clr-wine{color: #94233E !important;}
.clr-orange{color:#d18e04!important;}
.btn.focus, .btn:focus{box-shadow: none;}

.trs-all-03{transition: all .3s;}
.trs-all-08{transition: all .8s;}

.talbe-double{border-bottom: 3px double #b2bbc2;}
.pe-none{pointer-events: none;}

.text-ann,.text-ico{padding-left:1em!important;text-indent:-1em!important;}
.text-ann:before{content:"※";}
.text-maru,.text-ico{padding-left:1em!important;text-indent:-1em!important;}
.text-maru:before{content:"⚫︎";}
.fw-b{font-weight: bold;}

/* course guide edit */
@media screen and (max-width:768px) {
  .course-guide .pb-sm-3{
    padding-bottom: 3rem;
  }
}
.course-guide .lh-2{line-height: 2em;}
@media (min-width: 992px){
  .course-guide .cl-pic{width: 65%; margin: 0 auto;}
  .course-guide .cl-pic img{padding-top: 6vh;}
  .course-guide .box-gra-bottom {bottom: 11.4vw;}
  .course-guide .box-gra, .course-guide .box-gra-bottom {width: 65%;left: 18%;}
}
@media (min-width:1200px) {
  .course-guide .box-gra-bottom {bottom: 4.5vw;}
}
@media (768px <= width < 1200px){
  .course-guide .ovh-inherit .ovh {
    overflow: inherit;
  }
}

.box-gra,.box-gra-bottom{width: 100%;height: 8rem;left: 0;z-index: 2;background:linear-gradient(to bottom, rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 100%);}
.box-gra{top: 0;}
.box-gra-bottom{bottom: 0;transform: rotate(180deg);}
.box-gra-left{top: 0;left:0;background:linear-gradient(to right, rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,0) 100%);}
.blink {
  -webkit-animation: blink 2s ease infinite;
  animation: blink 2s ease infinite;
}
@-webkit-keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.obfit{object-fit: cover;width: 100%;height: 100%;}
.obfit-bottom{object-fit: cover;width: 100%;height: 100%; object-position:bottom;}
.obfit-right{object-fit: cover;width: 100%;height: 100%; object-position:right center;}

.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
.col-15{
  width: 20%;
  flex: 0 0 20%;
}

.course-tl-font{ font-family: "Koburina Gothic W3 JIS2004"; }
.course-tl-font2{ font-family: "Koburina Gothic W6 JIS2004"; }

/*header*/
#header{padding-top: 1.05rem;}
.fixed #header{padding-top: .55rem;background-color: #fff;}

  .menu-scroll-x{position: relative;left: -.1rem;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
/* ==========================================================================
form 2019.3.24
========================================================================== */

.form-control.form-control2{ height: auto; }


/* ==========================================================================
main
========================================================================== */
/*home*/
.form-row>.col, .form-row>[class*=col-] {padding-right: .25rem;padding-left: .25rem;}
#sec-recentOc{top: -1.5rem;}
  .liComment{padding-left: 1rem;}
    .liComment>li{position: relative;padding-left: .25rem;}
      .liComment>li::before{position: absolute;content: "※";top:0;left:-1.15rem;color: #333;vertical-align: middle;font-size: 1em;}
.carousel .carousel-cell{padding-left: calc((100% - 91.666667%)/2 + .5rem);}
.w-33{width: 33.33333%;}
.w-25{width: 25%;}



.btn_end {
    letter-spacing: 0;
    line-height: 1.2;
    padding: .53em 0 .52em;
    position: relative;
    background-color: #82cc954a;
    color: #b7b0b0;
}


/*10/16 add*/
  .scrNo #sp-slide{opacity: 0;}
  .bgCover-center{-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;}
  .box-mvMovie{height: 50vh;top: 0;left: 0;}
  .box-mvMovie.box-mvSecond{height:37vh;}
  .box-tl-works{height: 13rem;}
  .box-mvMovie .btn-bficon{min-height: 5.7rem;}
    .pageHome #mv-1{background-image: url("../img/home/omulasai_1.jpg")}
    .pageHome #mv-2{background-image: url("../img/home/omulasai_2.jpg")}
    .pageHome #mv-3{background-image: url("../img/home/test.jpg")}
    .pageHome #mv-4{background-image: url("../img/home/test.jpg")}
    .pageHome #mv-5{background-image: url("../img/courses/goodsdesign/3-mv.jpg"); background-position: center bottom;}
/*10/16 add*/

/*05/18 add HOME ACHIEVEMENT*/
.employment-rate-wrap {text-align: center;}
  .employment-rate {display: inline-flex;text-align: left;flex-wrap: nowrap;justify-content: center;align-items: stretch;}
  .employment-item {display: flex;flex-direction: column;justify-content: space-between;width: 42%;max-width: 320px;}
  .employment-percentage {position: relative;top: .3em;}
/*05/18 add HOME ACHIEVEMENT*/

/*11/01 add HOME FAQ*/
.acd-btn {position: relative; cursor: pointer;}
  .acd-btn::after {content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000;}
  .acd-btn.acd-open::after {content: ""; border-top: 10px solid transparent; border-bottom: 10px solid #000;}

.liVoice .acd-btn::after {top: 45%; right: -8px;}
  .liVoice .acd-btn.acd-open::after {top: 25%;}

.liFaq .acd-btn::after {top: 45%; right: -40px;}
  .liFaq .acd-btn.acd-open::after {top: 25%;}
  
.acd-cont {display: none;}
/*11/01 add HOME FAQ*/



/*award*/
.c1-bg{background-color:#e60033 !important;}
.c2-bg{background-color:#00b2b3 !important;}
.c3-bg{background-color:#00a6d0 !important;}
.c4-bg{background-color:#e25f9e !important;}
.c5-bg{background-color:#cd9723 !important;}
.c1-clr{color:#e60033 !important;}
.c2-clr{color:#00b2b3 !important;}
.c3-clr{color:#00a6d0 !important;}
.c4-clr{color:#e25f9e !important;}
.c5-clr{color:#cd9723 !important;}
/*award*/



/*cs*/
.tl-voice{position: relative;display: inline-block;}
  .tl-voice:before,.tl-voice:after {position: absolute;}
  .tl-voice:before{content:"｢";left: -.25rem;top: -.25rem;}
  .tl-voice:after{content:"｣";right: -.25rem;bottom: -.25rem;}
/*oc*/
.shown-oc{color:#000!important;border-color:#000!important}
  .ribbon:after,.ribbon:before{position:absolute;z-index:-1;content:'';top:100%;border:none;border-bottom:solid 15px transparent}
  .ribbon:before{left:0;border-right:solid 1.5rem #959e9b}
  .ribbon:after{right:0;border-left:solid 1.5rem #959e9b}
/*reason*/
 .page-index #mv-reason{left: -11.5rem;}
 /*pagetop*/
 #pagetop{position:fixed;right:4%;bottom:2.3rem;z-index:500;display: none;}
   #pagetop:hover{opacity:1;cursor: pointer;}

   /*shibata add3_6*/
   .lh-200{line-height: 2!important;}
   a.pen {pointer-events: none;}

/*.btn-fa-wrap{position: relative;padding-left: 1rem;padding-right: 2rem;}*/
/*.btn-fa-wrap a{padding-left: 1rem;padding-right: 2rem; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}*/
  .btn-fa-wrap svg{right: .75rem;}

/*[class*="bsd"],[class*="bbsd"],[class*="btsd"],[class*="brsd"],[class*="blsd"] {border-width: 1px!important;}
*/

/* hover animation */
.hvr-btn-bsd {transition:all 0.3s ease; background-color: #fff; color: #043269; border:1px solid #043269;}
  .hvr-btn-bsd:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: #043269; color: #fff;}

.hvr-in-bsd {transition:all 0.3s ease;}
  .hvr-in-bsd:hover {box-shadow:inset 0 0 0 .25rem #043269;}

.hvr-out-bsd {transition:all 0.3s ease;}
  .hvr-out-bsd:hover {box-shadow: 0 0 0 .25rem #043269;}
  .hvr-out-bsd:hover img {opacity: 1;}


.hvr-btn-bsd-ts {transition:all 0.3s ease; background-color: #fff; color: rgba(216,125,6,1);}
  .hvr-btn-bsd-ts:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: rgba(216,125,6,1); color: #fff!important;}

.hvr-in-bsd-ts {transition:all 0.3s ease;}
  .hvr-in-bsd-ts:hover {box-shadow:inset 0 0 0 .25rem rgba(216,125,6,1);}

.hvr-out-bsd-ts {transition:all 0.3s ease;}
  .hvr-out-bsd-ts:hover {box-shadow: 0 0 0 .25rem rgba(216,125,6,1);}

.hvr-btn-bsd-hma {transition:all 0.3s ease; background-color: #fff; color: rgba(156,75,143,1);}
  .hvr-btn-bsd-hma:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: rgba(156,75,143,1); color: #fff!important;}

.hvr-in-bsd-hma {transition:all 0.3s ease;}
  .hvr-in-bsd-hma:hover {box-shadow:inset 0 0 0 .25rem rgba(156,75,143,1);}

.hvr-out-bsd-hma {transition:all 0.3s ease;}
  .hvr-out-bsd-hma:hover {box-shadow: 0 0 0 .25rem rgba(156,75,143,1);}



.hvr-btn-bsd-h {transition:all 0.3s ease; background-color: #fff; color: rgba(208,14,54,1);}
  .hvr-btn-bsd-h:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: rgba(208,14,54,1); color: #fff!important;}

.hvr-in-bsd-h {transition:all 0.3s ease;}
  .hvr-in-bsd-h:hover {box-shadow:inset 0 0 0 .25rem rgba(208,14,54,1);}

.hvr-out-bsd-h {transition:all 0.3s ease;}
  .hvr-out-bsd-h:hover {box-shadow: 0 0 0 .25rem rgba(208,14,54,1);}

.hvr-btn-bsd-m {transition:all 0.3s ease; background-color: #fff; color: rgba(222,95,131,1);}
  .hvr-btn-bsd-m:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: rgba(222,95,131,1); color: #fff!important;}

.hvr-in-bsd-m {transition:all 0.3s ease;}
  .hvr-in-bsd-m:hover {box-shadow:inset 0 0 0 .25rem rgba(222,95,131,1);}

.hvr-out-bsd-m {transition:all 0.3s ease;}
  .hvr-out-bsd-m:hover {box-shadow: 0 0 0 .25rem rgba(222,95,131,1);}

.hvr-btn-bsd-fc {transition:all 0.3s ease; background-color: #fff; color: rgba(131,173,40,1);}
  .hvr-btn-bsd-fc:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: rgba(131,173,40,1); color: #fff!important;}

.hvr-in-bsd-fc {transition:all 0.3s ease;}
  .hvr-in-bsd-fc:hover {box-shadow:inset 0 0 0 .25rem rgba(131,173,40,1);}

.hvr-out-bsd-fc {transition:all 0.3s ease;}
  .hvr-out-bsd-fc:hover {box-shadow: 0 0 0 .25rem rgba(131,173,40,1);}

.hvr-btn-bsd-f {transition:all 0.3s ease; background-color: #fff; color: rgba(0,140,191,1);}
  .hvr-btn-bsd-f:hover {box-shadow: inset 0 0 0 .1rem #fff; background-color: rgba(0,140,191,1); color: #fff!important;}

.hvr-in-bsd-f {transition:all 0.3s ease;}
  .hvr-in-bsd-f:hover {box-shadow:inset 0 0 0 .25rem rgba(0,140,191,1);}

.hvr-out-bsd-f {transition:all 0.3s ease;}
  .hvr-out-bsd-f:hover {box-shadow: 0 0 0 .25rem rgba(0,140,191,1);}

#main-gallery .gallery-cell:hover img{opacity: .85;}
#main-gallery .gallery-cell.is-selected:hover {background-color: #fff;}
.hvr-op-08:hover{opacity: .8;}
.hvr-tdn:hover{text-decoration: none;}
.flickity-prev-next-button{width: 3.7rem;height: 3.7rem;}
.flickity-prev-next-button.next {right: 0;}
.flickity-prev-next-button.previous{left: 0;}


.co-reset {counter-reset: number 0;}
.co-in:before {counter-increment: number 1;content: counter(number,decimal-leading-zero) " ";}


#mokuji{ display: inline-grid; width: auto;  padding: 1rem;margin: 2em 0;font-weight: bold;color: #6091d3;/*文字色*/background: #f5f8fb;border: solid 3px #6091d3;/*線*/border-radius: 10px;/*角の丸み*/}
.mokuji-title{width: auto;font-size: 1rem!important; display: inline-block; text-align: center;}
.mokuji-list {width: auto; counter-reset: count 0; margin-left: 2rem; letter-spacing: 0.05rem; display: inline-block; }
 #content-area .mokuji-list li{font-size: 1.2rem!important;content: counter(count) ". "; counter-increment: count 1; margin-top: 0; font-size: .8rem!important; }
.mokuji-list li a{color: #3b5b86;}
.anchor {display: block;padding-top: 80px; padding-bottom: 20px; margin-top: -70px!important;}

#lelated{margin: 20px 0 20px 0;}
.lelated-title{font-size: 1.6rem!important; font-weight: 600; }
#lelated a{text-decoration: none!important; display: block; }
#lelated a p{font-size: .8rem!important; font-weight: 600; line-height: .9rem;letter-spacing: 0.05rem;}
#lelated a:hover{background-color:#daf1ff!important;  }

/* ==========================================================================
Blog 2023-09
========================================================================== */

#content-area h2 {border-top: 2px solid #323232;/*上線*/border-bottom: 2px solid #323232;/*下線*/color: #323232;padding: .5em 0;margin-bottom: 15px;}
#content-area h3 {  border-bottom: 2px solid #323232;/*下線*/color: #323232;padding-bottom: .5em;margin-bottom: 15px;border-top: none;}
#content-area h4 {}


/* ==========================================================================
2026
========================================================================== */

.bg-gy-odd div:nth-child(odd)  .bg-gy { background: #eef1ed; }
.bg-gy-odd div:nth-child(even) .bg-gy { background: #f8f4df; }

/* md */
@media (min-width: 768px){
.bg-gy-odd > div:nth-child(4n + 1) .bg-gy,
.bg-gy-odd > div:nth-child(4n) .bg-gy { background: #eef1ed; }

.bg-gy-odd > div:nth-child(4n + 2) .bg-gy,
.bg-gy-odd > div:nth-child(4n + 3) .bg-gy { background: #f8f4df; }
}


/* ==========================================================================
Responsive
========================================================================== */
/* sm */
@media (min-width: 576px){
  .form-row>.col, .form-row>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
  .mx-sm-0 {margin-right: 0!important;margin-left: 0!important;}
  .bc-blk-sm{border-color: #333 !important;}
}
/* md */
@media (min-width: 768px){
.mx-md--0 {margin-left: 0!important; margin-right: 0!important;}
.pt-md-405{padding-top: 2.3rem !important;}
.w-md-33{width: 33.3333% !important;}
.w-md-40{width: 40% !important;}
.w-md-100{width: 100% !important;}
.fixed #header a{line-height: 1.5!important;}
.form-md-row{margin-right: -.5rem;margin-left: -.5rem;}
  .side-topLeft{left: calc( ( 100vw - 720px * 0.91666667 + .5rem) / 2 + 1rem );width: calc( ( 720px * 0.91666667 - 2rem ) * 0.3333 );top: 9.75rem;}
  .scrolled .side-topLeft{top: 4.5rem;}
  .btn-img img{top: -.15rem;}
  .position-md-fixed{position: fixed;}
  .form-md-row{margin-right: -.5rem;margin-left: -.5rem;}
  .form-md-row>.col, .form-md-row>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
  .box-cs {width:calc(100% - 44px);}
  .carousel .carousel-cell{padding-left: calc(720px * 0.0833333 / 2 + .5rem);}
  .atc-news .flickity-slider{margin-left: 2rem;}
.position-md-absolute {position: absolute;}
.bottomStart-md {bottom: 0; left: 0;}
}
/* lg */
@media (min-width: 992px){
  .mx-lg--0 {margin-left: 0!important; margin-right: 0!important;}
  .btn-img img{top: .55rem;}
  #box-yt{top: .1rem;position: relative;}
  #customElement iframe{background: #d6f0f1;width: auto;height: auto;}
  .form-lg-row{margin-right: -.5rem;margin-left: -.5rem;}
  .form-lg-row>.col, .form-lg-row>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
  .side-topLeft{left: calc( ( 100vw - 960px * 0.91666667 + .5rem) / 2 + 1rem );width: calc( ( 960px * 0.91666667 - 2rem ) * 0.3333 );}
  .box-cs {width: calc(50% - 34px);}
  .carousel .carousel-cell{padding-left: calc(960px * 0.0833333 / 2 + .5rem);}
  .atc-news .flickity-slider{margin-left: 2.5rem;}
  .position-lg-absolute {position: absolute;}
}
/* iPad landscape iPad Pro */
@media (min-width:1024px) and (max-width : 1366px) {
}
/*xl*/
@media(min-width:1200px){
  .btn-img img{top: -.4rem;}
  #box-yt{top: .2rem;}
  .carousel .carousel-cell {padding-left: 2rem;}
  .side-topLeft{left: calc( ( 100vw - 1140px * 0.91666667 + .5rem + 1140px * 0.083333) / 2 + 1rem );width: calc( ( 1140px * 0.91666667 - 2rem ) * 0.3333 );}
  .h-xl-1305rem{height: 13.5rem !important;}
  .lh-xl-120{line-height: 1.2!important;}
}
@media(min-width:1300px){
  .btn-img img{top: -.25rem;}
}
/*xxl*/
@media(min-width:1366px){
}
/*xxxl*/
@media(min-width:1600px){
  .btn-img img{top: 1rem;}
  .box-cs {width: calc(50% - 37px);}
}
@media(min-width:1800px){
}
@media(min-width:2300px){
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.slider-x{
    /* 以下の設定は必須 */
    scroll-snap-type: x mandatory;
    width: 100%;
    overflow-x: scroll;
    display: flex;
    -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
    overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x > .slider-inner{
    /* 以下の設定は必須 */
    scroll-snap-align: center;
    height: 100%;
    width: 100%;
    flex: none;
}


/* ==========================================================================
2026
========================================================================== */

.speechBubble {position: relative;border-radius: 8px;background-color: #6aa9c0;text-align: left;}
.speechBubble::before {content: "";position: absolute;bottom: 0;left: 59%;border-style: solid;border-width: 20px 20px 0 0;translate: -50% 100%;transform: skew(-25deg);transform-origin: top;}
.speechBubble::after {content: "";position: absolute;bottom: 0;left: 59%;border-style: solid;border-width: 15.2px 15.2px 0 0;border-color: #6aa9c0 transparent transparent;translate: calc(-50% - 0.4px) 100%;transform: skew(-25deg);transform-origin: top;}
.crs-tabs {border-top:1px solid #dedcdc; border-right:1px solid #dedcdc;}
.crs-t {border-left:1px solid #dedcdc; background:#f4f4f4; }
.crs-t button {cursor:pointer; background: none; width:100%; font-weight: bold;}
.crs-t.active {background:#111;}
.crs-t.active button { color:#fff;}
.crs-t button:focus, .crs-t button:active {outline: none;}

.crs-p {display:none; border:1px solid #dedcdc;}
.crs-p dt {font-weight: normal;}
.crs-p.active {display:block;}

/* ==========================================================================
pressroom
========================================================================== */
.presscate1{background-color: #5135b3;}

.presscate2{background-color: #6ca7d8;}
.presscate1,.presscate2{color: #fff;border-radius: 10px 10px 10px 10px;}

/* ==========================================================================
youtube width 100%
========================================================================== */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/* ==========================================================================
PLUGIN css
========================================================================== */
/*flickity*/
#news_slide .flickity-prev-next-button {top: -2.5rem !important;background: none !important;width: 1.8rem;height: 1.8rem !important;}
#news_slide .flickity-prev-next-button.next {right: auto !important;}
#news_slide .flickity-page-dots{bottom:-1.25rem !important}
#news_slide .flickity-page-dots .dot{width: .5rem !important;height: .5rem !important;}
.flickity-button {background: transparent !important;}
.flickity-button-icon {fill: white !important;}
  /* lg */
  @media (min-width: 992px){
    #news_slide .flickity-prev-next-button.previous {left: 18% !important;}
    #news_slide .flickity-prev-next-button.next {left: 20% !important;}
  }
  @media(min-width:1366px){
    #news_slide .flickity-prev-next-button.previous {left: 20% !important;}
    #news_slide .flickity-prev-next-button.next {left: 22% !important;}
  }
  /*xxl*/
  @media(min-width:1600px){
    #news_slide .flickity-prev-next-button.previous {left: 25% !important;}
    #news_slide .flickity-prev-next-button.next {left: 27% !important;}
  }

/*flickity mian_slide*/

#main-gallery .gallery-cell{background-color: #000000; }
#main-gallery .gallery-cell img{opacity: 0.4; }
#main-gallery .gallery-cell.is-selected img{opacity: 1; }

/*ytp*/
.mb_YTPBar .mb_YTPseekbar {background: #d6f0f1 !important;opacity: .1 !important; box-shadow: none !important}
.mb_YTPPlaypause,.mb_YTPVolumeBar{display: none !important;}
.mb_YTPBar, .mb_YTPBar span.mb_YTPUrl a{color: #d6f0f1 !important;}
.mb_YTPTime{color: #666 !important;}

/**/
.flug-size {
  font-size: 3.2rem; padding-top: 1.8rem
}
@media screen and (min-width:576px) { 
.flug-size {
  font-size: 4.5rem; padding-top: 2.4rem
}
}

.acd-check{
    display: none;
}
.ac-label{
    cursor: pointer;
}
.ac-content{
    height: 0;
    opacity: 0;
    padding-top: 10px;
    transition: .5s;
    visibility: hidden;
}
.ac-check:checked + .ac-label + .ac-content{
    height: auto;
    opacity: 1;
    visibility: visible;
}

/*breadcrumb*/
.breadcrumbs.bread-wht {color: #fff!important;}
.breadcrumbs.bread-wht li a{color: #fff!important;}
.breadcrumbs {
  list-style: none;
  font-size: .65rem;
  padding: .3rem 0;
}

.breadcrumbs li {
  display: inline;
  list-style: none;
  font-weight: bold;
}

.breadcrumbs li:after {
  content: "/";
  padding: 0 0.2em;
}

.breadcrumbs li:last-child:after {
  content: '';
}

.breadcrumbs li a {
  text-decoration: none;
}

.breadcrumbs li a:hover {
  text-decoration: underline;
}


/*pressroom*/

.hvr-btn-bsd-press {transition:all 0.3s ease; background-color: #fff; color: rgba(208,14,54,1);}
  .hvr-btn-bsd-press:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: #5135b3; color: #fff!important;}
.hvr-btn-bsd-press2 {transition:all 0.3s ease; background-color: #fff; color: rgba(208,14,54,1);}
  .hvr-btn-bsd-press2:hover {box-shadow: inset 0 0 0 .25rem #fff; background-color: #6ca7d8; color: #fff!important;}
  #pressbox{height: 30rem;}


@media (max-width: 575.98px) {
  .ncol-sp-width {
    flex: 0 0 99%;
    max-width: 99%;
  }
  .nfz-sp-sm {
    font-size: 1.23rem !important;
  }
}

@media (min-width: 768px) {
  .hamburger-navigation {
    justify-content: space-between !important;
  }
  .hamburger-navigation__info {
    flex: 1;
  }
}
.has-children {
  position: relative;
}
.has-children > a {
  position: relative;
  z-index: 20;
  background-color: #FFF;
}
.has-children:hover .header-nav-child {
  opacity: 1;
  transform: translate(0);
  pointer-events: auto;
}
.header-nav-child {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 100%;
  background-color: #FFF;
  opacity: 0;
  transform: translate(0, -1rem);
  pointer-events: none;
  padding-top: 4px;
  transition: .2s opacity, .2s transform;
}
.header-nav-child__item:first-of-type {
  border-top: .1rem solid #333
}
.header-nav-child__item:not(:last-of-type) {
  border-bottom: .1rem solid #333;
}
.header-nav-child__link {
  display: block;
  font-size: .8rem;
  font-weight: 600;
  padding: .6em 0 .6em;
}
.header-nav-child__link:hover {
  background-color: #000;
  color: #FFF !important;
  opacity: 1;
}
.accredited-school {
  padding-top: 10px;
}
.top-results {
  max-width: 91.666667%;
  padding: 40px 0;
  margin: 0 auto;
}
/* 20231018 top achievement retouch =start= */
.top-retouch-achievement{
  width: fit-content;
  word-break: keep-all;
}
.employment-item.top-retouch-employment-item{
  width: 100%;
  align-items: center;
}
@media screen and (min-width: 768px){
  .top-retouch-break-sp{
    display: none;
  }
}
/* 20231018 top achievement retouch ==end== */

/* 20231113 top course guide retouch =start= */
.t-retouch-guide-txt{
  word-break: keep-all;
}
/* 20231113 top course guide retouch ==end== */

.bg-striped div:nth-child(odd) {
    background-color: #eef1ed; /
}
.bg-striped div:nth-child(even) {
    background-color: #f8f4df; /
}
.bg-striped2 div:nth-child(odd) {
    background-color: #f8f4df; /
}
.bg-striped2 div:nth-child(even) {
    background-color: #eef1ed; /
}

.hexagon {
/*  display: flex;
  justify-content: center;*/
}
.hexagon-in {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  aspect-ratio: 200 / 173;
  clip-path: polygon(10% 25%, 50% 0, 90% 25%, 90% 75%, 50% 100%, 10% 75%);
  color: white;
}
ul.pdf-list {
  counter-reset: pdf-counter; /* カウンターを初期化 */
}

ul.pdf-list li {
  counter-increment: pdf-counter; /* liごとにカウンターを+1 */
  list-style: none; /* デフォルトの箇条書きマークを消す */
}

ul.pdf-list li a::before {
  content: counter(pdf-counter) " "; /* 数字を表示 */
  font-weight: bold;  /* 見やすくする場合 */
  margin-right: 0.3em; /* 数字と本文の間隔 */
}

    @media screen and (max-width: 767px) {
      iframe.googlemap {
      /*width: 401px !important;*/
      height: 450px !important;
      }
    }

    @media screen and (min-width: 768px) {
      iframe.googlemap {
      height: 450px !important;
      }
    }