@charset "utf-8";

@import url('s.css') screen and (max-width:750px);
@import url('m.css') screen and (min-width:750.1px) and (max-width:1535.9px);
@import url('l.css') screen and (min-width:1536px);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{
box-sizing:border-box;
margin:0;
padding:0;}

html{
margin:0;
overscroll-behavior:none;}

body{
font-family:'Noto Sans JP',sans-serif;
font-size:100%;
font-style:normal;
font-weight:400;    
letter-spacing:0.03vw;
word-wrap:break-word;
overflow-wrap:break-word;
font-feature-settings:"palt";
-webkit-text-size-adjust:100%;
vertical-align:baseline;
list-style:none;
overflow-x:hidden;
margin:0;
padding:0;
border:0;
color:#000;}

img{
width:100%;
height:auto;}

a{
text-decoration:none;}
    
a:focus{
outline:none;
opacity:1;}

.hoveropacity{
transition-property:opacity;
transition-duration:0.5s;}

.hoveropacity:hover{
opacity: 0.7;}

.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;}

.clearfix{
min-height:1px;}

* html .clearfix{
height:1px;
/*\*//*/
height:auto;
overflow:hidden;
/**/}

.swiper-container{
position:relative;}

.swiper-container img{
width:100%;}

.swiper-button-prev, .swiper-button-next{
width:40px;}

.swiper-button-prev{
rotate:-90deg;
left:-55px!important;}

.swiper-button-next{
rotate:90deg;
right:-50px!important;}

@media screen and (max-width:768px){
.swiper-button-prev,
.swiper-button-next{
width:10vw;}

.swiper-button-next{
right:-5vw!important;}

.swiper-button-prev{
left:-5vw!important;}}

.swiper-navigation-icon{
display:none!important;}

.grecaptcha-badge{
visibility:hidden;}

.hidden-fields-container{
display:none!important;}