@charset "UTF-8";

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

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

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



/****************************************

	ヘッダー

*****************************************/
header {}
#header {
	background: #FFFFFF;
	width: 100%;
	margin: 0 auto;
	height: 90px;
}


.header__logo {
	text-align: center;
	padding: 25px 0;
	color: #3b67aa;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
}
.header__logo a {
	color: #3b67aa;
	text-decoration: none;
}
.header__logo a:hover {
	opacity: .80;
}






/****************************************

	フッター

*****************************************/
.footer {
	color: #382422;
	text-align: center;
}
.footer__inner {
	margin: 0 15px;
}


.footer__linkbox {
	position: relative;
}
.footer__linkbox::after {
	content: '';
	display: inline-block;
	width: 55px;
	height: 61px;
	background-image: url("../../img/public_prt03-sp.png");
	background-size: 100%;
	vertical-align: middle;
	position: absolute;
	bottom: 0;
	right: 15px;
	z-index: 10;
}

.footer__link {
	display: block;
	text-decoration: none;
	padding: 20px 0 60px 0;
	border-top: 1px solid #3b67aa;
	color: #382422;
	font-size: 20px;
	line-height: 1.5;
	transition: opacity 0.3s;
}
.footer__link:nth-of-type(3n) {
	margin: 0;
}
.footer__link:hover {
	opacity: 0.7;
	color: #3b67aa;
}
.footer__link span {
	display: block;
	font-size: 16px;
	margin-bottom: 0.3em;
}

.footer__logo {
	text-align: center;
	padding: 20px 0 40px 0;
	max-width: 280px;
	margin: 0 auto;
}


.footer__copyright {
	background-image: url("../../common/footer_bg01.png");
	background-repeat: repeat;
	background-position: left top;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.1;
	padding: 15px 0 15px 0;
}



/****************************************

	スクロールをしたら要素を動かす系

*****************************************/
/* fadeUp */
.fadeUp{
	animation-name:fadeUpAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ふわっ（上から）*/
.fadeDown{
	animation-name: fadeDownAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeDownAnime{
	from {
		opacity: 0;
		transform: translateY(-100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger,
.fadeDownAnime{
	opacity: 0;
}



/****************************************

	zyouhou

*****************************************/
#zyouhou {}



.zyouhou-visual {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.zyouhou-img img {
	height: auto;
	width: 100%;
}

.zyouhou-visual__text {
	position: absolute;
	top: 32%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.zyouhou-visual__text img {
	width: 42vw;
	height: auto;
}



.zyouhou-note {}
.zyouhou-note__inner {
	margin: 65px auto 85px auto;
	background: #FFFFFF;
	padding: 65px 15px 105px 15px;
	position: relative;
}
.zyouhou-note__inner::before {
	content: '';
	display: inline-block;
	width: 100px;
	height: 117px;
	background-image: url("../../img/public_prt01-sp.png");
	background-size: 100%;
	vertical-align: middle;
	position: absolute;
	top: -35px;
	left: 15px;
	z-index: 10;
}
.zyouhou-note__inner::after {
	content: '';
	display: inline-block;
	width: 35px;
	height: 52px;
	background-image: url("../../img/public_prt02-sp.png");
	background-size: 100%;
	vertical-align: middle;
	position: absolute;
	bottom: -20px;
	left: 50px;
	z-index: 10;
}

.zyouhou-note__title {
	text-align: center;
	color: #382422;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	padding: 0 0 50px 0;
}
.zyouhou-note__paper {
	color: #382422;
	font-size: 18px;
	font-weight: 400;
	line-height: 42px;
}
.zyouhou-note__paper iframe {
	min-height: 480px;
}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}