@charset "UTF-8";

/*==================================
 | ランディングページ
 ==================================*/

@media (min-width: 1400px) {
	body {
		width: 70%;
		text-align: center;
		margin: 0 auto;
	}
}
h2{
	margin: 0 !important;
}

.main_contents {
	overflow: hidden;
}
.bk1 img{
	width: 100%;
}
.bk1 .w50{
	width: 50%;
}
.bk1_1 img,.bk2 img,.bk2_1 img,.bk3 img,.bk3_1 .m_top80{
	width: 60%;
	min-width: 800px;
}

.bk3_1 img{
	width:60%;
	padding: 50px 0;	
}

.bk1_1 .w50{
	width: 50%;
}
.no_bk img{
	width: 50%;
	min-width: 666px;
}

.bt img{
	width: 50%;
	min-width: 666px;
	margin-top: 50px;
}
.m_top50{
	margin-top: 50px;
}
.m_sisan{
	margin-top: 50px;
}
.m_top80{
	margin-top: 80px;
}
.m_gomi{
	margin-top: 80px;
}



.bk2 {
	padding:0 0 50px;
}
.bt1_a{
	margin-top: -8px;
	margin-bottom: -20px;
}
.sentaku{
	margin-top: 50px;
}

.bk2_1 {

	padding:50px 0;
}

.bk3 {

	padding:50px 0;

}
.no_bk {
	background-repeat: no-repeat;
	padding:50px 0;
	line-height:1.0;
}
.top {
	height:auto;
	margin:0 auto;
}

.top .bbe {
	float:left;
	width:15%;
	margin-left:5%;

}
.top .daigasu {
	float: right;
	width:12%;
	margin-right:5%;
	margin-top:8px; 
}
.lh {
	clear: both;
}


.aligntc {text-align:center;}

.gomi{
	
}
.button {
    width: 40%!important;
    min-width: 550px!important;
}
.bgblue{
	border-radius: 1000px 1000px 1000px 1000px / 200px 200px 200px 200px;
	background-color: #52C4DA;
}
/*==================================
 | ポップアップ
 ==================================*/
.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
	font-size: 50px;
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	max-width: 600px;
	width: 40vw;
	padding: 5vw;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 18px;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	bottom: 10px;
	font-size: 20px;
}
#pop-up2 {
	display: none; /* label でコントロールするので input は非表示に */
}
#pop-up2:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up3 {
	display: none; /* label でコントロールするので input は非表示に */
}
#pop-up3:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.text img{
	width: 100%!important;
	min-width: 0px;
}
.window2{
	width: 50vw;
	padding: 5vw;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 808px) {

img {max-width:100%;}


.spw100 {width:100%;}
.spw90 {width:90%;}
.spw80 {width:80%;}
.spw70 {width:70%;}
.spw60 {width:60%;}
h2 {
	margin-block-end: 0 !important;
	margin-block-start: 0 !important;
}
.bk1 img,.bk1_1 img,.bk2 img,.bk2_1 img,.bk3 img{
	width: 100%;
	min-width: 0px;
}
.no_bk img{
	width: 100%;
	min-width: 0px;
	}
.bk2,.bk2_1,.bk3,.no_bk {
	padding:40px 0 20px;
}
.bt img{
	width: 70%;
	min-width: 0px;
	margin-top: 10px;
}
.sentaku{
	margin-top: 10px;
}
.header {
	width:100%;
	margin:0 auto;
	position:static;}

.header .logo {
	width:100%;
}

.header .bbe {
	width:50%;
	position:static;
	display:inline;

}
.header .bbe img {
	width:33%;
	text-align:center;
	padding:0 28% 0 5%;
}
.header .daigasu {
	width:50%;
	position:static;
	display:inline;

}
.header .daigasu img {
	width:25%;
	text-align:center;
	padding-top:17px;
}
.header .maintitle {
	position:static;
	text-align:center;
}
.header .ribbon {
	margin-top:-20px;

}
.aligntc {text-align:center;}

.moushikomi {
	width:100%;
	margin:0 auto;
}
.event_link{
	text-align: center;
	margin-left:0px;
	font-size: 20px;
}
.event_link2{

	text-align: center;
	margin-left:0px;
	font-size: 20px;
}

.button {
    width: 70%!important;
    min-width: 0px!important;
}

.open{
		font-size: 25px;
	}
	.bk3_1{
		padding: 20px 0;
	}
.bk3_1 img{
	width:100%;
	padding: 10px 0;	
}

}/*＠media*/