html,body{
	margin:0;
	padding:0;
}

body {
    font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
    font-size:15px;
    color:#111323;
}

a{
	text-decoration: none;
}

.pc { display: block !important; }
.sp { display: none !important; }

.pc::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../img/beast_109.jpg);
	background-size:cover;}
	
.sp::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../img/beast_101.jpg);
	background-size:cover;}

@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}








/****************メニュー設定****************/

nav {
	display: flex;
	list-style: none;
	margin: 0 auto;
	letter-spacing:1px;
	height: 50px;
}

.nav a {
	color:#fff;
	text-decoration: none;
	font-size: 14px;
	font-family: Futura;
	
}

.nav a:hover{
	color:#4370b3;
}

.drawer_menu a {
	color: inherit;
	text-decoration: none;
	/*font-family: Futura-Medium,STHeitiSC-Medium,Helvetica;*/
	font-size: 13px;
	font-weight: 600;
	letter-spacing:2px;
	
}

.drawer_menu a:visited {
	color: inherit;
}

.drawer_menu .drawer_nav {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	font-size: 14px;
	letter-spacing: 1px;
}


.dropdown-btn {
	top:-5px;
	position:relative;
	display:inline-block;
	padding:20px;
	margin-left:0px;
	cursor:pointer;
}

.dropdown-btn:hover {
     
    }

.dropdown {
	z-index:1000;
	
	position:absolute;
	left:0;
	top:50px;
	width:200px;
	padding:15px 15px;
	display:none;
	list-style: none;
}
.dropdown li {
	display:inline-block;
	margin:5px 10px;
}

.open {
	display:block;
}

.close {
	display:block;
}

/* メニュー三本線 */
.drawer_menu .drawer_button .drawer_bar {
	background-color: #111323;
	height:4px;
	margin:6px;
	border-radius:10px;

	
}




/* メニューサイズ */
.drawer_menu .drawer_button {
	display: block;
	color: #fff;
	background-color: rgba( 0, 0, 0, 0 );
	border: none;
	padding: 5px;
	width: 50px;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: fixed;
	top: 0px;
	right: 10px;
	z-index: 6001;
	text-align: center;
	outline: none;
	
}



	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(45deg) translate(-1px, -1px);

	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-45deg) translate(-1px, -3px);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

/*メニュー三線共通設定*/
.drawer_menu .drawer_bar {
	display: block;
	height: 2px;
	margin: 8px 2px;
	transition: all 0.2s;
	transform-origin: 0 0;
}






/*メニュー外枠*/
/*ransform: translate(250px);にて右に250pxずらして非表示*/
.drawer_menu .drawer_nav_wrapper {
	width: 230px;
	height: 100%;
	transition: all 0.2s;
	transform: translate(250px);
	position: fixed;
	top: 0;
	right: 0;
	z-index: 6000;
	/* background-color: #333; */
	/* background-color: rgba(0,0,0,0.6); */
	/* ドロワーメニュー内背景色 */
	overflow-x: hidden;
	overflow-y: auto;
	margin-top:25px;
}

/*親メニュー全体構成*/
.drawer_menu .drawer_nav {
	display: block;
	position: relative;
	margin-top: 40px;
}

/*親メニュー個別構成*/
.drawer_menu .drawer_nav li {
	/* background-color: #333; */
	background-color: #111323;
	height: auto;
	line-height: 45px;
	position: relative;
	/* border-bottom:1px solid #555; */
}

/* 小メニューの線を消す */
.drawer_menu .drawer_nav li ul li{
	border-bottom:0px;
	text-indent:-2.7em;
	padding-left:2.7em;
}

/* 親メニューのリンク設定 */
.drawer_menu .drawer_nav li a {
	/* background-color: #333; */
	color: #fff;
	text-align: left;
	padding-left: 20px;
}

/* 親メニューのリンク押下時設定 */
.drawer_menu .drawer_nav li a:hover {
	color: #4370b3;
}

/* 子メニュー共通設定 */
.drawer_menu .drawer_nav li:hover ul.second-level {
	display: block;
}

/* 子メニュー非表示 */
.drawer_menu .drawer_nav li ul.second-level {
	display: none;
	position: relative;
	padding: 0;
	z-index: 1001;
}

/* 子メニューリンク設定 */
.drawer_menu .drawer_nav li ul.second-level li a {
	padding-left: 40px;
}

/* ボタン 押下時、右にずれていたメニューを元の位置へ表示 */
.drawer_menu .drawer_nav_wrapper.open {
	transform: translate(0);
}

/*矢印アイコン位置設定*/
.touch-btn {
	position: absolute;
	top: .25rem;
	right: 0;
	display: block;
	z-index: 10;
	width: 80px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	text-align:right;
}

/* 矢印下向き設定 */
.touch-btn::before  {
　text-align:right;
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #555;
  border-right: solid 2px #555;
  transform: translateX(-50%) rotate(135deg);
  position: absolute;
  top: 50%;
  left: 50px;
  margin-top: -10px;
  }
  
.swiper-mini .swiper-container {
  width: 100%;
  height: 100%;
}

/****************メニュー設定ここまで****************/














.pc2 { display: block !important; }
.sp2 { display: none !important; }

.sp2 {
	color:#000;
}


.pc2 {
	color:#000;
}

.pc2::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../img/beast_061.jpg);
	background-size:cover;}
	
.sp2::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../img/beast_060.png);
	background-size:cover;}

@media only screen and (max-width: 1000px) {
    .pc2 { display: none !important; }
    .sp2 { display: block !important; }
}

.pc2 {
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 60px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
}







.btn1 {
  display: inline-block;
  padding: 7px 0px 7px 0px;
  width:100%;
  text-decoration: none;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 40px;
  text-align:center;
  font-size:12px;
  position: relative; 
}

.btn1::after {
  content: "››";
  position: absolute;
  top: 40%;
  right: 10px;
  transform: translateY(-50%);
  font-size:22px;
}

.btn1:hover {
  background: #FF9900;
  border: solid 1px #FF9900;
}



.btn3 {
  display: inline-block;
  padding: 7px 0px 7px 0px;
  width:100%;
  text-decoration: none;
  color: #000;
  border: solid 2px #000;
  border-radius: 40px;
  text-align:center;
  font-size:12px;
  position: relative; 
}

.btn3::after {
  content: "››";
  position: absolute;
  top: 40%;
  right: 10px;
  transform: translateY(-50%);
  font-size:22px;
}

.btn3:hover {
  background: #d72500;
  border: solid 1px #d72500;
  color: #fff;
}


.btn4 {
  display: inline-block;
  padding: 7px 0px 7px 0px;
  width:100%;
  text-decoration: none;
  color: #000;
  border: solid 1px #000;
  border-radius: 40px;
  text-align:center;
  font-size:12px;
  position: relative; 
}

.btn4::after {
  content: "››";
  position: absolute;
  top: 40%;
  right: 10px;
  transform: translateY(-50%);
  font-size:22px;
}

.btn4:hover {
  background: #d72500;
  border: solid 1px #d72500;
  color:#fff;
}


.btn5 {
  display: inline-block;
  background: #d72500;
  padding: 10px 0px 10px 0px;
  width:100%;
  text-decoration: none;
  color: #fff;
  text-align:center;
  position: relative; 
}

.btn5::after {
  content: "››";
  position: absolute;
  top: 45%;
  right: 10px;
  transform: translateY(-50%);
  font-size:25px;
}

.btn5:hover {
  background: #fff;
  color: #000;
}

.btn6 {
  display: inline-block;
  background: #d72500;
  padding: 15px 0px 15px 0px;
  width:100%;
  text-decoration: none;
  color: #fff;
  text-align:center;
  position: relative; 
}

.btn6::after {
  content: "››";
  position: absolute;
  top: 45%;
  right: 15px;
  transform: translateY(-50%);
  font-size:40px;
}

.btn6:hover {
  background: #fff;
  color: #d72500;
}



.btn7 {
  display: inline-block;
  background: #636363;
  padding: 15px 0px 15px 0px;
  width:100%;
  text-decoration: none;
  color: #fff;
  text-align:center;
  position: relative; 
}

.btn7::after {
  content: "››";
  position: absolute;
  top: 45%;
  right: 15px;
  transform: translateY(-50%);
  font-size:40px;
}

.btn7:hover {
  background: #636363;
  color: #fff;
}



.btn8 {
  display: inline-block;
  background: #636363;
  padding: 10px 0px 10px 0px;
  width:100%;
  text-decoration: none;
  color: #fff;
  text-align:center;
  position: relative; 
}

.btn8::after {
  content: "››";
  position: absolute;
  top: 45%;
  right: 10px;
  transform: translateY(-50%);
  font-size:25px;
}

.btn8:hover {
  background: #636363;
  color: #000;
}



.frame-box1  {
    position: relative;
    padding: 0.5rem 1rem;
    text-align: center;
}

.frame-box1:before,
.frame-box1:after {
    position: absolute;
    top: -3px;
    width: 10px;
    height: 100%;
    content: '';
    border-top: solid 2px;
    border-bottom: solid 2px;
}

.frame-box1:before {
    border-left: solid 2px;
    left: 0;
}

.frame-box1:after {
    border-right: solid 2px;
    right: 0;
}




.frame-box2  {
    position: relative;
    padding: 1px 2px;
    text-align: center;
}

.frame-box2:before,
.frame-box2:after {
    position: absolute;
    top: -3px;
    width: 5px;
    height: 100%;
    content: '';
    border-top: solid 2px;
    border-bottom: solid 2px;
}

.frame-box2:before {
    border-left: solid 2px;
    left: 0;
}

.frame-box2:after {
    border-right: solid 2px;
    right: 0;
}











h2 {
    overflow: hidden;
    text-align: center;
    font-size:25px;
    font-weight: 200;
}
 
h2 span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}
 
h2 span:before,
h2 span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
 
h2 span:before {
    right: 100%;
}
 
h2 span:after {
    left: 100%;
}

.example2{
    list-style: none;
    padding-left: 1.5em;
    margin-left: 0em;
    font-size:11px;
}
.example2 li{
    text-indent: -1.5em;
}
.example2 li:before{
    content: "※";
    margin-right: 0.5em;
}

.example3{
    list-style: none;
    padding-left: 1.8em;
    margin-left: 0em;
    font-size:18px;
}
.example3 li{
    text-indent: -1.8em;
}
.example3 li:before{
    content: "※";
    margin-right: 0.5em;
}


















.h1pc {
  position: relative;
  display: inline-block;
  padding: 0 100px;
  text-alitn:center;
  font-size:40px;
  color:#662d91;
  letter-spacing: 10px;
}

.h1pc:before, .h1pc:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 80px;
  height: 2px;
  background-color: #662d91;
}

.h1pc:before {
  left:0;
}
.h1pc:after {
  right: 0;
}


.pcmenu {
	color:#fff;
	margin-right:20px;
	font-weight: 400;
	letter-spacing: 3px;
	display: inline-block;
}

.pcmenu::after {
  border-bottom: solid 2px #fff;
  bottom: 0;
  content: "";
  display: block;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  width: 0;
}

.pcmenu:hover::after {
  width: 100%;
}

.pcmenu2 {
	color:#111323;
	margin-right:10px;
	font-weight: 600;
	letter-spacing: 1px;
	display: inline-block;
}

.pcmenu2::after {
  border-bottom: solid 2px #d72500;
  bottom: 0;
  content: "";
  display: block;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  width: 0;
}

.pcmenu2:hover::after {
  width: 100%;
}

ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 10px;
	padding: 8px 20px 8px 7px;
	font-size:13px;
	line-height: 1.1em;
	border-radius: 5px;
	border: 1px solid;
	background-image: url(../img/081.png);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #fff;
}





.btn2 {
	width:300px;
	height:50px;
	background-color:#f6f6f6;
	text-align:center;
	padding-top:17px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
	font-size:20px;
	border-radius: 8px;
	border: 2px solid #ff0000;
	letter-spacing: 1px;
	
}

.btn2:hover {
	border: 2px solid #ff0000;
	color: #FFF;
	background: #ff0000;
}


.cp_ipselect1 {     /*言語切り替えプルダウンメニュー(スマホ版)*/
        overflow: hidden;
        width: 60px;
}
.cp_ipselect1 select {
        width: 100%;
        padding-right: 2em;
        cursor: pointer;
        text-indent: 0.05px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        font-size:12px;
}

.cp_ipselect1 select::-ms-expand {
    display: none;
}
.cp_ipselect1.cp_sl042::before {
        position: absolute;
        top: 0.8em;
        right: 0.6em;
        width: 0;
        height: 0;
        padding: 0;
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        pointer-events: none;
}
.cp_ipselect1.cp_sl042 select {
        padding: 0px 0px 0px 8px;
        color: #fff;

}

.cp_ipselect2 {     /*言語切り替えプルダウンメニュー(pc版)*/
        overflow: hidden;
        width: 80px;
}
.cp_ipselect2 select {
        width: 100%;
        padding-right: 2em;
        cursor: pointer;
        text-indent: 0.05px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        font-size:15px;
}

.cp_ipselect2 select::-ms-expand {
    display: none;
}
.cp_ipselect2.cp_sl042::before {
        position: absolute;
        top: 0.8em;
        right: 0.6em;
        width: 0;
        height: 0;
        padding: 0;
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        pointer-events: none;
}
.cp_ipselect2.cp_sl042 select {
        padding: 5px 0px 2px 15px;
        color: #fff;

}

.count {
	position: relative;
	width:180px;
	padding: 5px;
	text-align: center;
}
.count:before,.count:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
	border-top: solid 1.5px #fff;
	border-bottom: solid 1.5px #fff;
}
.count:before {
	border-left: solid 1.5px #fff;
	left: 0px;
}
.count:after {
	border-right: solid 1.5px #fff;
	right: 0px;
}

.count2 {
	position: relative;
	padding: 5px;
	text-align: center;
}
.count2:before,.count2:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
	border-top: solid 1.5px #000;
	border-bottom: solid 1.5px #000;
}
.count2:before {
	border-left: solid 1.5px #000;
	left: 60px;
}
.count2:after {
	border-right: solid 1.5px #000;
	right: 60px;
}

.count-pc {
	position: relative;
	width:360px;
	padding: 5px;
	text-align: center;
}
.count-pc:before,.count-pc:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 10px;
	height: 100%;
	display: inline-block;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
}
.count-pc:before {
	border-left: solid 2px #fff;
	left: 0%;
}
.count-pc:after {
	border-right: solid 2px #fff;
	right: 0%;
}

.count-pc2 {
	position: relative;
	width:360px;
	padding: 5px;
	text-align: center;
}
.count-pc2:before,.count-pc2:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 10px;
	height: 100%;
	display: inline-block;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
}
.count-pc2:before {
	border-left: solid 2px #000;
	left: 0%;
}
.count-pc2:after {
	border-right: solid 2px #000;
	right: 0%;
}



.count3 {
	position: relative;
	width:180px;
	padding: 5px;
	text-align: center;
}
.count3:before,.count3:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
	border-top: solid 1.5px #000;
	border-bottom: solid 1.5px #000;
}
.count3:before {
	border-left: solid 1.5px #000;
	left: 0px;
}
.count3:after {
	border-right: solid 1.5px #000;
	right: 0px;
}








 /*電話リンク無効化*/
.disable-auto-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

.scroll{ 
    overflow: auto;
    height: 200px;
}


.btn01 {
  display: inline-block;
  padding: 10px 0px;
  width:300px;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 40px;
  text-align:center;
  font-size:14px;
  position: relative; 
}
/*
.btn01::after {
  content: ">>";
  position: absolute;
  top: 47%;
  right: 10px;
  transform: translateY(-50%);
}
*/
.btn01:hover {
  background: #fff;
  color: #888888;
}


.btn02 {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  border: solid 2px #555;
  border-radius: 40px;
  text-align:center;
  font-size:14px;
  position: relative; 
}

.btn02:hover {
  background: #555;
  color: #fff;
}

.btn03 {
  display: inline-block;
  padding: 10px 0px;
  width:220px;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 40px;
  text-align:center;
  font-size:12px;
  position: relative; 
}
.btn03::after {
  content: ">>";
  position: absolute;
  top: 47%;
  right: 10px;
  transform: translateY(-50%);
}
.btn03:hover {
  background: #fff;
  color: #888888;
}


.btn04 {
  display: inline-block;
  padding: 5px 0px;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 40px;
  text-align:center;
  position: relative; 
}

.btn04:hover {
  background: #fff;
  color: #727272;
}

.btn05 {
  display: inline-block;
  padding: 5px 0px;
  text-decoration: none;
  color: red;
  border: solid 2px red;
  border-radius: 40px;
  text-align:center;
  position: relative; 
}

.btn05:hover {
  background: red;
  color: #fff;
}

.btn06 {
  display: inline-block;
  padding: 5px 0px;
  text-decoration: none;
  color: #2068ac;
  border: solid 2px #2068ac;
  border-radius: 40px;
  text-align:center;
  position: relative; 
}

.btn06:hover {
  background: #2068ac;
  color: #fff;
}


.btn07 {
	width:150px;
	height:40px;
	background-color:#fff;
	text-align:center;
	padding-top:1px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
	font-size:15px;
	border-radius: 40px;
	border: 2px solid #ff0000;
	-webkit-appearance: none;
  
}

.btn07:hover {
	border: 2px solid #ff0000;
	color: #FFF;
	background: #ff0000;
}

.btn09 {
  display: inline-block;
  padding: 5px 0px;
  text-decoration: none;
  color: #f6f6f6;
  border: solid 3px #662d91;
  border-radius: 40px;
  text-align:center;
  position: relative; 
  background: #662d91;
}

.btn09:hover {
  background:#e6e6e6;
  color: #662d91;
}

.btn10 {
  display: inline-block;
  padding: 5px 0px;
  text-decoration: none;
  color: #f6f6f6;
  border: solid 2px #662d91;
  border-radius: 40px;
  text-align:center;
  position: relative; 
  background: #662d91;
}

.btn10:hover {
  background:#e6e6e6;
  color: #662d91;
}

/*
.btn02 {
  display: inline-block;
  padding: 10px 0px;
  width:300px;
  text-decoration: none;
  color: #fff;
  border: solid 3.5px #fff;
  border-radius: 40px;
  text-align:center;
  font-size:14px;
  position: relative; 
}
.btn02::after {
  content: ">>";
  position: absolute;
  top: 48%;
  right: 15px;
  transform: translateY(-50%);
}
.btn02:hover {
  background: #fff;
  color: #888888;
}

.btn03 {
  display: inline-block;
  padding: 10px 30px;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 40px;
  text-align:center;
  font-size:16px; 
}

.btn03:hover {
  background: #fff;
  color: #888888;
}





*/
#menubox {
	top:0px;
	left:0px;
	z-index: 999;
	width:100%;
	height:65px;
	min-height: 1px;
	position: fixed;
}

.menubox3 {
	background-color:rgba(0,0,0,0);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
 }

.menubox2 {
	background-color: #000;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

#menubox4 {
	top:0px;
	left:0px;
	z-index: 999;
	width:100%;
	height:65px;
	min-height: 1px;
	position: fixed;
	height:65px;
}

.menubox5 {
	background-color: #111323;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

#menubox6 {
	top:0px;
	left:0px;
	z-index: 999;
	width:100%;
	height:65px;
	min-height: 1px;
	position: fixed;
	height:80px;
}

.js-image {
	top:22px;
	left:15px;
	position:fixed;
	z-index: 1001;
}
.git-image {
  	z-index: 1000;
	top:22px;
	left:15px;
	position:fixed;
  	opacity: 0;
}


.imgback:hover {
  opacity: 0.6;
  transition-duration: 1s;
}

.asterisk li {
	list-style-type: none;
	text-indent: -1.3em;
}

.asterisk li:before {
  display: inline;
  content: "※";
}




.title{
	padding: 0.1em 0.3em;
	border-left: 10px solid #d72500;
}



.news__items.offs.effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
}
.news__items.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1.5s ease;
  transition: all 1s ease；;
}