/*----------------------------------------------共通---------------------------------------------*/


/*--------------------------------------------PC------------------------------------------------*/

.site-header {
        border-bottom: 0px solid #dededed6 !important;
}

.cont_topmain{
    position: relative;
}


.top_slide {
    height: 850px;
}


.n2-section-smartslider {
    padding-left: 100px;
    padding-right: 100px;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 850px;
}

div#n2-ss-2{
    height: 850px !important;
}


.box_bosyucyu_copy {
    position: absolute;
    top: 80px;
    right: 10%;
}

.box_bosyucyu_copy .box_text {
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    position: relative;
}

.box_text.box2 {
    left: 130px;
    position: relative;
}

.box_bosyucyu_copy p {
        font-family: sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 9px;
}

.box_topmain_copy {
    position: absolute;
       bottom: -74px;
    left: 5%;
}

.box_topmain_copy p{
    font-family: serif;
    letter-spacing: 8px;
}

.box_copy{
       padding-left: 40px;
    padding-right: 30px;
}

.box_copy.box1 {
    width: fit-content;
}

.box_copy.box1 p {
    font-size: 26px;
}

.box_copy.box2{
    position: relative;
    left: 30px;
    padding-bottom: 3px;
}

.box_copy.box2 p {
            font-size: 54px;
    line-height: 60px;
}

.box_kottointac {
    position: absolute;
    right: 5%;
        bottom: -101px;
    width: 42%;
    max-width: 800px;
}

.box_kottointac p{
    font-weight: 700;
    font-size: 60px;
        margin-bottom: 10px !important;
}

.box_kottointac img{
    
}


.cont_top{
    position: relative;
    margin: 0 auto;
    padding-left: 150px;
    padding-right: 150px;
}


.cont_concept{
    position: relative;
    margin-bottom: 90px;
    margin-top: 150px;
}


.cont_point {
    padding-top: 200px;
    padding-bottom: 200px;
}


.cont_kouza{
    padding-top: 130px;
    padding-bottom: 130px;
}

.cont_price{
    padding-top: 150px;
    padding-bottom: 150px;
}

.cont_access {
    padding-top: 130px;
    padding-bottom: 130px;
}

.cont_link {
    padding-top: 150px;
    padding-bottom: 150px;
}


.cont_news{
    
}


.bg_concept {
    height: 90%;
    position: absolute;
    width: 100%;
    bottom: -90px;
}


.acsentcolor1{
    width: 100px;
    height: 100px;
    position: absolute;
    right: -50px;
    top: -50px;
    opacity: 0.7;
}


.row_acconcept {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 90%;
    max-width: 1700px;
        justify-content: space-around;
    z-index: 1;
    align-items: flex-end;
}

.row_photo{
    position: relative;
    width: 50%;
}

.box_photo1{
    position: relative;
    max-width: 750px;
    width: 100%;
    height: 900px;
}

.bg_conceptphoto1{
    background-image: url(https://www.kotoo-int-academy.jp/wp-content/uploads/2023/03/photo4.jpg);
}

.box_photo2 {
    width: 43%;
    height: 300px;
    position: absolute !important;
    right: -17%;
    bottom: -90px;
}

.bg_conceptphoto2{
    background-image: url(https://www.kotoo-int-academy.jp/wp-content/uploads/2023/03/photo5.jpg);

}

.bg_photo_shitazi {
    background-color: #51CB76;
    width: 90%;
    height: 90%;
    position: absolute;
    left: -30px;
    bottom: -30px;
    z-index: -1;
    display: none;
}

.row_concepttext {
    width: 40%;
    max-width: 700px;
    padding-bottom: 3%;
}

.box_concept_midashi_eng {
    position: relative;
    display: flex;
    align-items: center;
    left: -100px;
}

.box_concept_midashi_eng p{
    font-family: serif;
    font-size: 24px;
    color: #8bd3a0;
}

.line_concept {
    width: 200px;
    margin-right: 20px;
        background-color: #9bd7abe0 !important;
}

.conceptcopy {
    font-family: serif;
    font-size: 30px;
    line-height: 49px;
    letter-spacing: 4px;
    margin-bottom: 70px !important;
    margin-top: 70px;
}

.copy2gyome {
    display: block;
    position: relative;
    left: 82px;
}

.honbun {
    padding-left: 82px;
    font-family: serif;
    line-height: 34px;
}





.row_acpoint {
    display: flex;
    justify-content: space-between;
    max-width: 1580px;
    margin: 0 auto;
    margin-top: 143px;
}

.box_acpoint{
    width: 22%;
}


.box_acpoint h3 {
    font-family: sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    height: 200px;
    display: flex;
    align-items: center;
}

.box_acpoint p{
    
}



.box_pointnum {
    display: flex;
    align-items: center;
        margin-bottom: 5px;
}

.box_pointnum p {
    font-family: serif;
    font-size: 11px;
    line-height: 13px;
}

.box_pointnum .num {
    font-size: 52px;
    margin-left: 5px;
    position: relative;
    top: -6px;
}

.line_pointnum {
    width: 110px;
}

.row_acpoint2 {
    max-width: 555px;
    margin: 0 auto;
    margin-top: 150px;
}

.row_acpoint2 p{
    font-family: sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    color: #808080;
}

.line_point2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.bt_link_kotohashisetsu {
    border: 1px solid #bfb9b9;
    padding: 10px;
    margin-top: 30px;
    position: relative;
}

.bt_link_kotohashisetsu p {
    font-size: 15px !important;
    text-align: center;
}


.bt_link_kotohashisetsu img {
    width: 18px;
    position: relative;
    top: 3px;
    margin-right: 7px;
}

.bt_arow {
    width: 17px;
    position: absolute;
    top: 14px;
    right: 14px;
}


.topmidashi2 {
    text-align: center;
    font-family: sans-serif;
    letter-spacing: 15px;
    font-weight: 700;
}

.row_kouza{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 100px;
    max-width: 1440px;
    width: 80%;
}

.box_kouza{
        width: 32%;
    max-width: 400px;
    position: relative;
}

.kouza_eng {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
}


.kouza_jpn {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 5px;
}


.line_kouza {
    margin-top: 4px;
    margin-bottom: 5px;
}


.box_kouza .photo {
    height: 300px;
    margin-bottom: 30px;
}


.kouza_pic1{
    background-image: url(https://www.kotoo-int-academy.jp/wp-content/uploads/2023/03/photo1.jpg);
}


.kouza_pic2{
    background-image: url(https://www.kotoo-int-academy.jp/wp-content/uploads/2023/03/photo2.jpg);
}


.kouza_pic3{
    background-image: url(https://www.kotoo-int-academy.jp/wp-content/uploads/2023/03/photo3.jpg);
}

.comingsoon {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.comingsoon p{
    font-weight: 700;
    opacity: 0.7;
}

.bosyufukidashi {
    width: 63%;
    max-width: 260px;
    position: absolute;
    bottom: -33px;
}

.bt_curriculum {
    margin-top: 28px;
    width: fit-content;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 2px;
}

.bt_curriculum img {
    width: 18px;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.bt_curriculum p {
    font-size: 16px;
    font-weight: 700;
}

.box_price {
    width: fit-content;
    margin: 0 auto;
    margin-top: 30px;
}


.box_price p {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px !important;
}


.price {
    font-size: 40px;
}


.row_news {
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
}

.box_midashi_news{
    
}

.box_midashi_news p{
    
}

.box_newspost{
    
}

.line_postnews {
    width: 54px;
    position: relative;
    top: 19px;
    margin-left: 20px;
    margin-right: 22px;
}


.posttitle_news {
    font-size: 17px;
}

.box_midashi_news p {
    font-size: 25px;
    font-family: serif;
}

.postdate_news {
    font-size: 12px;
    color: #9b9a9a;
}



.row_access {
    display: flex;
    width: 80%;
    max-width: 1320px;
    justify-content: space-evenly;
    margin: 0 auto;
    margin-top: 50px;
}


.box_midasi_top p{
    text-align: center;
    color: #525252;
}

.box_midasi_top .eng {
    font-size: 26px;
    font-family: serif;
    letter-spacing: 6px;
    line-height: 31px;
}

.box_midasi_top .jpn{
}

.box_map {
    max-width: 500px;
}

.box_text_ac {
    width: 40%;
    max-width: 410px;
}

.box_text_ac p{
    
}

.box_text_ac .divline_yoko {
    margin-top: 26px;
    margin-bottom: 26px;
}

.buttom_googlemap {
    background-color: #484848;
    padding: 20px;
    margin-top: 35px;
}

.buttom_googlemap p{
    text-align: center;
    color: white;
    padding-bottom: 2%;
}


.row_bt_link {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.box_bt_link {
    max-width: 300px;
        width: 20%;
    margin-left: 2px;
    margin-right: 2px;
}

.box_bt_link:hover{
    opacity: 0.8;
}

.midashi_link {
    text-align: center;
    font-family: serif;
    font-size: 15px;
}


#about{
  position: relative;
    top: -250px;
}

#class {
  position: relative;
    top: -300px;
}

#access {
  position: relative;
    top: -300px;
}



/*-----------------------------------------PC(1920px)-------------------------------------------*/

@media only screen
 and (max-width: 1920px) {
     
     
     .top_slide {
    height: 750px;
}


.n2-section-smartslider {
    padding-left: 70px;
    padding-right: 70px;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 750px;
}

div#n2-ss-2{
    height: 750px !important;
}
     
     .box_bosyucyu_copy p {
    font-size: 27px;
    line-height: 40px;
    letter-spacing: 5px;
}
     
.box_kottointac p {
    font-size: 50px;
}
     
     .box_kottointac img {
    max-width: 413px;
}
     
     .box_copy.box2 p {
    font-size: 44px;
    line-height: 55px;
    letter-spacing: 4px;
}
     
.box_topmain_copy {
    bottom: -69px;
    left: 7%;
}
     
     .box_kottointac {
        width: fit-content;
    bottom: -87px;
    right: 8%;
}
     
     .box_copy {
    padding-left: 19px;
    padding-right: 12px;
}
     
          .box_photo1 {
    height: 700px;
}
     
     .box_photo2 {
    height: 255px;
}
     
     .conceptcopy{
    font-size: 25px;
    line-height: 45px;
    margin-bottom: 42px !important;
    margin-top: 38px;
    letter-spacing: 3px;
     }
     
     .honbun {
    font-size: 14px;
    line-height: 28px;
}
     
     .line_concept {
    width: 172px;
}
     
     .box_concept_midashi_eng p {
    font-size: 22px;
}
     
     .bg_concept {
    bottom: -90px;
    height: 92%;
    min-height: 682px;
}
     .row_concepttext {
    width: 33%;
         min-width: 445px;
         padding-bottom: 2%;

}
     
.box_acpoint {
    width: 26%;
}
     
     .row_kouza {
    width: 85%;
             margin-top: 60px;
}
     
     .cont_kouza {
    padding-top: 67px;
    padding-bottom: 90px;
}
     
     .cont_top {
    padding-left: 100px;
    padding-right: 100px;
}
     
     .row_acpoint{
             max-width: 1100px;
     }
     
     
}



/*-----------------------------------------PC(1440px)-------------------------------------------*/

@media only screen
 and (max-width: 1440px) {
     .top_slide {
    height: 650px;
}
     



.n2-section-smartslider {
    padding-left: 70px;
    padding-right: 70px;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 650px;
}

div#n2-ss-2{
    height: 650px !important;
}
     
          .box_bosyucyu_copy {
    right: 15%;
}
     
     .box_bosyucyu_copy p {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 4px;
}
     
     .box_kottointac p {
    font-size: 41px;
}
     
     .box_copy.box2 p {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 1px;
}
     
     .box_copy.box1 p {
    font-size: 23px;
    letter-spacing: 3px;
}
     
     .box_topmain_copy {
    bottom: -69px;
    left: 6%;
}
     
     .box_kottointac {
    bottom: -76px;
}
     
     .box_topmain_copy {
    bottom: -61px;
   left: 8%;
}
     
     .box_copy {
    padding-left: 11px;
    padding-right: 6px;
}
     
     .cont_top {
    padding-left: 70px;
    padding-right: 70px;
}
     
     .row_acconcept{
             width: 90%;
     }
     
     .box_photo1 {
    height: 600px;
}
     
     .box_photo2 {
    height: 200px;
}
     
     .honbun {
    line-height: 26px;
}
     
.conceptcopy {
    font-size: 24px;
    line-height: 39px;
    margin-bottom: 28px !important;
    margin-top: 27px;
    letter-spacing: 2px;
}
     
     .row_concepttext {
    padding-bottom: 0%;
             min-width: 416px;
}
     
     .bg_concept {
    height: 100%;
    min-height: 500px;
}
     
     .box_concept_midashi_eng p {
    font-size: 20px;
}
     
     .line_concept {
    width: 82px;
}
     
     .box_concept_midashi_eng{
         left: 0;
     }
     
     .acsentcolor1 {
    width: 75px;
    height: 75px;
    position: absolute;
    right: -27.5px;
    top: -27.5px;
    opacity: 0.7;
}
     
     .cont_point {
    padding-top: 150px;
    padding-bottom: 150px;
}
     
     .box_acpoint h3 {
         font-size: 18px !important;
     }
     
     .row_acpoint {
    margin-top: 108px;
}
     
     .box_acpoint h3 {
             height: 140px;
     }
     
     .row_acpoint2 {
    margin-top: 100px;
}
     
     .row_acpoint2 p {
    font-size: 18px !important;
}
     
     .topmidashi2 {
    font-size: 23px;
}
     
     .row_kouza {
    width: 90%;
    margin-top: 35px;
}
     
     .box_kouza .text {
    letter-spacing: 0.5px;
}
     
     .box_kouza .photo {
    height: 250px;
}
     
     .cont_kouza {
    padding-top: 70px;
    padding-bottom: 61px;
}
     
     .kouza_jpn {
    font-size: 22px;
}
     
     .bt_curriculum p {
    font-size: 15px;
}
     
     .posttitle_news {
    font-size: 15px;
}
     
     .cont_price {
    padding-top: 110px;
    padding-bottom: 110px;
}
     
     .bt_link_kotohashisetsu p {
    font-size: 14px !important;
}
     
     .box_midasi_top .eng {
    font-size: 23px;
}
     
     .box_midasi_top .jpn {
    font-size: 13px;
}
     
     .box_map {
    max-width: 350px;
}
     
     .box_text_ac {
    width: 41%;
}
     
}

/*-----------------------------------------ipad(横)---------------------------------------------*/

@media only screen
 and (max-width: 1152px) {
          .top_slide {
    height: 550px;
}
     

.n2-section-smartslider {
    padding-left:50px;
    padding-right: 50px;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 550px;
}

div#n2-ss-2{
    height: 550px !important;
}
     
.box_topmain_copy {
    left: 4%;
    bottom: -55px;
}
     
     .box_kottointac img {
    max-width: 275px;
}
     
     .box_kottointac p {
    font-size: 38px;
    margin-bottom: 14px !important;
}
     
     .box_copy.box1 p {
    font-size: 21px;
    letter-spacing: 1px;
}
     
     .box_copy.box2 p {
    font-size: 32px;
    line-height: 44px;
}
     
     .box_bosyucyu_copy p {
    font-size: 20px;
    line-height: 34px;
}
     
     .box_kottointac {
    right: 7%;
}
     
     .conceptcopy {
    font-size: 21px;
    line-height: 37px;
}
     
     .row_concepttext {
    min-width: 381px;
         width: 45%;
}
     
     .row_photo {
    width: 45%;
}
     .box_acpoint h3 {
    font-size: 16px !important;
}
     
     .row_acpoint2 p {
    font-size: 16px !important;
}
     
     .topmidashi2 {
    font-size: 22px;
}
     
     .box_kouza .photo {
    height: 200px;
}
     
     .kouza_jpn {
    font-size: 20px;
}
     
     .bosyufukidashi {
    width: 85%;
}
     
     .box_kouza .text {
    letter-spacing: 0;
    font-size: 13px;
}
     
     .box_price p {
    font-size: 16px;
}
     
     .price {
    font-size: 33px;
}
     
     .row_access {
    width: 90%;
}
     
     .buttom_googlemap {
    padding: 10px;
             padding-top: 13px;
}
     
     .cont_link {
    padding-top: 100px;
    padding-bottom: 100px;
}
     
     #about{
    top: -200px;
}

#class {
    top: -200px;
}

#access {
    top: -200px;
}
     
     
}


/*--------------------------------------------ipad(タテ)----------------------------------------*/

@media only screen
 and (max-width: 991px) {

      .top_slide {
    height: 500px;
}
     

.n2-section-smartslider {
    padding-left:50px;
    padding-right: 50px;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 500px;
}

div#n2-ss-2{
    height: 500px !important;
}
     
     .box_topmain_copy {
    left: 0%;
    bottom: 63px;
}
     
     .box_kottointac {
    right: auto;
    left: 7%;
}
     
     .box_kottointac p {
    font-size: 36px;
    margin-bottom: 18px !important;
}
     
     .box_bosyucyu_copy p {
    font-size: 18px;
    line-height: 31px;
    letter-spacing: 2px;
}
     
     .box_text.box2 {
    left: 70px;
}
     
     .box_topmain_copy {
    left: auto;
    bottom: 63px;
    right: 8%;
}
     
     .box_copy.box2 p {
    font-size: 27px;
    line-height: 40px;
}
     
     .box_copy.box1 p {
    font-size: 18px;
    letter-spacing: 1px;
}
     
     .box_bosyucyu_copy {
    top: 51px;
}
     
     .row_acconcept {
    flex-direction: column-reverse;
         align-items: center;
}
     
     .row_photo {
    width: 100%;
             margin-top: 50px;
         left: -5.5%;
}
     
     .row_concepttext {
    width: 90%;
}
     
     .cont_concept {
    margin-top: 108px;
}
     
     .box_concept_midashi_eng p {
    font-size: 15px;
}
     
     .conceptcopy {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 3px;
}
     
     .box_photo1 {
    height: 450px;
}
     
     .row_acpoint {
    flex-direction: column;
}
     
     .box_acpoint {
    width: 100%;
}
     
     .row_acpoint {
    max-width: 450px;
}
     
     .box_acpoint {
    margin-bottom: 100px;
}
     
     .box_acpoint h3 {
    font-size: 18px !important;
    line-height: 29px;
}
     
     .box_acpoint h3 {
    height: 110px;
}
     
     .line_pointnum {
    width: 100%;
}
     
     .box_pointnum .num {
    font-size: 39px;
    top: -2px;
}
     
     .row_acpoint2 {
    margin-top: 36px;
    max-width: inherit;
}
     .bt_link_kotohashisetsu p {
    font-size: 14px !important;
}
     
     .row_kouza {
    width: 80%;
    flex-direction: column;
}
     
     .box_kouza {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
     
     .box_kouza {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 65px;
}
     
     .box_kouza .photo {
    height: 300px;
}
     
     .row_access {
    width: 90%;
    flex-direction: column;
}
     
     .box_map {
    max-width: 350px;
    margin: 0 auto;
         width: 80%;
}
     
     .box_text_ac {
    max-width: 410px;
    margin: 0 auto;
    margin-top: 50px;
         width: 80%;
}
     
     .cont_access {
    padding-top: 100px;
    padding-bottom: 100px;
}
     
     .row_news {
    margin-bottom: 65px;
}
     .box_midashi_news p {
    font-size: 21px;
}
     
     .line_postnews{
             top: 16px;
     }
     
     .row_bt_link {
    flex-wrap: wrap;
}
     
     .box_bt_link {
    width: 32%;
}
     
     .row_bt_link {
    flex-wrap: wrap;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 20px;
}
     
         #about{
    top: -100px;
}

#class {
    top: -100px;
}

#access {
    top: -100px;
}
     
}


/*--------------------------------------------SP(640px)----------------------------------------*/

@media only screen
 and (max-width: 640px) {
     
          .top_slide {
    height: 450px;
}
     

.n2-section-smartslider {
    padding-left:7%;
    padding-right: 7%;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 450px;
}

div#n2-ss-2{
    height: 450px !important;
}
     
     

     
     .box_bosyucyu_copy {
    top: 37px;
    right: 8%;
}
     
     .box_kottointac p {
    font-size: 31px;
    margin-bottom: 26px !important;
}
     
     .box_kottointac img {
    max-width: 251px;
    position: relative;
    left: 8px;
}
     
     .box_copy.box2 p {
    font-size: 25px;
    line-height: 37px;
}
     
     .box_copy.box1 p {
    font-size: 15px;
}
     
     .cont_top {
    padding-left: 7%;
    padding-right: 7%;
}
     
     .conceptcopy {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2px;
}
     
     .honbun {
    padding-left: 0px;
}
     
     .row_concepttext {
    width: 85%;
             min-width: auto;
}
     
     .copy2gyome {
    left: 32px;
}
     
     .box_photo1 {
    height: 350px;
}
     
     .box_photo2 {
    height: 170px;
}
     
     .row_acpoint {
    width: 80%;
         margin-top: 50px;
}
     
     .bosyufukidashi {
    width: 66%;
}
     
     .cont_kouza {
    padding-top: 46px;
    padding-bottom: 8px;
}
     
     .row_news {
    margin-bottom: 65px;
    flex-direction: column;
    align-items: center;
}
     
     .line_postnews {
    margin-bottom: 51px;
}
     
     .acsentcolor1 {
    width: 50px;
    height: 50px;
    right: -25px;
    top: -25px;
}
     
     .box_bt_link {
    width: 48%;
}
     
     .box_topmain_copy {
    left: 0%;
    bottom: 62px;
    right: auto;
}
     
     .box_copy.box2 {
    left: 16px;
}
     
     .box_copy.box2 p {
    font-size: 23px;
    line-height: 35px;
}
     
     .box_copy.box1 p {
    font-size: 14px;
}
     
     .box_bosyucyu_copy p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 2px;
}
     
     .box_bosyucyu_copy .box_text {
    padding-left: 10px;
    padding-right: 10px;
}
     
     .copy2gyome {
    left: 0px;
    display: inline;
}
     
     .row_photo {
    margin-top: 36px;
}
     
     .row_acpoint2 {
    margin-top: 0px;
    width: 83%;
}
     
     .topmidashi2 {
    font-size: 20px;
    letter-spacing: 11px;
    position: relative;
    left: 5px;
}
     
     .box_kouza .photo {
    height: 230px;
}
     
     .box_price p {
    font-size: 15px;
}
     
     .price {
    font-size: 29px;
}
     
     .posttitle_news {
    font-size: 14px;
}
     
     .box_text_ac {
    max-width: initial;
    width: 90%;
}
     
     .box_map {
    max-width: initial;
    width: 90%;
}
     
     .box_midasi_top .eng {
    font-size: 16px;
}

     
}


/*------------------------------------------------SP-----------------------------------------------------*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    
    
              .top_slide {
    height: 400px;
}
     

.n2-section-smartslider {
    padding-left:7%;
    padding-right: 7%;
}

div#n2-ss-2 .n2-ss-slide-backgrounds {
    height: 400px;
}

div#n2-ss-2{
    height: 400px !important;
}
    
    
.box_kottointac {
    bottom: -70px;
}
  
  .box_kottointac p {
    font-size: 25px;
    margin-bottom: 0px !important;
    letter-spacing: 0px;
          margin-top: -5px;
}
    
.box_kottointac img {
    max-width: 150px;
    left: 3px;
}
    
.box_copy.box2 {
    left: -2px;
}
    
    .box_topmain_copy {
    left: 5.5%;
    bottom: 0px;
}
    
    .conceptcopy {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1px;
    font-weight: 700;
}
    
    .cont_concept {
    margin-top: 123px;
}
    
    .box_copy.box1 {
    padding-top: 6px;
}
    
.box_text.box2 {
    left: 4px;
    height: fit-content;
}
    
    .box_bosyucyu_copy {
    top: 56px;
    right: 5%;
        writing-mode: vertical-rl;
}
    
    .box_bosyucyu_copy p {
    font-size: 16px;
    line-height: 33px;
    letter-spacing: 2px;
}
    
    .box_bosyucyu_copy .box_text {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 13px;
    padding-bottom: 14px;
            width: 33px;
}
    
    
    
}

/*---------------------------------------------SP(iphone5)--------------------------------------------------*/

@media screen and (max-width: 374px) {
    
}