@charset "utf-8";

/* 旧スタイルの打消し */
h3{
	font-size: 2.0rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #fff;
}

h4{
	font-size: 1.6rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #fff;
	width: 320px;
}


.txt{
	width: 430px;
}

.pcHidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .pcHidden {
    display: block;
  }
}

@media screen and (max-width: 768px) {
 .spHidden {
    display: none !important;
  }
}

/* 旧スタイルの打消し */

/* アンカーリンク */
.ank_link{
	max-width: 1000px;
	margin: 5rem auto 10rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ank_link a img{
	position:relative;
	top:0;
}
.ank_link a img:hover{
	top:10px;
	transition:0.3s;
}

/* アンカーリンク */

/* 画像リンク */
#sec01 a:hover{
	opacity:0.8;
	transition:0.3s;
}

#sec02 a:hover{
	opacity:0.8;
	transition:0.3s;
}

#sec03 a:hover{
	opacity:0.8;
	transition:0.3s;
}

/* 画像リンク */

#topImg img {
	width: 100%;
}
.main__block {
	background-color: #02041a;
	color: #fff;
	margin-bottom: 0;
}
#main_Wrapper {
	background-image: url("../images/bg_img.png");
	background-size: contain;
	background-repeat: repeat;
}
figure {
	margin: 0!important;
}
figcaption {
	text-align: center;
}
#sec01,#sec02,#sec03,#sec04,.readImg {
	width: 1000px;
	margin: 0 auto 6rem;
	text-align: center;
}
.sec_ttl {
	text-align: center;
}
.cntImg {
	width: 750px;
	margin: 0 auto 5rem!important;
}
.imgClm,.txtClm {
	display: flex;
	max-width: 1000px;
	justify-content: space-between;
	margin: 0 auto 4rem;
}
.imgClm h3 {
	margin: 1rem 0 0;
}
.txt p {
	margin: 1.5rem;
	text-align: left!important;
}
#ctn_footer {
	position: relative;
	background-image: url("../images/footer_img.jpg");
	background-position: center;
	background-size: cover;
	height: 50vh;
}
.footer_txt {
	position: absolute;
	right: 16%;
	top: 10%;
}
a.sec_btn {
	display: inline-block;
	padding: 1rem 4rem;
	border: 2px solid #C4A812;
	border-radius: 100vh;
	color: #fff!important;
	font-weight: bold;
	transition: 0.3s;
}
a.sec_btn:hover {
	background-color: #C4A812;
	color: #fff!important;
	text-decoration: none!important;
}
.fontBB {
	font-size: 170%;
	font-weight: bold;
}

.mc{
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 767px){
	#sec01,#sec02,#sec03,#sec04,.readImg {
		width: 90%;
	}
	.cntImg,.cntImg img,.readImg img {
		width: 100%;
	}
	.imgClm,.txtClm {
		justify-content: center;
		flex-wrap: wrap;
	}
	#sec01 .imgClm figure,
	#sec02 .imgClm figure {
		margin-bottom: 2rem!important;
	}
	.txtClm img {
	width: 100%;
	}
	.spWidth {
		width: 80%!important;
	}
	h2 img {
		width: 100%;
	}
	.footer_txt {
    position: absolute;
    right: 2%;
    top: 2%;
    width: 58%;
	}
	.fontBB {
		font-size: 170%;
		font-weight: bold;
	}
}