@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	line-height: 1.4;
}
body {
	font-size: 20px;
	background-color: #FEF4F4;
	color:#333333;
	min-width:1200px;
	line-height: 1.6;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

}

@media screen and (max-width: 979px) {
body {

	font-size: 16px;
	line-height: 1.8
		min-width:100%;
}

}


img {
	vertical-align: bottom;
}
.pc {
	display: block;
}
.sm {
	display: none;
}


.wrapper {
	padding:0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.top {
margin:0 auto 0;
padding:0;
text-align: center;
display: flex;
text-align: center;
display:flex;
justify-content:center;
align-items:center;
background-image: url(../img/top_bg.png);
background-position: top;
background-size: cover;
width: 100%;
height: 100vh;
}

.top_box {
width: 50%;
}

.top_box_02 {
width: 50%;
background-color: rgba(254, 244, 244, 0.5);
height: 100vh;
padding: 200px 0 0 0;
flex-wrap: wrap;
}

.txt_m { 
font-family: 'Zen Old Mincho', serif;

}
.txt_top{
font-size:100px;
border-bottom: 2px solid #392222;
padding: 0 0 0 0;
line-height: 1.4;
display: block;
margin: 0 auto;
width: 80%;
}

.txt_top_02{
font-size:70px;
padding: 20px 0;
line-height: 1.4;
display: block;
width: 80%;
margin: 0 auto;
}

.top_link_box{
font-family: 'Zen Old Mincho', serif;
background-color: #74325C;
padding: 20px 40px;
text-align: center;
width: 80%;
margin: 0 auto;
}

.top_link_box a{
color: #ffffff;
}

.top_link_box a:hover{
color: #f4d10d;
text-decoration: none;
}

@media screen and (max-width: 979px) {
.top {
margin:0 auto 0;
padding:0;
text-align: center;
display: flex;
flex-wrap: wrap;

justify-content:center;
align-items:center;
background-image: url(../img/top_bg_sp.png);
background-position: top center;
background-size: cover;
width: 100%;
height: 100vh;
}

.top_box {
width: 100%;
padding: 0 0 0 0;
margin: 0 auto 0;
}

.top_box_02 {
width: 70%;
background-color: rgba(255, 255, 255, 0.5);
height: auto;
padding: 10px 0 20px 0;
flex-wrap: wrap;
}

.txt_m { 
font-family: 'Zen Old Mincho', serif;

}
.txt_top{
font-size:220%;
border-bottom: 2px solid #392222;
padding: 0 0 0 0;
line-height: 1.4;
display: block;
margin: 0 auto;
width: 80%;
}

.txt_top_02{
font-size:120%;
padding: 10px 0 20px 0;
line-height: 1.4;
display: block;
width: 80%;
margin: 0 auto;
}

.top_link_box{
font-family: 'Zen Old Mincho', serif;
background-color: #392222;
padding: 20px 40px;
text-align: center;
width: 80%;
margin: 0 auto;
}

.top_link_box a{
color: #ffffff;
}

.top_link_box a:hover{
color: #f4d10d;
text-decoration: none;
}

}


@media screen and (max-width: 979px) {
.pc {
	display: none;
}
.sm {
	display: block;
}

.wrapper {
	padding:0;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	min-width:100%;
}

}


.txt_b{
font-weight: bold;
}
.txt_red{
font-weight: bold;
color: #cc0000;
}

.txt_big{
font-size: 120%;
}

.txt_s{
font-size: 70%;
line-height: 3;
}
.txt_w{
color: #ffffff;
}






.contents_box{
width:1000px;
padding:60px 0 0 0;
margin:100px auto 50px;
}

.news_box{
display:flex;
margin: 0 auto 100px;
padding: 0;
}

.news_box_title{
width: 35%;
border-right:  2px solid #392222; 
font-family: 'Zen Old Mincho', serif;
font-size: 55px;
text-align: left;
line-height: 1;
}

.news_box_txt{
width: 65%;
text-align: left;
font-size: 16px;

}
.news_box_txt p{
margin:0 0 20px 60px;
text-align: left;
line-height: 1.8;
}

.news_box_in{
margin:0 0 20px 60px;
display: flex;
border-bottom: 2px dotted #392222; 
padding: 0 0 20px 0;
}

.news_box_in_data{
width: 15%;
}

.news_box_in_txt{
width: 85%;
}

.contents_01{
width:100%;
padding:50px 0;
margin:20px auto 0;
background-color: #74325C;
}

.contents_box_01{
width:1000px;
padding:0 0 50px 0;
margin:20px auto 0;
color: #f3f3f3;
}

.contents_box_title{
font-family: 'Zen Old Mincho', serif;
font-size: 55px;
padding: 0 0 50px 0;
}

.contents_box_title_02{
width:100%;
font-size: 140%;
padding: 10px 0 10px 0;
border-bottom: 1px solid #f3f3f3;
border-top: 3px solid #f3f3f3;
margin:20px auto 40px;

}


.info{
display: flex;
flex-wrap: wrap;
color: #f3f3f3;
}

.info_box{
width: 50%;
text-align: left;
margin:0 auto 40px;
padding: 0 20px 0 20px;
}

.info_box_title{
background-color: #f3f3f3;
color: #392222;
padding:5px  10px;
width: 100%;
border-radius: 50px;
text-align: center;
font-weight: bold;
}

.info_box p{
margin: 20px auto 0;
padding: 0 20px 5px 0;
text-align: left;
font-size: 16px;

}

.info_box a{
color: #f3f3f3;
}

.info_box a:hover{
color: #f4d10d;
text-decoration: none;
}

.info_box_boder{
margin: 20px auto;
padding: 0 20px 5px 0;
text-align: left;
font-size: 16px;
border-bottom: 1px solid #f3f3f3;
}


.btn{
width: 1000px;
margin:50px auto;
padding: 0;
display: flex;
}

.btn_box{
width: 33.3333%;
}

.gif_img{
width:780px;

}

.link{
display: flex;
flex-wrap: wrap;
}

.link_box{
width: 33.33333%;
text-align: center
}



/*ホバー時に透明度50%*/
.btn_box img:hover {
  opacity: 0.8;
}

.foonter{
margin: 50px auto;
border-top: 1px solid#392222; 
padding: 50px 0 10px 0;
}
.youtube {
margin:20px auto 40px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.youtube02 {
margin:10px auto 0;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


@media screen and (max-width: 979px) {


.contents_box{
width:90%;
margin:  0 auto;
padding:0 0 0 0;
margin:40px auto 20px;
}

.news_box{
display:flex;
margin: 0 auto 40px;
padding: 0;
flex-wrap: wrap;
}

.news_box_title{
width: 100%;
border-bottom:  2px solid #392222; 
border-right:0px solid #392222; 
font-family: 'Zen Old Mincho', serif;
font-size:150%;
text-align: left;
line-height: 1;
padding: 0 0 10px 0;
}

.news_box_txt{
width: 100%;
text-align: left;
font-size: 16px;

}
.news_box_txt p{
margin:0 auto;
padding: 10px 0;
text-align: left;
font-size: 90%;
}

.news_box_in{
margin:0 auto;
display: flex;
border-bottom: 2px dotted #392222; 
padding: 0 0 5px 0;
flex-wrap: wrap
}

.news_box_in_data{
width: 100%;
padding: 10px 0 0 0;
}

.news_box_in_txt{
width: 100%;
padding: 10px 0 0 0;
}

.contents_01{
width:100%;
padding:10px 0;
margin:20px auto 0;
background-color: #392222;
}

.contents_box_01{
width:100%;
padding:0 0 20px 0;
margin:20px auto 0;
color: #f3f3f3;
}

.contents_box_title{
font-family: 'Zen Old Mincho', serif;
font-size: 180%;
padding: 0 0 20px 0;
}

.contents_box_title_02{
width:100%;
font-size: 110%;
padding: 10px 0 10px 0;
border-bottom: 1px solid #f3f3f3;
border-top: 3px solid #f3f3f3;
margin:10px auto 20px;

}


.info{
display: flex;
flex-wrap: wrap;
color: #f3f3f3;
width: 90%;
margin: 0 auto;
}

.info_box{
width: 100%;
text-align: left;
margin: 0 auto 10px;
padding:0 0 5px 0 ;
}

.info_box_title{
background-color: #f3f3f3;
color: #392222;
padding:5px 0;
width: 100%;
border-radius: 50px;
text-align: center;
font-weight: bold;
margin: 10px auto 0;
}

.info_box p{
margin: 10px auto 0;
padding:10px 0 5px 0 ;
text-align: left;
font-size: 14px;
}

.info_box a{
color: #f3f3f3;
}

.info_box a:hover{
color: #f4d10d;
text-decoration: none;
}

.info_box_boder{
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
font-size: 14px;
border-bottom:2px dotted #f3f3f3;
}

.btn{
width:100%;
margin:50px auto;
padding: 0 0 10px 0;
display: flex;
flex-wrap: wrap;
}

.btn_box{
width:100%;
padding: 0 0 10px 0;
}

.gif_img{
width:780px;

}
.link{
display: flex;
flex-wrap: wrap;
}

.link_box{
width: 100%;
text-align: center
}



/*ホバー時に透明度50%*/
.btn_box img:hover {
  opacity: 0.8;
}

.foonter{
margin: 50px auto 10px;
border-top: 1px solid#392222; 
padding: 20px 0 10px 0;
}



.youtube {
margin:20px auto 40px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.youtube02 {
margin:0 auto 0;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



.row {
display: flex;
margin:0 auto 0;
padding:0 5px;
height: 295px;
text-align: center;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.col {
width: 50%;
margin:0 auto;
text-align: center;
}


@media screen and (max-width: 979px) {
.row {
display: flex;
margin:0 auto 0;
padding:20px 0;
height: auto;
text-align: center;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.col {
width: 100%;
margin:0 auto;
text-align: center;
padding: 20px 0 0 0;
}
}




.footer{
width:100%;
border-top: 1px solid #ffffff;
margin:30px auto 0;
padding:50px 0;

font-size:16px;
	text-align: center;


}

.footer a{

}

.footer a:hover{
color:#990033;
}

.footer img{
padding:0 0 20px 0;
	margin: 0 auto 10px;
}




.con_center {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color: #000;
}

.black_bg {
	width: 100%;
	background-color: #000;
	padding: 20px 0;
}

.yel_bg {
	width: 100%;
	background-color: #fafae3;
	padding: 20px 0;
}




.img_bottom {
	margin: 0 auto 10px;
}

@media screen and (max-width: 979px) {
body {

    min-width: 100%;
}
.max_w {
	max-width: 100%;

}

.max_w90 {
	max-width: 90%;

}

.max_w70 {
	max-width: 70%;

}

}