@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&family=Noto+Sans+JP:wght@400;700&display=swap');
/*-----------------------------------------------------
全体共通
-------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, div, address  {
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
letter-spacing: 0.05em;
}


body {
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}

.clearfix {
	zoom: 1;
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


::-webkit-scrollbar {
width: 10px;
height: 10px;
}


::-webkit-scrollbar-track {
border-radius: 5px;
box-shadow: 0 0 4px #ccc inset;
}


::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #006934;
}

.wba {
word-break: break-all!important;
overflow-wrap: break-word;
max-width: 100%;
}

/*====================================================================
 pagetopbtn_common
====================================================================*/
#ptbtn {
	position:fixed;
	bottom: 30px;
	right:5px;
	display:none;
	z-index:1000;
}

header {
background-color: #fff;
width: 100%;
margin: 0 auto;
border-top:3px #FABE00 solid;
}
header #hd_logo {
padding: 10px;
text-align: left;
}
header #hd_logo img {
max-width: 243px;
}

footer {
width: 100%;
margin: 0 auto;
padding: 15px 0 50px 0;
background-color: #fabe00;
}
#copyright {
font-size: 12px;
text-align: center;
padding: 10px 0 0;
}
#yw_top {
margin: 0 auto;
text-align: center;
padding-top: 10px;
}
#yw_top img {
max-width: 149px;
width: 70%;
}




/* 768px以下 スマホ向け
--------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
body {
	-webkit-text-size-adjust: 100%;
	min-width: 320px;
}

.part_pc {
	display: none!Important;
}
#wrapper {
width: 100%;
margin: 0 auto;
}

/*-----------------------------------------------------
main
-------------------------------------------------------*/
h1 {
width:90%;
margin: 10px auto;
}
#mainv {
width: 100%;
margin: 0 auto;
}

/*-----------------------------------------------------
nav
-------------------------------------------------------*/

.anc-nav {
width: 90%;
margin: 20px auto;
display: flex;
flex-wrap: nowrap;
align-items:flex-start;
justify-content: space-around;
}
.anc-nav li {
width: 44%;
}
.anc-nav li a:hover {
transition: .3s;
opacity: .7;
}

/*-----------------------------------------------------
img
-------------------------------------------------------*/
.img_100 img {
width: 100%;
height: auto;
}
.icon {
width: 150px;
margin: 20px auto;
}
.preimg01 {
width: 80%;
margin: 20px auto;
}
.preimg02 {
width: 70%;
margin: 20px auto;
}
.sd_img {
width: 220px;
margin: 20px auto 50px;
}

/*-----------------------------------------------------
bg
-------------------------------------------------------*/
.bg1 {
width: 100%;
margin: 0 auto;
background: url(../img/bg_beige.jpg) repeat top center;
background-size: contain;
}
.bg2 {
width: 100%;
margin: 0 auto;
background: url(../img/bg_yellow.jpg) repeat top center;
background-size: contain;
}
.bg3 {
width: 100%;
margin: 0 auto;
background: url(../img/bg_green.jpg) repeat top center;
background-size: contain;
}


/*-----------------------------------------------------
block
-------------------------------------------------------*/
.block_wh {
width: 96%;
margin: 20px auto;
border-radius: 20px;
background: #fff;
padding: 30px 0;
}
.nyan_kakomi {
margin: 20px auto;
padding: 20px;
border: 3px solid #000;
border-radius: 10px;
background: #fff4d6;
}

/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.inner {
width: 94%;
margin: 0 auto;
padding: 30px 0;
}
.inner2 {
padding: 0 20px;
}


/*-----------------------------------------------------
box
-------------------------------------------------------*/

.profile {
width: 100%;
display: block;
}
.profile .txtbox {
width: 100%;
}
.profile .phbox {
width: 100%;
margin-top: 10px;
}

/*-----------------------------------------------------
txt-style
-------------------------------------------------------*/

h2.ptn1, h2.ptn2, h2.ptn3 {
padding: 20px 0;
text-align: center;
}
h2.ptn2 img {
height: 110px;
width: auto;
}
h2.ptn3 img {
height: 164px;
width: auto;
}
h3.ptn1, h3.ptn2, h3.ptn3, h3.ptn4 {
text-align: center;
margin: 20px auto;
}
h3.ptn1 img {
height: 56px;
width: auto;
}
h3.ptn2 img {
height: 62px;
width: auto;
}
h3.ptn3 img {
height: 110px;
width: auto;
}
h3.ptn4 img {
width: 90%;
height: auto;
}
h4 {
font-size: 24px;
line-height: 1.2;
text-align: center;
}
h4 span {
font-size: 16px;
}
.tal {
text-align: left;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.col_bk {
color: #000;
}
.col_wt {
color: #fff;
}
.col_rd {
color: #e50012;
}
.fwb {
font-weight: 700;
}
.statement {
font-size: 16px;
line-height: 1.6;
text-align: center;
padding: 0 0 40px;
color: #222;
}


.honbun {
font-size: 13px;
line-height: 1.6;
}
.honbun_l {
font-size: 14px;
line-height: 1.6;
}
.lead {
font-size: 15px;
line-height: 1.6;
padding-bottom: 20px;
}
.catch {
font-size: 16px;
line-height: 1.5;
padding-top: 30px;
}
.okaiage{
font-size: 24px;
line-height: 1.5;
padding-bottom: 50px;
}
.ttl_line {
font-size: 15px;
padding-bottom: 5px;
border-bottom: 2px solid #222;
margin-bottom: 10px;
}
.cmp_date {
width: 80%;
margin: 20px auto;
padding: 10px;
background: #ec8e26;
font-size: 24px;
line-height: 1;
color: #fff;
text-align: center;
border-radius: 20px;
}
.cmp_date span {
font-size: 16px;
}
.anno1 {
font-size: 12px;
line-height: 1.5;
padding: 20px 0;
}
.sarani {
width: 85%;
margin: 20px auto;
font-size: 18px;
line-height: 1.5;
padding: 10px 0;
border-top:2px solid #222;
border-bottom: 2px solid #222;
}



/*-----------------------------------------------------
pastlist
-------------------------------------------------------*/
ul.pastlist {
width: 96%;
margin: 20px auto;
display: block;
}
ul.pastlist li {
margin-bottom: 30px;
}
ul.pastlist .ttl {
font-size: 18px;
text-align: center;
padding: 10px 0;
}
ul.pastlist .thumb {
margin-bottom: 10px;
}


/*-----------------------------------------------------
campaign
-------------------------------------------------------*/
.gaiyo_block {
width: 96%;
margin: 0 auto;
color: #fff;
}

.gaiyou_ttl {
font-size: 15px;
line-height: 1.8;
}
.gaiyou_ttl:before {
content:"";
	display:inline-block;
	width:28px;
	height:28px;
	background:url(../img/icon_3.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
	margin-right: 3px;
}
.gaiyo_honbun {
font-size: 18px;
line-height: 1.6;

padding-bottom: 20px;
}
.gaiyo_honbun span {
font-weight: bold;
}
.gaiyo_honbun a {
color: #ffff00;
}
.tw_btn {
width: 80%;
margin: 0 0 10px 30px;
}
.tw_btn a:hover img {
opacity: .7;
transition: .3s;
}

.oth_block {
width: 92%;
margin: 20px auto 0;
}
.oth_block .ttl {
font-size: 20px;
line-height: 1.8;
color: #fff;
}


.ot_block {
width: 92%;
margin: 0 auto 150px;
height: 400px;
overflow: auto;
padding: 20px;
background: #fff;
}
.ot_block .ptxt {
font-size: 16px;
color: #000;
line-height: 1;
}
.ot_block .ntxt {
font-size: 14px;
color: #444;
line-height: 1.5;
padding: 10px 0;
}
.ot_block a {
color: #E60012;
}





/*-----------------------------------------------------
ronbun
-------------------------------------------------------*/

/* tablist */
.list_icon {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.list_icon ul {
width: 96%;
margin: 0 auto;
}
.list_icon li {
  width: 30%;
  text-align: center;
  margin: 3px;
}
.list_icon li a {
  transition: 0.3s;
  color: #fff;
  display: block;
}
.list_icon li a.active {
  cursor: text;
}
.list_icon li a img {
filter: grayscale(80%);
}

.list_icon li a.active img {
filter: grayscale(0%);
}


/* tabcontents */
.list_contents > div {
  padding: 20px;
  display: none;
}
.list_contents > div.active {
  display: block;
}
.list_contents > div > * + * {
  margin-top: 10px;
}

/*--pcのみ*/
.list_icon li a:not(.active):hover img {
  filter: grayscale(0%);
  transition: .3s;
  }


.fukidashi {
width: 96%;
margin: 10px auto 30px;
padding: 10px;
background: #834F0B;
border-radius: 10px;
display: block;
position: relative;
}
.mem01::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:35px;
}

.mem02::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:35px;
}
.mem03::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:35px;
}
.mem04::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:35px;
}
.mem05::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:35px;
}



.fukidashi .name {
color: #fff;
font-size: 14px;
text-align: center;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
}
.fukidashi .profile {
padding-top: 5px;
font-size: 13px;
color: #fff;
line-height: 1.5;
}
.ronbun {
padding: 20px 20px 20px 20px;
background:#f4f4ef;
border-left: 10px solid #000;
box-shadow: 2px 2px 5px #999;
color: #333;
background: #f4f4ef url(../img/icon_ashiato.png) no-repeat right bottom;
background-size: 40px 40px;
}
.ronbun .ttl {
font-size: 18px;
line-height: 1.5;
text-align: center;
}
.ronbun .subttl {
font-size: 15px;
text-align: center;
padding-bottom: 20px;
line-height: 1.2;
}
.ronbun .writer {
font-size: 16px;
text-align: center;
line-height: 1.5;
}
.ronbun .writer_sub {
font-size: 13px;
text-align: center;
padding-bottom: 20px;
line-height: 1.2;
}
.ronbun .en_ttl {
font-size: 13px;
text-align: center;
line-height: 1.3;
padding-bottom: 20px;
}
.ronbun .en_writer {
font-size: 12px;
text-align: center;
line-height: 1.2;
padding-bottom: 50px;
}
.ronbun .en_writer span {
font-size: 13px;
}
.ronbun .pgh {
font-size: 14px;
line-height: 1.7;
padding-bottom: 1.3em;
}
.ronbun .quote {
border-top:1px solid #000;
padding-top: 20px;
font-size: 11px;
line-height: 1.5;
}

.ronbun_anoo {
font-size: 12px;
text-align: center;
padding: 20px 0;
}







/*-----------------------------------------------------
linkbtn
-------------------------------------------------------*/
.linkbtn{
    display:block;
	width: 84%;
    background:#000;
	margin: 10px auto 30px;
	font-size: 16px;
	line-height: 1.2;
    padding:20px 20px 20px 10px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.linkbtn::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: skew(45deg);
    transition: .3s;
}
.linkbtn:hover::after{
    right: 10px;
    width: 30px;
}
.linkbtn a {
color: #fff;
text-decoration: none!important;
}




/*-----------------------------------------------------
youtube
-------------------------------------------------------*/
.mv_box {
margin: 10px auto 20px;
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 10px;
}
.mv_box iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*-----------------------------------------------------
slider
-------------------------------------------------------*/
.keisai_img {
width: 92%;
margin: 50px auto;
border-radius: 10px;
padding: 20px 0;
text-align: center;
}
.keisai_img img {
width: 80%;
margin-bottom: 50px;
}

/*-----------------------------------------------------
終了
-------------------------------------------------------*/
.cmp_end {
position: relative;
}
.cmp_end .end_txt {
position: absolute;
  top: 55%;
  left: 50%;
  transform: translateY(-55%) translateX(-50%);
  -webkit- transform: translateY(-55%) translateX(-50%);
  margin: auto;
  background: #DB2023;
  width: 100%;
  opacity: 0.9;
}
.cmp_end .end_txt p {
padding: 100px 0;
text-align: center;
font-size: 18px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}

.cmp_end_gr {
position: relative;
}
.cmp_end_gr .end_txt2 {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: #999999;
  width: 100%;
  opacity: 0.95;
  z-index: 100;
}
.cmp_end_gr .end_txt2 p {
padding: 200px 0;
text-align: center;
font-size: 18px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}
.cmp_end_gr .end_txt2 p span {
padding: 50px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}

/*-----------------------------------------------------
modal
-------------------------------------------------------*/
#modal {
display: none;
}
.box_modal {
	text-align: left;
}
.box_modal .h_modal {
	font-size: 18px;
	font-weight: 700;
	background-color: #fff000;
	padding: 15px 30px 15px 15px;
}
.box_modal .clearfix {
	padding: 15px 20px;
}
.box_modal .txt_modal {
	margin-bottom:20px;
}
.box_modal .ph_modal {
}
.box_modal .note_modal {
}
.box_modal .note_modal a {
	text-decoration: underline;
	display:inline-block;
}
/* モーダル調整 */
.box_modal .clearfix {
}
.box_modal .txt_modal {
}
.box_modal .ph_modal {
}
.box_modal .note_modal {
	clear: both;
	padding-top: 20px;
}

/*-----------------------------------------------------
Timer
-------------------------------------------------------*/
.timebox{
	padding:50px 0 80px;
	width:92%;
	margin:30px auto;
	box-sizing:border-box;
	background: #222;
	background: #222 url(../img/icon_nyan.png) no-repeat right bottom;
	background-size: 44px 75px;
}
.timebox .coming {
font-size: 30px;
text-align: center;
padding: 10px 0 0;
color: #fff;
line-height: 1;
font-family: 'Manrope', sans-serif;
}
.timebox .coming_sub {
font-size: 16px;
text-align: center;
padding: 30px 0 80px;
color: #fff;
}
.timebox .time{
	font-size:12px;
	text-align: center;
	}
	.timebox .time div{
		display:inline-block;
		}
	.timebox .time .bar{
	font-size:30px;
	display:inline-block;
	vertical-align:top;
	padding-top: 10px;
	color: #fff;
	}
	
.timebox .time .daytime,.timebox .time .hourtime,.timebox .time .mintime,.timebox .time .sectime {
	font-size:40px;
	color:#fff;
	font-family: 'Manrope', sans-serif;
	}
.timebox .time .span_day,.timebox .time .span_hour,.timebox .time .span_min,.timebox .time .span_sec{
	margin:0 10px;
	color:#fff;
	display:block;
	text-align:center;
	font-family: 'Manrope', sans-serif;
	padding-top: 10px;
	font-size: 10px;
	}








}


/* 769px以上 PC向け
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
body {
	min-width: 1200px;
}
.part_sp {
	display: none!Important;
}
a {
	transition: .5s;
}

#wrapper {
width: 100%;
margin: 0 auto;
}
/*-----------------------------------------------------
main
-------------------------------------------------------*/
h1 {
width: 960px;
margin: 10px auto;
}
#mainv {
width: 100%;
margin: 0 auto;
}

/*-----------------------------------------------------
nav
-------------------------------------------------------*/

.anc-nav {
width: 620px;
margin: 20px auto;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-around;
}
.anc-nav li {
width: 47%;
}
.anc-nav li a:hover {
transition: .3s;
opacity: .7;
}

/*-----------------------------------------------------
img
-------------------------------------------------------*/
.img_100 img {
width: 100%;
height: auto;
}
.icon {
width: 200px;
margin: 20px auto;
}
.preimg01 {
width: 80%;
margin: 20px auto;
}
.preimg02 {
width: 70%;
margin: 0 auto;
}
.sd_img {
width: 220px;
margin: 20px auto 50px;
}

/*-----------------------------------------------------
bg
-------------------------------------------------------*/
.bg1 {
width: 100%;
margin: 0 auto;
background: url(../img/bg_beige.jpg) repeat top center;
background-size: contain;
}
.bg2 {
width: 100%;
margin: 0 auto;
background: url(../img/bg_yellow.jpg) repeat top center;
background-size: contain;
}
.bg3 {
width: 100%;
margin: 0 auto;
background: url(../img/bg_green.jpg) repeat top center;
background-size: contain;
}


/*-----------------------------------------------------
block
-------------------------------------------------------*/
.block_wh {
width: 900px;
margin: 20px auto;
border-radius: 20px;
background: #fff;
padding: 30px 0;
}
.nyan_kakomi {
margin: 20px auto;
padding: 20px;
border: 3px solid #000;
border-radius: 10px;
background: #fff4d6;
}

/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.inner {
width: 960px;
margin: 0 auto;
padding: 30px 0;
}
.inner2 {
padding: 0 20px;
}


/*-----------------------------------------------------
box
-------------------------------------------------------*/

.profile {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.profile .txtbox {
width: 50%;
}
.profile .phbox {
width: 40%;
text-align: right;
}

/*-----------------------------------------------------
txt-style
-------------------------------------------------------*/

h2.ptn1, h2.ptn2, h2.ptn3 {
padding: 50px 0;
text-align: center;
}
h2.ptn2 img {
height: 208px;
width: auto;
}
h2.ptn3 img {
height: 164px;
width: auto;
}
h3.ptn1, h3.ptn2, h3.ptn3, h3.ptn4{
text-align: center;
margin: 20px auto;
}
h3.ptn1 img {
height: 98px;
width: auto;
}
h3.ptn2 img {
height: 162px;
width: auto;
}
h3.ptn3 img {
height: 210px;
width: auto;
}
h3.ptn4 img {
height: 260px;
width: auto;
}
h4 {
font-size: 62px;
line-height: 1.2;
text-align: center;
}
h4 span {
font-size: 46px;
}
.tal {
text-align: left;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.col_bk {
color: #000;
}
.col_wt {
color: #fff;
}
.col_rd {
color: #e50012;
}
.fwb {
font-weight: 700;
}
.statement {
font-size: 20px;
line-height: 2;
text-align: center;
padding: 0 0 40px;
color: #222;
}


.honbun {
font-size: 16px;
line-height: 1.6;
}
.honbun_l {
font-size: 18px;
line-height: 1.6;
}
.lead {
font-size: 22px;
line-height: 1.6;
padding-bottom: 20px;
}
.catch {
font-size: 24px;
line-height: 1.5;
padding-top: 50px;
}
.okaiage{
font-size: 24px;
line-height: 1.5;
padding-bottom: 50px;
}
.ttl_line {
font-size: 18px;
padding-bottom: 5px;
border-bottom: 2px solid #222;
margin-bottom: 10px;
}
.cmp_date {
width: 80%;
margin: 20px auto;
padding: 10px;
background: #ec8e26;
font-size: 48px;
line-height: 1;
color: #fff;
text-align: center;
border-radius: 34px;
}
.cmp_date span {
font-size: 36px;
}
.anno1 {
font-size: 14px;
line-height: 1.5;
padding: 20px 0;
}
.sarani {
width: 85%;
margin: 20px auto;
font-size: 28px;
line-height: 1.5;
padding: 10px 0;
border-top:2px solid #222;
border-bottom: 2px solid #222;
}

/*-----------------------------------------------------
linkbtn
-------------------------------------------------------*/

.linkbtn{
width: 50%;
    display:block;
    background:#000;
	margin: 10px auto 50px;
	font-size: 26px;
    padding:20px 20px 20px 10px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.linkbtn::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: skew(45deg);
    transition: .3s;
}
.linkbtn:hover::after{
    right: 10px;
    width: 30px;
}
.linkbtn a {
color: #fff;
text-decoration: none!important;
}
.linkbtn:hover {
opacity: 0.8;
transition: .3s;
}

.txtlink a {
text-decoration: underline;
color: #222;
}
.txtlink a:hover {
color: #ec8e26;
}




/*-----------------------------------------------------
youtube
-------------------------------------------------------*/
.mv_box {
width: 960px;
margin: 20px auto 50px;
}
.mv_box iframe {
width: 960px;
height: 540px;
}

/*-----------------------------------------------------
pastlist
-------------------------------------------------------*/
ul.pastlist {
width: 960px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
ul.pastlist li {
width: 48%;
margin-bottom: 30px;
}
ul.pastlist .ttl {
font-size: 24px;
text-align: center;
padding: 10px 0;
}
ul.pastlist .thumb {
margin-bottom: 10px;
}
ul.pastlist .thumb a:hover {
opacity: 0.7;
transition:.3s;
}


/*-----------------------------------------------------
campaign
-------------------------------------------------------*/
.gaiyo_block {
width: 700px;
margin: 0 auto;
color: #fff;
}

.gaiyou_ttl {
font-size: 24px;
line-height: 1.8;
}
.gaiyou_ttl:before {
content:"";
	display:inline-block;
	width:28px;
	height:28px;
	background:url(../img/icon_3.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
	margin-right: 3px;
}
.gaiyo_honbun {
font-size: 18px;
line-height: 1.6;
text-indent: 1.8em;
padding-bottom: 20px;
}
.gaiyo_honbun span {
font-weight: bold;
}
.gaiyo_honbun a {
color: #ffff00;
}
.tw_btn {
width: 240px;
margin: 0 0 10px 30px;
}
.tw_btn a:hover img {
opacity: .7;
transition: .3s;
}

.oth_block {
width: 90%;
margin: 20px auto 0;
}
.oth_block .ttl {
font-size: 20px;
line-height: 1.8;
color: #fff;
}


.ot_block {
width: 840px;
margin: 0 auto 150px;
height: 400px;
overflow: auto;
padding: 20px;
background: #fff;
}
.ot_block .ptxt {
font-size: 16px;
color: #000;
line-height: 1;
}
.ot_block .ntxt {
font-size: 14px;
color: #444;
line-height: 1.5;
padding: 10px 0;
}
.ot_block a {
color: #E60012;
}





/*-----------------------------------------------------
ronbun
-------------------------------------------------------*/

/* tablist */
.list_icon {
  display: flex;
  justify-content: space-between;
}
.list_icon ul {
width: 860px;
margin: 0 auto;
}
.list_icon li {
  width: 180px;
  text-align: center;
}
.list_icon li a {
  transition: 0.3s;
  color: #fff;
  display: block;
}
.list_icon li a.active {
  cursor: text;
}
.list_icon li a img {
filter: grayscale(80%);
}

.list_icon li a.active img {
filter: grayscale(0%);
}


/* tabcontents */
.list_contents > div {
  padding: 20px;
  display: none;
}
.list_contents > div.active {
  display: block;
}
.list_contents > div > * + * {
  margin-top: 10px;
}

/*--pcのみ*/
.list_icon li a:not(.active):hover img {
  filter: grayscale(0%);
  transition: .3s;
  }


.fukidashi {
width: 92%;
margin: 10px auto 30px;
padding: 10px;
background: #834F0B;
border-radius: 10px;
display: table;
border-collapse: separate;
border-spacing: 5px 5px;
position: relative;
}
.mem01::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:35px;
}

.mem02::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:135px;
}
.mem03::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:235px;
}
.mem04::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:335px;
}
.mem05::before {
content: "";
  
width: 0;
height: 0;
border-bottom: 17px solid #834F0B;
border-left: 10px solid transparent;
border-right: 10px solid transparent;

  
  position: absolute;
  top:-10px;
  left:435px;
}



.fukidashi .name {
width: 20%;
vertical-align: middle;
color: #fff;
font-size: 15px;
display: table-cell;
text-align: left;
}
.fukidashi .profile {
width: 78%;
vertical-align: top;
font-size: 14px;
color: #fff;
line-height: 1.6;
display: table-cell;
padding-left: 20px;
}
.ronbun {
padding: 50px 30px 50px 50px;
background:#f4f4ef;
border-left: 20px solid #000;
box-shadow: 2px 2px 5px #999;
color: #333;
background: #f4f4ef url(../img/icon_ashiato.png) no-repeat right bottom;
background-size: 60px 60px;
}
.ronbun .ttl {
font-size: 26px;
text-align: center;
line-height: 1.5;
}
.ronbun .subttl {
font-size: 18px;
text-align: center;
padding-bottom: 20px;
line-height: 1.2;
}
.ronbun .writer {
font-size: 20px;
text-align: center;
line-height: 1.5;
}
.ronbun .writer_sub {
font-size: 16px;
text-align: center;
padding-bottom: 20px;
line-height: 1.2;
}
.ronbun .en_ttl {
font-size: 14px;
text-align: center;
line-height: 1.3;
padding-bottom: 20px;
}
.ronbun .en_writer {
font-size: 12px;
text-align: center;
line-height: 1.2;
padding-bottom: 50px;
}
.ronbun .en_writer span {
font-size: 17px;
}
.ronbun .pgh {
font-size: 16px;
line-height: 1.7;
padding-bottom: 1.3em;
}
.ronbun .quote {
border-top:1px solid #000;
padding-top: 20px;
font-size: 12px;
line-height: 1.5;
}

.ronbun_anoo {
font-size: 14px;
text-align: center;
padding: 20px 0;
}




/*-----------------------------------------------------
slider
-------------------------------------------------------*/
.keisai_img {
width: 720px;
margin: 50px auto;
border-radius: 10px;
padding: 20px 0;
text-align: center;
}
.keisai_img img {
width: 80%;
margin-bottom: 50px;
}


/*-----------------------------------------------------
modal
-------------------------------------------------------*/
#modal {
display: none;
}
.box_modal {
	text-align: left;
}
.box_modal .h_modal {
	font-size: 24px;
	font-weight: 700;
	background-color: #fff000;
	padding: 10px 0 10px 15px;
}
.box_modal .clearfix {
	padding: 20px 25px;
}
.box_modal .txt_modal {
	float: left;
	font-size: 14px;
	line-height: 1.5;
}
.box_modal .ph_modal {
	float: right;
}
.box_modal .ph_modal img {
	width: 100%;
	height: auto;
}
.box_modal .note_modal {
}
.box_modal .note_modal a {
	text-decoration: underline;
}
.box_modal .note_modal a:hover {
	text-decoration: none;
	opacity: 1;
}
/* モーダル調整 */

.box_modal .clearfix {
	padding: 20px 20px 20px 25px;
}
.box_modal .txt_modal {
	width: 500px;
}
.box_modal .ph_modal {
	width: 306px;
}
.box_modal .note_modal {
	clear: both;
	padding-top: 30px;
}


/*-----------------------------------------------------
終了
-------------------------------------------------------*/
.cmp_end {
position: relative;
}
.cmp_end .end_txt {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: #DB2023;
  width: 100%;
  opacity: 0.95;
}
.cmp_end .end_txt p {
padding: 80px 0;
text-align: center;
font-size: 44px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}

.cmp_end_gr {
position: relative;
}
.cmp_end_gr .end_txt2 {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: #999999;
  width: 100%;
  opacity: 0.95;
  z-index: 100;
}
.cmp_end_gr .end_txt2 p {
padding: 200px 0;
text-align: center;
font-size: 44px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}
.cmp_end_gr .end_txt2 p span {
padding: 50px 0;
text-align: center;
font-size: 24px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}

/*-----------------------------------------------------
Timer
-------------------------------------------------------*/
.timebox{
	padding:30px 0 80px;
	width:960px;
	margin:50px auto 100px;
	box-sizing:border-box;
	background: #222;
	background: #222 url(../img/icon_nyan.png) no-repeat right bottom;
	background-size: 88px 150px;
}
.timebox .coming {
font-size: 60px;
text-align: center;
padding: 30px 0 0;
color: #fff;
font-family: 'Manrope', sans-serif;
}
.timebox .coming_sub {
font-size: 30px;
text-align: center;
padding: 30px 0 120px;
color: #fff;
}
.timebox .time{
	font-size:24px;
	text-align: center;
	}
	.timebox .time div{
		display:inline-block;
		}
	.timebox .time .bar{
	font-size:60px;
	display:inline-block;
	vertical-align:top;
	padding-top: 10px;
	color: #fff;
	}
	
.timebox .time .daytime,.timebox .time .hourtime,.timebox .time .mintime,.timebox .time .sectime {
	font-size:80px;
	color:#fff;
	font-family: 'Manrope', sans-serif;
	}
.timebox .time .span_day,.timebox .time .span_hour,.timebox .time .span_min,.timebox .time .span_sec{
	margin:0 10px;
	color:#fff;
	display:block;
	text-align:center;
	font-family: 'Manrope', sans-serif;
	padding-top: 10px;
	font-size: 16px;
	}




}






/*-----------------------------------------------------
swiper
-------------------------------------------------------*/
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #006934
}
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 5px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23006934'%2F%3E%3C%2Fsvg%3E");
	left: 5px;
	right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23006934'%2F%3E%3C%2Fsvg%3E");
	right: 5px;
	left: auto
}

.fadeIn {
  opacity: 0;
  transition: 1s;
}
.fadeIn.is-show {
  opacity: 1;
}