@charset "UTF-8";
/*-- Foundation --*/
:root{
    --main-font:"Noto Sans JP", sans-serif;
    --eng-font:"Roboto", sans-serif;
    --serif-font:YuMincho,"Hiragino Mincho ProN",serif;
    --main-color:#aabed7;
    --white-color:#ffffff;
    --gray-bg:#f2f2f3;
}
html {
    font-size: clamp(7.5px,calc(7.5px + (10 - 7.5) * ((100vw - 768px) / (1200 - 768))),10px);
    font-family: var(--main-font);
}
body{
    line-height: 2.2;
    color: #5a5a64;
    padding: 0;
    margin: 0;
}
a{transition: all .5s;opacity: 1;text-decoration: none!important;}
a:hover{opacity: .7}
img{width:100%;height:auto;}
#f-wrap{overflow-x: hidden;}
#f-wrap a{text-decoration: none;}
/*-- Font --*/
h1,h2,h3,h4,h5,p,li,dl,a{letter-spacing: 1px;margin:0;padding:0;}
li,li a,li p,p,dt,dd,th,td{font-size:16px;}
.white-txt{color:var(--white-color);}
.sans-txt{font-family: var(--main-font);}
.serif-txt{font-family: var(--serif-font);}
.eng-txt{font-family: var(--eng-font);}
.mark-txt{
    margin-left: 1em;
    text-indent: -1em;
}
.txt110{font-size: 110px;}
.txt76{font-size: 76px;}
.txt68{font-size: 68px;}
.txt60{font-size: 60px;}
.txt54{font-size: 54px;}
.txt48{font-size: 48px;}
.txt44{font-size: 44px;}
.txt42{font-size: 42px;}
.txt38{font-size: 38px;}
.txt32{font-size: 32px;}
.txt30{font-size: 30px;}
.txt28{font-size: 28px;}
.txt24{font-size: 24px;}
.txt21{font-size: 21px;}
.txt20{font-size: 20px;}
.txt18{font-size: 18px;}
.txt16{font-size: 16px;}
.txt14{font-size: 14px;}
.txt13{font-size: 13px;}
.txt12{font-size: 12px;}
.txt11{font-size: 11px;}
.txt10{font-size: 10px;}
.subtxt{font-size: 14px;}
@media (max-width:1200px){
.txt70{font-size: 60px;}    
}
@media (max-width:900px){}
@media (max-width:768px){
li,li a,li p,p,dt,dd,th,td{font-size:14px;}
li,li a,li p,p,dt,dd,th,td{font-size:14px;}
.txt110{font-size: 70px;}
.txt76{font-size: 48px;}
.txt68{font-size: 50px;}
.txt60{font-size: 48px;}
.txt54{font-size: 40px;}
.txt48{font-size: 30px;}
.txt44{font-size: 26px;}
.txt42{font-size: 26px;}
.txt38{font-size: 24px;}
.txt32{font-size: 20px;}
.txt28{font-size: 22px;}
.txt24{font-size: 20px;}
.txt20{font-size: 16px;}
.txt18{font-size: 16px;}
.txt16{font-size: 14px;}
.txt14{font-size: 12px;}
.txt12{font-size: 10px;}
}

/*-- トリミング --*/
.l-cimg-32{position:relative;padding-bottom:66.66667%;height:0;overflow:hidden;}
.l-cimg-32 img{
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    object-fit: cover;
}
.l-cimg-43{position:relative;padding-bottom:75%;height:0;overflow:hidden;}
.l-cimg-43 img{
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    object-fit: cover;
}
/*-- iframe --*/
.l-iframe-map{position:relative;padding-bottom:50%;height:0;overflow:hidden;}
.l-iframe-map iframe{
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    object-fit: cover;
}
/*-- Flex --*/
.l-fl{display: flex;flex-wrap: wrap;}
.l-fl__bet{display: flex;flex-wrap: wrap;justify-content: space-between;}
.l-fl.l-pnw,.l-fl__bet.l-pnw{flex-wrap: nowrap;}
.l-fl.l-nw,.l-fl__bet.l-nw{flex-wrap: nowrap;}
.l-fl.l-fl__jcenter,.l-fl__bet.l-fl__jcenter{justify-content: center;}
.l-fl.l-fl__icenter,.l-fl__bet.l-fl__icenter{align-items: center;}
.l-fl__p0{padding:0!important;}
.l-fl__5full{width:50%;max-width: 560px;}
.l-fl__3l,.l-fl__3r{width:30%;}
.l-fl__7l,.l-fl__7r{width:70%;}
.l-fl__6l,.l-fl__6r{width:60%;}
.l-fl__55l,.l-fl__55r{width:55%;}
.l-fl__5l,.l-fl__5r,.l-fl__left,.l-fl__right{width:50%;}
.l-fl__45l,.l-fl__45r{width:45%;}
.l-fl__4l,.l-fl__4r{width:40%;}
.l-fl__3l,.l-fl__4l,.l-fl__5l,.l-fl__55l,.l-fl__6l,.l-fl__7l{padding-right:30px;}
.l-fl__3r,.l-fl__4r,.l-fl__5r,.l-fl__55r,.l-fl__6r,.l-fl__7r{padding-left:30px;}
.l-fl__45l{padding-right:0px;}
.l-fl__45r{padding-left:0px;}
.l-fl__1{width:100%;}
.l-fl__2{width:calc(100%/2 - 15px);}
.l-fl__3{width:calc(100%/3 - 15px);}
.l-fl__4{width:calc(100%/4 - 15px);}
@media (max-width:1000px){
.l-fl__3{width:calc(100%/2 - 15px);}
}
@media (max-width:900px){
.l-fl__5l,.l-fl__5r,.l-fl__3l,.l-fl__3r,.l-fl__4l,.l-fl__4r,.l-fl__6l,.l-fl__6r,.l-fl__45l,.l-fl__45r,.l-fl__7l,.l-fl__7r{width:100%;padding:0;}
.l-fl.l-pnw,.l-fl__bet.l-pnw{flex-wrap: wrap;}
.l-fl__5full{width:100%;max-width: initial;}
.l-fl__3l{padding-right:0px;}
.l-fl__3r{padding-left:0px;}
.l-fl__3c{padding:0px;}
.l-fl__55l,.l-fl__55r,.l-fl__45l,.l-fl__45r,.l-fl__left,.l-fl__right{width:100%;}
.l-fl__55l,.l-fl__55r,.l-fl__45l,.l-fl__45r{padding:0px;}
.l-fl__2{width:100%;}
.l-fl__3{width:100%;}
.l-fl__4{width:100%;}
.l-fl__ol1{order:1;}
.l-fl__ol2{order:2;}
.l-fl__ol3{order:3;}
.l-fl__ol4{order:4;}
}

/*-- l-container --*/
.l-container{width:100%!important;max-width: 1200px!important;padding:0 40px;margin: 0 auto;}
.l-container-full{width:100%!important;max-width: 1200px!important;padding:0px;margin: 0 auto;}
@media (max-width:1200px){
.l-container{max-width: 960px!important;}
}
@media (max-width:992px){
.l-container{max-width: 880px!important;padding: 0 30px;}
}
@media (max-width:900px){
.l-container{max-width: 100%!important;}
}
@media (max-width:768px){
.l-container{padding: 0 20px;}
.l-container.l-container__7sp{padding: 0px;}
}

/*-- ------------- --*/
/*-- component css --*/
/*-- ------------- --*/
/*-- display css --*/
.c-pc-6{display: block!important;}
.c-pc-7{display: block!important;}
.c-pc-9{display: block!important;}
.c-pc-92{display: block!important;}
.c-pc-12{display: block!important;}
.c-pc-10{display: block!important;}
.c-pc-6f,.c-pc-7f,.c-pc-9f,.c-pc-92f,.c-pc-12f,.c-pc-10f{display: flex!important;}
.c-sp-6,.c-sp-6f{display: none!important;}
.c-sp-7,.c-sp-7f{display: none!important;}
.c-sp-9,.c-sp-9f{display: none!important;}
.c-sp-9,.c-sp-9f{display: none!important;}
.c-sp-10,.c-sp-10f{display: none!important;}
.c-sp-12,.c-sp-12f{display: none!important;}
.c-sp-92,.c-sp-92f{display: none!important;}
@media (max-width:1200px){
.c-pc-12,.c-pc-12f{display: none!important;}
.c-sp-12{display: block!important;}
.c-sp-12f{display: flex!important;}
}
@media (max-width:1000px){
.c-pc-10,.c-pc-10f{display: none!important;}
.c-sp-10{display: block!important;}
.c-sp-10f{display: flex!important;}
}
@media (max-width:992px){
.c-pc-92,.c-pc-92f{display: none!important;}
.c-sp-92{display: block!important;}
.c-sp-92f{display: flex!important;}
}
@media (max-width:900px){
.c-pc-9,.c-pc-9f{display: none!important;}
.c-sp-9{display: block!important;}
.c-sp-9f{display: flex!important;}
}
@media (max-width:768px){
.c-pc-7,.c-pc-7f{display: none!important;}
.c-sp-7{display: block!important;}
.c-sp-7f{display: flex!important;}
}
@media (max-width:640px){
.c-pc-6,.c-pc-6f{display: none!important;}
.c-sp-6{display: block!important;}
.c-sp-6f{display: flex!important;}
}

/*- ------------ -*/
/*- アニメーション -*/
/*- ------------ -*/
/*--------------*/
/*-ズームして表示-*/
/*-------------*/
.zoomin{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: scale(1.2);
}
.zoomin.active{
    opacity: 1;
    transform: scale(1);
}
/*--------*/
/*- FADE -*/
/*--------*/
.fadein,.fadein-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
}
.fadein.active,.is_active .fadein-top{
    opacity: 1;
}
/*---------------*/
/*-FADE+ブラー表示-*/
/*----------------*/
.bfadein,.bfadein-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    filter: blur(4px);
}
.bfadein.active,.is_active.bfadein-top{
    opacity: 1;
    filter: blur(0px);
}
/*----------------*/
/*- 下からスライド -*/
/*----------------*/
.botin,.botin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateY(30px);
}
.botin.active,.is_active.botin-top{
    opacity: 1;
    transform: translateY(0);
}

/*----------------*/
/*- 左からスライド -*/
/*----------------*/
.leftin,.leftin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(-30px);
}
.leftin.active,.is_active.leftin-top{
    opacity: 1;
    transform: translateX(0);
}
/*----------------*/
/*- 右からスライド -*/
/*----------------*/
.rightin,.rightin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(30px);
}
.rightin.active,.is_active.rightin-top{
    opacity: 1;
    transform: translateX(0);
}
/*-----------------*/
/*- 左下からスライド -*/
/*-----------------*/
.leftbotin,.leftbotin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(-40px)translateY(40px);
}
.leftbotin.active,.is_active.leftbotin-top{
    opacity: 1;
    transform: translate(0,0);
}
/*------------------*/
/*- 右下からスライド -*/
/*-----------------*/
.rightbotin,.rightbotin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(40px)translateY(40px);
}
.rightbotin.active,.is_active.rightbotin-top{
    opacity: 1;
    transform: translate(0,0);
}