@charset "utf-8";

/* CSS Document */



body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: left !important;
    line-break: strict;
    word-break: normal;
}
header {
    background: #000;
    border-bottom: 1px solid #FFF;
    padding: 6px 10px 6px 10px;
    height: 30px;
    overflow: hidden !important;
}

a:hover {
    opacity: 0.8;
}
a {
    transition: opacity 0.3s ease-out;
}
.sp {
    display: none;
}
.pc {
    display: block;
}
@media (max-width: 750px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90 {margin-left: 90px;}
.ml-100 {margin-left: 100px;}
.ml-110 {margin-left: 110px;}
.ml-120 {margin-left: 120px;}
.ml-130 {margin-left: 130px;}
.ml-140 {margin-left: 140px;}
.ml-150 {margin-left: 150px;}
.ml-160 {margin-left: 160px;}
.ml-170 {margin-left: 170px;}
.ml-180 {margin-left: 180px;}
.ml-190 {margin-left: 190px;}
.ml-200 {margin-left: 200px;}
@media (max-width: 640px) {
    .ml-10 {margin-left:1.333333333vw;}
    .ml-20 {margin-left:2.666666667vw;}
    .ml-30 {margin-left:4vw;}
    .ml-40 {margin-left:5.333333333vw;}
    .ml-50 {margin-left:6.666666667vw;}
    .ml-60 {margin-left:8vw;}
    .ml-70 {margin-left:9.333333333vw;}
    .ml-80 {margin-left:10.66666667vw;}
    .ml-90 {margin-left:12vw;}
    .ml-100 {margin-left:13.33333333vw;}
    .ml-110 {margin-left:14.66666667vw;}
    .ml-120 {margin-left:16vw;}
    .ml-130 {margin-left:17.33333333vw;}
    .ml-140 {margin-left:18.66666667vw;}
    .ml-150 {margin-left:20vw;}
    .ml-160 {margin-left:21.33333333vw;}
    .ml-170 {margin-left:22.66666667vw;}
    .ml-180 {margin-left:24vw;}
    .ml-190 {margin-left:25.33333333vw;}
    .ml-200 {margin-left:26.66666667vw;}
}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.pb-120 {padding-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
@media (max-width: 640px) {
    .mb-10 {margin-bottom:1.333333333vw;}
    .mb-20 {margin-bottom:2.666666667vw;}
    .mb-30 {margin-bottom:4vw;}
    .mb-40 {margin-bottom:5.333333333vw;}
    .mb-50 {margin-bottom:6.666666667vw;}
    .mb-60 {margin-bottom:8vw;}
    .mb-70 {margin-bottom:9.333333333vw;}
    .mb-80 {margin-bottom:10.66666667vw;}
    .mb-90 {margin-bottom:12vw;}
    .mb-100 {margin-bottom:13.33333333vw;}
    .mb-110 {margin-bottom:14.66666667vw;}
    .mb-120 {margin-bottom:16vw;}
	.pb-120 {padding-bottom:16vw;}
    .mb-130 {margin-bottom:17.33333333vw;}
    .mb-140 {margin-bottom:18.66666667vw;}
    .mb-150 {margin-bottom:20vw;}
    .mb-160 {margin-bottom:21.33333333vw;}
    .mb-170 {margin-bottom:22.66666667vw;}
    .mb-180 {margin-bottom:24vw;}
    .mb-190 {margin-bottom:25.33333333vw;}
    .mb-200 {margin-bottom:26.66666667vw;}
}
#nav-btn {
    position: fixed;
    z-index: 9000;
    top: 20px;
    right: 10px;
    width: 70px;
    cursor: pointer;
}
#nav-btn:hover{
    opacity: 0.75;
}
#nav-fixed {
    position: fixed;
    z-index: 9000;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #ccc;
    overflow-y: auto;
}
/* @media (max-width: 750px) {
    #nav-fixed {
        width: 40vw;
        height: 100%;
    }
} */
#nav-fixed.navClose {
    animation: navClose 0.25s ease 0.0s forwards alternate;
}
#nav-fixed.navOpen {
    animation: navOpen 0.25s ease 0.0s forwards alternate;
}

#nav-fixed ul li {
    font-size: 18px;
    padding: 0.5em;
}
#nav-fixed ul li a {
    padding: 0;
    display: block;
    color: #FFF;
    font-weight: bold;
}
#nav-fixed ul li img {
    line-height: 0;
    font-size: 0;
    vertical-align: bottom;
}
#nav-fixed ul li a:hover {
    opacity: 0.75;
}
@media (max-width: 750px) {
    #nav-btn {
        top: 3vw;
        right: 3vw;
        width: 14vw;
    }
    #nav-fixed {
        left: -75vw;
        width: 75vw;
    }
}
@keyframes navClose {
    0% {
        left: 0;
    }
    100% {
        left: -300px;
    }
}
@keyframes navOpen {
    0% {
        left: -300px;
    }
    100% {
        left: 0;
    }
}
@media (max-width: 750px) {
    @keyframes navClose {
        0% {
            left: 0;
        }
        100% {
            left: -75vw;
        }
    }
    @keyframes navOpen {
        0% {
            left: -75vw;
        }
        100% {
            left: 0;
        }
    }
}
#contents .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#contents .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#contents #sns-share h2{
	margin: 0 34.6%;
}
#contents .sns-btn {
    margin: 0 24% 30px;
    text-align: center;
}
#contents .sns-btn li {
    display: inline-block;
    width: 23%;
    margin: 0 4.5%;
}
#social_btn {
	width: 100%;
    text-align: center;
    font-size: 0;
}
#social_btn > div {
    vertical-align: top;
    display: inline-block;
    margin: 0 5px;
}
#social_btn .fb_iframe_widget {
    vertical-align: top;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top.fixed {
    position: fixed !important;
}








/* sns-area */

#sns-area{
	margin-bottom: 2em;
	margin: 0 5.333% 3em;
}

.main-sns .ttl-sns{
    /* background: #969696; */
}

.main-sns .inner {
    position: relative;
}
.main-sns .inner .bg {
    position: relative;
    z-index: 1;
}

.main-sns .inner .on {
    position: absolute;
    z-index: 2;
    width: 76.9%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.main-sns .inner li{
    background: #fff;
}

.main-news .ttl-news{
    /* background: #969696; */
}

.main-news .news_inner{
    background: #fff;
    width: 100%;
    border: 1px solid #969696;
    box-sizing: border-box;
}

.main-news .news_inner.gray{
    background: #eee;
    width: 100%;
    border: none;
    box-sizing: border-box;
}

.main-news .news_inner .news_lead{
    width: 84.6%;
    margin-left: auto;
    margin-right: auto;
}

.main-news .news_inner .news_btn{
    width: 76.923%;
    border: 1px solid #969696;
    margin-left: auto;
    margin-right: auto;
}


.main-sns-channel{
    background: #EEECEB;
}

/* Alternative */

.main-sns.alter{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-sns.alter .ttl-sns{
    /* background: #EEECEB; */
}
.main-sns.alter ul{
    width: 90%;
    margin: 0 auto;
}

.main-channel.alter{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-channel.alter::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    height: 1px;
    background: #8F8F8F;
    transform: translate(-50%, 0);
}
.main-channel.alter .ttl-channel{
    /* background: #EEECEB; */
}
.main-channel.alter ul{
    width: 90%;
    margin: 0 auto;
}



/* global */
.other-txt{
    display: block;
}
.global-txt{
    display: none;
}
.global .other-txt {
    display: none;
}
.global .global-txt{
    display: block;
}


#site-notice{
	margin: 2em 5.333%;
    font-size: 85%;
}


/* -----------------------------------------
	SNS footer
-----------------------------------------*/
#sns-footer {
	background: #EEE;
	margin-top: 4em;
}
#sns-footer svg {
	width: 100%;
}

#sns-footer img {
	width: 100%;
}

#sns-footer #sns-footer-inner {
	max-width: 750px;
	margin: auto;
}
#sns-footer #sns-footer-inner #sns-footer-tit {
	padding: 12% 20% 5%;
}
#sns-footer #sns-footer-inner #sns-footer-line {
	padding: 0 14% 10%;
}
#sns-footer #sns-footer-inner #sns-footer-tit-02 {
	padding: 0 33% 3.5%;
}
#sns-footer #sns-footer-inner #sns-footer-list {
	padding: 0 14% 15%;
	overflow: hidden;
}
#sns-footer #sns-footer-inner #sns-footer-list li {
	float: left;
	width: 33.33333%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
#sns-footer #sns-footer-inner #sns-footer-list li a {
	display: block;
	padding: 5%;
}



/* -----------------------------------------
contents
-----------------------------------------*/



#container {
    margin: auto;
    width: 100%;
}
#contents {
    margin: auto;
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.6;
    font-size: 16px;
    width: 100%;
    display: block;
    font-feature-settings: "palt";
	vertical-align: bottom;
}

@media (max-width: 750px) {
    #contents {
        font-size: 3.6vw;
    }
}
.serif {
    font-family: 'Noto Serif JP', serif;
}
#contents img {
    width: 100%;
}

#contents p{
	line-height: 1.9;
}



/*---Reset---*/

html {color: #000;
background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
textarea,p,blockquote,th,td{
margin: 0;
padding: 0;}
table{
border-collapse: collapse;
border-spacing: 0;}
fieldset,img{
border: 0;}
address,caption,cite,code,dfn,
em,strong,th,var,optgroup{
font-style: inherit;
font-weight: inherit;}
del,ins{text-decoration: none;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;
font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border:0; font-variant: normal;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
/*because legend doesn't inherit in IE */
legend {color: #000;}
input,button,textarea,select,optgroup,option{
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{*font-size: 100%;}

table {
font-size:inherit;
font:100%;
}
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

html {
height: 100%;
}

body {
height: 100%;
/*background:#F1F0EF;*/
font-family: "Verdana","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
line-height: 1.5;
text-align: center;
}

/*---Anchor---*/

a{outline: none; text-decoration:none; line-height: inherit;}
a:link{color:inherit;}
a:hover{color:inherit;text-decoration:none;}
a:active{color:inherit;text-decoration:none;}
a:visited{color:inherit;}

/*img hover*/
a:hover img.rollover {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;}


/*fadein*/
.animate{
  opacity: 0;
  transform: translateY(10px);
  transition: all 1.0s;
}

.animate2{
  opacity: 0;
  transition: all 1.0s;
}
.animate:not(:nth-child(3n+1)),.animate2:not(:nth-child(3n+1)) {

}
.animate:not(:nth-child(-n+3)),.animate2:not(:nth-child(-n+3)) {
 }
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate2.show {
  opacity: 1;
}
.animate.show:nth-of-type(1),.animate2.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2),.animate2.show:nth-of-type(2) {
  transition-delay: 0.3s;
}
.animate.show:nth-of-type(3),.animate2.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.animate.show:nth-of-type(4),.animate2.show:nth-of-type(4) {
  transition-delay: 0.9s;
}
.animate.show:nth-of-type(5),.animate2.show:nth-of-type(5) {
  transition-delay: 0.8s;
}
.animate.show:nth-of-type(6),.animate2.show:nth-of-type(6) {
  transition-delay: 0.5s;
}

/* -----------------------------------------
original
-----------------------------------------*/

#gHeaderBlank{
	display: none!important;
}

@media screen and (max-width:750px){
	#gHeaderBlank{
		display: block!important;
	}	
}

.vs-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;	
}

.p_relative{
	position: relative;
}


html{
	background-color: #e8e2b8;
}

header{
	z-index: 100;
	position: relative;
}

h1{
	margin: 0;
}

#contents{
	width: 100%!important;
	overflow: hidden;
	font-family: 'Noto Sans JP';
	line-height: 0!important;
}

.p_absolute{
	position: absolute;
	top: 0;
	left:0;
}

.p_relative{
	position: relative;
}

.zindex1{
	z-index: 1;
	position: relative;
}

.zindex2{
	z-index: 2;
	position: relative;
}

/*トップ分割*/

.ac_left{
	position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
	background-image: url("../img/250106/hmb2_leftimg.webp");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
}

.ac_right{
	position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}

.ac_inner{
    max-width: 37.5rem;
	z-index: 1;
	position: relative;
}

.pc_titlewrap{
	width:100%;
	position: relative;	
}

.ls1{
	position: absolute;
	top:35vh;
	transform: translateY(-50%);
	left:0;
}

.pc_title_r{
	width:100%!important;
	max-width:450px;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

.pc_title_r img{
	max-width:100%;
}

.pcr_menuwrap{
	display: flex;
}


@media screen and (min-width: 751px) and (max-width: 1100px){

	.ac_inner{
		margin-left: auto;
		max-width: 37.5rem;
		border-left: solid 2px #fff;
	}
	.ac_left {
		width: calc(100% - 37.5rem);
	}
	
	.ac_right {
		display: block!important;
	}
	
	.pc_titlewrap{
		width:90%;
		display: block;
		left: 5%;
	}

	.pc_title_l{
		width:80%;
		margin: 0 auto 3em;
	}

	.pc_title_r{
		display: none;
	}

	
	.menu img{
		max-width:37.5rem;
	}
	
	.pc_titlewrap{
		display: none;
	}
	
	.hmb_header{
		max-width: 37.5rem;
	}

}

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

	.ac_inner{
		margin-left: calc(50% - 8rem);
		max-width: 28rem;
		border-right: solid 2px #fff;
		border-left: solid 2px #fff;
	}
	
	.ac_left{
	width: calc(50% - 8rem);
	}
	.ac_right {
	 left: calc(50% + 28rem - 7.8rem);
	}
	
	.hmb_header{
		max-width: 28rem;
	}	

}


@media screen and (max-width: 750px){
	.ac_left, .ac_right {
		display: none;
	}
	.ac_inner {
    max-width: 100%;
	}
}

.toploop{
	height: 2em;
	width:100%;
	background-color: white;
	position: sticky;
	top:0;
	overflow: hidden;
	z-index: 1100;
}

/*ヘッダー*/

.hmb_header{
	background-color: #d1c88d;
	width:100%;
	height:52px;
	position: fixed;
	top:0;
	z-index: 100;
}

.hmbh_buttonwrap{
	width:100%!important;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
}


/*ハンバーガーメニュー*/

.hmb_mb{
	position: absolute;
	top:15px;
	right:26px;
	z-index: 201;
	width:40px!important;
}

.menu-btn_mb:checked ~ .menu-icon .hamburger {
  background: transparent;
}
.menu-btn_mb:checked ~ .menu-icon .hamburger:after, .menu-btn_mb:checked ~ .menu-icon .hamburger:before {
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  top: 0;
}

.hidden {
  display: none;
}

.menu {
  list-style: none;
  position: fixed;
  width: 100%;
  max-width: 750px!important;
  height: auto;
  top: 0;
  left: 0;
  clear: both;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
  z-index: 200;
  background-color: #e8e2b8;
}

.menu_inner{
  width:100%;
  margin: 0 auto;
}

.menu-btn_mb:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.menu a {
  opacity: 0;
  transition: 0.5s;
}

.menu li {
  opacity: 0;
  transition: 0.5s;
}

.menu-btn_mb:checked ~ .menu a,
.menu-btn_mb:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn_mb {
  display: none;
}

.hbmenuwrap{
	display: flex;
}


/*top*/

#top{
	background-color: #e8e2b8!important;
	padding-bottom: 100px;
}

#m1_1,#m1_2,#present{
	background-color: #e8e2b8!important;
}

#top p{
	font-weight: 500;
	line-height: 1.9;
}

#info{
	
}

.toptext{
	width:78.6%;
	margin: 0 auto;
}

.topimg_mg{
	margin-top: -50px;
}

.top_staffwrap{
	width:87.8%;
	margin: 70px auto 30px;
	display: flex;
	justify-content: space-between;
}

.top_staffwrap div{
	width:45.8%;
}

.top_staffwrap p{
	font-weight: 400!important;
	line-height: 1.6!important;
}

.topmenuwrap{
	width:86.8%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;	
}

.topmenuwrap div{
	width:45.4%;
}

.bodycopy1{
	width:86.6%;
	margin: 0 auto;
	font-weight: 500;
	line-height: 1.9;	
}

.bodycopy1 span{
	font-weight: 600;
}

.swing1_1{
	animation: picoMove 1.5s infinite ease-in-out;
}

.swing1_2{
	animation: picoMove 2s infinite ease-in-out;
}

.swing1_3{
	animation: picoMove 2.5s infinite ease-in-out;
}

@keyframes picoMove {
  0%,49.9%,100% {
    transform: rotate(0);
  }
  50%,99.9% {
     transform: rotate(10deg);
  }
}

.itemslide{
	width:93.3%;
	margin: 0 auto;
	border: 2px solid #000;
	border-radius: 20px;
	background-color: #fff;
	padding:0 8.3% 8.3%;
	box-sizing: border-box;
}

.itemslide p{
	line-height: 1.6;	
}

.slick-arrow{
	z-index: 2!important;
}

.slick-arrow:before{
    content:""!important;
    width: 40px!important;
    height: 40px!important;
    position: absolute;
    top: -30px;
}

.slick-next:before{
    background: url("../img/250106/slide_step_allow_r.webp")!important;
    background-size: contain!important;
	right:0;
}

.slick-prev:before{
    background: url("../img/250106/slide_step_allow_l.webp")!important;
    background-size: contain!important;
	left: 0;
}

.is_textwrap{
	width:90%;
	margin: 0 auto;
}

.itm_textwrap{
	width:84.6%;
	margin: 0 auto;
}

.is_itemname{
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6!important;
}

.is_itembody{
	margin-bottom: 10px;
}


.is_itembody span{
	font-size: 76.8%;
	line-height: 1.4!important;
}

.is_itemexcuse{
	font-size: 92%;
	margin-bottom: 20px;
}

.is_itemexcuse2{
	font-size: 92%;
}

.is_itemexcuse span,.is_itemexcuse2 span{
	text-decoration: underline;
}

.pc_title_r{
	line-height: 0!important;
}

.itemwrap{
	background-color: #fff;
	width:86.6%;
	margin: 0 auto;
	border-radius:  20px;
}

.itemwrap p{
	line-height: 1.6;	
}

.underallow{
	margin-top: -1px;
}

.itemtitle{
	padding-top: 20px;
}

.itembutton{
	margin-bottom: 20px;
}

.lineidbutton{
	margin-top:-18px;
}

.itm_lineidbutton{
	margin-top:-16px;
	transform: translateY(-4px);
}

.itembottom{
	padding-bottom: 30px;
}

.toptext2{
	font-weight: 500;
	line-height: 1.9!important;
}

.presentitle{
	margin-top: 30px;
}

.p_textwrap{
	width:82.6%;
	margin: 0 auto;
}

.page_excuse{
	width:85.4%;
	margin: 0 auto;
	font-size: 84.6%;
}

.page_excuse p{
	line-height: 1.8!important;	
}

.p_textwrap p{
	line-height: 1.8!important;
}

.p_textwrap span{
	font-size: 88.6%;
}

.msinfotextwrap{
	width:89.2%;
	margin: 0 auto;
}

/*slick*/

.slide-dots{
	z-index: 10;
	background-color: #fff;
}


.slide-dots li button:before{
	font-weight: bold;
	font-size:8px!important;	
    content: '○'!important;
    color: #333!important;
}

.slide-dots button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.slide-dots {
    display: flex;
    justify-content: center;
}
.slide-dots li {
    width: 6px;
    height: 6px;
    border: 2px solid #333;
    border-radius: 50%;
    margin-right: 16px;
    cursor: pointer;
    transition: background-color .5s ease;
	margin-top: 20px;
}
.slide-dots li.slick-active {
    background-color: #333;
}
.slide-dots li:hover {
    background-color: #333;
}
.slide-dots li:last-child {
    margin-right: 0;
}

.slick-dotted.slick-slider{
	margin-bottom: 0!important;
}


.hmb2_pcr_menuwrap{
	display: flex;
	justify-content: space-between;
}

.hmb3_pcr_menuwrap{
	display: flex;
	justify-content: space-between;
	width:75%;
	margin: 0 auto;
}

.t2_1{
	position: absolute;
	width:15.4%!important;
	right:22.2%;
	top:2%;
}

.t2_2{
	position: absolute;
	width:20.5%!important;
	left:16.4%;
	top:0;
}

.t2_3{
	position: absolute;
	width:22.7%!important;
	right:-2%;
	top:50%;
}

.slide-container01 {
    display: flex;
    position: absolute;
    top:0 ;
    animation: loopslide 46s linear infinite;
}

.slide-container02,.slide-container03{
    display: flex;
    position: relative;
    top:0 ;
    animation: loopslide 46s linear infinite;	
}

.slide01wrap{
	position: relative;
	width:100%;
	overflow: hidden;
	margin-top: 30px;
}

.h01_slide1{
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%!important;
}

.slide-container02 img{
	width: 170%!important;
}

@keyframes loopslide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

@media screen and (max-width:750px){
	.slide-container01 img{
		width: 82%!important;
	}
	.rtsize{
		height:18px!important;
	}
	#p02_4 .rtsize{
		height:17px!important;
	}
}

@media screen and (min-width: 751px) and (max-width: 1100px){
	.slide-container01 img{
		width: 84%!important;
	}
}

.top_buttonwrap{
	display: flex;
	justify-content: space-between;
}

.hmb2_1_3 {
    position: absolute;
    width: 34.4%!important;
    right: 0%;
    bottom: 0;
    transform-origin: center; 
}

.hmb2_2_3 {
    position: absolute;
    width: 18.6%!important;
    left:11%;
    bottom: 4%;
    transform-origin: center; 
}

.hmb2_3_3 {
    position: absolute;
    width: 24.2%!important;
    right:7%;
    bottom: 9%;
    transform-origin: center; 
}

/* 揺れるアニメーション */
@keyframes shake {
    0% { transform: rotate(0); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0); }
}

.shake{
    animation: shake 0.6s ease-in-out;
}

#hmb2_1 .slide01wrap{
	margin-top: 0;
}

#hmb2_1 .slide-container02 img{
	width:208%!important;
}

.linkmenuwrap{
	display: flex;
}

.hmb2_4_1{
  	position: absolute;
    width: 44.3%!important;
    left:0%;
    bottom: 0%;
    transform-origin: center; 	
}

.hmb2_5_3{
  	position: absolute;
    width: 33.3%!important;
    right:0%;
    bottom: 0%;
    transform-origin: center; 	
}

.hmb2_6_3{
  	position: absolute;
    width: 38.7%!important;
    left:0%;
    bottom: 0%;
    transform-origin: center; 	
}