@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html { height: 100%; }
body { 
        background:#FFF;
}

/*リンク設定
----------------------------------------------*/
a.goodsLink { color: #F39; }
a {
    text-decoration:none;
    color:#0E1D31;
}
li{
    list-style:none;
}
.c1{
    color:#257BA2;
}
.grayback{
    background:#ccc;
}

/*メニュー設定
----------------------------------------------*/
.menu_close{
    display:none;
    position:fixed;
    top:10px;
    left:10px;
    cursor:pointer;
    z-index:999;
}
.menu_bar{
    position:fixed;
    width:540px;
    height:1080px;
    z-index:998;
    text-align:left;
    padding:200px 50px;
    background:#083129;
    display:none;
}
.menu_bar div{
    margin:30px;
}
.menu_line{
    border-bottom:1px dotted #fff;
    width:100%;
    position:relative;
    left:-30px;
}
@media (max-width: 1000px){
    .menu_bar{
        position:fixed;
        width:80%;
        height:1080px;
        z-index:998;
        text-align:left;
        padding:100px 50px;
        background:#083129;
    }
    .menu_bar div{
        margin:30px;
    }

    .menu_line{
        border-bottom:1px dotted #fff;
        width:120%;
        position:relative;
        left:-50px;
    }
    .menu_1 img{
        width:13vw;
    }
    .menu_2 img{
        width:50vw;
    }
    .menu_3 img{
        width:23vw;
    }
    .menu_4 img{
        width:47vw;
    }

}

/*ヘッダー設定
----------------------------------------------*/
#pc .header{
    overflow:hidden;
    background:#fff;
    text-align:center;
    max-width:1920px;
    height:350px;
    margin:auto;
    
}
#pc .header img{
    position:relative;
    top:140px;
}

#pc .caution{
    width:90%;
    margin:auto;
    padding:20px 0;
}
.fg12_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:11px;
    font-weight:400;
}
.fg13_b{
    font-family: Inter;
    color:#0E1D31;
    font-size:13px;
    font-weight:bold;
}
.fg13_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:13px;
    font-weight:400;
}
.fz13_m{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:12px;
    color:#0E1D31;
}
.fz20_m{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#0E1D31;
}
.fz20_b{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#0E1D31;
    font-weight:bold;
}
.fz36_b{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:36px;
    color:#0E1D31;
    font-weight:bold;
}
.fg14_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:14px;
    font-weight:400;
    line-height:30px;
}
.fg16_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:16px;
    font-weight:400;
    line-height:30px;
}
.fg18_b{
    font-family: Inter;
    color:#0E1D31;
    font-size:18px;
    font-weight:bold;
}
.fg36_b{
    font-family: Inter;
    color:#0E1D31;
    font-size:36px;
    font-weight:bold;
}
.fg15_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:15px;
    font-weight:400;
    line-height:25px;
}
.fg18_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:17.5px;
    font-weight:400;
    line-height:30px;
}
.fz22_b{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:22px;
    color:#01436B;
}
.fz18_m{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:18px;
    color:#0E1D31;
}
.fg20_m{
    font-family: Inter;
    font-size:19.5px;
    font-weight:400;
    line-height:30px;
}
.line{
    border-top:1px solid #01436B;
    width:90%;
    margin:auto;
}

/*ページ設定
----------------------------------------------*/

#pc{
    max-width:100%;
    margin:auto;
}
#sp{
    display:none;
}
#pc .customer{
    position:fixed;
    left:10px;
    top:10px;
    z-index:9999;
}
#pc .gototop{
    position:fixed;
    bottom:10px;
    right:-5px;
    z-index:9999;
    display:none;
}
#pc .caution{
  font-family: Inter;
  font-weight: Regular;
  font-size:14px;
  line-height:30px;
}

.line{
    border-top:1px solid #01436B;
}
#pc .sec1{
    max-width:100%;
    overflow:hidden;
    margin:auto;
    color:#fff;
    background:#fff;
    padding:30px 0;
}
#pc .sec1 .inner{
    display:flex;
    max-width:1920px;
    background:#fff;
    margin:auto;
    border:solid 1px #000;
}

#sp .fz36_b{
    font-size:6vw;
}
#sp .fg15_m{
    font-size:2.5vw;
    line-height:4vw;
}
#sp .fg18_m{
    font-size:3vw;
    line-height:6vw;
}
.fz20_mm{
    font-size:3.5vw;
    color:#691679;
}
#sp .label{
    width:40%;
    padding-top:5vw;
}
#sp .label img{
    width:100%;
}
#sp .title{
    text-align:center;
}
#sp .photo{
    width:90%;
    margin:auto;
    padding:2vw 0;
}
#sp .photo img{
    width:100%;
}
#sp .con{
    width:90%;
    margin:auto;
}
#sp .con .fbox{
    display:flex;
}
#sp .con .fbox .left{
    width:20%;
    text-align:right;
}
#sp .con .fbox .right{
    width:80%;
    text-align:left;
}
#sp .sec2 .con .fbox .left{
    width:20%;
    text-align:left;
}
#sp .sec2 .con .fbox .right{
    width:80%;
    text-align:left;
}
#sp .inner3 .con .fbox .left{
    width:25%;
    text-align:left;
}
#sp .inner3 .con .fbox .right{
    width:75%;
    text-align:left;
}
#sp .caution{
    width:95%;
    margin:auto;
}


#pc .sec1 .inner .title{
    text-align:right;
    background:#000;
    width:30%;
    padding:30px 20px;
    position:relative;
    z-index:1;
}
#pc .sec1 .subtitle{
    text-align:center;
}
#pc .sec1 .inner .title img{
    width:70%;
}

#pc .sec1 .inner .contents{
    display:flex;
    width:100%;
    flex-wrap:wrap;
}
#pc .sec1 .inner .contents .left{
    width:48%;

}
#pc .sec1 .inner .contents .right{
    width:48%;

    border-left:solid 1px #000;
}
#pc .sec1 .inner .contents .sub_inner2{
    width:100%;
    background:#fff;
}
#pc .sec1 .inner .contents .sub_inner3{
    width:100%;
    background:#fff;
    border-top:solid 1px #000;
}
#pc .back{
    width:100%;
    text-align:center;
    padding:100px 0;
}

#pc .sec1 .sub_inner1 .label{
    margin-top:5px;
}
#pc .sec1 .sub_inner1 .title{
    text-align:center;
}
#pc .sec1 .sub_inner1 .photo{
    text-align:center;
    padding:20px 0;
}
#pc .sec1 .sub_inner1 .photo img{
    width:90%;
}
#pc .sec1 .sub_inner1 .con{
    text-align:left;
    padding:10px 30px;
}
#pc .sec1 .sub_inner1 .con .fbox{
    display:flex;
}
#pc .sec1 .sub_inner1 .con .fbox .left{
    width:15%;
    text-align:right;
}
#pc .sec1 .sub_inner1 .con .fbox .right{
    width:85%;
    text-align:left;
    border:none;
}
#pc .caution{
    width:90%;
    margin:auto;
    padding:20px 0;
}

#pc .sub_inner2 .label{
    margin-top:5px;
}
#pc .sub_inner2 .title{
    text-align:center;
}
#pc .sub_inner2 .photo{
    text-align:center;
    padding:20px 0;
}
#pc .sub_inner2 .photo img{
    width:90%;
}
#pc .sub_inner2 .con{
    text-align:left;
    padding:10px 30px;
}
#pc .sub_inner2 .fbox_l{
    display:flex;
}
#pc .sub_inner2 .fbox_l .left{
    width:45%;
}
#pc .sub_inner2 .fbox_l .right{
    width:55%;
}
#pc .sub_inner2 .con .fbox{
    display:flex;
}
#pc .sub_inner2 .con .fbox .left{
    width:15%;
    text-align:right;
}
#pc .sub_inner2 .con .fbox .right{
    width:85%;
    text-align:left;
}
#pc .sec1 .inner .contents .sub_inner2 .fbox_l .right{
    border:none;
}

#pc .sub_inner3 .label{
    margin-top:5px;
}
#pc .sub_inner3 .title{
    text-align:center;
}
#pc .sub_inner3 .photo{
    text-align:center;
    padding:20px 0;
}
#pc .sub_inner3 .photo img{
    width:90%;
}
#pc .sub_inner3 .con{
    text-align:left;
    padding:10px 30px;
}
#pc .sub_inner3 .fbox_l{
    display:flex;
}
#pc .sub_inner3 .fbox_l .left{
    width:45%;
}
#pc .sub_inner3 .fbox_l .right{
    width:55%;
}
#pc .sub_inner3 .con .fbox{
    display:flex;
}
#pc .sub_inner3 .con .fbox .left{
    width:25%;
    text-align:left;
}
#pc .sub_inner3 .con .fbox .right{
    width:75%;
    text-align:left;
}
#pc .sec1 .inner .contents .sub_inner3 .fbox_l .right{
    border:none;
}





@media (max-width: 1600px){
    #pc .caution{
      font-family: Inter;
      font-weight: Regular;
      font-size:1vw;
      line-height:2vw;
    }
    .fg12_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:11px;
        font-weight:400;
    }
    .fg13_b{
        font-family: Inter;
        color:#0E1D31;
        font-size:13px;
        font-weight:bold;
    }
    .fg13_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:13px;
        font-weight:400;
    }
    .fz13_m{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:12px;
        color:#0E1D31;
    }
    .fz20_m{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:20px;
        color:#0E1D31;
    }
    .fz20_b{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:20px;
        color:#0E1D31;
        font-weight:bold;
    }
    .fz36_b{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:2.3vw;
        color:#0E1D31;
        font-weight:bold;
    }
    .fg36_b{
        font-family: Inter;
        font-size:2.3vw;
        font-weight:bold;
    }
    .fg14_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:14px;
        font-weight:400;
        line-height:30px;
    }
    .fg16_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:16px;
        font-weight:400;
        line-height:30px;
    }
    .fg18_b{
        font-family: Inter;
        color:#0E1D31;
        font-size:18px;
        font-weight:bold;
    }
    .fg15_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:0.8vw;
        font-weight:400;
        line-height:25px;
    }
    .fg18_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:1vw;
        font-weight:400;
        line-height:2vw;
    }
    .fz22_b{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:22px;
        color:#01436B;
    }
    .fz18_m{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:18px;
        color:#0E1D31;
    }
    .fg20_m{
        font-family: Inter;
        font-size:1.3vw;
        font-weight:400;
        line-height:30px;
    }
    .line{
        border-top:1px solid #01436B;
        width:90%;
        margin:auto;
    }


}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#pc .sec4{
    width:100%;
    background:#fff;
}
#pc .footer{
    max-width:1366px;
    overflow:hidden;
    margin:auto;
    text-align:center;
    height:680px;
    color:#000;
    background:#fff;
    padding:88px 0 0 0;
    line-height:20px;
    margin-bottom:-40px;
}
#pc .footer  ul{
    width:780px;
    margin:auto;
    display: flex;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: left;
    align-items: center;
}
#pc .footer  li{
    margin:10px;
    line-height:30px;
}
#pc .footer  li img{
    width:100%;
}
#pc .footer .sns{
    width:382px;
    height:67px;
    background:#fff;
    margin:30px auto 0 auto;;
}
#pc .footer .link{
    position:relative;
    left:560px;
    top:-55px;
    width:50px;
    height:40px;
}
#pc .footer .link2{
    position:relative;
    left:750px;
    top:-95px;
    width:50px;
    height:40px;
}


/*フッター
----------------------------------------------*/


/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
SP用タグ
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media (max-width: 1000px){
        #pc .caution{
      font-family: Inter;
      font-weight: Regular;
      font-size:1vw;
      line-height:2vw;
    }
    .fg12_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:11px;
        font-weight:400;
    }
    .fg13_b{
        font-family: Inter;
        color:#0E1D31;
        font-size:13px;
        font-weight:bold;
    }
    .fg13_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:13px;
        font-weight:400;
    }
    .fz13_m{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:12px;
        color:#0E1D31;
    }
    .fz20_m{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:4vw;
        color:#0E1D31;
    }
    .fg36_b{
        font-family: Inter;
        color:#044337;
        font-size:5vw;
        font-weight:bold;
    }
    .fz20_b{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:20px;
        color:#0E1D31;
        font-weight:bold;
    }
    .fz36_b{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:2.3vw;
        color:#0E1D31;
        font-weight:bold;
    }
    .fg14_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:14px;
        font-weight:400;
        line-height:30px;
    }
    .fg16_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:16px;
        font-weight:400;
        line-height:30px;
    }
    .fg18_b{
        font-family: Inter;
        color:#0E1D31;
        font-size:18px;
        font-weight:bold;
    }
    .fg20_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:3vw;
        font-weight:200;
        line-height:30px;
    }
    .fg15_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:0.8vw;
        font-weight:400;
        line-height:25px;
    }
    .fg18_m{
        font-family: Inter;
        color:#0E1D31;
        font-size:1vw;
        font-weight:400;
        line-height:2vw;
    }
    .fz22_b{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:22px;
        color:#01436B;
    }
    .fz18_m{
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:18px;
        color:#0E1D31;
    }
    .menu_anim {
      animation: menu_anim 1s;
      animation-fill-mode: forwards;
    }
    .menu_back {
      animation: menu_back 1s;
      animation-fill-mode: forwards;
    }

    #sp{
        display:block;
        overflow:hidden;
        background:#fff;
    }
    #pc{
        display:none;
    }
    #sp .customer{
        position:fixed;
        left:2px;
        top:2px;
        z-index:9999;
    }
    #sp .gototop{
        position:fixed;
        bottom:10px;
        right:0px;
        z-index:9999;
        display:none;
    }
    #sp .menu{
    position:fixed;
    top:0px;
    z-index:999;
    }
    #sp .menus{
        position:absolute;
        top:73vw;
        z-index:999;
        color:#000;
        width:100%;
        text-align:center;
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:3vw;
    }
     #sp .line{
        position:relative;
        z-index:999;
        border-top: 1px solid #000;
        width:200%;
    }
    #sp .inner .line{
        position:relative;
        z-index:999;
        border-top: 1px dotted #01436B;
        width:90%;
        margin:10px 0;
    }
    #sp .wrap_line{
        border-top:solid 1px #000;
        position:relative;
        z-index:999;  
        left:-30px;
        width:130%;
    }
    #sp .caution{
        font-size:2.5vw;
        padding:10px;
    }
    #sp .menu img{
        width:80%;
    }
    #sp .title{
        width:100%;
        margin:auto;
        padding:20px 0;
    }
    #sp .title img{
        width:100%;
    }
    #sp .humberger{
        position:fixed;
        top:10px;
        left:10px;
        cursor:pointer;
        z-index:988;
    }
    .menu_close{
        display:none;
        position:fixed;
        top:10px;
        left:10px;
        cursor:pointer;
        z-index:999;
    }
    #sp .header{
        width:100%;
        height:30vw;
        background-repeat: no-repeat;
        overflow:hidden;
        text-align:center;
        position:relative;
        top:10vw;
    }
    
    #sp .sec1{
        width:100%;
        overflow:hidden;
        margin:auto;
        color:#fff;
        background:#fff;
    }
    #sp .sec1 .inner{
        padding:10px;
    }
    #sp .sec2{
        width:100%;
        overflow:hidden;
        margin:auto;
        color:#fff;
        background:#F7E3D4;
    }
    #sp .sec2 .inner{
        padding:10px;
    }

    #sp .back_btn {
        position: relative;
        text-align: center;
        width: 50%;
        margin: 50px auto;
    }
    #sp .back_btn img {
        width: 100%;
    }
    #sp .footer{
        width:100%;
        margin:auto;
        text-align:center;
        color:#000;
        background:#fff;
        padding:10px 0 50px 0;
        line-height:3vw;
        padding:10px;
    }
    #sp .footer  ul{
        width:100%;
        margin:auto;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #sp .footer  li{
        margin:10px;
        line-height:30px;
    }
    #sp .footer  li img{
        width:100%;
    }
    #sp .footer .sns{
        width:382px;
        height:67px;
        background:#fff;
        margin:0px auto 0 auto;;
    }
    #sp .footer .link{
        position:relative;
        left:560px;
        top:-55px;
        width:50px;
        height:40px;
    }
    #sp .footer .link2{
        position:relative;
        left:750px;
        top:-95px;
        width:50px;
        height:40px;
    }

 
     /*スライダー
----------------------------------------------*/
   * {
      box-sizing: border-box;
    }

    .slider {
        width: 80%;
        margin: auto;
    }

    .slick-slide {
      margin: 0px 5px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-prev{
        position:relative;
        top:0;
        left:0;
        z-index:888;
        transform: scale(0.7);
    }
    .slick-next{
        position:relative;
        top:0;
        left:0;
        z-index:888;
        transform: scale(0.7);
    }

    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity:1;
    }

    .slick-current {
      opacity: 1;
    }
    
    .slick-prev:before
    {
        content: url(../img/header/arrow_left.png);
    }
    .slick-next:before
    {
        content: url(../img/header/arrow_right.png);
    }
    
}
@media (max-width: 900px){

}