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

/*********************************************
**********************************************
		imagewrapper01
**********************************************
**********************************************/
@media screen {
	#imagewrapper01 {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 50% 0 0 0;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#imagewrapper01 .inner {
	}
	#imagewrapper01 .inner #preload01
	,#imagewrapper01 .inner #preload02 {
		display: none;
	}
}
@media print,screen {
	#imagewrapper01 .inner #mainimage01
	,#imagewrapper01 .inner #mainimage02 {
		position: absolute;
		top: 0;
		width: 100%;
	}
}
@media print {
	#imagewrapper01 {
		max-height: 350px;
	}
	#imagewrapper01 .inner #mainimage01 {
		display: none;
	}
}
@media screen {
	#imagewrapper01 .inner #arrowleft {
		left: 0px;
	}
	#imagewrapper01 .inner #arrowright {
		right: 0px;
	}
	#imagewrapper01 .inner #arrowleft,
	#imagewrapper01 .inner #arrowright {
		display: block;
		position: absolute;
		cursor: pointer;
		top: calc(50% - 70px);
		opacity: 0.5;
	}
	#imagewrapper01 .inner #ball {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 0px;
	}
	#imagewrapper01 .inner #ball span {
		font-size: 18px;
		line-height: 1em;
		letter-spacing: 0.5em;
		cursor: pointer;
	}
	#imagewrapper01 .inner #ball span:hover {
		text-shadow: 0 0 5px #fff;
	}
}
@media screen and (max-width:859px) {
	#imagewrapper01 .inner #arrowleft,
	#imagewrapper01 .inner #arrowright {
		top: calc(50% - 50px);
		height: 100px;
	}
}

/*********************************************
**********************************************
		contentwrapper01
**********************************************
**********************************************/
@media print,screen {
	#contentwrapper01 {
		padding: 0 10px;
	}
	#contentwrapper01 .inner1 {
		max-width: 960px;
		margin: 0 auto 60px auto;
		padding: 50px 0 0px 0;
		background-image: url(../image/sakura01.svg);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	#contentwrapper01 .inner1 .inner2 {
		background-image: url(../image/sakura02.svg);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#contentwrapper01 .inner1 .inner2 h2 {
		margin: 0;
		text-align: center;
	}
	#contentwrapper01 .inner1 .inner2 h2 img {
		max-width: 100%;
	}
	/*----*/
	#contentwrapper01 .inner1 .inner2 #informsarea {
		margin: 30px 0 0 150px;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl {
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dt {
		margin: 0;
		display: block;
		float: left;
		width: 7em;
		color: #e46;
		font-size: 15px;
		line-heght: 1.5em;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd {
		margin: 0;
		display: block;
		float: left;
		max-width: 510px;
		color: #333;
		font-size: 15px;
		line-heght: 1.5em;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea a {
		text-decoration: none;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea a:hover dl dd {
		color: #e46;
	}
	/*----*/
	#contentwrapper01 .inner1 .inner2 .button {
		margin: 30px 0 0 0;
		text-align: center;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd .pdfmark {
		margin: 0 10px 0 0;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd .pdfmark:after {
		content: url(../common/image/icon_pdf.svg);
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd .newmark {
		font-size: 13px;
		color: #a01;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd .newmark:after {
		content: "NEW";
	}
}
@media screen and (max-width:809px) {
	#contentwrapper01 .inner1 .inner2 #informsarea dl dt {
		float: none;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd {
		float: none;
	}
}
@media screen and (max-width:649px) {
	#contentwrapper01 .inner1 {
		background-size: 30% auto;
	}
	#contentwrapper01 .inner1 .inner2 {
		background-size: 50% auto;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea {
		margin: 10px 0 0 0;
	}
	#contentwrapper01 .inner1 .inner2 #informsarea dl dd {
		max-width: 100%;
	}
}
/*********************************************
**********************************************
		contentwrapper02
**********************************************
**********************************************/
@media print,screen {
	#contentwrapper02 {
		padding: 0 10px;
	}
	#contentwrapper02 .inner {
		max-width: 1288px;
		margin: 0 auto;
	}
	#contentwrapper02 .inner img {
		max-width: 100%;
	}
	#contentwrapper02 .inner a:nth-of-type(2) {
		display: none;
	}
}
@media screen and (max-width:699px) {
}
@media screen and (max-width:609px) {
	#contentwrapper02 .inner a:nth-of-type(1) {
		display: none;
	}
	#contentwrapper02 .inner a:nth-of-type(2) {
		display: block;
	}
}
/*********************************************
**********************************************
		contentwrapper03
**********************************************
**********************************************/
@media print,screen {
	#contentwrapper03 {
		padding: 0 10px;
	}
	#contentwrapper03 .inner {
		max-width: 980px;
		margin: 50px auto 0 auto;
	}
	#contentwrapper03 .inner img {
		max-width: 100%;
	}
	#contentwrapper03 .inner a:nth-of-type(2) {
		display: none;
	}
}
@media screen and (max-width:859px) {
	#contentwrapper03 .inner {
		margin: 20px auto 0 auto;
	}
}
@media screen and (max-width:609px) {
	#contentwrapper03 .inner a:nth-of-type(1) {
		display: none;
	}
	#contentwrapper03 .inner a:nth-of-type(2) {
		display: block;
	}
}
/*********************************************
**********************************************
		contentwrapper04
**********************************************
**********************************************/
@media print,screen {
	#contentwrapper04 {
		padding: 10px 10px 60px 10px;
	}
	#contentwrapper04 .inner1 {
		max-width: 1060px;
		margin: 10px auto 0 auto;
		background-image: url(../image/sakura03.svg);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	#contentwrapper04 .inner1 .inner2 {
		background-image: url(../image/sakura04.svg);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 {
		max-width: 820px;
		margin: 0 auto;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .instagram {
		float: left;
		width: 390px;
		overflow: hidden;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .facebook {
		float: right;
		width: 390px;
		overflow: hidden;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .subject {
		margin: 40px 0 0 0;
		text-align: center;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .subject img {
		max-width: 100%;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .text1 {
		margin: 10px 0 0 0;
		text-align: center;
		font-size: 15px;
		line-height: 1.5em;
		color: #333;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .instagram .instagram01 {
		margin: 10px 0 0 3px;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .facebook .facebook01 {
		margin: 14px 0 0 0;
	}
}
@media screen and (max-width:859px) {
	#contentwrapper04 {
		padding: 0px 10px 40px 10px;
	}
}
@media screen and (max-width:829px) {
	#contentwrapper04 .inner1 .inner2 .inner3 {
		max-width: 390px;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .facebook {
		float: none;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .instagram {
		float: none;
	}
}
@media screen and (max-width:419px) {
	#contentwrapper04 .inner1 .inner2 .inner3 .facebook {
		width: auto;
	}
	#contentwrapper04 .inner1 .inner2 .inner3 .instagram {
		width: auto;
	}
}

/*--- end of file ---*/