@charset "UTF-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*,body,html{-webkit-text-size-adjust:100%;letter-spacing:0.05em;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","Segoe UI",sans-serif;font-weight:400;font-style:normal}
body,html{background:#fff}
html{font-size:10px;line-height:10px}
body{position:relative;color:#221815;min-width:0;width:100%;position:relative;-webkit-text-size-adjust:100%;position:relative;font-size:4vw;line-height:6vw;-webkit-print-color-adjust:exact}
@media print,screen and (min-width:769px){body{font-size:1.6rem;line-height:2.8rem}
}
small{font-size:50%}
.tran,:after,:before,a,a *,button,img,input{-webkit-transition:all 0.6s cubic-bezier(0.5,0,0,1);-moz-transition:all 0.6s cubic-bezier(0.5,0,0,1);-ms-transition:all 0.6s cubic-bezier(0.5,0,0,1);-o-transition:all 0.6s cubic-bezier(0.5,0,0,1);transition:all 0.6s cubic-bezier(0.5,0,0,1)}
a{text-decoration:none;color:#000;word-break:break-all}
input,select,textarea{border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
a,a *,div,div *{-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{overflow:hidden;outline:none}
article,section{display:block}
table{border-collapse:collapse}
fieldset,img{border:0}
fieldset{vertical-align:top}
img{vertical-align:bottom}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
strong{font-weight:bold}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400}
q:after,q:before{content:""}
abbr,acronym{border:0}
aside,p{word-wrap:break-word;text-align:left}
*{-webkit-touch-callout:none}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{pointer-events:none}
input,select{vertical-align:middle}
section{position:relative}
a{margin:0;padding:0;vertical-align:baseline;background:transparent;overflow:hidden;outline:none;text-decoration:none}
button{cursor:pointer}
a:hover,a:hover *,button:hover,input[type=submit]:hover{opacity:0.75}
::selection{background-color:#1a509d;color:#fff}
.clearfix{width:100%}
.clearfix:after{content:"";display:block;clear:both}
body.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}
input:focus{outline:0}
img{max-width:100%;height:auto}
header{width:100%}
p{padding-top:4vw}
@media print,screen and (min-width:768px){p{padding-top:1.4rem}
}
.tabandpc,br.tabandpc{display:none}
@media print,screen and (min-width:768px){.onlysp,br.onlysp{display:none}
.tabandpc,br.tabandpc{display:inline}
}
body *{opacity:1}
body.preload *{opacity:0}
.bg_circle{opacity:0;-webkit-transition:opacity 3s cubic-bezier(0.5,0,0,1);-moz-transition:opacity 3s cubic-bezier(0.5,0,0,1);-ms-transition:opacity 3s cubic-bezier(0.5,0,0,1);-o-transition:opacity 3s cubic-bezier(0.5,0,0,1);transition:opacity 3s cubic-bezier(0.5,0,0,1)}
.bg_circle.scrollanimated{opacity:1}
body>header{width:100%;height:auto;background-color:#C4D700;padding:2.5vw 3.75vw;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;align-items: center;position:relative;z-index:11}
@media print,screen and (min-width:769px){body>header{height:100px;padding:16px 60px 16px 40px}
}
body>header>h1{width:auto;height:8vw;padding:1vw 0;width:130px}
@media print,screen and (min-width:769px){body>header>h1{height:64px;padding:16px 0;width:200px}
}
body>header>h1>a>img{width:auto;height:100%;display:block}
body>header>a>img{width:auto;height:8vw;display:block;padding:3px;background:#fff;}
@media print,screen and (min-width:769px){body>header>a>img{height:50px;}
}
body>nav[role=navigation]{display:none;width:100%}
@media print,screen and (min-width:769px){body>nav[role=navigation]{display:block;background-color:rgba(218,224,0,0.5)}
}
@media print,screen and (min-width:769px){body>nav[role=navigation]>ul{display:flex;flex-wrap:wrap;width:100%;max-width:1000px;margin:0 auto}
}
body>nav[role=navigation]>ul>li>a{position:relative;padding:23px 20px;display:block}
@media only screen and (min-width:769px) and (max-width:960px){body>nav[role=navigation]>ul>li>a{padding:28px 20px}
}
body>nav[role=navigation]>ul>li>a:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#C4D700;opacity:0}
body>nav[role=navigation]>ul>li>a>img{width:auto;display:block;position:relative;z-index:2;margin:0 auto}
@media print,screen and (min-width:769px){body>nav[role=navigation]>ul>li>a>img:first-of-type{height:14px}
}
@media only screen and (min-width:769px) and (max-width:960px){body>nav[role=navigation]>ul>li>a>img:first-of-type{height:10px}
}
@media print,screen and (min-width:769px){body>nav[role=navigation]>ul>li>a>img:nth-of-type(2){height:12px;margin-top:10px}
}
@media only screen and (min-width:769px) and (max-width:960px){body>nav[role=navigation]>ul>li>a>img:nth-of-type(2){height:8px;margin-top:8px}
}
body>nav[role=navigation]>ul>li>a:hover,body>nav[role=navigation]>ul>li>a:hover *,body>nav[role=navigation]>ul>li>a:hover:before{opacity:1}
/*body>nav[role=navigation]>ul>li:nth-last-of-type(2){padding-left:74px}
body>nav[role=navigation]>ul>li:nth-last-of-type(2)>a{padding-top:25px;padding-bottom:25px}
@media print,screen and (min-width:769px){body>nav[role=navigation]>ul>li:nth-last-of-type(2)>a>img{height:32px}
}
body>nav[role=navigation]>ul>li:last-of-type>a{padding-top:25px;padding-bottom:25px}
@media print,screen and (min-width:769px){body>nav[role=navigation]>ul>li:last-of-type>a>img{height:32px}
}*/
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav{display:block;position:absolute;left:0;top:100px;z-index:15;width:16%;height:calc(100vh - 150px)}
}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul{align-content:flex-end;height:100%;background:#f4f6b3}
}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li{width:100%;padding-left:0}
}
body>nav[role=navigation].toppagegnav>ul>li>a{display:block}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li>a{padding:17px 0 17px 3vw}
}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li>a>img{margin-left:0;margin-right:0}
}
/*@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li:last-child,body>nav[role=navigation].toppagegnav>ul>li:nth-last-child(2){width:50%}
}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li:last-child>a>img,body>nav[role=navigation].toppagegnav>ul>li:nth-last-child(2)>a>img{margin:0 auto}
}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li:nth-last-of-type(2)>a{padding:19px 1.5vw 19px 1.5vw!important}
}
@media print,screen and (min-width:769px){body>nav[role=navigation].toppagegnav>ul>li:last-of-type>a{padding:19px 0 19px 0!important}
}*/
body .gnavi_sp_bg{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;height:100vh;background:rgba(34,34,34,0.7);z-index:99999;pointer-events:none;opacity:0;transition:opacity 0.6s ease-in-out}
body.nav_open .gnavi_sp_bg{opacity:1}
body .btn_nav{position:fixed;display:none;transition:opacity 0.6s ease-in-out;background:#C4D700;border-radius:50%;pointer-events:none;top:5px;right:5px;cursor:pointer;opacity:0;height:45px;width:45px;z-index:99999999}
body .btn_nav.nav_on{pointer-events:all;opacity:1}
@media screen and (max-width:768px){body .btn_nav{display:block}
}
body .btn_nav .wrap{position:absolute;top:-1px;left:0;right:0;bottom:0;margin:auto;width:22px;height:22px}
body .btn_nav hr{background:#fff;height:2px;position:absolute;border:none;transform-origin:center center;left:0;right:0;margin:0 auto;transition:top 0.2s ease-in-out 0.3s,transform 0.2s ease-in-out 0s;transform:rotate(0deg)}
body .btn_nav.opened{opacity:1!important}
body .btn_nav.opened hr{transition:top 0.2s ease-in-out 0s,transform 0.2s ease-in-out 0.3s}
body .btn_nav hr:first-child{top:0}
body .btn_nav hr:nth-child(2){top:10px}
body .btn_nav hr:nth-child(3){top:20px}
body .btn_nav.opened .wrap{top:0px}
body .btn_nav.opened hr:first-child{transform:rotate(45deg);width:auto;top:10px}
body .btn_nav.opened hr:nth-child(2){transform:scaleX(0);width:auto;top:10px}
body .btn_nav.opened hr:nth-child(3){transform:rotate(-45deg);top:10px}
body .gnavi_sp{position:fixed;z-index:9999999;transform:translateX(100%);width:calc(100vw - 60px);top:57px;right:0;height:calc(100vh - 50px);background:white;transition:transform 0.6s ease-in-out;overflow-y:scroll}
body .gnavi_sp ul{overflow:hidden;width:100%;padding:20px 15px 10px;margin-bottom:auto}
body .gnavi_sp ul>li a{display:block;border-bottom:1px solid #000;padding:10px 10px;padding-right:22px;position:relative;letter-spacing:-0.4em;font-size:14px}
body .gnavi_sp ul>li a>span{display:inline-block;letter-spacing:normal}
body .gnavi_sp ul>li a>span.en{margin-right:8px}
body .gnavi_sp ul>li a>span.ja{font-size:12px}
body .gnavi_sp ul>li a>span.ja .small{font-size:75%}
body .gnavi_sp ul>li a:before{content:"";display:block;border-top:1px solid #000;border-right:1px solid #000;width:8px;height:8px;position:absolute;right:5px;top:0;bottom:0;margin:auto;transform:rotate(45deg)}
body .gnavi_sp ul>li:first-child a{border-top:1px solid #000}
body .gnavi_sp .sns_nav{letter-spacing:-0.5em;text-align:center}
body .gnavi_sp .sns_nav>.sns_item{display:inline-block;letter-spacing:normal;vertical-align:middle;width:39px;margin-right:15px}
body .gnavi_sp .sns_nav>.sns_item:last-child{margin-right:0;width:55px}
body.nav_open .gnavi_sp{transform:translateX(0)}
body>footer{padding:2vw 5vw 3vw 5vw;position:relative;background-color:#fff;text-align: right;}
@media print,screen and (min-width:769px){body>footer{padding:15px 32px 23px 32px;}
}
body>footer:before{content:"";width:90vw;height:1px;background-color:#e60012;position:absolute;top:0;left:5vw}
@media print,screen and (min-width:769px){body>footer:before{width:calc(100% - 64px);left:32px}
}
body>footer>nav:first-of-type>ul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:77%;padding-top:2vw}
@media print,screen and (min-width:769px){body>footer>nav:first-of-type>ul{padding-top:15px;max-width:480px}
}
body>footer>nav:first-of-type>ul>li{position:relative;padding-top:1vw;font-size:2vw;line-height:calc(2vw + 4px);letter-spacing:-0.25vw;padding-right:3vw;padding-left:5px}
body>footer>nav:first-of-type>ul>li:before{content:"";width:0;height:0;left:0;top:4px;position:absolute;display:block;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent #231815}
@media print,screen and (min-width:769px){body>footer>nav:first-of-type>ul>li{font-size:16px;line-height:30px;padding-top:0;padding-left:13px;padding-right:20px}
body>footer>nav:first-of-type>ul>li:before{top:6px;border-width:8px 0 8px 11px}
}
body>footer>nav:first-of-type>ul>li>a{padding-left:4px}
body>footer>nav:nth-of-type(2){display:none}
@media print,screen and (min-width:769px){body>footer>nav:nth-of-type(2){display:block;position:absolute;top:23px;left:760px}
}
@media screen and (max-width:1175px) and (min-width:769px){body>footer>nav:nth-of-type(2){left:auto;right:12px}
}
body>footer>nav:nth-of-type(2)>ul{display:flex;flex-wrap:wrap;justify-content:flex-start}
body>footer>nav:nth-of-type(2)>ul>li>a{display:block}
body>footer>nav:nth-of-type(2)>ul>li:nth-last-of-type(2)>a{padding:6px 0 6px 0!important}
@media print,screen and (min-width:769px){body>footer>nav:nth-of-type(2)>ul>li:nth-last-of-type(2)>a>img{height:48px}
}
body>footer>nav:nth-of-type(2)>ul>li:last-of-type{padding-left:20px}
body>footer>nav:nth-of-type(2)>ul>li:last-of-type>a{padding:6px 0 6px 0!important;width:68px}
@media print,screen and (min-width:769px){body>footer>nav:nth-of-type(2)>ul>li:last-of-type>a>img{height:48px}
}
body>footer>copy{padding-top:1vw;font-size:2vw;line-height:calc(2vw + 4px);letter-spacing:-0.03em}
@media print,screen and (min-width:769px){body>footer>copy{font-size:18px;line-height:22px;padding-top:0;position:static;bottom:28px;left:214px}
}
@media screen and (max-width:1175px) and (min-width:769px){body>footer>copy{left:35px!important;font-size:16px}
}
body>footer>img{position:absolute;bottom:3vw;right:5vw;width:20%}
@media screen and (max-width:1175px) and (min-width:769px){body>footer>img{margin-left:auto;position:static;margin-right:0;display:block;margin-top:9px;position:static}
}
@media print,screen and (min-width:769px){body>footer>img{width:248px;height:auto;top:23px;right:32px}
}
body .page_top{position:fixed;right:14px;bottom:14px;z-index:99999;padding-top:0;width:35px}
@media print,screen and (min-width:769px){body .page_top{right:20px;bottom:20px;width:51px}
}
body .hascircle-sp-type1,body .hascircle-sp-type2{position:relative}
body .hascircle-sp-type1 .bg_circle,body .hascircle-sp-type2 .bg_circle{opacity:0;-webkit-transition:opacity 3s cubic-bezier(0.5,0,0,1);-moz-transition:opacity 3s cubic-bezier(0.5,0,0,1);-ms-transition:opacity 3s cubic-bezier(0.5,0,0,1);-o-transition:opacity 3s cubic-bezier(0.5,0,0,1);transition:opacity 3s cubic-bezier(0.5,0,0,1);position:absolute}
@media print,screen and (min-width:769px){body .hascircle-sp-type1 .bg_circle,body .hascircle-sp-type2 .bg_circle{display:none}
}
body .hascircle-sp-type1 .bg_circle.scrollanimated,body .hascircle-sp-type2 .bg_circle.scrollanimated{opacity:1}
@media print,screen and (min-width:769px){body .hascircle-sp-type1 .bg_circle.scrollanimated,body .hascircle-sp-type2 .bg_circle.scrollanimated{opacity:0!important}
}
body .hascircle-sp-type1 .bg_circle:first-of-type{width:88vw;height:88vw;background-image:url(../image/top/bg_circle_1.svg);left:-14vw;top:0}
body .hascircle-sp-type1 .bg_circle:nth-of-type(2){width:66vw;height:66vw;background-image:url(../image/top/bg_circle_2.svg);right:-8vw;top:56vw}
body .hascircle-sp-type1 .bg_circle:nth-of-type(3){width:54vw;height:54vw;background-image:url(../image/top/bg_circle_2.svg);left:8vw;top:100vw}
body .hascircle-sp-type2 .bg_circle:first-of-type{width:84vw;height:84vw;background-image:url(../image/top/bg_circle_1.svg);left:-10vw;top:0}
body .hascircle-sp-type2 .bg_circle:nth-of-type(2){width:90vw;height:90vw;background-image:url(../image/top/bg_circle_2.svg);right:-4vw;top:62vw}
body .pagewrap{overflow:hidden}
@media print,screen and (min-width:769px){body .pagewrap{position:relative}
}
body .pagewrap>:not(.bg_circle){z-index:10}
body .pagewrap>.bg_circle{display:none!important;-webkit-transition:opacity 3s cubic-bezier(0.5,0,0,1);-moz-transition:opacity 3s cubic-bezier(0.5,0,0,1);-ms-transition:opacity 3s cubic-bezier(0.5,0,0,1);-o-transition:opacity 3s cubic-bezier(0.5,0,0,1);transition:opacity 3s cubic-bezier(0.5,0,0,1);position:absolute;left:50%;z-index:1}
body .pagewrap>.bg_circle.scrollanimated{opacity:0}
@media print,screen and (min-width:769px){body .pagewrap>.bg_circle.scrollanimated{opacity:1!important}
}
@media print,screen and (min-width:769px){body .pagewrap>.bg_circle{display:block!important}
}
body .pagewrap>.bg_circle:first-of-type{width:1130px;height:1130px;background-image:url(../image/top/bg_circle_2.svg);top:-180px;-webkit-transform:translate(calc(-50% - 400px),0);-moz-transform:translate(calc(-50% - 400px),0);-ms-transform:translate(calc(-50% - 400px),0);-o-transform:translate(calc(-50% - 400px),0);transform:translate(calc(-50% - 400px),0)}
body .pagewrap>.bg_circle:nth-of-type(2){width:868px;height:868px;background-image:url(../image/top/bg_circle_1.svg);top:490px;-webkit-transform:translate(calc(-50% + 234px),0);-moz-transform:translate(calc(-50% + 234px),0);-ms-transform:translate(calc(-50% + 234px),0);-o-transform:translate(calc(-50% + 234px),0);transform:translate(calc(-50% + 234px),0)}
body .pagewrap>.bg_circle:nth-of-type(3){width:700px;height:700px;background-image:url(../image/top/bg_circle_2.svg);top:1090px;-webkit-transform:translate(calc(-50% - 234px),0);-moz-transform:translate(calc(-50% - 234px),0);-ms-transform:translate(calc(-50% - 234px),0);-o-transform:translate(calc(-50% - 234px),0);transform:translate(calc(-50% - 234px),0)}
body .pagewrap>.bg_circle:nth-of-type(4){width:1070px;height:1070px;background-image:url(../image/top/bg_circle_1.svg);top:1800px;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}