@charset "UTF-8";
body{
	padding: 0;
	margin: 0;
	color:white;
	background-color:#fffffc!important;
	width: 100%;
	height: 100%;
}
 /* スクロール禁止状態 */
        body.no-scroll {
            overflow: hidden; /* スクロールを無効化 */
        }

.sp{
display: block;
}
@media screen and (min-width:1000px){
.sp{
display: none;
	}}


.gothic{
  font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 26px;
}


@media screen and (min-width:1000px){
	.gothic{
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13.5px;
        margin-top: 40px;
        letter-spacing: 1.4px;
        line-height: 28px;
    
    }
}
.flex{
	display: flex;
}
    @media screen and (max-width: 768px) {
      .br-pc {
        display: none;
      }
    }
body a:hover{
	cursor: pointer;
}
.comingsoon:before{
    content: "( coming soon )";
    width: fit-content;
    padding: 0px 12px;
    height: 19px;
    line-height: 19px;
    text-transform: uppercase;
    position: absolute;
    margin-top: 50px;
    /* border-radius: 100px; */
    /* background: rgba(255, 255, 255, 0.84); */
	color: #ffffff;}

html {
  scroll-behavior: smooth;
}

#loadingImage {
    opacity: 0;
    transition: opacity 2s ease-in-out; /* 2秒でフェードイン */
}
@font-face {
	font-family: "alpina_lt";
	src: url("font/GT-Alpina-Typewriter-Light-Trial.otf");
}


@font-face {
	font-family: "ar";
	src: url("font/GT-Alpina-Fine-Standard-Light-Trial.otf");
}

ul{
	padding-left: 0px!important;
	margin-bottom: 0px!important;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    margin: 0px;
    padding: 0px;
    display: block !important;
    width: 100%;

}
.sp { display: none !important;
width: 100%;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; 
	width: 100%;}
.sp {
        padding: 0px;
        display: block !important;
        width: 100%;
        margin: 0px;
        /* margin-left: 20px; */
    
    }
}


/*menu_css*/



@media screen and (min-width:300px){
.menu_whole{
        overflow: scroll;
        width: 100vw;
        height: 100%;
    
    }}

@media screen and (min-width:1000px){
.menu_whole{
        overflow: visible;
        width: 50%;
        height: auto;
    
    }}

@media screen and (min-width:300px){
.menu_whole_front{
        overflow: scroll;
        width: 100vw;
        height: 80%;

    
    }}

@media screen and (min-width:1000px){
.menu_whole_front{
        overflow: visible;
        width: 150px;
        height: auto;

    }}
.menu_add{
    position: absolute;
    bottom: 10px;
    /* height: 120px; */
    display: flex;
    left: 20px;
    width: 100vw;
 


}

.appear{
    display: block!important;

}
.disappear{
	display: none!important;
}

.menu_logos{
    margin-top: 16px;
    width: 56px;

}
.button_white{
	color: white!important;
}

.menu img{
    border: px solid black;
    width: 70px;
    margin-top: 10px;
    position: absolute;

}

@media screen and (min-width:1000px){
.menu img{
        border: px solid black;
        width: 65px;
        margin-top: 20px;
        position: absolute;
    
    }}

 .menu_button_white{


color: white;
/* padding: 0px 20px; */
font-size: 17px;
line-height: 16px;
position: fixed;
z-index: 100;
 font-family: "alpina_lt"!important;
text-transform: uppercase;

right: 15px;
top: 15px;}

.menu_button{color: rgb(80, 80, 80);/* padding: 0px 20px; */font-size: 17px;line-height: 16px;position: fixed;z-index: 102;font-family: "alpina_lt"!important;text-transform: uppercase;right: 15px;top: 15px;}
	
.menu_button_front{
color: rgb(80, 80, 80);
/* padding: 0px 20px; */
font-size: 17px;
line-height: 16px;
position: fixed;
z-index: 98;
 font-family: "alpina_lt"!important;
text-transform: uppercase;
right: 15px;
top: 15px;

}
.menuopen:before{

text-align: right;

padding: 0px 20px;
font-size: 17px;
	   
border-left: 0.7px solid currentColor;
border-right: 0.7px solid currentColor;
text-transform: uppercase;

letter-spacing: 2px;
content: "Menu";

}

.menuclose:before{
color: rgb(80, 80, 80);
text-align: right;

padding: 0px 20px;
font-size: 17px;
	border-left: 0.7px solid currentColor;
border-right: 0.7px solid currentColor;   
text-transform: uppercase;
/* border-left: 0.7px solid black; */
letter-spacing: 1px;
    content: "Close";

}
@media screen and (min-width:300px){
.menu{
        display: none;
        z-index: 100;
        animation: DownAnime 0.5s forwards;
        letter-spacing: 1.5px;
        top: 0px;
        padding-top: 9px;
        height: 100vh;
        left: 0px;
        font-size: 14px;
        font-weight: 200;
        font-family: dnp-shuei-gothic-gin-std,sans-serif;
        position: fixed;
        width: 100vw;
        padding-left: 40px;
        color: rgb(65, 70, 77);
        background: #fffffc;
        border: 0px solid black;
        margin: 0;
    
    }}
@media screen and (min-width:1000px){
.menu{
	display: none;
z-index: 100;
animation: DownAnime 0.5s forwards;
letter-spacing: 1.5px;
top: 0px;
padding-top: 9px;
height: 100vh;
	left: auto;
right: 0px;
font-size: 14px;
font-weight: 200;
font-family: dnp-shuei-gothic-gin-std,sans-serif;
position: fixed;
width: 42vw;
padding-left: 40px;
color: rgb(65, 70, 77);
background: #fffffc;
border: 0px solid black;
margin: 0;
	}}
.menu_bk_img{
content: url("img/basket.svg");
}
.menu_white_img{
	content: url("img/logo_menu");
}

@media screen and (min-width:300px){
.fadein {
  
	}}

@media screen and (min-width:1000px){
.fadein {
   opacity: 0;
    display: block; 
	animation: fadeIn 1s ease-in-out forwards;

	}}
.fadeout {
   opacity: 0;
 
	animation: fadeout 1s ease-in-out forwards;

	}

.fade_gray_cover{
    opacity: 0;
    animation: fadeGray 3s ease-in-out forwards; /* 3秒かけてゆっくりフェードイン */
	}

.fade {
    opacity: 0;
    animation: fadeIn 3s ease-in-out forwards; /* 3秒かけてゆっくりフェードイン */
	}
/* フェードインのアニメーション */
@keyframes fadeIn {
    0% {
        opacity: 0;  /* 初期状態で非表示 */
    }
    100% {
        opacity: 1;  /* 最終的に表示 */
	}
}
	
	/* フェードインのアニメーション */
@keyframes fadeGray {
    0% {
        opacity: 0%;  /* 初期状態で非表示 */
    }
    100% {
        opacity: 48%;  /* 最終的に表示 */
    }
	}
/* フェードインのアニメーション */
@keyframes fadeout {
    0% {transform: translateY(0px);
        opacity: 1;  /* 初期状態で非表示 */
    }
    100% {transform: translateY(200px);
        opacity: 0; 
	/* 最終的に表示 */
    }
}

.menu_dark {
        color: rgb(65, 70, 77);
    
    }


.menu_dark a{
        color: rgb(65, 70, 77);
    
    }



.menu_white p{
   color:#595F66;
    
    }

.menu_white .list_title{
   color:#595F66;
    
    }


.menu_white{
        color: white;
    
    }


@media screen and (min-width:300px){
.menu_white a{
         color: rgb(65, 70, 77);
    
    }}

.menu a img:hover{
	cursor: pointer;
	 border-bottom: #595F66 0px solid!important;
}
.menu_whole a{
padding-bottom: 2px;
margin-bottom: 0px;
}
.menu_dark .menu_whole a:hover{
cursor: pointer;

width: fit-content;
opacity: 70%;
}

.menu_whole_front a{
padding-bottom: 2px;
margin-bottom: 0px;
}
.menu_dark .menu_whole_front a:hover{
cursor: pointer;

width: fit-content;
opacity: 70%;
}


@media screen and (min-width:300px){
.menu a{
        display: block;
        text-decoration: none;
        color: rgb(65, 70, 77);
        /* color: rgb(65, 70, 77); */
    font-weight: 400;
    }}


@media screen and (min-width:300px){
.menu_whole a:hover{
cursor: pointer;

width: fit-content;
opacity: 70%;
	}}




.l-header {
    top: 0px;
    width: 100%;
    position: fixed !important;
    animation: DownAnime 0.5s forwards;
    z-index: 999;

}
/* ヘッダーの次の要素の上部に余白を設定（PC） */
.l-header+* {
  margin-top: 0px;
}

/* 上に上がる動き */
.l-header.UpMove {display: none;
  animation: UpAnime 0.5s forwards;
}

/* アニメーションを定義 */
@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (min-width:300px){
.upper{
        line-height: 31px;
        margin-top: 120px;
    
    }}

@media screen and (min-width:1000px){
.upper{
        line-height: 30px;
    
    }}
.upper p
{
	font-weight: 400;
    margin: 0px;
    margin-left: 14px;

}

.basket_menu{
    margin-left: 50px;
    /* color: rgb(65, 70, 77); */

}
@media screen and (min-width:1000px){
.basket_menu{
    margin-left: 50px;
	margin-top: 5px;
    /* color: rgb(65, 70, 77); */

}
}

/*ドロップダウン*/

@media screen and (min-width:300px){
.lower{
        /* margin-top: 10px; */
        /* line-height: 40px; */
    }}


@media screen and (min-width:300px){
.menu-item {
        position: relative;
        margin-left: 11px;
        /* line-height: 0px; */
        margin-top: 6px;
        margin-bottom: 9px;
    
    }}





@media screen and (min-width:300px){
.menu-item-top {
        position: relative;
        margin-left: 0px;
        /* line-height: 0px; */
        margin-top: 0px;
        margin-bottom: 0px;
    }}







/* メニューアイテムのホバースタイル */


.item-open{
        height: auto;
        margin-left: 30px;
        margin-top: 30px;
        transform: scaleY(1);
    
}



  .menu-item:hover {
    transition: background-color .3s;
  }

  .drop-menu-item:hover {
    margin-top: 0px;
    margin-bottom: 10px;
    transition: opacity .3s;
  }


/* スマホ: active クラスでサブメニュー表示 */

  .menu-item.active .drop-menu-list {
    height: auto;
    margin-left: 30px;
    margin-top: 20px;
    transform: scaleY(1);
  }


@media screen and (min-width:300px){
.menu-item a {
        border: 0px solid black;
        height: 0px;
        margin-bottom: 30px;
        text-decoration: none;
   
    
    }}

/* スマホ: active クラスでサブメニュー表示 */

  .menu-item-top.active .drop-menu-list {
    height: auto;
    margin-left: 30px;
    margin-top: 20px;
    transform: scaleY(1);
  }


@media screen and (min-width:300px){
.menu-item-top a {
        border: 0px solid black;
        height: 0px;
        margin-bottom: 30px;
        text-decoration: none;
   
    
    }}



.list_title{
    height: 6px;
    margin-bottom: 17px;

}
/* ドロップダウンメニュー */
.drop-menu {
list-style-type:none;

}

.drop-menu-list {
	
    list-style-type: none;
    left: 0;
    margin: 0px;
    height: 0px;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .3s;
    z-index: 1;


}

.drop-menu-item {
transition: opacity .3s;
    padding-bottom: 10px;
    /* padding: 0px; */
    margin-top: 30px;

}

/*さぶメニュー*/
@media screen and (min-width:300px){
.sub_menu{
        margin-left: 10px;
        padding-top: 0px;
        top: 10px;
        position: absolute;
        z-index: 99;
        display: block;
        font-size: 12px;
    }}


@media screen and (min-width:1000px){
.sub_menu{
	position: fixed;
	left:calc(100%/7);
	padding-top: 10px;
	top: 0px;	
	margin-left:0px;
	
	width: 100%;
	display: flex;
	font-size: 12px;
	}}

#contact_s{
 scroll-margin-top: 100px; 
}
.s1 a{
	text-decoration: none!important;
	      color: #595F66!important;
}
@media screen and (min-width:300px){
.s1{
width: fit-content;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px 9px;
	border: 0.7px solid #2D2D2D;
	}}

@media screen and (min-width:1000px){
.s1{
	margin-right: 10px;
	padding: 5px 9px;
	border: 0.7px solid #2D2D2D;
	}}

.s1 a:hover{
	cursor: pointer;
	background:white;
color:rgba(0,0,0,0.46)!important;
}
.make_menu{
    padding-left: 0px;
    padding-bottom: 0px;
    background: #fffffc!important;
    border: 0px solid black;

}

/*キャンペーンポップアップ*/
@media screen and (min-width:300px){
.campaign{
        opacity: 0;
        background: rgb(78,112,131);
        background: linear-gradient(rgba(78, 112, 131, 0), rgba(176, 205, 220, 0.3) 18.91%, rgba(154, 193, 214, 0.7) 51.26%, rgba(148, 183, 204, 1) 84.45%);
        z-index: 10;
        height: 190px;
        padding-bottom: 25px;
        bottom: 0px;
        position: fixed;
        width: 100%;
    
    }}

/*TOPキャンペーンポップアップ*/
@media screen and (min-width:1000px){
.campaign{
        opacity: 0;
        background: rgb(78,112,131);
        background: linear-gradient(rgba(78, 112, 131, 0), rgba(176, 205, 220, 0.3) 36.97%, rgba(154, 193, 214, 0.53) 71.85%, rgba(148, 183, 204, 1));
        /* text-align: center; */
        z-index: 10;
        height: 90px;
        padding-bottom: 40px;
        bottom: 0px;
        position: fixed;
        width: 100%;
    
    }}
.campaign a{
    text-decoration: none;
    color: rgb(90, 90, 91);
    margin: 0px auto!important;

}

@media screen and (min-width:300px){
.campaign_content{
        padding: 15px 15px 15px 15px;
        display: block;
        margin: 0px auto;
        margin-left: 3.25%;
        /* margin: 40px auto; */
        border: 0.8px solid white;
        background: rgba(255, 255, 255, 0.55);
        width: 85%;
        position: fixed; 
        bottom: 20px; 
        height: auto;
    
    }}


@media screen and (min-width:1000px){
.campaign_content{
        padding: 18px 15px 15px 15px;
        display: flex;
        margin: 30px auto;
        border: 0.8px solid white;
        background: rgba(255, 255, 255, 0.73);
        position: relative;
        width: 55%;
        height: auto;
        bottom: auto;
    
    }}

.campaign_content:hover{
    cursor: pointer;
    background: rgba(255, 255, 255, 0.67);

}
@media screen and (min-width:300px){
.c_close{
        border: 0px solid black;
        width: 100%;
        margin-right: 0px;
        font-size: 20px;
        text-align: right;
        line-height: 0px;
        left: 13px;
        height: 26px;
        position: absolute;
        letter-spacing: 1px;
        font-family: "ar", "Shippori Mincho";
        bottom: 116px;
        font-weight: 100;
    
    }}

@media screen and (min-width:1000px){
.c_close{
        /* border: 1px solid black; */
        width: calc(22.5% - 35px);
        height: 0px;
        /* margin-top: 20px; */
        position: fixed;
        margin-right: 0px;
        /* padding-bottom: 10px; */
        font-size: 18px;
        text-align: left;
        line-height: 0px;
        z-index: 99;
        letter-spacing: 1px;
        font-family: "ar", "Shippori Mincho";
        right: 0px;
        text-decoration: none;
        bottom: 50px;
        left: auto;
        /* margin: 32px auto; */
        font-weight: 100;
    
    }}
.c_close p:hover{
	cursor: pointer;
	    border-bottom: 0px solid white;
}

@media screen and (min-width:300px){
.c_close p{
        width: fit-content;
        border-bottom: 0px solid white;
        padding-bottom: 0px;
    
    }}

@media screen and (min-width:1000px){
.c_close p{
        width: fit-content;
        /* border-bottom: 0.7px solid white; */
        /* text-decoration: none; */
        padding-bottom: 4px;
    
    }}
	@media screen and (min-width:300px){
	.c_title{
        margin-bottom: 0px;
        font-size: 12px;
        letter-spacing: 2px!important;
        line-height: 22px;
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
  
    
    }}
	@media screen and (min-width:1000px){
	.c_title{
		
	margin-bottom: 10px;
	font-size: 14px;
			font-family:"ar", "Shippori Mincho";
	letter-spacing: 3px;
		}}

@media screen and (min-width:300px){
.c_date{
font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
font-weight: 100;
font-size: 11px;
margin-right: 10px;
width: calc(100% - 110px);
letter-spacing: 2px;
padding: 5px 0px;
    
    }}

@media screen and (min-width:1000px){
.c_date{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-weight: 100;
        font-size: 11px;
        letter-spacing: 2px;
    
    }}
@media screen and (min-width:300px){
.c_readmore{
font-family: "alpina_lt";
text-align: left;
color: rgb(65, 70, 77);

margin-top: 0px;
font-size: 13px;
width: dis;
border-radius: 100px;
background: white;
border-bottom: 1px solid white;
display: block;

padding: 6px 0px;

    
    }}
@media screen and (min-width:1000px){
.c_readmore{
font-family: "alpina_lt";
text-align: center;
color: rgb(65, 70, 77);
margin-top: 11px;
font-size: 13px;
display: block;
width: 110px;
padding: 9px 5px;
border-radius: 130px;
background: color(display-p3 1 1 1);
margin-left: 0px;
border-bottom: 0px;
}
    
    }

.c_readmore:hover{
    background:rgba(255,255,255,0.39);

}
@media screen and (min-width:300px){
.c1{
        width: 100%;
        font-size: 12px;
        border: 0px solid black;
    
    }}

@media screen and (min-width:1000px){
.c1{
        width: calc(100% - 140px);
        margin-left: 20px;
        border: 0px solid black;
        /* font-size: 13px; */
        /* letter-spacing: 1px; */
    
    }}

@media screen and (min-width:300px){
.c2{
	display: flex;
        width: 100%;
        text-align: left;
        border: 0px solid black;
    
    }}

@media screen and (min-width:1000px){
.c2{
	display: block;
        width: 150px;
        border: 0px solid black;
    
    }}






/*classキャンペーンポップアップ*/
@media screen and (min-width:300px){
.class_campaign{
        opacity: 1;
        background: rgba(59, 59, 59, 0.46);
        /* background: linear-gradient(rgba(78, 112, 131, 0), rgba(176, 205, 220, 0.3) 18.91%, rgba(154, 193, 214, 0.7) 51.26%, rgba(148, 183, 204, 1) 84.45%); */
        z-index: 1;
        height: 100%;
        /* padding-bottom: 40px; */
        bottom: 0px;
        position: absolute;
        width: 100%;
    
    }}
@media screen and (min-width:1000px){
.class_campaign{
        opacity: 1;
        background: rgba(28, 28, 28, 0.29);
        /* background: linear-gradient(rgba(78, 112, 131, 0), rgba(176, 205, 220, 0.3) 18.91%, rgba(154, 193, 214, 0.7) 51.26%, rgba(148, 183, 204, 1) 84.45%); */
        z-index: 10;
        height: 100%;
        /* padding-bottom: 40px; */
        bottom: 0px;
        position: absolute;
        width: 100%;
    
    }}


.class_campaign:hover{
	cursor: pointer;
	       background: rgba(28, 28, 28, 0.1);
}
.class_campaign a{text-decoration: none;
	color: white;
	
}

@media screen and (min-width:300px){
.class_campaign_content{
        padding: 9px 15px 15px 15px;
        display: block;
        position: absolute;
        bottom: 0px;
	z-index: 20;
        /* margin: 89px auto; */
        border: 0px solid white;
        background: none;
        width: 100%;
        height: fit-content;
    
    }}


@media screen and (min-width:1000px){
.class_campaign_content{
        padding: 18px 15px 20px 20px;
        /* display: flex; */
        position: absolute;
        border: 0px solid white;
        background: none;
        width: 100%;
        z-index: 20;
        /* height: 360px; */
        bottom: 0px;
    
    }}

.class_campaign_content:hover{
    cursor: pointer;
    /* background: rgba(255, 255, 255, 0.24); */

}
@media screen and (min-width:300px){
.class_c_close{
        border: 0px solid black;
        width: 100%;
        margin-right: 20px;
        font-size: 15px;
        text-align: right;
        line-height: 14px;
        letter-spacing: 1px;
        font-family: "ar", "Shippori Mincho";
        font-weight: 100;
    
    }}

@media screen and (min-width:1000px){
.class_c_close{
	border: 0px solid black;
	width: 20px;
	margin-right: 20px;
font-size: 15px;
	
text-align: center;
	line-height: 14px;
letter-spacing: 1px;
font-family:"ar", "Shippori Mincho";
font-weight: 100;
	}}
	@media screen and (min-width:300px){
	.class_c_title{
        margin-bottom: 4px;
        font-size: 13px;
        font-family: "ar", "Shippori Mincho";
        letter-spacing: 3px;
    
    }}
	@media screen and (min-width:1000px){
	.class_c_title{
		
	margin-bottom: 10px;
	font-size: 14px;
			font-family:"ar", "Shippori Mincho";
	letter-spacing: 3px;
		}}

@media screen and (min-width:300px){
.class_c_date{
font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	font-weight: 100;
		font-size: 11px;
	letter-spacing: 2px;
	}}

@media screen and (min-width:1000px){
.class_c_date{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-weight: 100;
        font-size: 11px;
        letter-spacing: 2px;
    
    }}
@media screen and (min-width:300px){
.class_c_readmore{
        font-family: "alpina_lt";
        text-align: center;
        color: #ffffff;
        margin-top: 10px;
        margin-left: calc(100% - 70px);
        font-size: 13px;
        width: fit-content;
        border-bottom: 1px solid white;
        padding: 3px 0px;
        /* border-radius: 130px; */
        /* background: rgba(255, 255, 255, 0.58); */
    
    }}
@media screen and (min-width:1000px){
.class_c_readmore{
        font-family: "alpina_lt";
        text-align: center;
        color: rgb(65, 70, 77);
        margin-top: 6px;
        font-size: 12px;
        width: 110px;
        padding: 13px 5px;
        border-radius: 130px;
        background: white;
        margin-left: 0px;
        border-bottom: 0px;
    
    }}

.class_c_readmore:hover{
	  background:rgba(255,255,255,0.5);
}
@media screen and (min-width:300px){
.class_c1{
        width: 100%;
        border: 0px solid black;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        margin-bottom: 20px;
        font-size: 12px;
    
    }}

@media screen and (min-width:1000px){
.class_c1{
        width: calc(100% - 120px);
        border: 0px solid black;
        font-size: 15px;
        letter-spacing: 1px;
        margin-bottom: 20px;
        /* z-index: 20; */
        line-height: 25px;
    
    }}
@media screen and (min-width:300px){
.class_date{
	        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	}}

@media screen and (min-width:1000px){
.class_date{font-size: 12px;
	        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	}}

@media screen and (min-width:300px){
.class_c2{
        width: 100%;
        border: 0px solid black;
    
    }}

@media screen and (min-width:1000px){
.class_c2{
        width: 150px;
        border: 0px solid black;
    
    }}


/* トップページ*/
#wrap_top{background: rgb(112,160,187);background: linear-gradient(180deg, rgba(112,160,187,0) 0%, rgba(112,160,187,0.41) 5%, rgba(112,160,187,0.67) 9%, rgba(112,160,187,0.73) 15%, rgba(218,237,255,1) 37%, rgba(218,237,255,1) 58%);height: 100vh;width: 100vw;padding: 0;margin: 0;}
@media screen and (min-width:300px){
.logo{
	z-index: 3;
	position: absolute;
	width: 100%;
	text-align: center;
	border: 0px solid black;
	margin: 40px auto;
	}}

@media screen and (min-width:1000px){
.logo{
	opacity: 0;
	z-index: 3;
	position: absolute;
	width: 100%;
	text-align: center;
	border: 0px solid black;
	margin: 40px auto;
	}}

@media screen and (min-width:300px){
.top_gif{
	border: 0px solid black;width: 100vw;}}

@media screen and (min-width:1000px){
.top_gif{
border: 0px solid black;
width: 100vw;
height :100vh;
	
	}}

.gray_cover{
	z-index: 2;
	border: 0px solid black;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #545351;
	opacity: 0%;
	pointer-events: none;
}
.top_gif img{
position: fixed;
	z-index: 1;
	object-fit: cover;
	height: 100vh;
}

@media screen and (min-width:300px){
.t1{
        opacity: 0;
        font-family: "ar", "Shippori Mincho";
        z-index: 3;
        position: absolute;
        top: 45%;
        left: 35px;
        line-height: 35px;
    }}

@media screen and (min-width:1000px){
.t1{opacity: 0;
        font-family: "ar", "Shippori Mincho";
        z-index: 3;
        position: absolute;
        top: 36%;
        left: 165px;
        line-height: 40px;
    
    }}

@media screen and (min-width:300px){
.t1e{
    letter-spacing: -0.5px;
    font-size: 20px;

	}}
@media screen and (min-width:1000px){
.t1e{
        letter-spacing: -0.5px;
        font-size: 25px;
    
    }}


@media screen and (min-width:300px){
.t1j{margin-left: 25px;
		font-size: 20px;
		letter-spacing: 1.5px;
	}}

@media screen and (min-width:1000px){
.t1j{
        margin-left: 25px;
        font-size: 22px;
        letter-spacing: 1.5px;
    
    }}


@media screen and (min-width:300px){
.t2{
        opacity: 0;
        font-family: "ar", "Shippori Mincho";
        z-index: 3;
        position: absolute;
        bottom: 22%;
        font-size: 20px;
        right: 30px;
        line-height: 35px;
    
    }}

@media screen and (min-width:1000px){
.t2{
        font-family: "ar", "Shippori Mincho";
        z-index: 3;
        position: absolute;
        bottom: 26%;
        font-size: 20px;
        right: 140px;
        line-height: 35px;
    
    }}

@media screen and (min-width:300px){
.t2e{
    letter-spacing: -0.5px;
    font-size: 20px;

	}}

@media screen and (min-width:1000px){
.t2e{
        letter-spacing: -0.5px;
        font-size: 25px;
    
    }}

@media screen and (min-width:300px){
.t2j{ margin-left: 25px;
		font-size: 20px;
	letter-spacing: 1.5px;
	}}

@media screen and (min-width:1000px){
.t2j{
        margin-left: 25px;
        font-size: 22px;
        letter-spacing: 1.5px;
    
    }}

#gradient{
    position: absolute;
    z-index: 3;
    top: 80%;
    background: rgb(112,160,187);
    background:linear-gradient(rgba(112, 160, 187, 0), rgba(112, 160, 187, 0.71) 4%, rgba(112, 160, 187, 0.87) 9%, rgba(112, 160, 187, 0.89) 6%, rgba(218, 237, 255, 1) 18%, rgb(241 248 255) 58%);
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 150px;
}
#gradient_bottom{
	position:relative;
	z-index: 4;
bottom: 0px;

background: linear-gradient(180deg, rgba(163,190,216,0) 0%, rgba(163,190,216,0.41) 15%, rgba(163,190,216,0.67) 26%, rgba(163,190,216,0.90) 40%, rgba(163,190,216,1.00) 54%, rgba(131,169,193,1.00) 100%);
	


height: auto;
	width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 0px;
}

/*始まり*/
@media screen and (min-width:300px){
.top_spilit{
        margin-top: 0px;
        position: relative;
        z-index: 9;
        height: auto;
        width: 100%;
        display: block;
    }}


@media screen and (min-width:1000px){
.top_spilit{
	margin-top: 0px;
	position: relative;
	z-index: 9;
	width: 100%;
	
	display: flex;
	}}


.top_spilit img{
margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;

}

@media screen and (min-width:300px){
.top_grid{
        width: 100%;
        display: block;
        color: #41464d!important;
        margin-top: 130px;
    
    }}

@media screen and (min-width:1000px){
.top_grid{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        /* display: flex; */
        color: rgb(65, 70, 77);
        width: 100%;
        margin-top: 0px;
    
    }}

@media screen and (min-width:300px){
.top_flex{
        display: flex;
        width: calc(100% - 20px);
        padding: 0px;
        padding-left: 20px;
        padding-right: 0px;
        margin-bottom: 70px;
    }}

@media screen and (min-width:1000px){
.top_flex{

   display: flex;
    width: 100%;
    padding: 0px;
    /* padding-left: 20px; */
    padding-right: 0px;
    flex-direction: row-reverse;
	}}

@media screen and (min-width:300px){
.highlight_img{
	filter: brightness(93%);
 width: calc(100% - 20px);
margin-left: 20px;
	}}

@media screen and (min-width:1000px){
.highlight_img{
        width: 100%;
        margin-bottom: 100px;
        margin-left: 0px;
        grid-column: 3/5;
    
    }}
.highlight_img img{
	width: 100%;
	object-fit: cover;
max-height: 450px;
}
.highlight_title{
	margin-bottom: 20px;
	letter-spacing: 1px;
		font-size: 16px;
	  font-family: "ar", "Shippori Mincho";
}

@media screen and (min-width:300px){
.highlight_subtitle{
	letter-spacing: 1px;
	  font-family: "alpina_lt";
	font-size: 13px;
	margin-bottom: 30px;
	}}

@media screen and (min-width:1000px){
.highlight_subtitle{
	letter-spacing: 1px;
	  font-family: "alpina_lt";
	font-size: 13px;
	margin-bottom: 0px;
	}}

@media screen and (min-width:300px){
.highlight_text{
	line-height: 25px;
	font-size: 12px;
	width: 100%;
	letter-spacing: 1.2px;
	        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	   display: -webkit-box;        /* Flexbox の古い仕様を利用 */
	   -webkit-line-clamp: 5;       /* 行数を指定（ここでは3行） */
	   -webkit-box-orient: vertical;
	   overflow: hidden;
	}}

@media screen and (min-width:1000px){
.highlight_text{
	        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	line-height: 25px;
	font-size: 13px;
	width: 75%;
	letter-spacing: 1.2px;
	   display: -webkit-box;        /* Flexbox の古い仕様を利用 */
	   -webkit-line-clamp: 5;       /* 行数を指定（ここでは3行） */
	   -webkit-box-orient: vertical;
	   overflow: hidden;
	
	}}
.highlight_button{
    margin-top: 50px;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    border: 0.7px solid #595F66;
    text-align: center;
    font-size: 13px;
    padding: 8px;
    width: 180px;
    color: white;

    margin-bottom: 100px;
    background: #595F66;
    /* padding: 10px; */
    letter-spacing: 1px;

}

.highlight_button a{
	color: white;
	text-decoration: none;
}
.highlight_button:hover{
	opacity: 0.7;
	cursor: pointer;
}
@media screen and (min-width:300px){
.top_news{
        display: inline-block;
        /* display: flex; */
        color: rgb(65, 70, 77);
        height: auto;
        margin-bottom: 0px;
        padding-top: 50px;
        width: 100%;
    
    }}

@media screen and (min-width:1000px){
.top_news{
        display: grid!important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        display: flex;
        color: rgb(65, 70, 77);
        height: auto;
        /* height: 400px; */
        padding-top: 100px;
    
    }}

@media screen and (min-width:1000px){
.top_news_under{
        display: grid!important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        /* display: flex; */
        grid-column: 5/14;
        color: rgb(65, 70, 77);
        height: 400px;
        /* overflow: scroll; */
        width: 100%;
        padding-top: 0px;
    }}




.top_news_flex{
    margin-left: 20px;
    margin-top: 0px;
    display: flex;
    overflow: hidden;
    grid-column: 6/15;
}


@media screen and (min-width:300px){
.top_subtitle{
        /* grid-column: 3/5; */
        width: 50%;
        margin-left: 0px;
        padding: 0px;
        padding-left: 0px;
        /* order: 2; */
        padding-top: 80px;
    }}

@media screen and (min-width:1000px){
.top_subtitle{
        grid-column: 3/5;
        width: 100%;
        padding-left: 0px;
        padding-top: 100px;
        margin-left: 0%;
    
    }}


@media screen and (min-width:300px){
.top_news_column{
        min-width: 50%;
        height: 270px;
        /* grid-column: 7/9; */
        padding: 0px 10px 20px 10px;
        border-left: 0.7px solid #595F66;
    }}

@media screen and (min-width:1000px){
.top_news_column{
        width: calc(100%/5);
        height: 270px;
        min-width: 180px;
        /* grid-column: 7/9; */
        padding: 0px 10px 0px 10px;
        border-left: 0.7px solid #595F66;
    
    }}
.top_news_column:hover{        
background-color: rgb(255, 255, 255, 0.3);
}

.top_news_articles{
    display: flex;
    grid-column: 7/13;
    border-right: 0.7px solid black;
    height: 270px;

}
.top_news_column a{
	text-decoration: none;
	color: rgb(65, 70, 77);
}

@media screen and (min-width:300px){
.top_news_column02{
  min-width: 40%;
    height: 270px;
    grid-column: 9/11;
    padding: 0px 10px 0px 10px;
    border-right: 0.7px solid #595F66;
    border-left: 0.7px solid #595F66;

	}}

@media screen and (min-width:1000px){
.top_news_column02{
        width: calc(100% - 20px);
        height: 270px;
        min-width: 0px;
        grid-column: 9/11;
        padding: 0px 10px 0px 10px;
        border-right: 0.7px solid #595F66;
        border-left: 0.7px solid #595F66;
    
    }}

@media screen and (min-width:300px){
.top_news_column03{
        min-width: 40%; 
        height: 270px;
        /* grid-column: 11/13; */
        padding: 0px 10px 0px 10px;
        /* border-right: 0.7px solid #595F66; */
    
    }}


@media screen and (min-width:1000px){
.top_news_column03{
        width: calc(100% - 20px);
        height: 270px;
        min-width: 0px;
        grid-column: 11/13;
        padding: 0px 10px 0px 10px;
        border-right: 0.7px solid #595F66;
    
    }}


.top_news_title{
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    font-size: 12.5px;
    height: 250px;
    letter-spacing: 1px;
}
.top_news_title:hover{
	color:rgba(89,95,102,0.50);
	cursor: pointer;
}

.top_news_date{
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    border: 0px solid black;
    height: 20px;
    font-size: 14px;

}
@media screen and (min-width:300px){
.news_see_all{
        /* height: 270px; */
        margin-top: 50px;
        font-size: 12px;
        /* margin-bottom: 100px; */
        margin-left: 20px;
 
        align-items: flex-end;
        /* border-bottom: 0.8px solid black; */
        letter-spacing: 1px;
    }}

@media screen and (min-width:1000px){
.news_see_all{
        /* height: 270px; */
        width: fit-content;
        margin-top: calc(270px - 18px);
        font-size: 14px;
        padding-bottom: 3px;
        border-bottom: 0.8px solid #595F66;
        margin-left: 0px;
        align-items: flex-end;
        letter-spacing: 1px;
    }}
.news_see_all a{
	padding-bottom: 7px;
	border-bottom: 0.8px solid #595F66;
	color:#595F66;
	text-decoration: none!important;
}

.news_see_all a:hover{	color:rgba(89,95,102,0.50);
	cursor: pointer;
}

@media screen and (min-width:300px){
.top_left{
        width: calc(100% - 20px);
        margin-left: 10px;
    
    }}

@media screen and (min-width:1000px){
.top_left{
        width: 50%;
        margin-left: 0px;
    
    }}
@media screen and (min-width:300px){
.top_right{
        position: relative;
        width: 100%;
        margin: 0;
        padding-top: 60px;
        /* padding: 0; */
        color: #41464d;
    
    }}


@media screen and (min-width:1000px){
.top_right{
position: relative;
	width: 50%;	
margin: 0;
padding: 0;
		color: white;
	}}


.top_right_2{
    width: 100%;
    grid-column: 8/15;

}

@media screen and (min-width:300px){
.top_right_2 img{
        /* width: 100%; */
        width: calc(100% - 20px);
        margin-left: 20px;
    
    }}

@media screen and (min-width:1000px){
.top_right_2 img{
    /* width: 100%; */
    width: 100%;
    margin-left: 0px;

	}}



@media screen and (min-width:300px){
.top_text_1{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13px;
        margin-left: calc(40% - 14px);
        font-weight: 100;
        width: 60%;
        line-height: 25px;
        border: 0px solid black;
        /* margin: 0px auto; */
        letter-spacing: 1.2px;
    
    }}


@media screen and (min-width:1000px){
.top_text_1{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 12.5px;
        font-weight: 100;
        width: 50%;
        line-height: 22px;
        border: 0px solid black;
        margin: 0px auto;
        letter-spacing: 1.5px;
    }}

@media screen and (min-width:300px){
.top_text_content_1{
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 200px;
        border: px solid black;
    
    }}

@media screen and (min-width:1000px){
.top_text_content_1{
   position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	  height: 200px;
	border: px solid black;

	}}


@media screen and (min-width:300px){
.top_midashi{
        font-weight: 100;
        font-size: 19px;
        font-family: "ar", "Shippori Mincho";
        /* margin: 0px auto; */
        text-align: left;
        letter-spacing: 1.5px;
        margin-left: 40px;
        margin-bottom: 30px;
        border: 0px solid black;
        width: 62%;
    
    }}

@media screen and (min-width:1000px){
.top_midashi{
	font-weight: 100;
	font-size: 19px;
	font-family:"ar", "Shippori Mincho";
   margin-left: 0px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 30px;
	border: 0px solid black;
	width: 100%;
	}}


@media screen and (min-width:300px){
.top_subtitle_news{
        width: calc(100% - 20px);
        height: 150px;
        grid-column: 11/13;
        padding: 40px 0px 0px 20px;
        border-right: 0px solid #595F66;
    }}


@media screen and (min-width:1000px){
.top_subtitle_news{
        border-right: 0px solid black;
        grid-column: 3/5;
        width: 100%;
        padding: 0px;
    
    }}

@media screen and (min-width:300px){
.news_flex{
        width: calc(100vw - 20px );
        overflow: scroll;
        display: flex;
        margin-left: 20px;
        margin-top: 30px;
        flex-wrap: nowrap;
        justify-content: unset;
    
    }}

@media screen and (min-width:1000px){
.news_flex{
	display: flex;
	width: 100%;
	overflow: scroll;
	}}

@media screen and (min-width:300px){
.news_flex::-webkit-scrollbar {
        width: 0px;
        background-color: color(display-p3 0.8706 0.9255 0.9961);
        height: 6px;
    
    }}

@media screen and (min-width:1000px){
.news_flex::-webkit-scrollbar {
    width: 8px;
    background-color: #DE94BF; 
	}}
@media screen and (min-width:300px){
.news_flex::-webkit-scrollbar-thumb {
        background: #7c8083;
        width: 0px;
        height: 0px;
        height: -15px;
        border-radius: -1px;
    
    }}

@media screen and (min-width:1000px){
.news_flex::-webkit-scrollbar-thumb {
    background: #FAF8D8;
    width: 6px;
    border-radius: 5px;
	}}



@media screen and (min-width:300px){
.top_subtext{
width: 50%;
font-size: 14px;
padding-right: 20px;
line-height: 24px;
padding-top: 130px;
letter-spacing: 1.5px;
	font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    
    }}

@media screen and (min-width:1000px){
.top_subtext{
        width: 100%;
        padding-top: 0px;
        grid-column: 5/7;
    
    }}


@media screen and (min-width:300px){
.sub_en{
        line-height: 20px;
        letter-spacing: 0.8px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-family: "alpina_lt";
        padding-left: 0px;
    
    }}

@media screen and (min-width:1000px){
.sub_en{
	        padding-left: 0px;
	line-height: 20px;
	letter-spacing: 0.8px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: "alpina_lt";
	}}



	@media screen and (min-width:300px){
.sub_jp{
        padding-left: 0px;
        margin-top: 12px;
        line-height: 23px;
        letter-spacing: 1.4px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        height: 0px;
        /* position: absolute; */
        font-size: 16px;
    
    }}

	@media screen and (min-width:1000px){
.sub_jp{
	        padding-left: 0px;
        margin-top: 12px;
        line-height: 23px;
        letter-spacing: 1.4px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        height: 40px;
        /* position: absolute; */
        font-size: 15px;
    
    }}


@media screen and (min-width:300px){
.sub_text_jp{
        text-transform: uppercase;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 1.4px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
    
    }}

@media screen and (min-width:1000px){
.sub_text_jp{text-transform: uppercase;font-size: 14px;line-height: 29px;letter-spacing: 1.3px;font-family: "alpina_lt","Shippori Mincho", "serif";}}

@media screen and (min-width:300px){
.top_links{
        background:#fffefb;
        height: 1230px;
        /* display: flex; */
        color: rgb(65, 70, 77);
        margin-top: 80px;
    }}
	
	
@media screen and (min-width:1000px){
.top_links{
        background: #fffefb;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        height: 1000px;
        /* display: flex; */
        color: rgb(65, 70, 77);
        padding-top: 0px;
    
    }}
	
@media screen and (min-width:300px){	
.top_link_img{
        object-fit: cover;
        width: 100%;
        position: relative;
        height: 410px;
        padding-top: 0px;
        z-index: 1;
    
    }}

@media screen and (min-width:1000px){	
.top_link_img{
    grid-column: 1/7;
    width: 100%;
	
			height: 1000px;
 padding-top: 0px; 

	}}

@media screen and (min-width:300px){
.top_link_img img{
        width: 100%;
        height: 550px;

        object-position: left bottom;
        object-fit: cover;
    
    }}

@media screen and (min-width:1000px){
.top_link_img img{
        width: 100%;
        height: 1000px;
        object-fit: cover;

    
    }}

@media screen and (min-width:300px){
.top_link_right{
        width: 100%;
        z-index: 3;
        /* margin-top: 550px; */
        position: relative;
        border: 0px solid black;
    
    }}

@media screen and (min-width:1000px){
.top_link_right{
        grid-column: 8/15;
        width: 100%;
        display: grid;
        /* position: absolute; */
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        padding-top: 80px;
        border: 0px solid black;
    
    }}

@media screen and (min-width:300px){
.top_subtitle_link{
        width: calc(100% - 20px);
        color: white;
        padding-left: 20px;
        padding-top: 10px;
    
    }}


@media screen and (min-width:1000px){
.top_subtitle_link{
        grid-column: 1/4;
        width: 100%;
        color: rgb(65, 70, 77);
        padding-top: 0px;
        position: relative;
    
    }}
@media screen and (min-width:300px){
.top_link_text{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        /* grid-column: 5/9; */
        font-size: 13px;
        padding-top: 130px;
        margin-left: 40px;
        width: 81%;
        line-height: 18px;
    
    }}

@media screen and (min-width:1000px){
.top_link_text{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        grid-column: 4/8;
        font-size: 13px;
        padding-top: 70px;
        line-height: 18px;
    
    }}


@media screen and (min-width:300px){
.top_link_text_jp{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        padding-bottom: 30px;
        line-height: 28px;
        font-size: 14.5px;
        padding-left: 0px;
        letter-spacing: 1.3px;
    }}

@media screen and (min-width:1000px){
.top_link_text_jp{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        padding-bottom: 30px;
        line-height: 25px;
        font-size: 13px;
        letter-spacing: 1.3px;
    
    }}
@media screen and (min-width:300px){
.top_link_text_en{
width: 66%;
	line-height: 20px;
	font-size: 13px;
	}}

@media screen and (min-width:300px){
.top_link_text_en{
        width: 65%;
        line-height: 20px;
        font-size: 13.6px;
        letter-spacing: 0.2px;
        margin-left: 35%;
    }}

@media screen and (min-width:300px){
.top_link_links{
        line-height: 30px;
        margin-top: 70px;
        width: calc(100% - 40px);
        /* position: absolute; */
        margin-left: 40px;
        /* top: 50%; */
        /* margin-top: 300px; */
    }}

@media screen and (min-width:1000px){
.top_link_links{
        line-height: 30px;
        position: absolute;
        bottom: 80px;
        margin-left: 0px;
        margin-top: -10px;
    
    }}

.top_link_links a{
    padding-bottom: 4px;
    border-bottom: 0.7px solid #595F66;
    opacity: 100%;
    font-size: 13.5px;
    letter-spacing: 1.2px;
    line-height: 36px;
    color: rgb(65, 70, 77);
    text-decoration: none;
}
.top_link_links a:hover{
opacity: 50%;
	 
}
@media screen and (min-width:300px){
.bottom_part{
        padding-top: 0px;
        border: 0px solid black;
        width: 100vw;
        z-index: 1;
        margin-bottom: 100px;
    }}
	@media screen and (min-width:1000px){
.bottom_part{
        padding-top: 0px;
        border: 0px solid black;
        display: block;
        /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
        z-index: 1;
        width: fit-content;
        /* position: relative; */
        margin-bottom: 200px;
    
    }}

@media screen and (min-width:300px){
.bottom_gif{
        position: sticky;
        width: 100vw;
        top: 0px;
        height: 50px;
    
    }}

@media screen and (min-width:1000px){
.bottom_gif{
        /* position: absolute; */
        /* z-index: 2; */
        top: 0px;
        /* height: 500px; */
        width: 100vw;
    
    }}
@media screen and (min-width:300px){
.bottom_gif img{
        object-fit: cover;
        height: 1000px;
        top: 10px;
        filter: brightness(65%);
        /* position: sticky; */
    
    }}

@media screen and (min-width:1000px){
.bottom_gif img{
        position: sticky;
        top: 80px;
        height: 800px;
    
    }}

@media screen and (min-width:300px){
.bottom_part_text{
        z-index: 9;
        padding-top: 10px;
        /* position: absolute; */
        width: calc(100% - 80px);
        letter-spacing: 1.3px;
        line-height: 30px;
        margin-left: 40px;
    
    }}

@media screen and (min-width:1000px){
.bottom_part_text{

        z-index: 9;
        /* position: absolute; */
        margin-left: calc(100%/7);
     width: 44%; 
    
    }}


@media screen and (min-width:300px){
.bottom_part_h1{
        padding-top: 50px;
        position: relative;
    
    }}


@media screen and (min-width:1000px){
.bottom_part_h1{
        padding-top: 120px;
        /* position: static; */
    
    }}

@media screen and (min-width:300px){
.bottom_part_h2{
        font-family: "alpina_lt";
        font-size: 13px;
        line-height: 20px;
        padding-top: 90px;
        margin-left: 90px;
        letter-spacing: 0.2px;
        width: 200px;
        position: relative;
    }}

@media screen and (min-width:1000px){
.bottom_part_h2{
        font-family: "alpina_lt";
        font-size: 13px;
        line-height: 19px;
        padding-top: 120px;
        margin-left: calc(100%/10);
        width: 200px;
    
    }}
@media screen and (min-width:300px){
.bottom_part_button{
        border: 0.7px solid white;
        padding: 8px 0px;
        margin-top: 60px;
        width: 100%;
        text-align: center;

        font-size: 13px;
        position: relative;
    
    }
}

@media screen and (min-width:1000px){
.bottom_part_button{
        border: 0.7px solid white;
        padding: 9px 0px;
        margin-top: 60px;
        margin-left: calc(100%/10);
        width: 400px;
        text-align: center;
        background: rgba(255, 255, 255, 0.11);
        /* margin-left: calc(100%/3); */
        width: fit-to-content;
        font-size: 13px;
        position: relative;
    
    }
}


.bottom_part_button:hover{
	cursor: pointer;
	    background: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width:300px){
.footer{
        padding-top: 220px;
        position: relative;
        display: flex;
        border: 0px solid black;
        margin-left: 0px;
        width: calc(100% - 0px);
        /* padding-left: 40px; */
        background: white;
        flex-wrap: wrap;
        color: #ffffff;
        background: linear-gradient(rgba(163, 190, 216, 0), rgba(163, 190, 216, 0.31) 7.14%, rgba(163, 190, 216, 0.69) 15.13%, rgba(163, 190, 216, 0.9) 27.31%, rgba(163, 190, 216, 1) 70.59%, rgba(131, 169, 193, 1));
    }}

@media screen and (min-width:1000px){
.footer{
        width: calc(100% - 0px);
        padding-top: 150px;
        height: 1000px;
        line-height: 15px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    
    }}


.footer a{
    color: #ffffff;
    opacity: 80%;
    text-decoration: none;
}

.footer a:hover{
	    opacity: 100%;
}

@media screen and (min-width:300px){
.footer_logo_pc{
display: none;
    
    }}


@media screen and (min-width:1000px){
.footer_logo_pc{
	display: block;
	margin-top: 0px;
	border: 1
		0px solid black;
	width: 120px;
	   grid-column: 5/6;
	}}
@media screen and (min-width:300px){
.footer_logo{
        border: 1
0px solid black;
        width: 70px;
        margin-top: 150px;
        margin-bottom: 20px;
        margin-left: 20px;
    
    }}


@media screen and (min-width:1000px){
.footer_logo{
	margin-top: 0px;
	border: 1
		0px solid black;
	width: 120px;
	   grid-column: 5/6;
	}}

@media screen and (min-width:300px){
#make .us_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 11px;
        /* border-left: 0.7px solid white; */
        border-right: 0.7px solid white;
        letter-spacing: 1px;
        line-height: 13px;
        grid-column: 7/9;
        padding: 0px 10px 0px 20px;
        width: 41%;
    }}
@media screen and (min-width:1000px){
#make .us_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 12px;
        letter-spacing: 1px;
        border-left: 0.7px solid white;
        border-right: 0.7px solid white;
        height: 300px;
        grid-column: 7/9;
        padding: 0px 20px 0px 20px;
        width: calc(100% - 20px);
    
    }}

@media screen and (min-width:300px){
.us_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 11px;
        /* border-left: 0.7px solid white; */
        border-right: 0.7px solid white;
        letter-spacing: 1px;
        line-height: 13px;
        grid-column: 7/9;
        padding: 0px 10px 0px 20px;
        width: 41%;
    }}
@media screen and (min-width:1000px){
.us_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 12px;
        letter-spacing: 1px;
        border-left: 0.7px solid white;
        border-right: 0.7px solid white;
        height: 300px;
        grid-column: 7/9;
        padding: 0px 0px 0px 20px;
        width: calc(100% - 0px);
    }}

.menu .us_address{
	

border-right: 0.7px solid #595F66;
}

.menu .us_address p{
    font-family: "alpina_lt";
    text-transform: uppercase;
    font-size: 10px;
    line-height: 13px;

}
.menu  .jp_address p{
	font-family: "alpina_lt";
	text-transform:uppercase;
	font-size: 10px;
	line-height: 10px;
		
}
.us_address p{
	font-family: "alpina_lt";
	text-transform:uppercase;
	font-size: 10.5px;
	letter-spacing: 0.6px;
}
.jp_address p{
	font-family: "alpina_lt";
	text-transform:uppercase;
	font-size: 10.5px;
	letter-spacing: 0.4px;
}
.jp_address .address{
	font-size: 11px!important;
}



@media screen and (min-width:300px){
#make .jp_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13px;
        letter-spacing: 1px;
        /* border-right: 0.7px solid white; */
        line-height: 13px;
        padding: 0px 0px 0px 20px;
        width: 50%;
    }}

@media screen and (min-width:1000px){
#make .jp_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        letter-spacing: 1px;
        font-size: 12px;
        border-right: 0.7px solid white;
        height: 300px;
        width: calc(100% - 30px);
        padding: 0px 20px 0px 0px;
        grid-column: 9/11;
    
    }}



@media screen and (min-width:300px){
.jp_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13px;
        letter-spacing: 1px;
        /* border-right: 0.7px solid white; */
        line-height: 13px;
        padding: 0px 0px 0px 20px;
        width: 40%;
    }}

@media screen and (min-width:1000px){
.jp_address{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        letter-spacing: 1px;
        font-size: 12px;
        border-right: 0.7px solid white;
        height: 300px;
        width: calc(100% - 0px);
        padding: 0px 10px 0px 20px;
        grid-column: 9/11;
    }}


@media screen and (min-width:300px){
.copyright{
        color: rgba(255,255,255,0.73);
        font-size: 12px;
        font-family: "alpina_lt";
        width: 90%;
        letter-spacing: 0.7px;
        padding-bottom: 80px;
        margin-left: 20px;
    
    }}

@media screen and (min-width:1000px){
.copyright{
        margin-top: 90px;
        height: 30px;
        margin-left: 20px;
    
    }}
@media screen and (min-width:300px){
.address_title{
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 1px;
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    }}

@media screen and (min-width:1000px){
.address_title{
	
	}}


@media screen and (min-width:300px){
.adress{
        margin: 20px 0px;
        line-height: 18px;
        font-size: 13px;
        letter-spacing: 0.4px;
    
    }}


@media screen and (min-width:1000px){
.adress{
        font-size: 12px;
        letter-spacing: 0.6px;
    }}



.menu .adress{
        margin: 0px 0px;
    
    }


@media screen and (min-width:300px){
.address_email{
        margin: 20px 0px;
        font-size: 13px;
    
    }}

@media screen and (min-width:1000px){
.address_email{
	
	}}
.menu .address_email{
	       margin: 0px 0px;
}
@media screen and (min-width:300px){
.adress_tel{
        margin: 20px 0px;
        font-size: 13px;
    
    }}

@media screen and (min-width:1000px){
.adress_tel{
	
	}}
.menu .adress_tel{
    line-height: 0px;
    margin: 0px 0px;

}

@media screen and (min-width:300px){
.newsletter{
width: 90%;
margin-top: 70px;
margin-left: 5%;
	}}

@media screen and (min-width:1000px){
.newsletter{
        /* width: 120px; */
        width: auto;
        padding-right: 40px;
        margin-top: 0px;
        grid-column: 11/16;
        padding-left: 20px;
    }}
		@media screen and (min-width:300px){
.make_text{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        width: 100%;
        line-height: 26px;
        letter-spacing: 1.2px;
        font-size: 13px;
    
    }}
		

		@media screen and (min-width:1000px){
.make_text{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        width: 100%;
        line-height: 26px;
        letter-spacing: 1px;
        font-size: 12.5px;
        padding-top: 150px;
        margin-bottom: 50px;
    }}
		
		@media screen and (min-width:300px){
.make_button{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        margin-top: 30px;
        color: white;
        text-align: center;
        font-size: 14px;
        padding: 8px 0px;
        background: #666464;
        /* padding: 8px; */
        /* padding: 9px; */
        letter-spacing: 1px;
    
    }}
				
		
		@media screen and (min-width:1000px){
.make_button{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        border: 0.7px solid #595F66;
        text-align: center;
        font-size: 13px;
        padding: 8px;
        /* background: rgba(255, 255, 255, 0.36); */
        padding: 10px;
        letter-spacing: 1px;
    
    }}

.make_button a{

	color: white!important;
}
.make_button:hover{
			cursor: pointer;
	opacity: 0.7!important;
}


.top_subtext a{
	text-decoration: none;
	color: rgb(65, 70, 77);
}
		

.sub_content{
	display: flex;
}


/* Meke / 作るページ　*/
#make{
	width: 100vw;
	color: rgb(65, 70, 77);
		background:#fffefbimportant;
}
#make .menu a{
	color: #595F66!important;
}

@media screen and (min-width:300px){
.make_mainimg{
	margin-top: 150px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
	}}

@media screen and (min-width:1000px){
.make_mainimg{
	
	margin-top: 150px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
	}}
@media screen and (min-width:300px){
.make_mainimg img{
border: 0px solid black;
width: 100%;
margin: 0px;
padding: 0px;
object-fit: cover;
height: 250px;	
filter: brightness(70%);
	}}

@media screen and (min-width:1000px){
.make_mainimg img{
        border: 0px solid black;
        width: 100%;
        margin: 0px;
        object-fit: cover;
        padding: 0px;
        height: 440px;
    
    }}

.make_mainimg img:hover{
     filter: brightness(100%);
}


/* グラデーションをオーバーレイ */
.make_mainimg img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,          /* 上から下に */
    rgba(0,0,0,0.5),    /* 黒の半透明 */
    rgba(0,0,0,0)       /* 下に行くほど透明 */
  );
  pointer-events: none; /* クリック操作は下の要素に通す */
}
@media screen and (min-width:300px){
.g2{
        margin-left: 0px;
        grid-column: 1/7;
    
    }}


@media screen and (min-width:1000px){
.g2{
        margin-left: 10px;
        grid-column: 2/3;
    
    }}

@media screen and (min-width:300px){
.g4-6_c{
        /* grid-column: 4/8; */
        width: 85%;
        margin: 0px auto;
    
    }}

@media screen and (min-width:1000px){
.g4-6_c{
        grid-column: 5/7;
        /* margin-left: 10px; */
    
    }}
@media screen and (min-width:300px){
.g4-6{
        width: 100%;
    
    }}

@media screen and (min-width:1000px){
.g4-6{
        grid-column: 3/5;
        margin-left: 10px;
    
    }}

@media screen and (min-width:300px){
.g4-7{
        grid-column: 2/15;
    
    }}

@media screen and (min-width:1000px){
.g4-7{
        grid-column: 3/6;
        margin-left: 10px;
    
    }}


@media screen and (min-width:300px){
.g4-13{
        border: 0px solid black;
        grid-column: 2/14;
        margin-left: 0px;
    
    }}

@media screen and (min-width:1000px){
.g4-13{
	border: 0px solid black;
		 grid-column: 3/13;
	}}

.g4-10{
	border: 0px solid black;
		 grid-column: 3/10;
}

.g3{
	 grid-column: 1/3;

	
}

@media screen and (min-width:300px){
.g4{
        grid-column: 2/15;
        position: relative;
    
    }}


@media screen and (min-width:1000px){
.g4{
        position: relative;
        grid-column: 4/8;
    
    }}
.g5-7{
	 grid-column: 5/7;
}
@media screen and (min-width:300px){
.g3-5{
        margin-right: 15px;
        margin-left: 20px;
        grid-column: 7/15;
    
    }}

@media screen and (min-width:1000px){
.g3-5{
	 grid-column: 4/6;
	}}

@media screen and (min-width:300px){
.g3-6_c{
        width: 85%;
        margin: 70px auto;
    
    }}

@media screen and (min-width:1000px){
.g3-6_c{
        width: 85%;
	 grid-column: 7/13;
	}}
@media screen and (min-width:300px){
.g3-6{
        width: 85%;
        margin: 0px auto;
    
    }}

@media screen and (min-width:1000px){
.g3-6{
	width: 100%;
	 grid-column: 7/13;
	}}

@media screen and (min-width:300px){
.g3-6_make{
        width: 95%;
        margin: 0px auto;
    
    }}

@media screen and (min-width:1000px){
.g3-6_make{
	width: 100%;
	 grid-column: 7/14;
	}}

@media screen and (min-width:300px){
.g2-6{
        border-bottom: 0.2px solid black;
        /* margin-left: 10%; */
        /* grid-column: 3/14; */
    
    }}

@media screen and (min-width:1000px){
.g2-6{

	border: 0.2px solid black;
	 grid-column: 5/14;
	}}

@media screen and (max-width:730px){
.g7-12{
	margin: 0px auto;
	width: 85%;
	}}

	@media screen and (min-width:730px){
.g7-12{
	 grid-column: 7/12;
	}}

@media screen and (max-width:730px){
.g7-13{
	margin: 0px auto;
	width: 85%;
	}}

	@media screen and (min-width:730px){
.g7-13{
	 grid-column: 7/13;
	}}

@media screen and (max-width:730px){
.g7-10{
width: 85%;
margin: 0px auto;
	}}
@media screen and (min-width:730px){
.g7-10{
	 grid-column: 7/10;
	}}
@media screen and (min-width:730px){
.g7-15{
	 grid-column: 7/15;
	}}

@media screen and (min-width:300px){
.g2-6{
        border-bottom: 0.2px solid black;
        /* margin-left: 10%; */
        width: 100%;
    
    }}

@media screen and (min-width:1000px){
.g2-6{border: 0.2px solid black;grid-column: 5/14;}}

@media screen and (min-width:300px){
.g5-13{
   width: 85%;
margin: 0px auto;
    
    }}


@media screen and (min-width:1000px){
.g5-13{
	 grid-column: 5/13;
 
	
	}}
@media screen and (min-width:1000px){
.g5-13{
        grid-column: 5/12;
        width: 100%;
    
    }}
@media screen and (min-width:300px){
.g4-14{
        grid-column: 4/14;
    
    }}


@media screen and (min-width:1000px){
.g4-14{
        grid-column: 3/14;
    
    }}


@media screen and (min-width:1000px){
.g6-13{
	 grid-column: 6/13;
 
	
	}}
@media screen and (min-width:1000px){
.g6-13{
	 grid-column: 6/13;
 
	
	}}


.make_maintext{
	margin-top: 100px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
}

@media screen and (min-width:300px){
.make_sub{
	margin-top: 70px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
	}}


@media screen and (min-width:1000px){
.make_sub{
	margin-top: 70px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
	}}

@media screen and (min-width:300px){
.make_class_detail{
        margin-top: 120px;
        /* display: grid; */
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}
@media screen and (min-width:1000px){
.make_class_detail{
        margin-top: 120px;
       display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}

@media screen and (min-width:300px){
.make_class_detail_low{
        width: 95%;
        margin-top: 70px;
        display: block;
        margin-left: 5%;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    
    }}


@media screen and (min-width:1000px){
.make_class_detail_low{
	margin-top: 100px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

	}}

.make_box{
margin-top: 30px;
	border: 0px solid black;
}

@media screen and (min-width:300px){
.box_title{
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 0px;
	line-height: 20px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-align: left;
	font-family: "alpina_lt";
	}}

@media screen and (min-width:1000px){
.box_title{
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 0px;
	line-height: 20px;
	letter-spacing: 0.6px;
	margin-bottom: 10px;
	text-align: left;
	font-family: "alpina_lt";
	}}


#about .box_text{
    letter-spacing: 1.4px;
    line-height: 25px;
    text-align: left;
    margin-top: 30px;
  font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    font-weight: 400;
    font-size: 13px;

}
@media screen and (min-width:1000px){
	#about .box_text{
letter-spacing: 1.6px;
line-height: 24px;
text-align: left;
  font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
font-weight: 400;
font-size: 12.5px;
    
    }
}
@media screen and (min-width:300px){
.make_class_detail_low .box_title{
        text-transform: uppercase;
        padding-top: 0px;
        line-height: 23px;
        letter-spacing: 1.3px;
        margin-bottom: 20px;
        text-align: left;
        font-size: 16px;
        font-family: "alpina_lt", "Shippori Mincho", "serif";
	}}

@media screen and (min-width:1000px){
.make_class_detail_low .box_title{text-transform: uppercase;padding-top: 0px;line-height: 24px;letter-spacing: 1.3px;margin-bottom: 20px;text-align: left;font-size: 15px;font-family: "alpina_lt","Shippori Mincho", "serif";}}


.box_text{
    letter-spacing: 1.6px;
    line-height: 23px;
    text-align: left;
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    font-weight: 100;
    font-size: 12.5px;
}

@media screen and (min-width:300px){
.box_upper{
	border-bottom: 0.2px solid black;
	padding-bottom: 30px;

	}}

@media screen and (min-width:1000px){
.box_upper{
	border-bottom: 0.7px solid black;
	padding-bottom: 30px;

	}}




@media screen and (min-width:300px){
.g2-6about .box_top{
padding-right: 0px;
		border-right: 0px solid black;
	}}


@media screen and (min-width:1000px){
.g2-6about .box_top{
padding-right: auto;
		border-right: 0.7px solid black;
	}}



@media screen and (min-width:300px){
.g2-6about .box_left{
padding-right: 0px;
		border-right: 0px solid black;
	}}


@media screen and (min-width:1000px){
.g2-6about .box_left{
padding-right: auto;
		border-right: 0.7px solid black;
	}}


@media screen and (min-width:300px){
.box_left{

		border-right: 0.2px solid black;
	}}


@media screen and (min-width:1000px){
.box_left{

		border-right: 0.7px solid black;
	}}
@media screen and (min-width:300px){
.box_top{

		border-top: 0px solid black;
	}}

@media screen and (min-width:1000px){
.box_top{

		border-top: 0.7px solid black!important;
	}}

.box_padding{
padding-top: 30px;
}
@media screen and (min-width:300px){
	.col{
        border-top: 0.2px solid black;
        flex: none!important;
        margin-left: 0px;
        padding-bottom: 25px;
        padding-top: 25px;
        padding-left: 5px!important;
        padding-right: 25px;
    
    }}

@media screen and (min-width:1000px){
	.col{
		border-top: 0px solid black;
		padding-left: 25px!important;
		margin-left: 0px;
		padding-bottom: 51px;
		padding-top: 25px;
		padding-left: 31px!important;
		padding-right: 31px!important;
		flex: 1 0 0%!important;
	}}

@media screen and (min-width:300px){
.col-6{
padding-bottom: 25px!important;
padding-top: 20px!important;
padding-left: 17px!important;
padding-right: 15px!important;

	}}

@media screen and (min-width:1000px){
.col-6{
padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 25px!important;

	padding-right: 19px!important;

	}}

.make_subtext{
    font-size: 13.8px;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: 400;

}

.make_subtext p {
	
	margin-top: 30px;
}
@media screen and (min-width:300px){
.make_subtitle{
        font-size: 15px;
        margin-bottom: 100px;
        margin-left: 35px;
        line-height: 6px;
    
    }}


@media screen and (min-width:1000px){
.make_subtitle{
        font-size: 16px;
        margin-top: 0px;
    margin-bottom: 60px;
    }}

@media screen and (min-width:300px){
.class_filter{
        width: 90%;
        margin: 0px auto;
        text-align: center;
        margin-bottom: 55px;
        display: block;
        /* float: right; */
    
    }}

@media screen and (min-width:1000px){
.class_filter{
	width: 100%;
	display: flex;
	}}


@media screen and (min-width:300px){
.filter_button{
        font-size: 13px;
        width: fit-to-content;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        margin-top: 12px;
        margin-right: 0px;
        padding: 11px 17px;
      color: white;
    background: #666464;
    }}

@media screen and (min-width:1000px){
.filter_button{
font-size: 12px;
	font-family: "alpina_lt","Shippori Mincho", "serif";
	margin-top: 70px;
	margin-right: 10px;
	color: white;
	padding: 7px 70px;
	background: #666464;

	}}


.filter_button a{color: white;text-decoration: none!important;}
.filter_button:hover{
	cursor: pointer;
opacity: 0.7;
}

.filter_button a.active{
	color: #666464;
	text-decoration: none!important;
}
.filter_button.active {
  background: none; /* アクティブ時の色 */
border: 0.7px solid #666464;
	color: #666464;
}
@media screen and (min-width:300px){
.class_index_flex{
	display:none;
	margin-left: 0px;
	margin-top: 100px;	
	margin-bottom: 50px;
	}}

@media screen and (min-width:1300px){
.class_index_flex{
        display: flex;
        width: calc(100% - 100%/7);
        margin-left: calc(100%/7);
        margin-top: 0px;
        margin-bottom: 50px;
    
    }}

.fixed{	
margin-top: 40px;

	top: 0px;
opacity: 1;
position: fixed;
z-index: +1;
}
.fixed .none{

	opacity: 0;
	z-index: -1;

}

#kaigai .accordion-title{
	border-bottom: 0.7px solid #2D2D2D;
}

.accordion-title:hover{
	background: rgba(241,248,255,0.6);
}
@media screen and (min-width:300px){
.p1{
	margin-bottom: 70px;
}}
	

@media screen and (min-width:1000px){
.p1{
        padding-bottom: 250px;
    
    }}	
.p1_body li{
	list-style: none!important;
}

@media screen and (min-width:300px){
.p1_body a{
        display: block;
        padding-left: 20px;
        width: 100%!important;
        color: #595F66!important;
        text-decoration: none!important;
    
    }}

@media screen and (min-width:1000px){
.p1_body a{
        display: flex;
        padding-left: 0px;
        width: 100%!important;
        color: #595F66!important;
        text-decoration: none!important;
    
    }}

@media screen and (min-width:300px){
.p1_body{
	  position: relative;
  margin: 0;
	display: none;
	height: 0px;
  border: transparent; /*borderを非表示の状態にする*/ 
  padding: 0 0px; /*上下のpaddingを0に書き換える*/
 /* 非表示時、0*/
  opacity: 0; /* 非表示時、0*/
	 transition: height 1s, padding 1s, opacity 0.2s;
	}}

@media screen and (min-width:1000px){
.p1_body{
        position: relative;
        margin: 0;
        height: 0px;
        border: transparent;
        /* padding: 0 20px 0px 0px; */
        opacity: 0;
        transition: height 1s, padding 1s, opacity 0.2s;
    
    }}


@media screen and (min-width:300px){
.class_index_flex_classes{
        display: block;
        width: 90%;
        margin-left: 10%;
        font-size: 13px;
        padding-bottom: 0px;
        border-top: 0.4px solid black;
        padding-top: 30px;
        cursor: pointer;
    
    }
}

@media screen and (min-width:1000px){
.class_index_flex_classes{
        display: flex;
        margin-left: calc(100%/7);
        height: auto;
	margin-bottom: 0px;
        overflow: hidden;
        width: calc(100% - 100%/7);
        font-size: 12px;
        padding-bottom: 30px;
        border-top: 0.7px solid black;
        padding-top: 10px;
        cursor: pointer;
    
    }
}
.class_index_flex_classes:hover{
background: rgba(241,248,255,0.2);
}

.p1_body.is-open {
    line-height: 1.5;
    opacity: 1;
		display: block;

    padding-top: 0px;
    height: auto;
    border: 0px solid lightblue;

}


.index{

	margin-left: calc(100%/7)!important;

}
@media screen and (min-width:300px){
.index_en{
        width: calc(60% - 20px);
        border: 0px solid black;
        letter-spacing: 0.3px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        text-transform: uppercase;
        font-size: 14px;
        margin-left: 2px;
    
    }}

@media screen and (min-width:1000px){
.index_en{
        width: calc(100% - 100px);
        border: 0px solid black;
        letter-spacing: 1.3px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        text-transform: uppercase;
        font-size: 13.5px;
    }}
@media screen and (min-width:300px){
.index_time{
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 22px;
    
    }}
@media screen and (min-width:1000px){
.index_time{
		line-height: 22px;
	font-size: 13px;
	letter-spacing: 1.3px;
	}}
@media screen and (min-width:300px){
.profilepic img{
    width: 100%;
    width: 120px;
    height: 160px;
    object-fit: cover;

	}}
@media screen and (min-width:1000px){
	.profilepic img{
    width: 100%;
    width: 100px;
    height: 140px;
    object-fit: cover;

	}}

@media screen and (min-width:300px){
.profilepic{
        filter: grayscale(30%);
        width: calc(40% + 14px);
        padding-right: 0px;
    
    }}

@media screen and (min-width:1000px){
.profilepic{
        filter: grayscale(30%);
        object-fit: cover;
        padding-right: 0px;
        width: 100px;
    
    }}


.index_jp{
		letter-spacing: 0.5px;
	font-family: "alpina_lt","Shippori Mincho", "serif";
	text-transform: uppercase;
		font-size: 12px;
}
.table>:not(caption)>*>*{
	
	color: #595F66!important;
	font-weight: 100!important;
	background-color:rgba(0,0,0,0.0)!important;
}


.accordion-title {
    width: 100%;
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 0.4px solid black;
    font-size: 17px;
    letter-spacing: 1.5px;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    transition: click .5s ease-in-out;

}
@media screen and (min-width:300px){
.chihou{

    margin-top: 0px;
    padding-top: 0px;
    width: 45px;
    border: 0px solid black;
    font-size: 10px;

	} }

@media screen and (min-width:1000px){
.chihou{
        margin-top: 0px;
        padding-top: 0px;
        width: 70px;
        border: 0px solid black;
        font-size: 11.5px;
        letter-spacing: 1px;
    
    } }

@media screen and (min-width:300px){
.basho{
    margin-left: 20px;
    display: flex;
    transition: transform .4s;
	}  }

@media screen and (min-width:1000px){
.basho{
        margin-left: calc(100%/7 - 100px);
        display: flex;
        transition: transform .4s;
    
    }  }

.basho:hover{
	
	cursor: pointer;
	background: rgba(255, 255, 255, 0.37);
}
      
.accordion-box{
    display: flex;
padding-top: 15px;
	display: none;
padding-left: 5px;
            }
.close{
	display: none;
}
.open{
	
display: flex;
border: 0px solid black;
padding-left: 0px;	
}
.accordion-items .accordion-item section .close::after {
    content: "\f077";
    font-weight: 1000;
    font-family: "Font Awesome 5 Free";
}

@media screen and (min-width:300px){
.index_class{
        line-height: 0px;
        font-size: 11px;
        /* margin-top: 0px; */
        /* padding: 0px; */
        display: flex;
        height: auto;
        margin-bottom: 0px;
        flex-wrap: wrap;
    
    }}

@media screen and (min-width:1000px){
.index_class{
        line-height: 0px;
        font-size: 10px;
        margin-top: 0px;
        padding: 0px;
        display: block;
    
    }}

@media screen and (min-width:300px){
.index_class p{
        margin-bottom: 7px;
        background: none;
        border-radius: 10px;
        margin-right: 5px;
        height: 20px;
        padding: 10px 10px 10px 10px;
        width: fit-content;
        border: 0.7px solid black;
    
    }}

@media screen and (min-width:1000px){
.index_class p{
	margin-right: 0px;
    margin-bottom: 5px;
    border-radius: 100px;
    padding: 10px 10px 10px 10px;
    width: fit-content;
    border: 0.7px solid black;

	}}


@media screen and (min-width:300px){
.index_des{
        line-height: 22px;
        font-size: 13px;
        letter-spacing: 1px;
    
    }}

@media screen and (min-width:1000px){
.index_des{

	line-height: 22px;
	font-size: 13px;
	letter-spacing: 1.3px;
	}}


@media screen and (min-width:300px){
.class_komoku_1{

width: 100%;
margin-bottom: 20px;
	}}

@media screen and (min-width:1000px){
.class_komoku_1{
        padding-right: 30px;
        width: 17%;
        margin-bottom: 0px;
    
    }}

@media screen and (min-width:300px){
.class_komoku_2{
border: 0px solid black;
	width:100%;
	padding-left: 5px;
	margin-bottom: 20px;
	}}

@media screen and (min-width:1000px){
.class_komoku_2{
        border: 0px solid black;
        width: 14%;
        padding-left: 0px;
        margin-bottom: 0px;
    
    }}

@media screen and (min-width:300px){
.class_komoku_3{
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px;
    
    }}


@media screen and (min-width:1000px){
.class_komoku_3{
        display: flex;
        margin-top: 0px;
        padding-right: 20px;
        width: 23%;
        flex-direction: revert;
        padding-left: 0px;
        margin-bottom: 0px;
    
    }}

.index_class_grade{
	font-family: "alpina_lt";
	margin-top: 30px;
line-height: 3px;
	letter-spacing: 1.3px;
}
.index_class_grade p:before{
	content:"[";

}

.index_class_grade p:after{
	content:"]";
}


@media screen and (min-width:300px){
.class_komoku_4{
        padding-left: 5px;
        border: 0px solid black;
        width: 90%;
        margin-bottom: 50px;
    
    }}

@media screen and (min-width:1000px){
.class_komoku_4{
        margin-bottom: 0px;
        border: 0px solid black;
        width: 20%;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 20px;
    }}
.fade_bg{
	background: rgb(248,242,226);
background: linear-gradient(90deg, rgba(248,242,226,1) 0%, rgba(248,242,226,0.3574408901251739) 32%, rgba(248,242,226,0.372739916550765) 53%);
}
@media screen and (min-width:300px){
.class_komoku_5{
        padding-left: 5px;
        border: 0px solid black;
        width: 95%;
        max-height: 130px;
        overflow: hidden;
        padding-right: 0px;
        margin-bottom: 20px;
    
    }}


@media screen and (min-width:1000px){
.class_komoku_5{
        margin-bottom: 0px;
        border: 0px solid black;
        width: 25%;
        max-height: 144px;
        overflow: hidden;
        padding-left: 0px;
        padding-right: 15px;
    }}
@media screen and (min-width:300px){
.class_komoku_6{
        padding-left: 5px;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 30px;
        border: 0px solid black;
    
    }}

@media screen and (min-width:1000px){
.class_komoku_6{
        width: 6%;
        padding: 0px;
        bottom: 0px;
        padding-left: 0px;
        border: 0px solid black;
    
    }}

@media screen and (min-width:300px){
.class_campaign_readmore{
        text-align: right;
        width: fit-content;
        font-size: 12px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        color: #ffffff;
        border-bottom: 0.7px solid #ffffff;
        text-decoration: none!important;
      padding: 8px 16px;
        border-radius: 100px;
        color: #595F66!important;
        color: rgba(0,0,0,0.29);
        background: white;
    }}

@media screen and (min-width:1000px){
.class_campaign_readmore{
        text-align: right;
        font-size: 11px;
        /* padding: 10px; */
        width: fit-content;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        padding: 8px 16px;
        border-radius: 100px;
        color: #595F66!important;
        color: rgba(0,0,0,0.29);
        background: white;
        /* border-bottom: 0.7px solid #595F66; */
        text-decoration: none!important;
    
    }}

@media screen and (min-width:300px){
.class_readmore{
        text-align: right;
        width: fit-content;
        font-size: 12px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        color: rgb(65, 70, 77);
        border-bottom: 0.7px solid #595F66;
        text-decoration: none!important;
    
    }}

@media screen and (min-width:1000px){
.class_readmore{
        text-align: right;
        font-size: 11px;
        /* padding: 10px; */
        width: fit-content;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        padding: 8px 16px;
        border-radius: 100px;
        color: #595F66!important;
        color: rgba(0,0,0,0.29);
        background: white;
        /* border-bottom: 0.7px solid #595F66; */
        text-decoration: none!important;
    
    }}


.class_readmore:hover{
    border-bottom: 0.7px solid #595F66;
    color: rgb(65, 70, 77);
    opacity: 50%;

}
@media screen and (min-width:300px){
.index_class_title{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        letter-spacing: 1px;
        font-size: 18px;

        padding-left: 5px;
    
    }}

@media screen and (min-width:1000px){
.index_class_title{
        font-size: 14px;
        padding-left: 5px;
        padding-right: 3px;
    
    }}

.komoku_1{
    border: 0px solid black;
    width: 17%;
}

.komoku_2{
    border: 0px solid black;
    width: 14%;
}
.komoku_3{
    width: 23%;
}
.komoku_4{
    width: 20%;
}
.komoku_5{
    width: 20%;
}
.komoku_6{
	width: 6%;
}
@media screen and (min-width:300px){
#individual_page{
margin-top: 0px;
	display: flex;
	width: 100%;
	color: rgb(65, 70, 77);
	}}


@media screen and (min-width:1000px){
#individual_page{
margin-top: 20px;
	display: flex;
	width: 100%;
	color: rgb(65, 70, 77);
		background-color:#fffefb!important;
	}}

@media screen and (min-width:300px){
.backtoall{
        /* width: 100vw; */
        height: 10px;
        left: 20px;
        position: fixed;
        background: #fffefb;
    
    }}


@media screen and (min-width:1000px){
.backtoall{
        width: fit-content;
        /* display: grid; */
        position: static;
        width: 80%;
        margin: 0px auto;
        grid-column: 3/6!important;
    
    }}


@media screen and (min-width:300px){
.backtoall a{
        position: fixed;
        text-decoration: none;
        color: rgba(0,0,0,0.59)!important;
        background: #fffefb;
        font-family: "alpina_lt"!important;
        /* width: 100%; */
        font-size: 13px;
        border-bottom: 1px solid rgba(0,0,0,0.59)!important;
        padding-top: 10px;
        top: 0px;
        z-index: 1;
        /* width: 100%; */
    
    }}

@media screen and (min-width:1000px){
.backtoall a{
        /* position: fixed; */
        text-decoration: none;
        color: rgba(0,0,0,0.29)!important;
        /* grid-column: 3/6; */
        font-family: "alpina_lt"!important;
        font-size: 13px;
        border-bottom: 1px solid rgba(0,0,0,0.29)!important;
    
    }}



.backtoall a:hover{
color: #595F66!important;
		border-bottom: 1px solid #595F66!important;
}

@media screen and (max-width:1000px){
.backtoall_event{
        width: fit-content;
        /* display: grid; */
        
        width: 100%;
        margin: 0px auto;
      
    
    }}
@media screen and (min-width:1000px){
.backtoall_event{
        width: fit-content;
        /* display: grid; */
       
        width: 80%;
        margin: 0px auto;
        grid-column: 3/6!important;
    
    }}
.backtoall_event a{
        /* position: fixed; */
        text-decoration: none;
        color: #393939;
        /* grid-column: 3/6; */
        font-family: "alpina_lt","Shippori Mincho", "serif";
        font-size: 14px;
        margin-left: 20px;
        /* bottom: 20px; */
        /* position: absolute; */
    }
@media screen and (max-width:430px){
.backtoall_article {
width: 100%;
letter-spacing: 1px;
color: white;
margin-top: 20px;
text-align: center;
font-size: 12px;
background: #666464;
/* padding: 8px 0px; */
margin-bottom: 0px;
	}}

@media screen and (min-width:430px){
.backtoall_article {
	font-family: "alpina_lt","Shippori Mincho", "serif";
margin-bottom: 0px;
	margin-top: 0px;
	border: 0px solid black;
	text-align: center;
	text-decoration: none;
	color:rgba(0,0,0,0.29)!important;

	font-size: 12px;
	border-bottom: 0px solid rgba(0,0,0,0.29)!important;
	padding-left:8%;
	}}

@media screen and (max-width:430px){
.backtoall_article a{
        text-decoration: none;
        color: white;
        background: #666464;
    line-height: 50px;
    }}
@media screen and (min-width:430px){
.backtoall_article a{
	letter-spacing: 1px;
		font-family: "alpina_lt","Shippori Mincho", "serif";
	width: 100px;
	padding: 8px 45px 8px 45px;
	text-decoration: none;
	color: white;
	line-height: 50px;
	background:rgba(0, 0, 0, 0.8);
	}}


@media screen and (min-width:300px){
.indivi_grid{
	display: block;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

	}}

@media screen and (min-width:1000px){
.indivi_grid{
	display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

	}}

@media screen and (min-width:300px){
.indivi_left{
margin: 0px auto;
        width: 80%;
        line-height: 27px;
        font-size: 14px;
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std, sans-serif !important;
        letter-spacing: 1.7px;
	}}


@media screen and (min-width:1000px){
.indivi_left{
	grid-column: 3/6;
	letter-spacing: 1px;
	line-height: 22px;
	font-size: 13px;
}
	}


.indivi_left p{
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-top: 31px;
    padding: 0px;
    letter-spacing: 1.3px;
    margin-left: -7px;
    font-size: 11px;
    font-family: "alpina_lt";
}

@media screen and (min-width:1000px){
.indivi_left p{
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 6px;
	margin-top: 45px;
	padding: 0px;
	letter-spacing: 1.3px;
	margin-left: -7px;
	font-size: 11px;
	color: rgb(65, 70, 77);
	font-family: "alpina_lt";
	}}
.indivi_left a{
    text-decoration: none;
    color: rgb(0 0 0 / 48%);
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif;
    font-size: 13px;
    line-height: 0px;
    border-bottom: 0px solid black;
}
.indivi_left a:hover{
	cursor: pointer;
	color: #595F66!important;
}

@media screen and (min-width:300px){
.indivi_right{
	margin-top: 60px;
	font-size: 14px;
	font-family: "alpina_lt","Shippori Mincho", "serif";
	width: 83%;
	margin: 0px auto;
	line-height: 26px;
	}}


@media screen and (min-width:1000px){
.indivi_right{
        margin-top: 60px;
        font-size: 14px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        grid-column: 7/13;
        line-height: 25px;
    }}
@media screen and (min-width:300px){
.classdescrition{
	display:block;
	margin-top: 100px;
	
	font-family: "alpina_lt","Shippori Mincho", "serif";
	font-size: 11px;
	}}

@media screen and (min-width:1000px){
.classdescrition{
	display: flex;
	margin-top: 100px;
	
	font-family: "alpina_lt","Shippori Mincho", "serif";
	font-size: 11px;
	}}

.description_subtitle{
	margin-right: 40px;
	width: 40%;
}

@media screen and (min-width:1000px){
.description_subtitle{
	margin-right: 40px;
	width: 20%;
	}}


.classtext{
    font-size: 14px;
    margin-top: 60px;
    width: 100%;
    letter-spacing: 1.3px;
    margin-left: 0%;
	    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif;
}

@media screen and (min-width:1000px){
	
	.classtext{
		        font-family: "alpina_lt","Shippori Mincho", "serif";font-size: 14px;margin-top: 60px;width: 80%;letter-spacing: 1.5px;margin-left: 2.5%;}
}
	
	
	
.tutortext{
    line-height: 20px;
    font-size: 11px;
    width: 95%;
    margin-left: 2.5%;
    margin-top: 60px;
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;

}

@media screen and (min-width:300px){
.prefecture{
        font-family: "alpina_lt","Shippori Mincho", "serif";
        margin-top: 90px;
        font-size: 15px;
    
    }}


@media screen and (min-width:1000px){
.prefecture{
	font-family: "alpina_lt","Shippori Mincho", "serif";
	margin-top: 100px;
	font-size: 15px;
	}}


.nameofclass{
	margin-left: -7px;
	margin-top: 20px;
	line-height: 30px;
	letter-spacing: 0.8px;
	font-size: 20px;	
	font-family: "alpina_lt","Shippori Mincho", "serif";
}

.cv{	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
display: grid;
	margin-top: 30px;
}
@media screen and (min-width:300px){
.cv_item{margin-left: 0px;grid-column: 1/16;display: flex;margin-top: -1px;margin-bottom: 17px;}}

@media screen and (min-width:1000px){
.cv_item{
        margin-left: 0px;
        grid-column: 4/15;
        display: flex;
        margin-bottom: 14px;
    }}

.cv_year{
    width: 23%;
     font-family: "ar", "Shippori Mincho"!important;
    font-size: 13px;
}
.cv_text{
    font-size: 11px;
    line-height: 20px;
    width: 76%;
    font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;

}

.cv_text{font-size: 13px;line-height: 22px;width: 76%;letter-spacing: 1.3px;font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;}


@media screen and (min-width:300px){
.tutor_img{
        width: 100%;
        margin-top: 130px;
        margin-left: 0px;
       /*   -webkit-filter: grayscale(90%);
        filter: grayscale(100%);*/
    
    }}



@media screen and (min-width:1000px){
.tutor_img{
        /* margin-left: 0px; */
        width: 160px;
        position: absolute;
        right: 40px;
        margin-top: 160px;
        padding-right: 0px;
        /* grid-column: 13/15; */
        /*    -webkit-filter: grayscale(90%);
        filter: grayscale(100%);
    */
    }}

.tutor_img_grid{
	border: 0px solid black;

}
@media screen and (min-width:300px){
.tutor_img img{
        width: 180px;
        height: 210px;
        object-fit: cover;
    
    }}

@media screen and (min-width:1000px){
.tutor_img img{
        width: 160px;
        height: 190px;
        object-fit: cover;
    
    }}

@media screen and (min-width:300px){
.imggallery{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        display: grid;
        margin-bottom: 270px;
    
    }}


@media screen and (min-width:1000px){
.imggallery{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
display: grid;
	margin-bottom: 250px;
	}}

@media screen and (min-width:300px){
 .slider{
	 height: 100%;
  margin-top: 90px;
	 	grid-column: 2/15;
border: 0px solid black;
	}}


@media screen and (min-width:1000px){
 .slider{
	 height: 95%;
  margin-top: 150px;
	 	grid-column: 6/15;
border: 0px solid black;
	}}




    .slider img{
    max-height: 620px;
    object-fit: cover;
    object-position: 50% 0%;;
    width: calc(100% - 15px);

}
    .slider .slick-slide{
        height:auto!important;
		 margin-right: 0.2vw!important;
    margin-left:0.2vw!important;
    }
    .slider .slick-arrow{
        z-index:2!important;
    }
    .slider .slick-next{
        right:0!important;
    }
    .slider .slick-prev{
        left:0!important;
    }

.classimg_subtitle{
	font-family: "alpina_lt","Shippori Mincho", "serif";
	color:#595F66!important;
	font-size: 10px;
	padding-top: 10px;
}
.hokkaido{
	width: auto;
}
.notActive {
	height: 0px;
 display: none!important;
  pointer-events: none;
}
#individual_page .hokkaido:after{
	content: "北海道";
		}

  .list-container {
    cursor: pointer;
    padding: 0px;
    border: 0px solid #ccc;
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
    margin-left: 12px;

}

        .hidden-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    margin-top: 4px;

}

        .hidden-list li {
    list-style-type: none;
    padding: 2px 0;
    margin-left: 40px;

}
#responseMsg{
	margin-top: 30px;
	color: white;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 20px;
}
#contactForm{
    letter-spacing: 1px;
    color: white;
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
    font-size: 11px;
    font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
#contactForm input::placeholder {
  color:white;
	font-size: 11.5px;
	letter-spacing: 1px;

}

#contactForm input[type="text"]{
    color: white;
}
#contactForm input[type="email"]{
    color: white;
}


.typearea{
	border-radius: 0px;
    padding-bottom: 8px;
    font-family: "游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    /* padding: 5px; */
    margin-top: 4px;
    width: 98%;
	margin-bottom: 10px;
    color: white;
	font-size: 15px;
    outline: none;
    box-shadow: none;
    background: transparent;
    border-bottom: 0.8px solid white;
    border-left: transparent;
    border-top: transparent;
    border-right: transparent;
}
.send{
    border-radius: 0px;
    font-family: "alpina_lt","Shippori Mincho";
    background: rgba(255, 255, 255, 0.19);
    margin-top: 27px;
    /* padding: 8px; */
    padding: 8px 0px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    border: 0.7px solid white;
    color: white;
}
@media screen and (min-width:1000px){
.send{
    border-radius: 0px;
    font-family: "alpina_lt","Shippori Mincho";
    background: rgba(255, 255, 255, 0.19);
    margin-top: 27px;
    /* padding: 8px; */
    padding: 8px 0px;
    width: 100%;
    font-size: 13px;
    letter-spacing: 1px;
    border: 0.7px solid white;
    color: white;
	}}
.send:hover{
    background: rgba(255, 255, 255, 0.8);
	  color: dimgrey;
	cursor: pointer;
}

.newsletter_jp{
		font-family: "alpina_lt","Shippori Mincho", "serif";
	font-size: 14px;
		margin-left: 0px;
}
@media screen and (min-width:1000px){
	
.newsletter_jp{
		margin-left: 0px;
		font-family: "alpina_lt","Shippori Mincho", "serif";
	font-size: 13px;
}
}
.newsletter_en{
    font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    margin-bottom: 3px;
    letter-spacing: 1px;
		margin-left: 0px;

}
@media screen and (min-width:1000px){
.newsletter_en{
    font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    margin-bottom: 3px;
    letter-spacing: 1px;
		margin-left: 0px;

	}}


@media screen and (max-width:730px){
#contact{
margin-top: 150px;
	color:#393939 ;
	background: #fffffc!important;
	}}

@media screen and (min-width:730px){
#contact{
margin-top: 250px;
	color:#393939 ;
	background: #fffffc!important;
	}}

@media screen and (min-width:300px){
.grid_page{
        grid-template-rows: auto;
        margin-top: 80px;
        margin-bottom: 100px;
        display: block;
        border: 0px solid pink;
    
    }}


@media screen and (min-width:1000px){
.grid_page{
        margin-top: 70px;
        display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        border: 0px solid pink;
    
    }}

@media screen and (max-width:730px){
.common_text{
margin-top: 30px;
		text-transform:inherit;
	font-size: 12px;
	line-height: 23px;
	letter-spacing: 1.5px;
        font-family:"游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	
	}}
@media screen and (min-width:730px){
.common_text{

		text-transform:inherit;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: 1.5px;
        font-family:"游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	
	}}
.dot{
	width: 20px;
	height: 50px;
	float: left;
	margin-right: 10px;
}
@media screen and (max-width:730px){
.komejirushi{
		letter-spacing: 1.5px;
	margin-top: 40px;
	line-height: 20px;
	     font-family:"游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 11px;
	}}
@media screen and (min-width:730px){
.komejirushi{
		letter-spacing: 1.5px;
	margin-top: 30px;
	     font-family:"游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 11px;
	}}

@media screen and (max-width:730px){
.contact_button{
width: 100%;
letter-spacing: 1px;
color: white;
margin-top: 50px;
text-align: center;
font-size: 12px;
background: #666464;
padding: 8px 0px;
	}}

@media screen and (min-width:730px){
.contact_button{
	width: fit-content;
		letter-spacing: 1px;
	color: white;
margin-top: 50px;
	font-size: 12px;
	background:#666464;
	padding: 8px 60px;
	}}

.contact_button a{
	text-decoration: none;
	color: white;
}
.contact_button:hover{
	opacity: 0.7;
}
@media screen and (max-width:730px){
.contacts{
	margin-top: 140px;
		margin-bottom: 200px;
	}}
@media screen and (min-width:730px){
.contacts{
	margin-top: 200px;
		margin-bottom: 200px;
	}}


@media screen and (min-width:300px){
.midashi_text_jp{
     text-transform: inherit;
        font-size: 13px;
        line-height: 23px;
        letter-spacing: 1px;

    font-family:"Shippori Mincho", "serif";
    }}

@media screen and (min-width:1000px){
.midashi_text_jp{
        height: auto;
        text-transform: inherit;
        font-size: 14px;
        line-height: 27px;
        letter-spacing: 1px;
        font-family: "Shippori Mincho", "serif";
    
    }}

#responseMsg_c{
	margin-top: 30px;
  color:rgba(0,0,0,0.87);
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#contactForm_c{
    letter-spacing: 1px;
  color:rgba(0,0,0,0.87);
    width: 100%;
    margin-top: 70px;
    font-size: 11px;
    font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
#contactForm_c input::placeholder {
  color:rgba(0,0,0,0.40);
	font-size: 11.5px;
	letter-spacing: 1px;

}

.typearea_c{
    padding-bottom: 8px;
    font-family: "游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	border-radius: 0px!important;
    /* padding: 5px; */
    margin-top: 4px;
    width: 100%;
    color: rgba(0,0,0,0.87);
    outline: none;
    box-shadow: none;
    background: transparent;
    border-bottom: 0.8px solid rgba(0,0,0,0.87);
    border-left: transparent;
    border-top: transparent;
    border-right: transparent;
}
.send_c{
    font-family: "alpina_lt","游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    background:#666464;
    margin-top: 40px;
    padding: 8px;
    width: 100%;
	border-radius: 0px!important;
    letter-spacing: 1px;
border: 0px solid black;
    color: white;

}
.send_c:hover{
    background: #666464;
	  color: white;
	opacity: 0.7;
	cursor: pointer;
}



@media screen and (max-width:730px){
#popup{margin-bottom: 100px;
		margin-top: 50px;
	color:#393939!important;
	}}




@media screen and (min-width:730px){
#popup{
	margin-bottom: 100px;
		margin-top: 250px;
	color:#393939!important;
	}

#popup img{width: 100%;
	height: auto;
	
}
.popup_img{
width: 90%;
height: auto;
margin-left: 5%;
}}

@media screen and (max-width:730px){
.title_text_jp{
	text-align: center;
	letter-spacing: 1.5px;
	font-size: 16px;
	margin-bottom: 40px;
	}}

@media screen and (min-width:730px){
.title_text_jp{
	text-align: center;
	letter-spacing: 1.5px;
	font-size: 20px;
	margin-bottom: 40px;
	}}
@media screen and (max-width:730px){
.popup_text{
        text-align: left;
        font-size: 13px;
        line-height: 24px;
        margin: 35px auto;
        letter-spacing: 1px;
        font-family: "Shippori Mincho", "serif";
    
    }}

@media screen and (min-width:730px){
.popup_text{
	text-align: left;
	font-size:13px;
	line-height: 27px;
	margin: 50px auto;
	letter-spacing: 1.5px;
	font-family: "Shippori Mincho", "serif";
	}}
.popup_text img{
	width: 100%!important;
	height: auto;
}
@media screen and (min-width:730px){
.popup_text img{
width: 70%!important;
height: auto;
margin: 0px auto;
margin-left: 15%;
	}}

.popup_detail_list{
    border-top: 0.5px solid black;
    padding-top: 10px;
    display: block;
    margin-bottom: 50px;

}
.popup_detail_list a{
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
	       color: rgba(0, 0, 0, 0.8);
}
.popup_list_title{
    width: 100%;
    letter-spacing: 1.5px;
    font-size: 13px;

}
.popup_list_title:before{
	content:"◼︎";
	margin-right: 7px;
	
}
.popup_detail_text{
    width: 100%;
    letter-spacing: 1.2px;
    line-height: 21px;
    font-size: 11px;
    margin-left: 0px;
    margin-top: 20px;
    font-family: "游ゴシック体", YuGothic,  "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
.popup_duration{
	margin-bottom: 100px;
	text-align: center;
}

@media screen and (max-width:730px){
.duration_date{font-family: "alpina_lt","Shippori Mincho", "serif";
		letter-spacing: 1.5px;
	font-size: 13px;
	}}

@media screen and (min-width:730px){
.duration_date{font-family: "alpina_lt","Shippori Mincho", "serif";
		letter-spacing: 1.5px;
	font-size: 15px;
	}}
.duration_title{
	line-height: 40px;
		font-family: "alpina_lt","Shippori Mincho", "serif";
	font-size: 13px;
}
.duration_dot{
	color:brown;
	}
/* 初期状態：下にズレて透明 */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
  will-change: opacity, transform;
}

/* 画面内に入ったら可視化 */
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    transition: none;
    transform: none;
    opacity: 1;
  }
}
@media screen and (max-width:730px){
#event{
margin-top: 60px;
	color:#393939 ;
	background:#fffffc;
	}}

@media screen and (min-width:730px){
#event{
margin-top: 200px;
	color:#393939 ;
	background:#fffffc;
	}}


@media screen and (min-width:300px){
.event_top{
        /* margin-left: 10%; */
        grid-column: 3/14;
        border-radius: 0px;
        display: flex;
        width: 100%;
        height: fit-content;
        margin-bottom: 70px;
        overflow: scroll;
    
    }}

@media screen and (min-width:1000px){
.event_top{
        scrollbar-color: #666464 white;
        border-radius: 0px;
        display: flex;
        margin-bottom: 150px;
        /* overflow: scroll; */
        grid-column: 5/14;
    
    }}

.event_top::-webkit-scrollbar-track{
	background-color: pink;
		border-radius: 0px;
}
.event_top::-webkit-scrollbar-thumb{
	background-color: pink;
	border-radius: 0px;
	
}

@media screen and (max-width:1000px){
.new_news{
        padding: 20px;
        min-width: 290px;
        border-right: 0.7px solid #666464;
        /* border-left: 0.7px solid #666464; */
    }}

@media screen and (min-width:1000px){
.new_news{
        letter-spacing: 1.4px;
        padding: 10px 20px;
        min-width: 300px;
        border-left: 0.7px solid #666464;
    
    }}

.new_news a{
	text-decoration: none;
	color: rgb(57, 57, 57);
}
.new_news:hover{
	background: white;
	cursor: pointer;
}
@media screen and (max-width:1000px){
.new_news_title{
    font-family: "alpina_lt","Shippori Mincho", "serif";
    font-size: 15px;
    margin-bottom: 40px;
    letter-spacing: 1px;
	}}
@media screen and (min-width:1000px){
.new_news_title{
    font-family: "alpina_lt","Shippori Mincho", "serif";
    font-size: 14px;
    margin-bottom: 40px;
    letter-spacing: 1px;
	}}
.new_news_date{
    font-size: 12px;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    margin-bottom: 5px;
    letter-spacing: 1px;
}

@media screen and (max-width:1000px){
.new_news_tag{
    font-family: "alpina_lt","Shippori Mincho", "serif";
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-transform: uppercase;
	}}

@media screen and (min-width:1000px){
.new_news_tag{
    font-family: "alpina_lt","Shippori Mincho", "serif";
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 60px;
    text-transform: uppercase;
	}}

.highlight_tag{
width: fit-content;
	padding: 3px 15px;
	color: rgb(57, 57, 57) ;
	border: 0.9px solid rgb(57, 57, 57) ;
}
.new_news_text{
	   font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	   font-size: 12px;
	   line-height: 22px;

	   margin-bottom: 60px;
	   display: -webkit-box;        /* Flexbox の古い仕様を利用 */
	   -webkit-line-clamp: 5;       /* 行数を指定（ここでは3行） */
	   -webkit-box-orient: vertical;
	   overflow: hidden;
}
.new_news_text:after{
	content: "...";
}
.new_news_text a{
	text-decoration: none;
	border: px solid black;
}
.new_news_text .s1{
	text-decoration: none;
	border: 0px solid black;
	letter-spacing: 1px;
}
.new_news_img{
	width: 100%;
}
.new_news_img img{
	width: 100%;
}

@media screen and (max-width:1000px){
.news_text{
	   font-family: "alpina_lt","Shippori Mincho", "serif";
	   font-size: 14px;
	   letter-spacing: 1px;
	   width: 100%;
	   line-height: 20px;
	   padding: 0px;
	   margin-bottom: 30px;
	}}

@media screen and (min-width:1000px){
.news_text{
        padding-right: 20px;
        line-height: 30px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        font-size: 13px;
        width: 80%;
    }}

@media screen and (max-width:1000px){
.news_date{
		font-size: 12px;
		font-family: "alpina_lt","Shippori Mincho", "serif";
		width: 50%;
		padding-left: 4px;
		letter-spacing: 1.2px;
	}}

@media screen and (min-width:1000px){
.news_date{
        font-size: 12px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        width: 16%;
        line-height: 30px;
        letter-spacing: 1px;
    }}
@media screen and (max-width:1000px){
.news_tag{text-align: right;
		font-size: 12px;
	 		font-family: "alpina_lt","Shippori Mincho", "serif";
	width: 50%;
	letter-spacing: 1.2px;
text-transform:uppercase;
	flex-flow: column-reverse;
	}}

@media screen and (min-width:1000px){
.news_tag{
        display: flex;
        text-align: right;
        font-size: 12px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        line-height: 30px;
        width: 17%;
        letter-spacing: 1.2px;
        text-transform:uppercase;
        flex-flow: column;
    }}

.news_tag:before{
	letter-spacing: 1.4px;
		font-family: "alpina_lt","Shippori Mincho", "serif";
	margin-left: 10px;

}

@media screen and (max-width:1000px){
.event_archive{border-bottom: 0.7px solid #666464;
        padding: 24px 7px;
	display: flex;flex-wrap: wrap;width: 100%;}}
@media screen and (min-width:1000px){
.event_archive{
        border-bottom: 0.7px solid #666464;
        display: flex;
        padding: 10px 10px;
    
    }}
@media screen and (min-width:1000px){
.event_archive a{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	color:rgb(57, 57, 57);
	text-decoration: none;
	}}

@media screen and (max-width:1000px){
.event_archive a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	color:rgb(57, 57, 57);
	text-decoration: none;
	}}

.event_archive_whole a{
	
	color:rgb(57, 57, 57);
	text-decoration: none;
}
.event_archive:hover{
background: white;
	cursor: pointer;
}

@media screen and (max-width:1000px){
.event_archive_whole{
        width: 95%;
        margin: 0px;
        margin: 120px auto;
        border: 0px solid black;
    }}

@media screen and (min-width:1000px){
.event_archive_whole{
        width: 95%;
        margin-top: 40px;
        padding-bottom: 200px;
        grid-column: 5/16;
        border: 0px solid black;
    
    }}
.event_archive_whole li:first-child{

border-top: 0.7px solid #666464!important;

}

@media screen and (min-width:300px){
.event_subtitle{
        font-size: 15px;
        margin-bottom: 70px;
        margin-left: 0px;
        height: 50px;
        /* margin-top: 90px; */
        line-height: 6px;
    
    }}

@media screen and (min-width:1000px){
.event_subtitle{
	font-size:16px;     
	height: 10px;
	        margin-bottom: 0px;
	}}

@media screen and (min-width:300px){
.event_subtitle_news{
        width: calc(100% - 20px);
        height: 0px;
        grid-column: 11/13;
        padding: 0px 0px 0px 20px;
        /* border-right: 0.7px solid #595F66; */
    }}


@media screen and (min-width:1000px){
.event_subtitle_news{
        border-right: 0px solid black;
        grid-column: 3/5;
        width: 100%;
        height: 170px;
        /* padding: 0px; */
    
    }}

@media screen and (max-width:1000px){
.event_select{
        margin: 0px auto;
        width: 100%;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        font-size: 12px;
        margin-bottom: 50px;
        color: rgb(65, 70, 77);
        /* display: flex; */
        line-height: 15px;
    
    }}

@media screen and (min-width:1000px){
.event_select{
        /* display: flex; */
        /* grid-column: 5/16; */
        width: 100%;
        /* position: -webkit-sticky; */
        font-family: "alpina_lt","Shippori Mincho", "serif";
        font-size: 12px;
        margin-top: 100px;
        /* color: rgb(65, 70, 77); */
        line-height: 20px;
    
    }}

.event_select p{
    width: 170px;
    margin-left: 10px!important;
margin: 6px;

}
.event_select p .active{
	margin-left: 10px;
}
.event_select p .active:before{
	content: "[ ";
	margin-right: 4px;
color: #393939;
}

.event_select p .active:after{
	content: " ]";
	margin-right: 4px;
color: #393939;
}
@media screen and (max-width:1000px){
.event_select a{
width: 100px;
	
	font-size: 13px;
	text-transform:uppercase;
	letter-spacing: 1.1px;

color: #393939;
	margin-left: 3px;
	text-decoration: none;
	}}
@media screen and (min-width:1000px){
.event_select a{
        /* padding: 5px 50px; */
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1.1px;
        /* background-color: #666464; */
        /* color: white; */
        margin-left: 3px;
        text-decoration: none;
	color: #393939;
    
    }}


.event_select a:hover{
cursor: pointer;
	color: #393939;
padding-bottom: 3px;
border-bottom: 0.7px solid black;
}


@media screen and (min-width:300px){
.event_single_top{
  /* margin-left: 10%; */
     width: 100%;
    
    }}

@media screen and (min-width:1000px){
.event_single_top{
        scrollbar-color: #666464 white;
        display: flex;
        border-radius: 0px;
        display: flex;
        width: 100%;
        margin-bottom: 150px;
        overflow: scroll;
        grid-column: 5/14;
    
    }}

@media screen and (min-width:300px){
.event_single_img_pc{
    /* grid-column: 5/6; */
display:none;

	}}

@media screen and (min-width:1000px){
.event_single_img_pc{
        display: block;
        /* grid-column: 5/6; */
        width: 60%;
        padding-right: 40px;
        margin: 0px;
    
    }}

@media screen and (min-width:300px){
.event_single_img_sp{
        /* grid-column: 5/6; */
        width: 90%;
        margin: 0px auto;
    
    }}

@media screen and (min-width:1000px){
.event_single_img_sp{
display:none;
    
    }}
.event_single_img_pc img{
	width: 100%;
}
.event_single_img_sp img{
	width: 100%;
}
@media screen and (min-width:300px){
.event_single_top_text{
        letter-spacing: 1.4px;
        margin: 0px auto;
        width: 85%;
        padding-left: 20px;
        overflow-wrap: anywhere;
        /* min-width: 260px; */
        border-left: 0.7px solid #666464;
    
    }}
@media screen and (min-width:1000px){
.event_single_top_text{
        overflow-wrap: anywhere;
        letter-spacing: 1.4px;
        padding: 10px 30px;
        width: 70%;
        /* min-width: 260px; */
        border-left: 0.7px solid #666464;
    
    }}
.event_single_top_title{overflow-wrap: anywhere;
	    font-family: "alpina_lt","Shippori Mincho", "serif";
    font-size: 17px;
	line-height: 29px;
    margin-bottom: 40px;
}
@media screen and (min-width:300px){
.event_single_text{overflow-wrap: anywhere;
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13px;
        line-height: 30px;
        width: 95%;
        letter-spacing: 1.2px;
        margin: 0px auto;
        padding-top: 50px;
        margin-bottom: 60px;
    
    }}
@media screen and (min-width:1000px){
.event_single_text{overflow-wrap: anywhere;
	   font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
	   font-size: 12px;
	   line-height: 28px;
	   width: 95%;
	   padding-top: 0px;
	   letter-spacing: 1.2px;
	   margin-left: 2.5%;
	   margin-bottom: 60px;
	}}

.event_single_text a{
			color: #393939;
	opacity: 70%;
	text-decoration: none;
	border-bottom: 0.8px solid  #393939;
	
}

@media screen and (max-width:1000px){
.event_single_text img{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13px;
        line-height: 30px;
        width: 90%;
        border: 0px solid black;
        letter-spacing: 1.2px;
        margin-left: 5%;
        margin-top: 50px;
        /* margin: 40px auto; */
        margin-bottom: 50px;
    
    }}

@media screen and (min-width:1000px){
.event_single_text img{
        font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 13px;
        line-height: 30px;
        width: 70%;
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 15%;
        border: 0px solid black;
        letter-spacing: 1.2px;
        /* margin: 50px auto; */
    
    }}

@media screen and (max-width:1000px){
.page_button{
        background: #fffffc;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1;
        height: 30px;
        text-align: center;
        font-size: 14px;
        letter-spacing: 1.4px;
        padding-top: 60px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
    }}
@media screen and (min-width:1000px){
.page_button{
	background: none;
	margin-left: 10px;
	font-size: 12px;
	letter-spacing: 1.4px;
	margin-top: 3px;
	font-family: "alpina_lt","Shippori Mincho", "serif";

	}}
.page_button a{
margin-right: 10px;
	padding-bottom: 3px;
	border-bottom: 0px solid #393939;
	text-decoration: none;
		color: #393939;
}

@media screen and (max-width:730px){
#event_single{
        margin-top: 170px;
        color: #393939;
        background: #fffffc;
    
    }}

@media screen and (min-width:730px){
#event_single{
margin-top: 200px;
	color:#393939 ;
	background: #fffffc;
	}}


@media screen and (min-width:300px){
.top_subtitle_news_single{
display: none;
    
    }}


@media screen and (min-width:1000px){
.top_subtitle_news_single{
        border-right: 0px solid black;
        grid-column: 3/5;
        width: 100%;
        display: block;
        /* padding: 0px; */
    
    }}
br.pc{
  display: inline;
}

@media (max-width: 768px) {
  br.pc {
    display: none;
  }
}
.highlight_news{
	width: 100%;
}
@media (max-width: 768px) {
.gallery__subtitle{display: grid;margin-top: 140px;grid-column: 2/14;margin-bottom: 100px;}}

@media (min-width: 768px) {
.gallery__subtitle{display: grid;margin-top: 140px;grid-column: 3/14;margin-bottom: 100px;padding-left: 40px;}}


.imggallery_gallery .slider .slick-slide{
	max-width: 400px;
	height:auto!important;
		 margin-right: 0.2vw!important;
    margin-left:0.2vw!important;
	
}

@media screen and (min-width:1000px){
.imggallery_gallery .slider .slick-slide{
        min-width: 400px;
        min-height: 200px;
        max-height: 620px;
        margin-right: 0.2vw!important;
        margin-left: 0.2vw!important;
    
    }}

@media screen and (min-width:300px){
.gallery__subtitle .sub_en{
	line-height: 20px;
	letter-spacing: 0.8px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: "alpina_lt";
	}}

@media screen and (min-width:1000px){
.gallery__subtitle .sub_en{
	line-height: 20px;
	letter-spacing: 0.8px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: "alpina_lt";
	}}



	@media screen and (min-width:300px){
.gallery__subtitle .sub_jp{
    margin-top: 12px;
    line-height: 23px;
    letter-spacing: 1.4px;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    height: 0px;
    /* position: absolute; */
    font-size: 15px;

		}}

	@media screen and (min-width:1000px){
.gallery__subtitle .sub_jp{
    margin-top: 12px;
    line-height: 23px;
    letter-spacing: 1.4px;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    height: 30px;
    /* position: absolute; */
    font-size: 15px;

		}}


.gallery_subtitle{
		font-family: "alpina_lt","Shippori Mincho", "serif";
	letter-spacing: 1.4px;
	line-height: 22px;
	display: block;
	width: calc(100% - 15px);
	border: 0.7px solid #595F66;
	height: 400px;
	padding: 10px;
	font-size: 13px;
}
#gallery_page { width: 100%; height: 100%; color: white; background: rgb(101, 101, 101); }


@media screen and (min-width: 300px) {
  .imggallery_gallery {
        width: 100%;
        margin: 0px auto;
        padding-bottom: 150px;
        /* margin: 0px; */
        padding-top: 22px;
        /* border-top: 0.7px solid white; */
    
    }
}
@media screen and (min-width: 1000px) {
  .imggallery_gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        display: grid;
        padding-left: 40px;
        padding-bottom: 210px;
    }
}
@media screen and (min-width: 300px) {
  .imggallery { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; display: grid; margin-bottom: 350px; }
}
@media screen and (min-width: 1000px) {
  .imggallery { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; display: grid; margin-bottom: 250px; }
}
#gallery_page {width: 100%;height: 100%;padding: 0px;margin: 0px;color: white;background: rgb(101, 101, 101);}
@media screen and (min-width: 300px) {
  .imggallery_gallery .slider {height: 100%;padding-bottom: 60px;margin-top: 90px;border: 0px solid black;}
}

@media screen and (min-width: 1000px) {
  .imggallery_gallery .slider {
        grid-column-start: 6;
        grid-column-end: 15;
        margin-top: 0px;
        border: 0px solid black;
        padding-left: 10px;
    
    }
}
@media screen and (min-width: 300px) {
.imggallery_title{
	margin-bottom: 20px;
	font-size: 15px;
	}}
@media screen and (min-width: 1000px) {
.imggallery_title{
	margin-bottom: 20px;
	font-size: 14px;
	}}
.imggallery_flex { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; display: grid; border: 0px solid black; }

@media screen and (min-width: 300px) {
.imggallery_info {
padding-top: 0px;
padding-right: 25px;
margin-right: 15px;
font-size: 13px;
letter-spacing: 1.5px;
font-family: alpina_lt, "Shippori Mincho", serif;
width: 90%;
margin-left: 5%;


	
	}}

@media screen and (min-width: 1000px) {
.imggallery_info {
		margin-left: 0%;
	padding-top: 0px;
	padding-right: 25px;margin-right: 15px;
    grid-column-start: 3;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-family: alpina_lt, "Shippori Mincho", serif;
    grid-column-end: 6;
    border-right: 0.7px solid white;

	
	}}
@media screen and (min-width:300px){
.imggallery_text{
	margin-top: 40px;
	 font-size: 13px;
	line-height: 23px;
	}}

@media screen and (min-width:1000px){
.imggallery_text{
	margin-top: 50px;
	 font-size: 11px;
	line-height: 23px;
	}}


@media screen and (min-width:300px){
.grid_15{
	 display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}}

@media screen and (min-width:1000px){
.grid_15{
	 /* margin-left: 40px; */
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}}

@media screen and (min-width:300px){
#blog_feed{
        font-size: 12.5px;
        letter-spacing: 1px;
        color: #595F66!important;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-top: 70px;
        grid-column: 1/15;
    
    }}
@media screen and (min-width:1000px){
#blog_feed{
    font-size: 12.5px;
    letter-spacing: 1px;
    color: #595F66!important;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    padding-right: 30px;
	margin-left: 0px;
    margin-top: 100px;
    grid-column: 4/15;

	}}
@media screen and (min-width:300px){
.blog__subtitle{
        grid-column: 2/14;
        color: rgb(65, 70, 77);
        /* width: 100%; */
        letter-spacing: 1px;
        font-family: "alpina_lt";
        font-size: 15px;
        margin-top: 130px;
        margin-bottom: 30px;
    
    }}

@media screen and (min-width:1000px){
.blog__subtitle{
	grid-column: 4/5;
	margin-top: 200px;
	letter-spacing: 1px;
	font-family: "alpina_lt";
	font-size: 14px;
	margin-bottom: 0px;
	}}

@media screen and (min-width:300px){
.sns_list{
        font-size: 14px;
        letter-spacing: 0.6px;
        margin-top: 60px;
        margin-left: 0px;
        color: rgb(65, 70, 77);
        grid-column: 2/14;
        font-family: "alpina_lt";
    
    }}

@media screen and (min-width:1000px){
.sns_list{font-size: 14px;letter-spacing: 0.6px;margin-top: 190px;margin-left: 0px;color: rgb(65, 70, 77);grid-column: 6/14;font-family: "alpina_lt";}}


@media screen and (min-width:300px){
.sns_title{
    font-size: 13px;
    letter-spacing: 1px;
    color: rgb(65, 70, 77);
    grid-column: 4/14;
    margin-top: 12px;

	}}

@media screen and (min-width:1000px){
.sns_title{
        font-size: 13px;
        letter-spacing: 1px;
        color: rgb(65, 70, 77);
        grid-column: 4/14;
        margin-top: 12px;
    
    }}



.sns_title a{
  text-decoration: none;
    color: rgb(65, 70, 77);
	}

.sns_title a:hover{
  text-decoration: none;
border-bottom: 0.7px solid #595F66;
	}


.instagram_list{
    margin-top: 0px;
    margin-left: 10px;

}
.instagram_title:before{
	font-size: 10px;
	content: "◼︎ ";
}
.instagram_title{
    letter-spacing: 0.3px;
    font-size: 12px;
	 margin-top: 10px;
	    font-family: "ar", "Shippori Mincho";

}
.instagram_title a{
    text-decoration: none;
    color: rgb(65, 70, 77);

    font-size: 12px;

}
.instagram_account a{
    text-decoration: none;
    color: rgb(65, 70, 77);

    font-size: 12px;

}
.instagram_account a:hover{
	opacity: 80%;
	    border-bottom: 0.8px solid #595F66;
}
.crt-post-border{
	border: 0.8px solid #595F66!important;
}
.crt-popup-wrapper .crt-popup .crt-popup-left img{
	width: auto!important;
}

.crt-widget .crt-post{
	
	background-color:#fffffc!important;
}

.crt-post a{

	font-weight: 400!important;
	text-decoration: none;
}

.crt-post-text{
	margin-bottom: 30px!important;
}
.crt-post-footer{
	background: #fffffc!important;
}
.crt-post-share{
	
	display: none;
}
.gallery_line{
	border-color: white;
	border-width: 90%;
	margin: 0px auto;
	
}





.about_us_top {
    font-size: 13px;
    line-height: 25px;
    margin-top: 60px;
    margin-left: 0px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 14;
    font-family: "Shippori Mincho", serif;
}


@media screen and (min-width: 1000px) {
  .about_us_top {
        font-size: 13.5px;
        line-height: 31px;
        margin-left: 0px;
        letter-spacing: 1px;
        width: 100%;
        margin-top: 50px;
        grid-column-start: 4;
        grid-column-end: 8;
        font-family: "Shippori Mincho", serif;
    
    }
}

/* --- Accordion wrapper --- */
.about_accordion {
  border-top: 0.7px solid rgba(0, 0, 0, 0.35);
}

/* 各行 */
.about_item {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.35);
    /* border-top: 0.7px solid rgba(0, 0, 0, 0.35); */

}

/* タイトル行（クリック部分） */
.about_info_title {
    width: 100%;
    /* border-top: 0.7px solid black; */
    display: grid;
    grid-template-columns: 1fr 24px;
    align-items: center;
    background: transparent;
    border: 0;
    padding: 22px 10px;
    margin: 0;
    cursor: pointer;
    text-align: left;

}

/* タイトル文字 */
.about_info_title_text {
    letter-spacing: 1px;
    font-size: 14.5px;
    line-height: 21px;
    text-transform: uppercase;
    color: #41464d!important;
    font-family: "alpina_lt";

}

@media screen and (min-width:1000px){
	
.about_info_title_text {
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "alpina_lt";

}
}



.about_info_title .row {
    display: flex;
    margin-bottom: 0px;

}

.about_info_title .label {
  width: 30px;           /* ラベル幅を固定 */
  font-weight: normal;
}

.about_info_title .value {
  flex: 1;
}

/* 右端アイコン（▼/▲） */
.about_info_icon {
    width: 24px;
    height: 31px;
    position: relative;
    justify-self: stretch;

}

/* 斜線2本で「V」を作る（画像っぽい細い矢印） */
.about_info_icon::before,
.about_info_icon::after {
  content: "";
  position: absolute;
  top: 11px;
  width: 12px;
  height: 1px;
  background: rgba(0, 0, 0, 0.55);
}

.about_info_icon::before {
  left: 2px;
  transform: rotate(45deg);
}

.about_info_icon::after {
  right: 2px;
  transform: rotate(-45deg);
}

/* 開いてる時は上向きに */
.about_item.is-open .about_info_icon::before {
  transform: rotate(-45deg);
}
.about_item.is-open .about_info_icon::after {
  transform: rotate(45deg);
}

/* パネル（開閉する中身） */
.about_info_panel {
    overflow: hidden;
    height: fit-content;
    margin-bottom: 50px;
    margin-top: 10px;
    transition: max-height 280ms ease;

}

/* 中の本文配置（スクショみたいに中央寄せの細いカラム） */
.about_info_text {
    max-width: 100%;
    margin-left: 0%;
    padding: 0px;
    /* margin-bottom: 60px; */
    line-height: 26px;
    letter-spacing: 0.06em;

    font-size: 13px;


}
@media screen and (min-width:1000px){
.about_info_text {
        max-width: 70%;
        margin-left: 30%;
        padding: 16px 0px 16px;
        /* margin-bottom: 60px; */
        line-height: 28px;
        letter-spacing: 1.4px;
        color: rgba(0, 0, 0, 0,9);
        font-size: 13px;
    
    }}

	
/* モバイル時は左右余白を足す */
@media (max-width: 750px) {
  .about_info_text {
        max-width: 85%;
        margin-left: 5%;
        letter-spacing: 1px;
        padding: 0px 0 0px;
        line-height: 29px;
    }
}


@media screen and (min-width:300px){
.about_sub{
	margin-top: 88px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
	}}


@media screen and (min-width:1000px){
.about_sub{
        margin-top: 180px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}


.about_history_right{
    font-size: 13px;
	position: relative;
    line-height: 25px;
    margin-left: 0px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 15;


}
@media screen and (min-width: 1000px) {
.about_history_right{
        font-size: 13px;
        line-height: 25px;
        margin-top: 40px;
        margin-left: 0px;
        width: 100%;
        grid-column-start: 8;
        grid-column-end: 14;

    
    }}
/* 隠す箱 */
.about_history_clip {
    overflow: hidden;
    max-height: 450px;
    transition: max-height 280ms ease;
    position: relative;

}
/* 閉じているときの下グラデ（不要なら消してOK） */
.about_history_right.is-collapsed .about_history_clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/* 開いた状態 */
.about_history_right.is-open .about_history_clip {
  max-height: 9999px; /* JSでscrollHeightを入れる版も下にあるけど、まずはこれでOK */
}

/* ボタン（常に表示） *

/* ボタン */
.readmore_btn {
margin-left: calc(45% - 88px);
    border: 0;
    width: 190px;
    line-height: 32px;
    height: 35px;
    background: #474747;
    color: white;
    padding: 0;
    margin-top: 40px;
    font-size: 13px;
    letter-spacing: 0.08em;
    cursor: pointer;
    text-decoration: none;
	 font-family: "Shippori Mincho", serif;

}

@media screen and (min-width:1000px){
.readmore_btn {
    margin-left: calc(45% + 0px);
    border: 0;
    width: 200px;
    height: 32px;
    background: #474747;
    color: white;
    padding: 0;
    margin-top: 40px;
    font-size: 12px;
    letter-spacing: 0.08em;
    cursor: pointer;
    text-decoration: none;

	}}


/* ボタン */
.about_enterprises_block .readmore_btn {
    margin-left: calc(45% - 78px);
    border: 0;
    width: 190px;
    height: 35px;
    background: #474747;
    color: white;
    text-align: center;
    padding: 0;
    margin-top: 80px;
    font-size: 12px;
    letter-spacing: 0.08em;
    cursor: pointer;
    text-decoration: none;
     font-family: "Shippori Mincho", serif;
}

@media screen and (min-width:1000px){
.about_enterprises_block  .readmore_btn {
/* margin-left: calc(45% + 0px); */
border: 0;
width: 200px;
margin: 80px auto;
height: 32px;
    background: #474747;
color: white;
padding: 0;
/* margin-top: 40px; */
font-size: 12px;
letter-spacing: 0.08em;
cursor: pointer;
text-decoration: none;

	}}



.about_history_list{
	display: flex;
}


.about_cv_year{
    width: 20%;
     font-family: "Shippori Mincho", serif;
    font-size: 14px;
    text-indent: 15px;line-height: 46px;

}

@media screen and (min-width:1000px){
.about_cv_year{
        width: 12%;
        font-size: 15px;
        text-indent: 0px;
        margin-top: -5px;
    
    }}
.about_history_text{
    width: 84%;
    padding-right: 0px;

}

.about_history_text p{
    padding-right: 19px;
    padding-top: 10px;
    letter-spacing: 1px;
    padding-bottom: 30px;  font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
    border-top: 0.7px solid rgba(0,0,0,0.32);
}
@media screen and (min-width:1000px){
	
.about_history_text p{
        padding-right: 0px;
        padding-top: 12px;
  font-family: acumin-pro, sans-serif, dnp-shuei-gothic-gin-std,sans-serif !important;
        font-size: 12.6px;
        padding-left: 80px;
        letter-spacing: 1.5px;
        /* text-align: right; */
        padding-bottom: 60px;
        border-top: 0.7px solid rgba(0, 0, 0, 1);
    
    }
	
}


.about_offcial_shop{
    font-family: "Shippori Mincho", serif;
    margin-top: 0px;
    font-size: 13px;
    line-height: 25px;
    display: grid;
    margin-bottom: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border: 0px solid pink;

}

.about_offcial_shop_flex{
	grid-column: 2/14;
}
@media screen and (min-width:1000px){
.about_offcial_shop_flex{
        grid-column: 7/14;
    
    }}


.about_offcial_shop a{
line-height: 40px;
	font-size: 15px;
	color: rgb(33, 37, 41);
	border-bottom: 0.7px solid rgb(33, 37, 41);
	text-decoration: none;
}
.about_shop_title{
    margin-top: 50px;
    font-size: 17px;
    letter-spacing: 1.1px;
    margin-bottom: 23px;

}


.about_shop_text{
    line-height: 27px;
    margin-bottom: 60px;

}
	@media screen and (min-width:1000px){
.about_shop_text{
    line-height: 29px;
    margin-bottom: 100px;

		}}

@media screen and (min-width:300px){
.about_history{
        margin-top: 70px;
        display: grid;
        margin-bottom: 100px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}


@media screen and (min-width:1000px){
.about_history{
        margin-top: 160px;
        display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}


@media screen and (min-width:300px){
.about_subtitle_top{
        margin-left: 0px;
        margin-top: 50px;
        margin-bottom: 60px;
        grid-column: 2/14;
        height: auto;
    }}


@media screen and (min-width:1000px){
.about_subtitle_top{
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        grid-column: 4/8;
    
    }}

.about_subtitle_top p{
	font-size: 12px;
	line-height: 23px;
}
@media screen and (min-width:1000px){
.about_subtitle_top p{
	
	}}

@media screen and (min-width:300px){
.about_subtitle{
        margin-left: 0px;
        margin-top: 50px;
        margin-bottom: 60px;
        grid-column: 2/14;
        height: auto;
    }}


@media screen and (min-width:1000px){
.about_subtitle{
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        grid-column: 4/6;
    
    }}


@media screen and (min-width:300px){
.about_subtitle_etsuko{
        margin-left: 0px;
        margin-top: 50px;
        grid-column: 2/14;
        height: 430px;
    
    }}


@media screen and (min-width:1000px){
.about_subtitle_etsuko{
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        grid-column: 4/6;
    
    }}

@media screen and (min-width:300px){
.g2-6_about_info{
        border-bottom: 0px solid black;
        margin-left: 0%;
        grid-column: 2/14;
    
    }}

@media screen and (min-width:1000px){
.g2-6_about_info{
        border-top: 0.7px solid rgba(0, 0, 0, 0.35);
        grid-column: 6/14;
        margin-left: 0px;
    
    }}



@media screen and (min-width:300px){
.about_mainimg{
        margin-top: 290px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}

@media screen and (min-width:1000px){
.about_mainimg{
	
	margin-top: 150px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border: 0px solid pink;
	}}
@media screen and (min-width:300px){
.about_mainimg img{
border: 0px solid black;
width: 100%;
margin: 0px;
padding: 0px;
object-fit: cover;
height: 250px;	
filter: brightness(70%);
	}}

@media screen and (min-width:1000px){
.about_mainimg img{
        border: 0px solid black;
        width: 100%;
        margin: 0px;
        object-fit: cover;
        padding: 0px;
        height: 470px;
    
    }}

.about_mainimg img:hover{
     filter: brightness(100%);
}


/* グラデーションをオーバーレイ */
.about_mainimg img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,          /* 上から下に */
    rgba(0,0,0,0.5),    /* 黒の半透明 */
    rgba(0,0,0,0)       /* 下に行くほど透明 */
  );
  pointer-events: none; /* クリック操作は下の要素に通す */
}
#about{
	color: #41464d!important;
}

@media screen and (min-width:300px){
#about .g4{
        grid-column: 7/15;
        position: relative;
    
    }}


@media screen and (min-width:1000px){
#about .g4{
        position: relative;
        /* padding-left: 60px; */
        padding-right: 20px;
        grid-column: 9/15;
    
    }}


@media screen and (min-width:300px){
.about_class_detail_low{
        width: 100%;
        margin-top: 70px;
        display: grid;
        margin-left: 0%;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    
    }}


@media screen and (min-width:1000px){
.about_class_detail_low{
	width: 100%;
	margin-top: 100px;
display: grid;
	        margin-left: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

	}}
.about_philosophy_title_vision{
    font-size: 10px;
    grid-column: 2/5;
    position: sticky;
    margin-top: 60px;
    top: 20px;
    align-self: start;

}
@media screen and (min-width:1000px){
	.about_philosophy_title_vision{
        font-size: 12px;
        grid-column: 1/4;
        position: sticky;
        margin-top: 30px;
        top: 110px;
        letter-spacing: 1.1px;
        align-self: start;
        z-index: 999;
    
    }
	
	
}
.about_philosophy_midashi{
    text-transform: uppercase;
    font-family: "alpina_lt","Shippori Mincho", "serif";
    margin-top: 30px;
    line-height: 24px;
    font-size: 15px;
    letter-spacing: 1px;
    padding-bottom: 15px;
    font-weight: 400;
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.84);

}

@media screen and (min-width:1000px){
	
	
.about_philosophy_midashi{
        text-transform: uppercase;
        font-family: "alpina_lt","Shippori Mincho", "serif";
        margin-top: 30px;
        line-height: 27px;
        letter-spacing: 1.3px;
        font-size: 15px;
        padding-bottom: 15px;
        font-weight: 400;
        border-bottom: 0.7px solid rgba(0,0,0,0.32);
    
    }

}

.about_philosophy_all{
    grid-column: 1/15;

}

@media screen and (min-width:1000px){
.about_philosophy_all{
        grid-column: 8/15;
    
    }}

.about_philosophy_sticky{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 24px;
    align-items: start;

}
@media screen and (min-width:1000px){
.about_philosophy_sticky{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        margin-top: 60px;
        gap: 24px;
        align-items: start;
    
    }}

.about_philosophy{
    font-family: "Shippori Mincho", serif;
    margin-top: 0px;
    font-size: 13px;
    line-height: 25px;
    display: grid;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border: 0px solid pink;

}


.about_philosophy_img{
		grid-column: 2/10;
	margin-bottom: 50px;
}

@media screen and (min-width:1000px){
.about_philosophy_img{
        grid-column: 4/8;
        margin-bottom: 50px;
        margin-right: 110px;
        position: static;
        /* margin-left: 20px; */
        margin-top: 65px;
    
    }}


.about_philosophy_img img{
	width: 100%;
}
@media screen and (min-width:1000px){
	
.about_philosophy_img img{
width: 100%;
position: sticky;
top: 120px;
}

}


/* これが「ついてくる」 */
.about_philosophy_title {
    font-size: 9px;
    grid-column: 2/5;
    position: sticky;
    top: 20px;
    margin-top: 30px;
    align-self: start;

}

@media screen and (min-width:1000px){
.about_philosophy_title {
        font-size: 12px;
        grid-column: 1/4;
        position: sticky;
        top: 80px;
        letter-spacing: 0.8px;
        z-index: 99;
        margin-top: 0px;
        align-self: start;
    
    }}


.about_philosophy_text{
    margin-top: 30px;
    grid-column: 5/14;
	     font-size: 14px;

}

@media screen and (min-width:1000px){

.about_philosophy_text{
        margin-top: 0px;
        grid-column: 4/13;
        font-size: 13px;
        letter-spacing: 0.8px;
        line-height: 26px;
        margin-bottom: 20px;
    
    }
	
	
}



.about_etsuko{
        margin-top: 70px;
        display: grid;
        margin-bottom: 100px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
   
    }


@media screen and (min-width:1000px){
.about_etsuko{
        margin-top: 160px;
        display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
    
    }}

.etuko_bio{
    font-size: 14px;
    margin-bottom: 70px;
    width: 95%;
    line-height: 27px;
    letter-spacing: 1px;
    font-family: "alpina_lt","Shippori Mincho", "serif";

}

@media screen and (min-width:1000px){
.etuko_bio{
        margin-bottom: 110px;
        width: 90%;
        margin-top: 0px;
        line-height: 30px;
        letter-spacing: 1px;
        margin-left: 10%;
        font-size: 14px;
    
    }	
	
}

.about_etsuko_img{
    grid-column: 2/8;
    margin-bottom: 30px;
    margin-top: 30px;
}
	
	@media screen and (min-width:1000px){
		
	.about_etsuko_img{
        grid-column: 6/8;
        margin-left: 0px;
        margin-right: 50px;
        margin-bottom: 30px;
        margin-top: 40px;
    
    }	
	
}
.about_etsuko_img img{
	width: 100%;
}

.about_enterprises{
	        margin-top: 70px;
        display: grid;
        margin-bottom: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
}
.about_enterprises_right{
    margin-top: 30px;
    font-size: 14px;
    position: relative;
    line-height: 25px;
    letter-spacing: 1px;
    margin-left: 0px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 14;
    font-family: "Shippori Mincho", serif;
}
@media screen and (min-width: 1000px) {
.about_enterprises_right{
        font-size: 14px;
        line-height: 29px;
        margin-left: 0px;
        width: 100%;
        grid-column-start: 8;
        grid-column-end: 14;
        font-family: "Shippori Mincho", serif;
    
    }}
.about_enterprises_block{
	margin-bottom: 90px;
}

@media screen and (min-width:1000px){
	.about_enterprises_block{
	margin-bottom: 150px;
}

	
}


.about_enterprises_title{
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 17px;

}

@media screen and (min-width:1000px){

.about_enterprises_title{
        margin-bottom: 30px;
        margin-top: 20px;
        font-size: 18px;
    
    }}

.about_enterprises_add {
 margin-top: 50px;
 font-size: 13px;
 color: #333;
 line-height: 20px;
}

@media screen and (min-width:1000px){
.about_enterprises_add {
        margin-top: 50px;
        font-size: 14px;
        color: #333;
        line-height: 24px;
    
    }}

.about_enterprises_add .row {
  display: flex;
  margin-bottom: 8px;
}

.about_enterprises_add .label {
    width: 100px;
    font-weight: normal;

}

.about_enterprises_add .value {
  flex: 1;
}

.about_enterprises_add a {
  color: #333;
 text-decoration: none;
	border-bottom: 0.7px solid gray;
	margin-bottom: 4px;
}
.about_enterprises .readmore_btn a{
	color: white;
background: #474747;
	text-decoration: none;
	text-align:center; 
}
#about .box_title p{
    font-size: 14px;
 
    margin-top: 8px;
    letter-spacing: 1px;
    line-height: 21px;
    font-family: "alpina_lt","Shippori Mincho", "serif";

}


@media screen and (min-width:300px){
.about_class_detail_low{
        width: 95%;
        margin-top: 70px;
        display: block;
        margin-left: 5%;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    
    }}


@media screen and (min-width:1000px){
.about_class_detail_low{
        margin-top: 100px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        width: 100%;
        margin-left: 0%;
    
    }}

.about_shops{
	        margin-top: 0px;
        display: grid;
        margin-bottom: 100px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        border: 0px solid pink;
}
.shop_readmore_btn{
    margin-left: 0px;
    border: 0;
    width: 190px;
    height: 32px;
	text-align: center;
    background: #474747;
    color: white;
    padding: 0;
    margin-top: 40px;
    font-size: 12px;
    letter-spacing: 0.08em;
    cursor: pointer;
    text-decoration: none;
    bottom: 35px;
    font-family: "alpina_lt","Shippori Mincho", "serif";

}

@media screen and (min-width:1000px){
	
.shop_readmore_btn{
        margin-left: 0px;
        border: 0;
	text-align: center;
        width: 190px;
        height: 32px;
        background: #474747;
        color: white;
        padding: 0;
        margin-top: 40px;
        font-size: 12px;
        letter-spacing: 0.08em;
        cursor: pointer;
        text-decoration: none;
        /* position: absolute; */
        bottom: 35px;
        font-family: "alpina_lt","Shippori Mincho", "serif";
    
    }
}

.shop_readmore_btn a{
    color: white;
    text-align: center;
    text-decoration: none;
    line-height: 32px;
    font-size: 12px;

}

#history,
#officialshop,
#materialshop,
#philosophy,
#etsuko,
#graymist,
#shop {
  scroll-margin-top: 70px;
}


.g2-6about{
	margin-top: 60px;
        border-bottom: 0px solid black;
 	 grid-column: 2/14;
    }
	
@media screen and (min-width:1000px){
.g2-6about{
        margin-top: 0px;
        /* border-top: 0.2px solid black; */
        border: 0.2px solid black;
        grid-column: 6/14;
    
    }}
@media screen and (min-width:1000px){
.about_enterprises{
	margin-top: 0px;
	border: 0px solid black;
	 grid-column: 7/14;
	}}


.about_sub img{
    object-fit: cover;
    height: 340px;
    padding-right: 10px;

}
@media screen and (min-width:1000px){
	
.about_sub img{
    object-fit: cover;
    height: 1000px;
    padding-right: 10px;

}	
}