@charset "UTF-8";
/*全体*/
*{
    box-sizing: border-box;
}
html{
    overflow-x: scroll;
    min-width:1200px;
}

@media screen and (min-width:1200px){
    html{
        overflow-x: hidden;
    }
}

body{
    font-family: "Noto Serif JP", serif;
    margin:0;
    padding:0;
    color:#262F3B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}
a{
    text-decoration: none;
    color:#262F3B;
}
ul{
    list-style: none;
    padding:0;
    margin:0;
}
img{
    max-width:100%;
    height:auto;
    vertical-align: bottom;
}
section{
    display:block;
}

/*404*/
.not_found{
    height:600px;
    padding-top:200px;
    text-align:center;
}
.txt01{
    font-size:4em;
    margin:0;
    font-weight:600;
}
.txt02{
    font-size:3em;
    margin:0;
    font-weight:600;
}
.txt03{
    font-size:1.5em;
}
.center_wrapper{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom:50px;
}
.center_wrapper a:hover{
    color:#fff;
    background:#0765C0;
    transition:all .3s ease;
}
.not_found_link p{
    text-align:center;
    border:1px solid #0765C0;
    padding:8px 10px;
    max-width:8em;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:0;
}

/*ファーストビュー*/
.start{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:9999;
    background-color:#0765C0;
    display:flex;
    align-items: center;
    justify-content: center;
    animation:fadeOut 1.5s 2.5s forwards;
}
@keyframes fadeOut {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
.start_text{
    opacity:0;
    animation:text_fade 2s .5s forwards;
    color:#fff;
    font-weight:500;
    letter-spacing: .3em;
    font-size:1.8em;
}
@keyframes text_fade {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
  
    60% {
      opacity: 1;
      transform: translateY(0);
    }
  
    100% {
      opacity: 0;
    }
  }

/*ヘッダー*/
.header{
    background:#fff;
    width:100%;
    min-width:1200px;
    position:absolute;
    z-index:100;
    /*transition:transform .5s ease-in-out, opacity .5s ease-in-out;*/
    transition:all ease .5s;
    transform:translateY(0);
    opacity:1;
}
.header_inner{
    height:90px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.header-fixed{
    position:fixed;
    top:0;
    left:0;
    right:0;

    visibility: visible;
    animation:slide .5s ease-in-out forwards;
    transform:translateY(0);
}
@keyframes slide {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0%);
    }
  }

.logo_flex{
    display:flex;
    justify-content: center;
    margin-left:40px;
}
.company_name{
    padding-left:20px;
}
.name01{
    font-size:.8em;
}
.name02{
    font-size:1.5em;
    font-weight:400;
}
.name03{
    font-size:.6em;
    color:#636A75;
    line-height: .2;
}
.br{
    display:block;
    text-align: right;
}
.logo a:hover{
    opacity:0.8;
    transition:all .3s ease;
}

.gnav{
    display:flex;
    align-items: center;
}
.gnav_list{
    font-family:sans-serif;
    display:flex;
    column-gap: 60px;
    height:90px;
    line-height: 90px;
    margin:0;
}
.gnav_item{
    position:relative;
}
.gnav_item a{
    color:#0765C0;
    font-size:1.05em;
}
.dropdown:hover{
    opacity:0.6;
    transition:all .3s ease;
}
.gnav_item_contact_link{
    display:flex;
    line-height: 90px;
}
.gnav_item_contact_link:hover{
    opacity:0.6;
    transition:all .3s ease;
}
.header_contact{
    margin-left:45px;
    height:90px;
    width:200px;
    display:flex;
    align-items: center;
}
.header_contact_link{
    background:#0765C0;
    width:200px;
    transition:color .5s ease;
    height:100%;
    position:relative;
    overflow: hidden;
}
.header_contact_link:hover::before{
    transform:scaleX(1);
    transform-origin:left;
}
.header_contact_link::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background:#024688;
    transform:scaleX(0);
    transform-origin:right;
    transition:all .5s ease;
    transition-property: transform;
    z-index:0;
}
.telnum{
    line-height: 90px;
    text-align:center;
    color:#fff;
    font-size:1.4em;
    position:relative;
    z-index:1;
}
.telnum::before{
    content:url(../images/sp_icon.svg);
    margin-right:3px;
    vertical-align: middle;
}

/*ドロップダウンメニュー*/
.dropdown{
    display:inline-block;
    text-align: center;
    position:relative;
}
.dropdown::after{
  content:"";
  display: inline-block;
  position:absolute;
  left:50%;
  top:60px;
  vertical-align: middle;
  color: #0765C0;
  line-height: 1.2;
  width: .5em;
  height: .5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-50%) rotate(135deg);
  transition:transform .3s ease;
}

.dropdown:hover::after,
.gnav_item:hover .dropdown::after{
    transform:translateX(-50%) rotate(315deg);
}

.drop_menu_list{
    background:#0765C0;
    left:50%;
    position:absolute;
    visibility: hidden;
    width:280px;
    z-index:1;
    color:#fff;
    line-height: 60px;
    transition:opacity 0s ease, visibility 0s linear .3s;
    transform:translateX(-50%);
    white-space: nowrap;
    margin:0;
    padding:0;
}
.drop_menu_item{
    height:60px;
    line-height: 60px;
    transition:all .3s;
    position:relative;
    text-align:center;
}
.drop_menu_item a{
    color:#fff;
    font-size:1em;
    display:flex;
    align-items: center;
    justify-content: center;
    z-index:1;
    position:relative;
    overflow: hidden;
}
/*
.drop_menu_item:hover{
    background:#024688;
    transition:all .2s ease;
}*/

.drop_menu_item a:hover::after{
    transform:scaleX(1);
    transform-origin:left;
}
.drop_menu_item a::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background:#024688;
    transform:scaleX(0);
    transform-origin:right;
    transition:all .2s ease;
    transition-property: transform;
    z-index:-1;
}
.gnav_item:hover .drop_menu_list{
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.gnav_item:not(:hover) .drop_menu_list {
    visibility: hidden;
    opacity: 0;
}

/*ハンバーガーメニュー*/
#header-hamburger,#hamburger-window{
    display:none;
}

/*ヘッダー*/

/*メインビジュ*/
.mv{
    position:relative;
    padding:0;
    margin:0;
    height:100vh;
    overflow: hidden;
}
.mv_inner{
    max-width:100%;
    max-height:100%;
}
.mv_imgArea{
    width:100%;
    height:100vh;
    margin:0 auto;
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
    background-attachment: fixed;
    z-index:-1;
}

.mv_text{
    position:absolute;
    left:0;
    bottom:20%;
    z-index: 1;
}
.mv_text_bg{
    background:rgba(38,47,59,0.5);
    padding:30px 10px 30px 70px;
}
.mv_textArea{
    color:#fff;
    line-height: 1.7;
    font-size:1.7em;
    font-weight:600;
    letter-spacing: 0.1em;
    margin:0;
    padding:0;
}

/*スクロールダウンバー*/
.scroll_down{
    writing-mode: tb-rl;
    position:absolute;
    left:80px;
    bottom:0;
    line-height: 1;
    display:flex;
    align-items: center;
    z-index:2;
}
.scroll_text{
    font-size: .8rem;
    color:#fff;
    letter-spacing: .3em;
    font-weight:500;
}
.scroll_bar{
    display:inline-block;
    height:50px;
    width:1px;
    background:#fff;
    margin-top:.5em;
    position:relative;
}
.scroll_bar::after{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%, 0);
    margin-left:0;
    width:7px;
    height:7px;
    border-radius: 50%;
    background:#fff;
    -webkit-animation:scroll 2s 1s cubic-bezier(0,0,0.38,0.97) infinite;
    animation:scroll 2s 1s cubic-bezier(0,0,0.38,0.97) infinite;
}
@keyframes scroll{
    0%{
        top:0;
        opacity:1;
    }
    45%{
        top:50px;
    }
    70%{
        top:50px;
    }
    100%{
        top:50px;
        opacity:0;
    }
}

/*採用情報バナー*/
.bn_recruit_sp{
    display:none;
}
.bn_recruit{
    position:absolute;
    right:2%;
    bottom:5%;
    z-index: 1;
    transition:all .3s ease;
}
.bn_recruit a img{
    transition:all .3s ease;
    box-shadow: 4px 4px 4px rgba(38,47,59,0.5);
}
.bn_recruit a img:hover{
    box-shadow: unset;
    transform:translate(4px,4px);
    transition:all .3s ease;
}

/*メインビジュ*/

/*代表社員挨拶*/
.message{
    padding:130px 10px;
    margin:0 auto;
    /*max-width:1400px;*/
}
.message_titleArea{
    display:flex;
    align-items: center;
    justify-content: center;
    /*min-width:1200px;*/
    margin-bottom:80px;
}
.message_title{
    display:flex;
    flex-direction: column;
}
.message_title01{
    font-size:1.6em;
    color:#0765C0;
    line-height: 1;
    width:max-content;
}
.message_title02{
    line-height: 1;
    letter-spacing: 0.1em;
}
.message_line{
    border-bottom:1px solid #0765C0;
    width:100%;
    max-width:1000px;
    height:2px;
    margin-left:30px;
}
.message_inner{
    display:flex;
    justify-content: center;
    margin:0 auto;
    column-gap: 120px;
    width:100%;
    max-width:1200px;
}
.message_textArea{
    width:30%;
}
.message_text{
    font-family:sans-serif;
    line-height: 2;
}
.about_btn{
    margin-top:110px;
    border:1px solid #0765C0;
    width:265px;
    height:80px;
    text-align: center;
}
.about_btn a{
    display:block;
    position: relative;
    width:100%;
    height:100%;
    line-height: 80px;
    color:#0765C0;
    z-index: 1;
    transition:color .2s ease;
}
.about_btn a::before{
    position:absolute;
    top:0;
    left:0;
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:#0765C0;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .2s ease;
    z-index: -1;
}

.about_btn span{
    position:relative;
    z-index:1;
}
.about_btn span::after{
    content:url(../images/arrow_blue.svg);
    margin-left:20px;
    position:relative;
}
.about_btn a:hover span::after{
    content:url(../images/arrow_white.svg);
}
.about_btn a:hover{
    color:#fff;
}
.about_btn a:hover::before{
    transform:scaleX(1);
    transform-origin:left;
}
.message_img{
    width:100%;
    max-width:356px;
    height:100%;
    max-height:480px;
}
.message_img>img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.message_daihyo{
    text-align:right;
    margin-top:5px;
}
/*代表社員挨拶*/

/*業務内容*/
.service{
    background:#0765C0;
    color:#fff;
    padding:130px 10px;
}
.service_titleArea{
    display:flex;
    align-items: center;
    justify-content: center;
    /*min-width:1200px;*/
    margin-bottom:80px;
}
.service_title{
    display:flex;
    flex-direction: column;
}
.service_title01{
    font-size:1.6em;
    line-height: 1;
    width:max-content;
}
.service_title02{
    line-height: 1;
    letter-spacing: 0.1em;
}
.service_line{
    border-bottom:1px solid #fff;
    width:100%;
    max-width:1000px;
    height:2px;
    margin-left:30px;
}
.service_inner{
    max-width:1100px;
    margin:0 auto;
}
.service_list{
    width:1100px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 60px;
    margin:0 auto;
    justify-content: center;
}
.service_item{
    width:100%;
    max-width:550px;
    display:block;
}
.service_item a{
    color:#fff;
}
.service_item_img{
    height:350px;
    width:500px;
    overflow: hidden;
    display:block;
    position:relative;
}
.service_item_img>img{
    transition:transform .3s ease;
    object-fit: cover;
    width:100%;
    height:100%;
    position:relative;
}
.service_item_img::after{
    content:"READ MORE";
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    font-size:20px;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.4);
    display:flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition:all .3s ease;
    white-space: nowrap;
    pointer-events: none;
}
.service_item:hover .service_item_img::before,
.service_item:hover .service_item_img::after {
    opacity: 1;
}
.service_item:hover .service_item_img>img{
    transform:scale(1.1);
}
.service_item_title{
    font-size:1.3em;
    display:flex;
    justify-content: space-between;
}
.service_item_title::after{
    content:url(../images/arrow_white.svg);
    vertical-align: middle;
}
.service_item_sub{
    font-family:sans-serif;
}
.service_btn{
    margin-top:110px;
    border:1px solid #fff;
    width:265px;
    height:80px;
    text-align: center;
    margin-left:auto;
}
.service_btn a{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    line-height: 80px;
    color:#fff;
    z-index: 1;
    transition:color .2s ease;
}
.service_btn span{
    position:relative;
    z-index:1;
}
.service_btn span::after{
    content:url(../images/arrow_white.svg);
    margin-left:20px;
    position:relative;
}

.service_btn a::before{
    position:absolute;
    top:0;
    left:0;
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .2s ease;
    z-index: -1;
}
.service_btn a:hover span::after{
    content:url(../images/arrow_blue.svg);
}
.service_btn a:hover{
    color:#0765C0;
}
.service_btn a:hover::before{
    transform:scaleX(1);
    transform-origin:left;
}
/*業務内容*/

/*料金事例*/
.fee{
    background:#F4F7F8;
    padding:130px 10px;
}
.fee_titleArea{
    display:flex;
    align-items: center;
    justify-content: center;
    min-width:1200px;
    margin-bottom:80px;
}
.fee_title{
    display:flex;
    flex-direction: column;
    text-align: center;
    margin:0 30px;
    white-space: nowrap;
}
.fee_title01{
    font-size:1.6em;
    line-height: 1;
}
.fee_title02{
    line-height: 1;
    letter-spacing: 0.1em;
    color:#0765C0;
}
.fee_line{
    border-bottom:1px solid #0765C0;
    width:100%;
    max-width:500px;
    height:2px;
}
.fee_inner{
    min-width:1200px;
    margin-bottom:100px;
}
.fee_list{
    display:flex;
    justify-content: center;
    column-gap: 70px;
}
.fee_item{
    position:relative;
    box-shadow: 10px 10px 0px #87CEEB;
    transition:all .3s ease;
}
.fee_item:hover{
    box-shadow: unset;
    transform:translate(10px,10px);
}
.fee_item_img{
    width:500px;
    height:350px;
    overflow: hidden;
    display:block;
    position:relative;
}

.fee_item_img::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.25);
    opacity:0;
    transition:all .3s ease;
    white-space:nowrap;
    pointer-events: none;
    z-index: 1;
}
.fee_item:hover .fee_item_img::after{
    opacity:1;
}

.fee_item_img>img{
    transition:transform .3s ease;
    object-fit: cover;
    width:100%;
    height:100%;
    position:relative;
}
.fee_item_text{
    font-weight:bold;
    font-size:1.5em;
    margin:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
}
.fee_btn{
    margin-top:110px;
    border:1px solid #0765C0;
    width:265px;
    height:80px;
    text-align: center;
    margin:0 auto;
}
.fee_btn a{
    display:block;
    position: relative;
    width:100%;
    height:100%;
    line-height: 80px;
    color:#0765C0;
    z-index: 1;
    transition:color .2s ease;
}
.fee_btn a::before{
    position:absolute;
    top:0;
    left:0;
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:#0765C0;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .2s ease;
    z-index: -1;
}

.fee_btn span{
    position:relative;
    z-index:1;
}
.fee_btn span::after{
    content:url(../images/arrow_blue.svg);
    margin-left:20px;
    position:relative;
}
.fee_btn a:hover span::after{
    content:url(../images/arrow_white.svg);
}
.fee_btn a:hover{
    color:#fff;
}
.fee_btn a:hover::before{
    transform:scaleX(1);
    transform-origin:left;
}
/*料金事例*/

/*よくあるご質問*/
.faq{
    padding:130px 10px;
}
.faq_titleArea{
    display:flex;
    align-items: center;
    justify-content: center;
    min-width:1300px;
    margin-bottom:80px;
}
.faq_title{
    display:flex;
    flex-direction: column;
    white-space: nowrap;
}
.faq_title01{
    font-size:1.6em;
    color:#0765C0;
    line-height: 1;
}
.faq_title02{
    line-height: 1;
    letter-spacing: 0.1em;
}
.faq_line{
    border-bottom:1px solid #0765C0;
    width:1000px;
    max-width:100%;
    height:2px;
    margin-left:30px;
}
.faq_inner{
    min-width:1200px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.faq_text{
    text-align:center;
    font-family:sans-serif;
    font-size:1.3em;
    margin:0 0 50px 0;
}
.color_blue{
    color:#0765C0;
}

/*アコーディオンメニュー*/
.accordion{
    max-width:1000px;
    width:100%;
    font-family:sans-serif;
    display:flex;
    flex-direction: column;
    row-gap: 20px;
}
.accordion_border{
    border:1px solid #969595;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.toggle{
    display:none;
}
.Label{
    padding:1em;
    display:block;
    color:#0765C0;
    background: #fff;
    display:flex;
    align-items: center;
    position:relative;
    font-size:1.15em;
    cursor: pointer;
}
.Label::after{
    content:"";
    width:10px;
    height:10px;
    border-top:2px solid #0765C0;
    border-right:2px solid #0765C0;
    -webkit-transform: rotate(45deg);
    position:absolute;
    top:calc(50% - 3px);
    right:40px;
    transform:rotate(135deg);
}
.icon01::before{
    content:url(../images/q01_icon.png);
    margin-right:1em;
    margin-left:20px;
}
.icon02::before,.icon03::before{
    content:url(../images/q02_icon.png);
    margin-right:1em;
    margin-left:20px;
}
.icon04::before{
    content:url(../images/q03_icon.png);
    margin-right:1em;
    margin-left:20px;
}
.icon05::before{
    content:url(../images/q04_icon.png);
    margin-right:1em;
    margin-left:20px;
}
.Label,.answer{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform:translateZ(0);
    transition:all .3s;
}
.answer{
    height:0;
    padding:0 20px;
    overflow: hidden;
}
.answer_text{
    line-height: 2;
    font-size:1.05em;
}
.toggle:checked + .Label + .answer{
    height:auto;
    padding:20px;
    transition:all .3s;
}
.toggle:checked + .Label::after{
    transform:rotate(-45deg) !important;
}
/*よくあるご質問*/

/*お問い合わせ*/
.contact{
    background:#0765C0;
    color:#fff;
    padding:100px 130px;
    min-width:1200px;
}
.contact_inner{
    display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 120px;
    margin:0 auto;
}
.contact_left{
    width:40%;
}
.contact_left_titleArea{
    display:flex;
    flex-direction: column;
    margin-bottom:60px;
}
.contact_left_title01{
    font-size:1.6em;
    line-height: 1;
}
.contact_left_title02{
    line-height: 1;
    letter-spacing: 0.1em;
}
.contact_left_textArea{
    display:flex;
    flex-direction: column;
    width:max-content;
}
.contact_left_text01{
    font-size:1.4em;
}
.contact_left_text02{
    font-family:sans-serif;
    line-height: 1.5;
    width:51%;
}
.contact_right_telArea{
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    margin-bottom:50px;
}
.contact_right_tel{
    font-size:2.5em;
    line-height: 1;
    text-decoration: none;
    color:#fff !important;
}
.contact_right_time{
    font-family: sans-serif;
}
.contact_right_mailArea{
    border:1px solid #fff;
    width:400px;
    height:100px;
}
.contact_right_mail{
    color:#fff;
    line-height:100px;
    display:block;
    height:100px;
    text-align:center;
    font-size:1.5em;
    display:flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.contact_right_mail::before{
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    background-image:url(../images/mail_icon.png);
    background-size:cover;
    background-repeat:no-repeat;
}
.contact_right_mail:hover{
    background:#fff;
    color:#0765C0;
    transition:all .5s ease;
}
.contact_right_mail:hover::before{
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    background-image:url(../images/mail_icon_b.png);
    background-size:cover;
    background-repeat:no-repeat;
    transition:all .5s ease;
}
/*お問い合わせ*/

/*フッター*/
.footer{
    padding:130px 20px 20px 20px;
    background:#64727a;
    color:#fff;
    min-width:1200px;
}
.footer_inner{
    display:flex;
    justify-content:space-around;
    width:100%;
    margin-bottom:65px;
}
.f_logo{
    margin-bottom:15px;
}
.f_logo a{
    opacity: 1;
    display:block;
    transition:all .3s ease;
}
.f_logo a:hover{
    opacity:0.8;
}
.f_logo_flex{
    display:flex;
    align-items: center;
}
.f_company_name{
    padding-left:20px;
    color:#fff;
}
.f_name01{
    font-size:.6em;
}
.f_name02{
    font-size:1.3em;
    font-weight:400;
}
.f_name03{
    font-size:.2em;
    line-height: .2;
}
.info{
    line-height: 1.7;
}
.map a{
    color:#fff;
    font-size:.9em;
}
.map a::after{
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    background-image:url(../images/map_icon.png);
    background-size:cover;
    background-repeat:no-repeat;
    vertical-align:middle;
    margin-left:3px;
}
.map a:hover,.map a:hover::after{
    opacity:0.6;
    transition:all .3s ease;
}
.f_tel,.f_mail{
    letter-spacing: .05em;
    font-size:.95em;
}
.f_gnav_list{
    display:flex;
    column-gap: 30px;
}
.f_top_item a,.f_about_item a,.f_service_item a,.f_fee_item a,.f_contact_item a{
    color:#fff;
}

.top,.about_top,.service_top,.fee_top,.contact_top{
    font-weight:bold;
}
.about_sub,.service_sub,.fee_sub,.privacy{
    color:#bfc9ce !important;
    margin-left:.5em;
    font-size:.9em;
}
.about_sub::before,.service_sub::before,.fee_sub::before,.privacy::before{
    content:"";
    display:inline-block;
    position:relative;
    top:50%;
    left:0;
    transform:translate(-50%,-50%);
    width:.6em;
    height:1px;
    background:#bfc9ce;
    vertical-align: middle;
}
.top:hover,.about_top:hover,.service_top:hover,.fee_top:hover,.contact_top:hover{
    color:#87ceeb;
    transition:all .3s;
}
.about_sub:hover::before,.service_sub:hover::before,.fee_sub:hover::before,.privacy:hover::before{
    background:#fff !important;
    transition:all .3s;
}
.about_sub:hover,.service_sub:hover,.fee_sub:hover,.privacy:hover{
    color:#fff !important;
    transition:all .3s;
}
.f_bottom{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
    row-gap: 40px;
}
.pagetop a{
    color:#fff;
    font-size:1.1em;
    position:relative;
}
.pagetop a::before{
    content:"";
    display:block;
    color:#fff;
    line-height:1;
    width:1em;
    height:1em;
    border:0.1em solid currentColor;
    border-left:0;
    border-bottom:0;
    box-sizing: border-box;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    transition:.3s;
}
.copyright{
    font-size:.2em;
    letter-spacing: .3em;
}
.pagetop a:hover::before{
    transform:translate(-50%,-75%) rotate(-45deg);
    transition:.3s;
}
/*フッター*/