@charset "UTF-8";

/* general_top
-------------------------------------------------------------*/


/* main-v */

.main-v {
    max-width: 100%;
    background-position:center;
    padding: 150px 0 160px;
    background: #f6c8dd;
    background-image:
    linear-gradient(to bottom, transparent 46%, rgba(246, 200, 221,1)),
    url(../../img/home/general_banner.jpg);
    background-size: cover;
    height: 850px;
    background-repeat: no-repeat;
}

.main-v .main-v-inner {
    margin: 0 auto;
    padding: 0 10px;
    width: 900px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.main-v .btn_box{
    padding-top: 25px;
}

/* general_tab */

.general_tab{
    padding-bottom: 25px;
    background-image:linear-gradient(to bottom,transparent -10%,rgba(246, 200, 221, 1)) ;
    margin-top: -85px;
    position: relative;
}

.general_tab::after{
    content: '';
    position: absolute;
    top: 85px;
    left: 0;
    background: #f6c8dd;
    width: 100%;
    height:80%;
    z-index: -1;
}

.general_tab .tablink{
    background-color: #88a3d4;
    color: white;
    cursor: pointer;
    width: 266px;
    margin: 0 10px;
    padding: 19px 0 15px;
    border-top-left-radius: 15px ;
    border-top-right-radius:15px ;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
}

.general_tab .tablink:hover{
    background: #00418f;
}

.general_tab .tablink:active{
    background: #00418f;
}

.general_tab .tab_content{
    background: #fff;
    border: 4px solid #00418f;
    padding: 25px 40px 20px;
    border-radius: 20px;
    display: none;
}

.general_tab .box_text{
    margin-top: 40px;
    width: 75%;
}

.general_tab .box_text .h3_ttl{
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    color: #00418f;
    margin-bottom: 20px;
}

.general_tab .box_text .p_txt_22{
    font-size: 22px;
    line-height: 36px;
}

.general_tab .box_img{
    text-align: center;
}

.general_tab .box_img .btn-tabs{
    text-align: center;
    margin-top: 15px;
}

.general_tab .box_img .btn-tabs a{
    color: #fff;
    font-size: 19px;
    line-height: 38px;
    font-weight: bold;
    width: 158px;
    background: #e3007f;
    display: inline-block;
    padding: 8px 5px;
    border: 2px solid #e3007f;
}

.general_tab .box_img .btn-tabs a:hover{
    color: #e3007f;
    background: #fff;
}

/* gallery */

.gallery{
    padding: 40px 0 60px;
}

.gallery .gall_box_list{
    align-items: unset;
    justify-content: flex-start;
    margin: 0 -7px 35px;
}

.gallery .gall_box_list li{
    width: 33.3%;
    padding: 0 7px;
}

.gallery .list_video{
    height: 100%;
    width: 100%;
    position: relative;
}

.gallery .gall_box_list li:nth-child(1) .ttl_box{
    padding: 27px 20px;
}

/* .gallery .list_video .p_txt_13{
    padding: 10px 0 22px;
    line-height: 18px;
} */

.gallery .list_video .gall_video{
    background: #DEDEDE;
    position: relative;
    overflow: hidden;
    padding-bottom: 50%;
    width: 100%;
    margin-top: 22px;
}

.gallery .list_video .gall_video iframe{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.gallery .list_video .btn-detail{
    padding-top: 18px;
}

.gallery .list_video .btn-detail.btn_blu a{
    background: #00418f;
    border: 2px solid #00418f;
}

.gallery .list_video .btn-detail.btn_blu a:hover{
    background: #fff;
    color: #00418f;
}

.gallery .btn_lagre a{
    width: 500px;
    font-size: 19px;
    line-height: 38px;
    padding: 10px 20px;
    box-shadow: none;
}

/* related_content */

.related_content{
    padding: 35px 0 25px;
    background: #f6c8dd;
}

.related_content .h2_ttl{
    margin-bottom: 36px;
    padding-left: 6%;
}

.related_content .h2_ttl::after{
    content: url(../../img/home/icon_ttlcontent.png);
  }

  .related_content .ttl_content{
    margin-bottom: 10px;
    font-size: 27px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
  }

  .related_content .ttl_content_2{
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
  }

  .related_content .img_content{
    cursor: pointer;
  }

/* medical_top
-------------------------------------------------------------*/

/* main-v */

#medical .main-v {
    background: #bae2f8;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:
    linear-gradient(to bottom, transparent 46%, rgba(186, 226, 248,1)),
    url(../../img/home/medical_banner.jpg);
}

/* general_tab */

#medical .general_tab{
    margin-top: -87px;
    background-image:linear-gradient(to bottom,transparent -10%,rgba(186, 226, 248, 1)) ;
}

#medical .general_tab::after{
    content: '';
    position: absolute;
    top: 85px;
    left: 0;
    background: #bae2f8;
    width: 100%;
    height:80%;
    z-index: -1;
}

#medical .general_tab .tablink{
    padding: 15px 12px;
    width: 196px;
}

#medical .general_tab .tablink:nth-child(3){
    padding:8px 12px 2px;
}

#medical .general_tab .tablink:nth-child(4){
    background: #e3007f;
}

#medical .general_tab .tab_content{
    padding: 25px 40px 20px;
}

#medical .general_tab #tab2 .box_text{
    width: 78%;
}

#medical .general_tab #tab4 .box_text .h3_ttl{
    color: #e3007f;
}

#medical .general_tab .box_img .btn-tabs{
    margin-top: 18px;
}

#medical .general_tab .box_text .h3_ttl{
    font-size: 36px;
}

/* related_content */

#medical .related_content{
    background: #bae2f8;
}