@charset "utf-8";

/* ========================================================
	maruyama.css => 進学プラザ円山校ページ用CSS
======================================================== */

.ff_min {
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight: normal;
}

#footContact {
	margin-top: 0;
}
#footFixNav p {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: -20px;
	margin-bottom: -1px;
}
#footFixNav ul li.search {
	display: none;
}
#footFixNav + #footFixNav {display: none;}
@media screen and (min-width: 681px), print {
	#footFixNav p {
		color: #fff;
	}
	#footFixNav ul li {
		float: none;
		margin: auto;
		padding: 0;
	}
}
@media screen and (max-width: 680px) {
	#container {
		padding-top: 50px;
	}
	#footer {
		padding-bottom: 55px;
	}
	#footFixNav {
		height: 46px;
	}
	#footFixNav p {
		font-size: 1rem;
		margin-top: 0;
		margin-bottom: -8px;
	}
	#footFixNav ul li:last-child {
		padding-right: 8px;
	}
	#footFixNav ul li a.contact {
		padding-right: 0;
	}
}

/* maruyamaMain
============================================================================================================ */
#maruyamaMain {
	overflow: hidden;
}
@media screen and (min-width: 681px), print {
	#maruyamaMain {
		position: relative;
		overflow: hidden;
		padding: 0 40px;
		background: url(../images/main_bg2.png?0507) no-repeat 50% -40% ;
  margin-bottom: -100px;
	}
	#maruyamaMain > * {
		position: relative;
		max-height: 600px;
		min-height: 660px;
		height: calc(100vh - 116px - 100px);
		max-width: 1180px;
		margin: 0 auto;
	}
	#maruyamaMain p {
		position: absolute;
		top: 5%;
		margin-top: 0;
		right: 0;
	}
	#maruyamaMain h1 {
		position: absolute;
		right: 50%;
		margin-right: -630px;
		top: 10px;
	}

	#maruyamaMain {
		opacity: 0;
	}
	#maruyamaMain p {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	#maruyamaMain h1 {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);
	}
	.main_start #maruyamaMain {
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
		opacity: 1;
	}
	.main_start #maruyamaMain p {
		-webkit-transition: opacity 0.7s .3s, -webkit-transform 0.7s .3s;
		-o-transition: opacity 0.7s .3s, -o-transform 0.7s .3s;
		transition: opacity 0.7s .3s, transform 0.7s .3s;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	.main_start #maruyamaMain h1 {
		-webkit-transition: opacity 0.7s 0.6s, -webkit-transform 0.7s 0.6s;
		-o-transition: opacity 0.7s 0.6s, -o-transform 0.7s 0.6s;
		transition: opacity 0.7s 0.6s, transform 0.7s 0.6s;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaMain {
		position: relative;
		overflow: hidden;
		background: url(../images/main_bg_sp.jpg) no-repeat 90%;
		-webkit-background-size: cover;
		background-size: cover;
		background-position-y: 34%;
	}
	#maruyamaMain > * {
		position: relative;
		height: 450px;
		height: 90vw;
	}
	#maruyamaMain p {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 40px;
	}
	#maruyamaMain h1 {
		position: absolute;
		right: -20px;
		left: -20px;
		top: 10px;
	}
}



/* maruyamaContents
============================================================================================================ */
#maruyamaContents {
	/*padding-bottom: 90px;*/
	background-color: #e5f3ff;
	font-size: 1.8rem;
}
#maruyamaContents * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 680px) {
	#maruyamaContents {
		/*padding-bottom: 40px;*/
		font-size: 1.4rem;
	}
}


/* campaign
============================================================================================================ */
#maruyamaContents .campaign {
	background-color: #fff;
}
#maruyamaContents .campaign > h1 {
	margin-bottom: 70px;
	font-size: 4rem;
	line-height: 1.3;
	text-align: center;
}
#maruyamaContents .campaign h1 .for {
	display: inline-block;
	margin-left: 0.7em;
	padding: 3px 15px;
	background-color: #ec6941;
	color: #fff;
	font-size: 2.8rem;
}
#maruyamaContents .campaign section {
	position: relative;
	padding: 70px 25px 30px;
	border: 2px solid #bfbfbf;
	font-size: 2.4rem;
	background-color: #fff;
}
#maruyamaContents .campaign section .num {
	position: absolute;
	left: 50%;
	top: -53px;
	width: 106px;
	height: 106px;
	margin-left: -53px;
	background-color: #fff;
	border: 2px solid #bfbfbf;
	text-align: center;
	border-radius: 100%;
	font-size: 3.6rem;
	line-height: 102px;
}
#maruyamaContents .campaign section h1 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 3.6rem;
	line-height: 1.4;
	font-weight: normal;
}
#maruyamaContents .campaign section h1 span {
	color: #ec6941;
}
#maruyamaContents .campaign section h1 span.mini {
	font-size: 50%;
	color: #000;
}
@media screen and (min-width: 681px), print {
	#maruyamaContents .campaign {
		padding: 50px 0;
	}
	#maruyamaContents .campaign > div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	#maruyamaContents .campaign section {
		width: 350px;
	}
	#maruyamaMain h1 {
		position: absolute;
		right: 50%;
		bottom: 0px;
		margin-right: -630px;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaContents .campaign {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#maruyamaContents .campaign > h1 {
		margin-bottom: 55px;
		font-size: 3rem;
	}
	#maruyamaContents .campaign section {
		position: relative;
		padding: 45px 20px 20px;
		font-size: 1.8rem;
	}
	#maruyamaContents .campaign section + section {
		margin-top: 50px;
	}
	#maruyamaContents .campaign section .num {
		top: -37px;
		width: 74px;
		height: 74px;
		margin-left: -37px;
		font-size: 2.7rem;
		line-height: 70px;
	}
	#maruyamaContents .campaign section h1 {
		margin-bottom: 15px;
		font-size: 2.7rem;
	}
}
/* moshi
============================================================================================================ */
#maruyamaContents .moshi {
	background-color: #fff;
	padding: 70px 25px 30px;
}

@media screen and (min-width: 681px), print {
	#maruyamaContents .moshi {
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 680px) {
	#maruyamaContents .moshi ul.toitu {
		margin-top: 0;
	}

	#maruyamaContents .moshi ul.toitu li:last-child {
		margin-bottom: 0;
	}
}

/* event
============================================================================================================ */
#maruyamaContents .event {
	background-color: #e5f3ff;
}
#maruyamaContents .event > h1 {
	margin-bottom: 30px;
	font-size: 4rem;
	line-height: 1.3;
	text-align: center;
}
#maruyamaContents .event section {
	position: relative;
	padding: 30px;
	border: 2px solid #bfbfbf;
	background-color: #fff;
}
#maruyamaContents .event section + section {
	margin-top: 40px;
}
#maruyamaContents .event section .date {
	position: absolute;
	width: 230px;
	height: 230px;
	padding-top: 55px;
	background-color: #f4f4f4;
	border: 2px solid #bfbfbf;
	text-align: center;
	border-radius: 100%;
	font-size: 7.5rem;
	line-height: 1;
}

#maruyamaContents .event section .date3 {
	width: 180px;
	height: 180px;
	padding-top: 55px;
	font-size: 5rem;
}
#maruyamaContents .event section .date span {
	display: block;
	font-size: 5.3rem;
}
#maruyamaContents .event section .date3 span {
	display: block;
	font-size: 3rem;
}
#maruyamaContents .event section h1 {
	margin-bottom: 30px;
	font-size: 2.4rem;
	line-height: 1.4;
}
#maruyamaContents .event h1 .for {
	display: inline-block;
	margin-left: 0.7em;
	padding: 3px 15px;
	background-color: #ec6941;
	color: #fff;
	font-size: 2.8rem;
}

#maruyamaContents .event section h1 .for {
	font-size: 80%;
	margin-left: 0;
}

#maruyamaContents .event section h1 small {
	font-size: 1.5rem;
	display: block;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: -15px;
}

#maruyamaContents .event section h1 small.indent {
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}

#maruyamaContents .event section h1 .box {
	border: solid 2px #333;
	font-size: 80%;
	padding: 0 5px;
}

#maruyamaContents .event section .bg__blue {
	background-color: #1b4399;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 3px 10px;
	line-height: normal;
	margin-top: 12px;
	margin-bottom: 12px;
}
#maruyamaContents .event section dl.mission dd{
	font-size: 90%;
	margin-bottom: 10px;
}

#maruyamaContents .event section dl.mission span{
	background: #e83821;
	color: #fff;
	padding: 0.3em;
	font-size: 1.5rem;
	margin-right: 0.5em;
}


#maruyamaContents .event section > div .datail > dl {
	display: table;
}

#maruyamaContents .event section > div .datail > dl * {
	display: table-cell;
	vertical-align: top;
}

#maruyamaContents .event section > div .datail > dl dt {
	width: 109px;
	width: 6em;
}
#maruyamaContents .event section > div .datail > dl dt.sm{
	width: 109px;
	width: 5em;
}
#maruyamaContents .event section .ph.est .bg__blue {
	text-align: left;
}

@media screen and (min-width: 681px), print {
	#maruyamaContents .event {
		padding: 50px 0;
	}
	#maruyamaContents .event section {
		padding-left: 200px;
		margin-left: 35px;
	}
	#maruyamaContents .event section .date {
		left: -55px;
		top: 50%;
		margin-top: -115px;
	}
	#maruyamaContents .event section .date2{
		top: 42%;
		margin-top: 35px;
	}
	#maruyamaContents .event section .date4{
		top: 32%;
	}
	#maruyamaContents .event section > div {
		float: left;
		width: 440px;
	}
	#maruyamaContents .event section .ph {
		float: right;
	}
	#maruyamaContents .event section .ph.est {
		text-align: right;
		max-width: 384px;
	}
	#maruyamaContents .event section .ph.est .bg__blue {
		max-width: 384px;
		margin-left: auto;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaContents .event {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#maruyamaContents .event > h1 {
		margin-bottom: 30px;
		font-size: 3rem;
	}
	#maruyamaContents .event h1 .for {
		margin-left: 0;
	}
	#maruyamaContents .event section {
		padding: 20px 20px;
	}
	#maruyamaContents .event section + section {
		margin-top: 30px;
	}
	#maruyamaContents .event section .date {
		left: -10px;
		top: 10px;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
	}
	#maruyamaContents .event section .date {
		width: 180px;
		height: 180px;
		padding-top: 55px;
		font-size: 5rem;
		left: 50%;
		margin-left: -45px;
	}
	#maruyamaContents .event section .date span {
		font-size: 3rem;
	}
	#maruyamaContents .event section .date3 {
		left: 25%;
		top: 10px;
		margin-left: 0;
	}
	#maruyamaContents .event section .date2 {
		left: 50%;
		top: 10px;
	}
	#maruyamaContents .event section > div {
		padding-top: 90px;
	}
	#maruyamaContents .event section h1 {
		width: 100%;
		margin-bottom: 10px;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	#maruyamaContents .event section h1 .for {
		display: inline-block;
		margin-top: 5px;
		margin-left: 0;
		padding: 3px 10px;
	}
	#maruyamaContents .event section h1 small {
		font-size: 77%;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	#maruyamaContents .event section .bg__blue {
		margin-top: 0;
	}
	#maruyamaContents .event section .ph {
		text-align: center;
		margin-top: 20px;
	}
	#maruyamaContents .event section h1.pl50 {
		padding-left: 150px;
	}
	#maruyamaContents .event section .ph.est {
		padding-top: 0;
	}
}


/* info
============================================================================================================ */
#maruyamaContents .info {
	background-color: #e5f3ff;
	font-size: 2.4rem;
	line-height: 1.5;
}
#maruyamaContents .info .w {
	text-align: center;
	color: #616161;
}
#maruyamaContents .info h1 {
	font-size: 4rem;
	line-height: 1.4;
}
#maruyamaContents .info h1 ~ p {
	margin-top: 15px;
}
#maruyamaContents .info .map {
	margin-top: 30px;
	border: 12px solid #dcdcdc;
}
#maruyamaContents .info .slide {
	margin-top: 30px;
}
#maruyamaContents .info .slide dl {
	margin: 0 15px;
}
#maruyamaContents .info .slide dd {
	margin-top: 15px;
	font-size: 2.2rem;
}
@media screen and (min-width: 681px), print {
	#maruyamaContents .info {
		padding: 50px 0;
	}
	#maruyamaContents .info .slide dl {
		width: 515px;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaContents .info {
		padding-top: 40px;
		padding-bottom: 40px;
		font-size: 1.8rem;
	}
	#maruyamaContents .info h1 {
		margin-top: 5px;
		font-size: 3rem;
		line-height: 1.2;
	}
	#maruyamaContents .info .map {
		margin-top: 20px;
		border-width: 5px;
	}
	#maruyamaContents .info .slide dl {
		width: 280px;
	}
	#maruyamaContents .info .slide dl {
		margin: 0 5px;
	}
	#maruyamaContents .info .slide dd {
		margin-top: 10px;
		font-size: 1.6rem;
	}
}




/* education
============================================================================================================ */
#maruyamaContents .education {
	background-color: #fff;
}
#maruyamaContents .education > header {
	margin-bottom: 20px;
	font-size: 3rem;
}
#maruyamaContents .education > header h1 {
	margin-bottom: 20px;
	font-size: 4rem;
	line-height: 1.4;
	text-align: center;
}
#maruyamaContents .method > h1 {
	margin-bottom: 40px;
	font-size: 4rem;
	line-height: 1.4;
	text-align: center;
}
#maruyamaContents .method > h1 span {
	position: relative;
	display: inline-block;
	font-size: 180%;
	color: #ec6941;
	margin: 0 10px;
	vertical-align: -5px;
}
#maruyamaContents .method > h1 span::after {
	content: "";
	position: absolute;
	top: -10px;
	right: -30px;
	width: 50px;
	height: 30px;
	background: url(../images/method_title_point.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#maruyamaContents .method > section > h1,
#maruyamaContents .method > section h1.sub {
	position: relative;
	padding-left: 110px;
	margin-bottom: 30px;
	font-size: 3.6rem;
	line-height: 1.4;
	font-weight: normal;
	z-index: 3;
}
#maruyamaContents .method > section > h1.acc_head {
	margin-bottom: 0;
	cursor: pointer;
}
#maruyamaContents .method > section > h1 .num {
	width: 95px;
	height: 95px;
	border-radius: 100%;
	font-size: 9rem;
	line-height: 95px;
	text-align: center;
	color: #fff;
}
#maruyamaContents .method > section > h1 .s {
	font-size: 50%;
}

#maruyamaContents .method > section > h1.acc_head + div {
	display: none;
	margin-top: 30px;
}
#maruyamaContents .method > section > h1.acc_head::after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	-webkit-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
	border-bottom: solid 3px #333;
	border-right: solid 3px #333;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#maruyamaContents .method > section > h1.acc_head.opened::after {
	-webkit-transform: translateY(5px) rotate(225deg);
	-ms-transform: translateY(5px) rotate(225deg);
	transform: translateY(5px) rotate(225deg);
}
#maruyamaContents .method > section .lead {
	font-size: 2.6rem;
	line-height: 1.4;
	font-weight: normal;
}
#maruyamaContents .method .btn {
	margin-top: 40px;
}
#maruyamaContents .method .btn a {
	display: block;
	color: #fff;
	padding: 15px;
	font-size: 2.4rem;
	line-height: 1.5;
	text-decoration: none;
	border-radius: 10px;
	text-align: center;
}

#maruyamaContents .method .comment {
	position: relative;
	margin-top: -100px;
	padding-right: 100px;
	font-size: 1.4rem;
	line-height: 1.7;
}
#maruyamaContents .method .comment .fukidashi {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 15px;
	background-color: #fff;
	border: 2px solid #bfbfbf;
	border-radius: 6px;
}
#maruyamaContents .method .comment .fukidashi::after {
	content: "";
	position: absolute;
	right: 34px;
	bottom: -16px;
	width: 26px;
	height: 16px;
	background: url(../images/fukidashi_point.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#maruyamaContents .method .comment .fukidashi dt {
	margin-bottom: 6px;
	font-weight: bold;
}
#maruyamaContents .method .comment .name {
	text-align: right;
}
#maruyamaContents .method .comment .ico {
	position: absolute;
	right: -5px;
	bottom: 0;
}

#maruyamaContents .method .line {
	margin: 60px 0;
	border-top: 1px dashed #ec6941;
}

#maruyamaContents .method .pre-class {
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


#maruyamaContents .method .pre-class strong {
	margin-bottom: 10px;
	display: inline-block;
}
#maruyamaContents .method .pre-class small {
	color: #ffffff;
	padding: 5px 10px;
	margin-top: -2px;
	margin-right: 1em;
}


#maruyamaContents .method .method01 > h1 .num {
	background-color: #1b4399;
}
#maruyamaContents .method .method01 > h1.acc_head::after {
	border-bottom-color: #1b4399;
	border-right-color: #1b4399;
}
#maruyamaContents .method .method01 > h1.acc_head + div {
	margin-top: 0;
}
#maruyamaContents .method .method01 .lead {
	color: #1a4398;
}
#maruyamaContents .method .method01 .contents section h1 {
	margin: 15px 0 10px;
	font-size: 2.4rem;
	line-height: 1.6;
}

#maruyamaContents .method .method01 .bg__blue {
	background-color: #1b4399;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 3px 10px;
	font-size:1.8rem;
}
#maruyamaContents .method .method01 .box {
	border: solid 1px #1a4398;
	padding: 10px;
	margin-top: 1rem;
}

#maruyamaContents .method .method01 .school__list p {
	font-weight: bold;
}
#maruyamaContents .method .method01 .school__list ul {
	overflow: hidden;
}

#maruyamaContents .method .method01 .school__list ul li {
	float: left;
}

#maruyamaContents .method .method01 .school__list ul li::after {
	content: '/';
	padding: 0 2px;
}

#maruyamaContents .method .method01 .school__list ul li:last-child::after {
	content: '';
	padding: 0;
}

#maruyamaContents .method .method01 img {
	max-width: 100%;
	height: auto;
}

#maruyamaContents .method .method01 .box img + p {
	margin-top: 15px;
}

#maruyamaContents .method .method01 .lead {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

#maruyamaContents .method .method01 .merit .lead {
	text-align: center;
	margin-bottom: 70px;
}

#maruyamaContents .method .method01 .merit .w section {
	position: relative;
	padding: 70px 20px 30px;
	border: 2px solid #bfbfbf;
	font-size: 1.8rem;
}

#maruyamaContents .method .method01 .merit .w section .num {
	position: absolute;
	left: 50%;
	top: -53px;
	width: 106px;
	height: 106px;
	margin-left: -53px;
	border: 2px solid #bfbfbf;
	text-align: center;
	border-radius: 100%;
	font-size: 3.6rem;
	line-height: 1;
	padding-top: 26px;
	background-color: #1a4398;
	color: #ffffff;
}

#maruyamaContents .method .method01 .merit .w section .num span {
	font-size: 2rem;
	display: block;
}

#maruyamaContents .method .method01 .merit .w section h1 {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.4;
	font-weight: normal;
}

#maruyamaContents .method .method01 .merit .w section h1 span {
	background: linear-gradient(transparent 60%, #ced7ea 60%);
}

#maruyamaContents .method .method01 .merit .w section h1 span.mini {
	font-size: 50%;
	color: #000;
}

#maruyamaContents .method .method01 .merit .w section p {
	line-height: 1.5;
	margin-bottom: 1em;
}

#maruyamaContents .method .method01 .trial {
	background-color: #d6edff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	margin: 1em auto 0;
	padding: 1%;
}

#maruyamaContents .method .method01 .trial h1 {
	color: #1a4398;
	font-size: 2.2rem;
}
#maruyamaContents .method .method01 .pre-class {
	background-color: #d6edff;
}
#maruyamaContents .method .method01 .pre-class .lead2 {
	color: #1a4398;
}
#maruyamaContents .method .method01 .pre-class small {
	background-color: #1a4398;
}

#maruyamaContents .method .method02 > h1 .num {
	background-color: #901613;
}

#maruyamaContents .method .method02 > h1.acc_head::after {
	border-bottom-color: #901613;
	border-right-color: #901613;
}

#maruyamaContents .method .method02 .lead {
	color: #901613;
}
#maruyamaContents .method .method02 .lead2 {
	color: #901613;
}
#maruyamaContents .method .method02 dl.method02__main {
	font-size: 1.8rem;
}
#maruyamaContents .method .method02 dl.method02__main dt {
	margin-top: 50px;
}
#maruyamaContents .method .method02 dl.method02__main dt.m23 {
	margin-bottom: 5px;
	font-size: 3rem;
	line-height: 1.4;
	margin-top: 5px;
}
#maruyamaContents .method .method02 dl.method02__main dd {
	margin-bottom: 10px;
}

#maruyamaContents .method .method02 dl.method02__main dd.box {
	padding: 5px 10px;
	border: solid 1px #901613;
	line-height: normal;
}

#maruyamaContents .method .method02 dl.method02__main dd.box strong {
	background: linear-gradient(transparent 60%, #e0c7c6 60%);
	margin-top: 1em;
}

#maruyamaContents .method .method02 dl.method02__main dd.box strong:first-child {
	margin-top: 0;
}
#maruyamaContents .method .method02 .bg__red {
	background-color: #f00;
	color: #fff;
	padding: 0 7px;
	margin-right: 5px;
}

#maruyamaContents .method .method02 .pre-class {
	background-color: #fed9d8;
}
#maruyamaContents .method .method02 .pre-class dl.datail,
#maruyamaContents .method .method02 .pre-class dl.datail2 dl {
	display: table;
	line-height: 1.5;
}
#maruyamaContents .method .method02 .pre-class dl.datail > *,
#maruyamaContents .method .method02 .pre-class dl.datail2 dl > * {
	display: table-cell;
	vertical-align: top;
}
#maruyamaContents .method .method02 .pre-class dl.datail2 dl + dl {
	margin-top: 0.5rem;
}
#maruyamaContents .method .method02 .pre-class dl.datail2 dl dt {
	width: 4.5em;
	border: solid 1px #333;
	text-align: center;
}
#maruyamaContents .method .method02 .pre-class dl.datail2 dl dd {
	padding-left: 0.5rem;
}
#maruyamaContents .method .method02 .pre-class small {
	background-color: #901613;
}
#maruyamaContents .method .method02 .pre-class span.waku {
	border: 1px solid #901613;
	padding: 0.1em;
}

#maruyamaContents .method .method02 .btn a {
	background-color: #901613;
}

#maruyamaContents .method .method03 > h1 .num {
	background-color: #c49801;
}
#maruyamaContents .method .method03 > h1.acc_head::after {
	border-bottom-color: #c49801;
	border-right-color: #c49801
}
#maruyamaContents .method .method03 .lead {
	color: #c49801;
}
#maruyamaContents .method .method03 .lead2 {
	color: #c49801;
}
#maruyamaContents .method .method03 > dl {
	margin-top: 10px;
	font-size: 1.8rem;
}
#maruyamaContents .method .method03 > dl dt {
	margin-bottom: 5px;
	font-size: 2.6rem;
	line-height: 1.4;
}


#maruyamaContents .method .method03 .btn a {
	background-color: #c49801;
}

#maruyamaContents .method .method03 .box {
	padding: 10px;
	border: solid 1px #c49801;
}

#maruyamaContents .method .method03 .example {
	display: table;
}

#maruyamaContents .method .method03 .example > * {
	display: table-cell;
	vertical-align: middle;
}

#maruyamaContents .method .method03 .example .exin {
	background-color: #c49801;
	width: 150px;
}

#maruyamaContents .method .method03 .example i {
	width: 2em;
}

#maruyamaContents .method .method03 .example .lead {
	background: linear-gradient(transparent 60%, #e0c7c6 60%);
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#maruyamaContents .method .method03 .example + dl {
	padding-right: 0;
	margin-bottom: 0;
}

#maruyamaContents .method .method03 .pre-class {
	background-color: #fff4cd;
}

#maruyamaContents .method .method03 .pre-class small {
	background-color: #c49801;
}

#maruyamaContents .method .method04 > h1 .num {
	background-color: #00aa86;
}
#maruyamaContents .method .method04 > h1.acc_head::after {
	border-bottom-color: #00aa86;
	border-right-color: #00aa86;
}
#maruyamaContents .method .method04 .lead {
	color: #00aa86;
}

#maruyamaContents .method .method04 dl {
	font-size: 2.4rem;
}
#maruyamaContents .method .method04 dt {
	margin-bottom: 10px;
}
#maruyamaContents .method .method04 .btn a {
	background-color: #00aa86;
}

#maruyamaContents .method .method04 .box {
	border: solid 1px #00aa86;
	padding: 10px;
	min-height: auto;
	margin-top: 20px;
}

#maruyamaContents .method .method04 .box strong {
	background: linear-gradient(transparent 60%, #b1f0e3 60%);
	color: #000;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#maruyamaContents .method .method04 .box dl {
	display: table;
	width: 100%;
	margin-top: 10px;
}

#maruyamaContents .method .method04 .box dl * {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#maruyamaContents .method .method04 .box dl dt {
	background-color: #00aa86;
	color: #fff;
}
#maruyamaContents .method .method04 .pre-class {
	background-color: #b1f0e3;
	padding: 10px;
	min-height: 1px;
}
#maruyamaContents .method .method04 .pre-class small {
	background-color: #00aa86;
}

#maruyamaContents .method .method05 > h1 .num {
	background-color: #0066cc;
}
#maruyamaContents .method .method05 > h1.acc_head::after {
	border-bottom-color: #0066cc;
	border-right-color: #0066cc;
}
#maruyamaContents .method .method05 .lead {
	color: #0066cc;
}
#maruyamaContents .method .method05 > dl {
	font-size: 1.8rem;
}
#maruyamaContents .method .method05 > dl dt {
	margin-top: 50px;
}
#maruyamaContents .method .method05 > dl dt.m23 {
	margin-bottom: 5px;
	font-size: 3rem;
	line-height: 1.4;
	margin-top: 5px;
}
#maruyamaContents .method .method05 > dl dd {F
	margin-bottom: 10px;
}
#maruyamaContents .method .method05 .btn a {
	background-color: #0066cc;
}
#maruyamaContents .method .method05 .pre-class {
	background-color: #86c0ff;
	width: 50%;
	padding: 10px;
	min-height: 1px;
}
#maruyamaContents .method .method05 .pre-class small {
	background-color: #0066cc;
}

#maruyamaContents .method .method06 > h1 .num,
#maruyamaContents .method .method06 .btn a {
	background-color: #0c7137;
}

#maruyamaContents .method .method06 .lead {
	color: #0c7137;
}

#maruyamaContents .method .method06 > h1.acc_head::after {
	border-bottom-color: #0c7137;
	border-right-color: #0c7137;
}

@media screen and (min-width: 681px), print {
	#maruyamaContents .education {
		padding: 60px 0 40px;
	}
	#maruyamaContents .method > section > h1 .num {
		position: absolute;
		left: 0;
		top: 0;
	}
	#maruyamaContents .method .method01 .contents {
		margin-top: 30px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#maruyamaContents .method .method01 .contents section {
		width: 545px;
		margin-bottom: 50px;
	}
	#maruyamaContents .method .method01 .est {
		position: relative;
		min-height: 614px;
		padding: 20px 0 0 570px;
		font-size: 1.8rem;
		min-height: 930px;
	}
	#maruyamaContents .method .method01 .est p {
		line-height:  35px;
	}
	#maruyamaContents .method .method01 .est > * {
		position: relative;
		z-index: 3;
	}
	#maruyamaContents .method .method01 .est .ph {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		text-align: center;
	}
	#maruyamaContents .method .method01 .est .lead {
		margin-bottom: 10px;
	}
	
	#maruyamaContents .method .method01 .merit section {
		width: 350px;
	}	
	#maruyamaContents .method .method01 .merit .w {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	
	
	#maruyamaContents .method .method02 {
		/*min-height: 650px;*/
	}

	#maruyamaContents .method .method022 {
		/*min-height: 480px;*/
	}

#maruyamaContents .method .btn2 {
	padding-right: 568px;
}
	#maruyamaContents .method .method02 dl.method02__main {
		padding-right: 565px;
	}
	#maruyamaContents .method .method02 > h1 {
		white-space: nowrap;
	}
	#maruyamaContents .method .method02 .ph {
		position: absolute;
		right: 0;
		top: -10px;
		width: 535px;
	}
	#maruyamaContents .method .method02 dl.method02__main dt rt {
		margin-bottom: -8px;
		font-size: 35%;
	}
	#maruyamaContents .method .method03 {
		/*min-height: 650px;*/
	}

	#maruyamaContents .method .method03 dl{
		padding-right: 565px;
		margin-bottom: 100px;
	}
	
	#maruyamaContents .method .method03 > h1 {
		white-space: nowrap;
	}
	#maruyamaContents .method .method03 .ph {
		position: absolute;
		right: 0;
		top: -10px;
		width: 535px;
	}

	#maruyamaContents .method .method04 > h1 {
		margin-bottom: 30px;
		/*padding-top: 20px;*/
	}
	#maruyamaContents .method .method04 > div div {
		position: relative;
		min-height: 535px;
		padding-left: 565px;
		padding-top: 40px;
	}
	#maruyamaContents .method .method04 .ph {
		position: absolute;
		left: 0;
		top: 0;
	}
		#maruyamaContents .method .method05 {
		/*min-height: 650px;*/
	}

	#maruyamaContents .method .method05 {
		/*min-height: 480px;*/
	}

	#maruyamaContents .method .btn2 {
		padding-right: 568px;
	}
	#maruyamaContents .method .method05 dl{
		padding-right: 565px;
	}
	#maruyamaContents .method .method05 > h1 {
		white-space: nowrap;
	}
	#maruyamaContents .method .method05 .ph {
		position: absolute;
		right: 0;
		top: -10px;
		width: 535px;
	}
	#maruyamaContents .method .method06 dl {
		padding-right: 565px;
		margin-bottom: 100px;
	}
	#maruyamaContents .method .method06 .ph {
		position: absolute;
		right: 0;
		top: -10px;
		width: 535px;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaContents .education {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#maruyamaContents .education > header {
		font-size: 2rem;
	}
	#maruyamaContents .education > header h1 {
		font-size: 3rem;
	}
	#maruyamaContents .education > header h1 + p {
		font-size: 80%;
		line-height: 1.7;
	}
	#maruyamaContents .method > h1 {
		margin-bottom: 30px;
		font-size: 3rem;
		line-height: 1.2;
	}
	#maruyamaContents .method > h1 span {
		vertical-align: -3px;
	}
	#maruyamaContents .method > h1 span::after {
		top: -20px;
	}
	#maruyamaContents .method > section > h1,
	#maruyamaContents .method > section h1.sub {
		padding-left: 0;
		margin-bottom: 30px;
		font-size: 2.7rem;
	}
	#maruyamaContents .method > section > h1.acc_head::after {
		width: 15px;
		height: 15px;
		margin-top: -7.5px;
	}
	#maruyamaContents .method > section > h1 .num {
		display: block;
		margin: 0 auto 10px;
		width: 70px;
		height: 70px;
		font-size: 6rem;
		line-height: 70px;
	}
	#maruyamaContents .method > section .lead {
		font-size: 2rem;
		line-height: 1.6;
	}
	#maruyamaContents .method .btn {
		margin-top: 20px;
	}
	#maruyamaContents .method .btn a {
		padding: 15px 10px;
		font-size: 1.8rem;
	}

	#maruyamaContents .method .comment {
		margin-top: -50px;
		padding-right: 0;
		font-size: 1.2rem;
	}
	#maruyamaContents .method .comment .fukidashi {
		margin-bottom: 54px;
	}
	#maruyamaContents .method .comment .fukidashi::after {
		right: 54px;
	}
	#maruyamaContents .method .comment .name {
		margin-right: 60px;
	}
	#maruyamaContents .method .comment .ico {
		right: 0;
		bottom: 0;
		width: 50px;
	}
	#maruyamaContents .method .line {
		margin: 40px 0;
	}


	#maruyamaContents .method .method01 .contents {
		margin-top: 20px;
	}
	#maruyamaContents .method .method01 .contents section {
		margin-bottom: 30px;
	}
	#maruyamaContents .method .method01 .contents section h1 {
		margin: 10px 0 8px;
		font-size: 1.8rem;
	}
	#maruyamaContents .method .method01 h1 small,
	#maruyamaContents .method .method01 h1 span.small {
		padding-right: 11%;
	}
	#maruyamaContents .method .method01 h1 span.small {
		display: inline-block;
		text-indent: -1em;
		margin-left: 1em;
	}
	#maruyamaContents .method .method01 .est {
		font-size: 1.6rem;
	}
	#maruyamaContents .method .method01 .est .ph {
		text-align: center;
	}
	#maruyamaContents .method .method01 .est .lead {
		margin-bottom: 10px;
	}
	#maruyamaContents .method .method01 .box {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#maruyamaContents .method .method01 .est .box {
		padding-top: 12px;
	}
	#maruyamaContents .method .method01 .box img + p {
		margin-top: 8px;
		font-size: 90%;
	}
	#maruyamaContents .method .method01 .box img + p b {
		font-size: 1.6rem
	}
	#maruyamaContents .method .method01 .merit .lead {
		margin-bottom: 40px;
	}
	#maruyamaContents .method .method01 .merit .w {
		padding-left: 0;
		padding-right: 0;
	}
	#maruyamaContents .method .method01 .merit .w section {
		padding: 45px 20px 20px;
	}
	#maruyamaContents .method .method01 .merit .w section + section {
		margin-top: 50px;
	}
	#maruyamaContents .method .method01 .merit .w section .num {
		top: -37px;
		width: 74px;
		height: 74px;
		margin-left: -37px;
		font-size: 2.7rem;
		line-height: 25px;
		padding-top: 12px;
		margin-bottom: 0;
	}
	#maruyamaContents .method .method01 .merit .w section .num span {
		font-size: 1.5rem;
	}
	#maruyamaContents .method .method01 .merit .w section h1 {
		margin-bottom: 15px;
		font-size: 2.7rem;
	}
	#maruyamaContents .method .method01 .merit .w section p {
		font-size: 90%;
	}
	#maruyamaContents .method .method01 .trial {
		margin-left: 15px;
		margin-right: 15px;
	}
	#maruyamaContents .method .method01 .trial h1 span {
		margin-right: 0;
	}

	#maruyamaContents .method .method02 dl.method02__main {
		font-size: 1.8rem;
	}
	#maruyamaContents .method .method02 dl.method02__main dt {
		margin-top: 20px;
	}
	#maruyamaContents .method .method02 dl.method02__main dd.box small {
		font-size: 81%;
		line-height: 1.5;
		display: inline-block;
	}
	#maruyamaContents .method .method02 .ph {
		margin-top: 20px;
	}

	#maruyamaContents .method .method03 > dl {
		font-size: 1.8rem;
	}
	#maruyamaContents .method .method03 > dl dt {
		font-size: 2rem;
	}
	#maruyamaContents .method .method03 > dl dt ~ dt {
		margin-top: 20px;
	}
	#maruyamaContents .method .method03 .ph {
		margin-top: 20px;
	}
	#maruyamaContents .method .method03 .box {
		margin-top: 25px !important;
	}
	#maruyamaContents .method .method03 .box + .box {
		margin-top: 20px !important;
	}
	#maruyamaContents .method .method03 .example .exin {
		width: 7.5em;
	}
	#maruyamaContents .method .method03 .example i {
		width: 1em;
	}
	#maruyamaContents .method .method03 .example .lead {
		display: inline;
		line-height: 1.1;
	}
	#maruyamaContents .method .method03 .example + dl {
		margin-top: 0.5em;
	}

	#maruyamaContents .method .method04 dl {
		font-size: 1.8rem;
	}
	#maruyamaContents .method .method04 .ph {
		margin-top: 20px;
	}
	#maruyamaContents .method .method04 .box {
		padding-top: 5px;
		padding-bottom: 3px;
	}
	#maruyamaContents .method .method04 .box dl {
		display: block;
	}
	#maruyamaContents .method .method04 .box dl * {
		display: block;
		margin-bottom: 7px;
	}
	#maruyamaContents .method .method04 .box dl dt {
		width: 32px;
		width: 5em;
		float: left;
		margin-right: 0.6em;
	}
	#maruyamaContents .method .method04 .box dl dd {
		float: none;
		text-align: left;
	}
	
	
	#maruyamaContents .method .method05 > dl {
		font-size: 1.8rem;
	}
	#maruyamaContents .method .method05 > dl dt {
		margin-top: 20px;
	}
	#maruyamaContents .method .method05 .ph {
		/*margin-top: 20px;*/
	}
	#maruyamaContents .method .method05 .ph + .btn {
		margin-top: 0;
	}
	#maruyamaContents .method .method05 .pre-class{
		width: 100%;
	}
}


/* facility
============================================================================================================ */
#maruyamaContents .facility {
	background-color: #e5f3ff;
	font-size: 2rem;
}
#maruyamaContents .facility > header {
	margin-bottom: 40px;
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
}
#maruyamaContents .facility > header h1 {
	margin-bottom: 10px;
	font-size: 4rem;
	line-height: 1.4;
}
#maruyamaContents .facility section {
	position: relative;
}
#maruyamaContents .facility section + section {
	margin-top: 50px;
}
#maruyamaContents .facility section h1 {
	margin-bottom: 10px;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
}
#maruyamaContents .facility section .w {
	z-index: 3;
}
#maruyamaContents .facility section .ph {
	background-position: 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
#maruyamaContents .facility section.facility01 .ph {
	background-image: url(../images/facility_ph01.jpg);
}
#maruyamaContents .facility section.facility02 .ph {
	background-image: url(../images/facility_ph02.jpg);
}
#maruyamaContents .facility section.facility03 .ph {
	background-image: url(../images/facility_ph03.jpg);
}
@media screen and (min-width: 681px), print {
	#maruyamaContents .facility {
		padding: 60px 0 90px;
	}
	#maruyamaContents .facility section {
		min-height: 400px;
		padding: 100px 0 40px;	
	}
	#maruyamaContents .facility section p{
		padding: 30px;
		background-color: rgba(255,255,255,0.8);
	}

	#maruyamaContents .facility section .ph {
		position: absolute;
		top: 0;
		width: 60%;
		max-width: 1000px;
		height: 400px;
	}
	#maruyamaContents .facility section.ph_r .w {
		padding-right: 550px;
	}
	#maruyamaContents .facility section.ph_r .ph {
		right: 0;
	}
	#maruyamaContents .facility section.ph_l .w {
		padding-left: 550px;
		
	}
	#maruyamaContents .facility section.ph_l .ph {
		left: 0;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaContents .facility {
		padding-top: 40px;
		padding-bottom: 40px;
		font-size: 1.8rem;
	}
	#maruyamaContents .facility > header {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	#maruyamaContents .facility > header h1 {
		font-size: 3rem;
	}
	#maruyamaContents .facility section + section {
		margin-top: 30px;
	}
	#maruyamaContents .facility section h1 {
		font-size: 2.1rem;
		margin-bottom: 0;
	}
	#maruyamaContents .facility section .ph {
		margin-top: 15px;
		padding-top: 55%;
	}
	#maruyamaContents .facility section p {
		font-size: 88%;
	}
}



/* message
============================================================================================================ */
#maruyamaContents .message {
	padding: 40px 0;
	font-size: 2.4rem;
	line-height: 1.7;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	background-color: #fff;
}
#maruyamaContents .message h1 {
	margin-bottom: 10px;
	font-size: 4rem;
	line-height: 1.4;
}
@media screen and (min-width: 681px), print {
	#maruyamaContents .message .ph {
		float: right;
	}
	#maruyamaContents .message .ph ~ * {
		margin-right: 400px;
	}
	ul.toitu{
		width: 1000px;
		margin: 0 auto; 
	}
	ul.toitu li{
		float: left;
		width: 48%;
		text-align: left;
	}
	ul.toitu li.mr30{
		margin-right: 30px;
	}
}
@media screen and (max-width: 680px) {
	#maruyamaContents .message {
		padding: 40px 0;
		font-size: 1.8rem;
	}
	#maruyamaContents .message .ph {
		width: 50%;
		margin: 0 auto 20px;
	}
	#maruyamaContents .message h1 {
		font-size: 3rem;
	}
.pt20 {
	padding-top: 20px;
}
	ul.toitu li{
		margin-bottom: 20px;
	}
}
ul.toitu{
	margin-top: 50px;
}
ul.toitu li img {
	max-width: 100%;
	height: auto;
}
ul.toitu li {
	line-height: normal;
}
ul.toitu li h2 {
	margin-top: 15px;
	margin-bottom: 7px;
	font-weight: normal;
	border-bottom: solid 2px #ed1a23;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
ul.toitu li p {
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 90%;
	margin-bottom: 0.5em;
}
ul.toitu li a.contact {
	width: 100%;
	display: table;
	text-decoration: none;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 5px 0;
}
ul.toitu li a.contact span {
	display: table-cell;
	vertical-align: middle;
}
ul.toitu li.red h2 { border-bottom-color: #ed1a23; }
ul.toitu li.red a.contact { background-color: #ed1a23; }
ul.toitu li.blue h2 { border-bottom-color: #123991; }
ul.toitu li.blue a.contact { background-color: #123991; }
@media screen and (min-width: 681px), print {
	ul.toitu {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}
	ul.toitu li {
		position: relative;
	}
	ul.toitu li a.contact {
		position: absolute;
		bottom: -55px;
	}
}

/* mov_show
============================================================================================================ */
@media screen and (min-width: 681px) {
	.mov_show.fade {
		opacity: 0;
	}
	.mov_show.fade.showed {
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
		opacity: 1;
	}

	.mov_show.fade_up {
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		transform: translateY(30px);
	}
	.mov_show.fade_up.showed {
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.mov_show.fade_right {
		-webkit-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}
	.mov_show.fade_right.showed {
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.mov_show.fade_left {
		-webkit-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	.mov_show.fade_left.showed {
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.mov_show.fade_zoom_in {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	.mov_show.fade_zoom_in.showed {
		-webkit-transition: all 1.1s ease-in-out;
		-o-transition: all 1.1s ease-in-out;
		transition: all 1.1s ease-in-out;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.mov_show.fade_zoom_out {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	.mov_show.fade_zoom_out.showed {
		-webkit-transition: all 1.5s;
		-o-transition: all 1.5s;
		transition: all 1.5s;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.mov_show.fade_delay01.showed {
		-webkit-transition-delay: .1s;
		-o-transition-delay: .1s;
		transition-delay: .1s;
	}
	.mov_show.fade_delay02.showed {
		-webkit-transition-delay: .2s;
		-o-transition-delay: .2s;
		transition-delay: .2s;
	}
	.mov_show.fade_delay03.showed {
		-webkit-transition-delay: .3s;
		-o-transition-delay: .3s;
		transition-delay: .3s;
	}
	.mov_show.fade_delay04.showed {
		-webkit-transition-delay: .4s;
		-o-transition-delay: .4s;
		transition-delay: .4s;
	}
	.mov_show.fade_delay05.showed {
		-webkit-transition-delay: .5s;
		-o-transition-delay: .5s;
		transition-delay: .5s;
	}

}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

p.kigen {
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	margin-top: 30px;
}

p.exin{
	padding: 5px;
	background-color: #ec6941;
	color: #fff;
	text-align: center;
	width: 200px;
	white-space: nowrap;
	margin-bottom: 10px;
}
p.right{
	text-align: right;
}
span.small{
	font-size:1.5rem;
}
.text-indenet{
	padding-left:1em;
	text-indent:-1em;
	font-size: 1.5rem;
}
.youtube{
	text-align:center;
	margin:0px 20px;
}
.youtube iframe{
	border: 1px solid #a6a6a6;
	padding: 10px;
}

.btn__contact {
	clear: both;
	overflow: hidden;
	margin-bottom: -0.75rem;
}

.btn__contact a {
	margin-top: 0.75rem;
	display: table;
	text-align: center;
	width: 100%;
	text-decoration: none;
	background-color: #005da3;
	color: #fff;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.btn__contact a span {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (min-width: 681px), print {
	.mt380 { margin-top: 380px !important; }
}