@media screen and (max-width: 1299px){
	.pc{
		display: none;
	}
	.contents img{
		margin: 20px 0px 20px 0px;
	}
	.logobox img{
		width: 200px;
		box-shadow: 0 0 4px rgba(0,0,0,0);
	}
	.logobox .rchild{
		display: none;
	}
	.logobox .child{
		text-align: center;
		width: 100%;
	}
	.logobox .mchild{
		display: none;
	}
	.content{
		text-align:center;
		z-index: 4;
		width:100%;
		height: 45px;
		position: fixed;
		margin: 0px auto;
		top: 50px;
	}
	.content span{
		background: rgba(255,255,255,0.8);
		box-shadow: 0 0 4px rgba(131,78,98,0.8);
		border-radius: 30px;
		display:block;
		margin: 10px 30% 10px 30%;
		padding: 5px 5px 5px 5px;
	}
	.content a{
		display: inline-block;
		width: 100%;
		height: 100%;
		color: rgba(131,78,98,1);
		text-decoration: none;
	}
	.content a:hover{
		color:rgba(131,78,98,0.8);
		text-decoration: none;
	}
	.content a:visited{
		color:rgba(131,78,98,1);
		text-decoration: none;
	}
	.modal{
		z-index: 100;
		display: none;
		height: 100vh;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.modal__bg{
		background: rgba(0,0,0,0.8);
		height: 100vh;
		position: absolute;
		width: 100%;
	}
	.modal__content{
		z-index: 101;
		text-align: center;
		border-radius: 30px;
		background-image: url(../img/bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		left: 50%;
		padding: 10px;
		position: absolute;
		top: 110px;
		transform: translate(-50%,0%);
		width: 90%;
		line-height: 1.5em;
		text-shadow: 0px 0px 2px rgba(255,255,255,1);
	}
	.modal__content span{
		box-shadow: 0 0 4px rgba(131,78,98,0.8);
		border-radius: 10px;
		display:block;
		margin: 10px 30% 10px 30%;
		padding: 5px 5px 5px 5px;
		background: rgba(255,255,255,0.6);
	}
	.modal__content a{
		display:inline-block;
		width: 100%;
		height: 100%;
		color:rgba(131,78,98,1);
		text-decoration: none;
	}
	.modal__content a:hover{
		color:rgba(131,78,98,0.8);
		text-decoration: none;
	}
	.modal__content a:visited{
		color:rgba(131,78,98,1);
		text-decoration: none;
	}
	.modal__content img{
		box-shadow: 0 0 4px rgba(0,0,0,0);
	}
	.modal__content strong{
		font-size: 5vw;
	}
	.modal__content h1{
		background-image: none;
		text-align: left;
		border-radius: 4px;
		position: relative;
		color: rgba(88,101,110,1);
		font-family: a-otf-midashi-mi-ma31-pr6n, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		box-shadow: 0 0 4px rgba(73,148,117,0.8);
		margin: 5px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
	}
	.modal_child{
		border-radius: 4px;
		width: 49%;
		color: rgba(88,101,110,1);
		font-size: 18px;
		box-shadow: 0 0 4px rgba(131,78,98,0.8);
		margin: 5px 0px 5px 0px;
		padding: 5px 5px 5px 5px;
		background: rgba(255,255,255,0.6);
	}
	.modal_full_child{
		border-radius: 4px;
		width: 100%;
		color: rgba(88,101,110,1);
		font-family: a-otf-midashi-mi-ma31-pr6n, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		box-shadow: 0 0 4px rgba(73,148,117,0.8);
		margin: 5px 0px 5px 0px;
		padding: 5px 5px 5px 5px;
	}
	.fadeitem{
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.fadeitem:nth-child(1){
		-webkit-animation: example 0.5s ease 0.2s 1 forwards;
		animation: example 0.5s ease 0.2s 1 forwards;
	}
	.fadeitem:nth-child(2){
		-webkit-animation: example 0.5s ease 0.4s 1 forwards;
		animation: example 0.5s ease 0.4s 1 forwards;
	}
	.fadeitem:nth-child(3){
		-webkit-animation: example 0.5s ease 0.6s 1 forwards;
		animation: example 0.5s ease 0.6s 1 forwards;
	}
	.fadeitem:nth-child(4){
		-webkit-animation: example 0.5s ease 0.8s 1 forwards;
		animation: example 0.5s ease 0.8s 1 forwards;
	}
	.fadeitem:nth-child(5){
		-webkit-animation: example 0.5s ease 1s 1 forwards;
		animation: example 0.5s ease 1s 1 forwards;
	}
	.fadeitem:nth-child(6){
		-webkit-animation: example 0.5s ease 1.2s 1 forwards;
		animation: example 0.5s ease 1.2s 1 forwards;
	}
	.fadeitem:nth-child(7){
		-webkit-animation: example 0.5s ease 1.4s 1 forwards;
		animation: example 0.5s ease 1.4s 1 forwards;
	}
	.fadeitem:nth-child(8){
		-webkit-animation: example 0.5s ease 1.6s 1 forwards;
		animation: example 0.5s ease 1.6s 1 forwards;
	}
	.fadeitem:nth-child(9){
		-webkit-animation: example 0.5s ease 1.8s 1 forwards;
		animation: example 0.5s ease 1.8s 1 forwards;
	}
	.fadeitem:nth-child(10){
		-webkit-animation: example 0.5s ease 2s 1 forwards;
		animation: example 0.5s ease 2s 1 forwards;
	}
	@-webkit-keyframes example{
		100%{
			opacity: 1;
		}
	}
	@keyframes example{
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
	.contents{
		width: 100%;
	}
	h1{
		font-size: 4.3vw;
	}
	h1:before{
		width:4vw;
		height:4vw;
		vertical-align: -7px;
	}
	h1:after{
		width:4vw;
		height:4vw;
		vertical-align: -7px;
	}
	.contents strong{
		font-size: 3.5vw;
		line-height: 1.5em;
	}
	.child49{
		width: 100%;
	}
	.child24{
		width: 100%;
	}
	.child30{
		width: 100%;
	}
	.child69{
		width: 100%;
	}
	.child20{
		width: 100%;
		background-color: rgba(203,108,88,0.8);
		color: rgba(255,255,255,1);
		border-radius: 40px;
		padding: 0px 0px 0px 10px;
		margin: 10px 0px 0px 0px;
	}
	.child79{
		width: 100%;
	}
	.pdfdl{
		padding: 0px 5px 0px 5px;
	}
	.imp{
		background-color: rgba(255,255,255,0.8);
		border-radius: 5px;
		color: rgba(208,109,163,1);
		padding: 2px 10px 2px 10px;
		margin: 0px 5px 0px 0px;
		font-size: 12px;
	}
	.noimp{
		border: 1px solid rgba(255,255,255,0.8);
		border-radius: 5px;
		color: rgba(255,255,255,0.8);
		padding: 2px 10px 2px 10px;
		margin: 0px 5px 0px 0px;
		font-size: 12px;
	}
	.mailbox input[type=text]{
		margin: 10px 0px 0px 0px;
	}
	.mailbox textarea{
		margin: 10px 0px 0px 0px;
	}
	.news p{
		padding: 20px 10px 20px 10px;
		background-color: rgba(255,255,255,0);
		line-height: 1.5em;
	}
	.news .box2{
		background-color: rgba(255,255,255,0);
		width: 100%;
		margin: 0px 20px 0px 20px;
	}
	.topnews p{
		padding: 20px 10px 20px 10px;
		background-color: rgba(255,255,255,0);
		line-height: 1.5em;
	}
	.topnews .box2{
		background-color: rgba(255,255,255,0);
		width: 100%;
		margin: 0px 20px 0px 20px;
	}
	.contents .cont .button{
		width: 100%;
	}
	.contents .cont .button:hover{
		width: 100%;
	}
}
