/*----------------------------------------------------------------------------*/
/* 	P.O.C. field サイト サイト     TOP ページ  CSS						      */
/*----------------------------------------------------------------------------*/
/* Main ---------------------------------------------*/

	#main {
	}

/* ■ Conents ------------------------------------------*/

	#wrapper {
		margin-top: 0;
		background-color:#FFF;
		background: #FFF;
	}


/* ■ MainConents #section01 	あなたにぴったりの留学スタイルを見つけよう  */

	#section01 {
		margin: 0 auto 30px auto;
		width: 100%;
		max-width:768px;
		border: 1px solid #A4946C;	/* Gold01 */
		border: 1px solid #DDD;
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#section01 .newstxt  {
		margin: 20px auto 30px auto;
		width: 90%;
		background: url(../images/top/news.png) no-repeat;
		background-size:	121px 28px;
		background-position:	left 0  top 0;
	}
	#section01 .newstxt dl,dt,dd {
		display:block;
	}
	#section01 .newstxt dl {
		margin: 0 auto 10px auto;
		width: 100%;
		font-size:12px;
		color:#444;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom: 1px dotted #A4946C;	/* Gold01 */
	}
	#section01 .newstxt dl:first-child {
		padding-top:45px;
	}
	#section01 .newstxt dt {
		font-size:14px;
		color: #E3007F;		/* POC-pink */
		color:#548EFB;	/* DodgerBlue */
		padding-bottom:10px;
	}
	#section01 .newstxt dd {
		line-height:20px;
		padding-bottom:3px;
	}
	#section01 .newstxt dd.bold01 {
		font-weight:bold;
		color: #AD7B4E;		/* Brown01 */
		color: #E3007F;		/* POC-pink */
	}
	#section01 .newstxt dd.bold02 {
		color: #AD7B4E;		/* Brown01 */
	}

	#section01 .h2title {		/* Section Title */
		margin: 20px auto 0 auto;
		width: 100%;
		height:80px;
		text-align:left;
		background	: url("../images/com/lineStripe01.png") repeat-x;
		background-color:#FFF;
		position: relative;
	}
	#section01 h2 {
		display: block;
		position: absolute;		/* 親blockに対し中央配置 */
		top: 5px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width:95%;
		height:45px;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		line-height:24px;
		color:white;
		padding:10px;
		background-color:#E3007F;		/* POC-pink */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
	}

	#section01 .cont01 {
		margin: -20px auto 0 auto;
		width: 100%;
	}
	#section01 .cont01 .items {
		margin: 20px auto 20px auto;
		width: 100%;
		padding-top:1px;
	}
	#section01 .cont01 .card {		/* Card BOX #01 ---------*/
		margin-top:20px;
		margin-left:5%;
		width : 90%;
		height: 280px;
		text-align:center;
		border: 1px solid #DDD;
		position: relative;
	}
	#section01 .cont01 .items .card ul {
		margin:0 auto 0 auto;
		width : 100%;
		height: 280px;
		background-color:#FFF;
		position: relative;
		border:none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	#section01 .cont01 .items .card .cd01{	/* 語学留学 */
		background	: url("../images/top/top01.jpg") no-repeat;
	}
	#section01 .cont01 .items  .card .cd02 {	/* ワーキングホリデー */
		background	: url("../images/top/top02.jpg") no-repeat;
	}
	#section01 .cont01 .card .cdtitle01 {
		position:absolute;
		bottom:0;
		left:0;
		width : 100%;
		height:55px;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:#444;
		padding-top:18px;
		background	: url("../images/bg/cdsym01.png") no-repeat;
		background-size:303px 37px; 
		background-position: 50% 50%; 
		background-color:rgba( 255,255,255,0.90 ); 	/* White 透過90% */
	}
	#section01 .cont01 .card .detail {		/* 詳しくは button */
		display: block;
		position:absolute;
		top:65%;
		left:65%;
		width : 100px;
		height:25px;
		font-size:12px;
		text-align:center;
	}
	#section01 .cont01 .card .detail a {
		display: block;
		width : 100px;
		height:25px;
		color:#333;
		padding-top:6px;  
		padding-left:5px;  
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px  center; 
		background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	#section01 .cont01 .card .detail a:hover {
		display: block;
		width : 100px;
		height:25px;
		color:#333;
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px center; 
		background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	@media only screen and (max-width: 320px) {

		#section01 h2 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 5px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:95%;
			height:45px;
			text-align:center;
			font-size:13px;
			font-weight:bold;
			line-height:22px;
			color:white;
			padding:10px;
			background-color:#E3007F;		/* POC-pink */
		}
	}

	@media only screen and (min-width: 360px) and (max-width: 375px) {
		#section01 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 375px) and (max-width: 399px) {
		#section01 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 400px) and (max-width: 413px) {
		#section01 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 414px) and (max-width: 767px) {
		#section01 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}

	@media only screen and (min-width:768px) {	/* PC ～　iPad size  */

		#section01 {
			margin: 30px auto 0 auto;
			width: 100%;
			max-width:1300px;
			background-color:#FFF;
			border: 1px solid #A4946C;	/* Gold01 */
			border: 1px solid #DDD;
		}
		#section01 .newstxt  {
			margin: 30px auto 30px auto;
			width: 85%;
			background: url(../images/top/news.png) no-repeat;
			background-size:	173px 40px;
			background-position:	left 0  top 0;
		}
		#section01 .newstxt dl {
			margin: 5px auto 0 30%;
			width: 70%;
			font-size:13px;
			color:#444;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom: 1px dotted #A4946C;	/* Gold01 */
		}
		#section01 .newstxt dl:first-child {
			margin: 30px auto 0 20%;
			padding-top:10px;
		}
		#section01 .newstxt dt {
			font-size:16px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:20px;
			color: #E3007F;		/* POC-pink */
			color:#548EFB;	/* DodgerBlue */
		}
		#section01 .newstxt dd {
			line-height:22px;
			padding-bottom:5px;
		}
		#section01 .newstxt dd.bold01 {
			font-weight:bold;
			font-size:15px;
		}
		#section01 .newstxt dd.bold02 {
			font-size:15px;
		}


		#section01 h1,h2,h3,h4,h5,h6{
			font-size:100%;
			font-weight:normal;
		}
		#section01 .h2title {		/* COLLEGE  Information Section Title */
			margin: 30px auto 0 auto;
			width: 90%;
			height:250px;
			text-align:left;
/*			background	: url("../images/com/lineStripe01.png") repeat-x;*/
			background-image:
				url("../images/bg/symbol03.png"),
				url("../images/com/lineStripe01.png");
			background-position:
				left -1px top 4px,
				0 0;
			background-repeat:
				no-repeat,
				repeat-x;
			position: relative;
		}
		#section01 h2 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 60px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:70%;
			height:80px;
			text-align:center;
			font-size:26px;
			font-weight:bold;
			color:white;
			padding:27px;
			background-color:#E3007F;		/* POC-pink */
				border-radius:50px;  
				-moz-border-radius:50px;  
				-webkit-border-radius:50px;  
		}
		#section01 .cont01 {
			margin: 0 auto 0 auto;
			width: 100%;
			background-color:#FFF;
		}
		#section01 .cont01 .items {
			margin: 0 auto 20px auto;
			width: 100%;
			max-width: 1000px;
		}
		#section01 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:0 auto 40px auto;
			width : 50%;
			height: 280px;
			border:none;
		}
		#section01 .cont01 .items .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			max-width : 440px;
			height: 280px;
			background-color:#FFF;
			position: relative;
			border:none;
			border: 10px solid #E7DDD2;		/* beige */
		}
		#section01 .cont01 .items .card .cd01{	/* 語学留学 */
			background	: url("../images/top/top01.jpg") no-repeat;
		}
		#section01 .cont01 .items .card .cd02 {	/* ワーキングホリデー */
			background	: url("../images/top/top02.jpg") no-repeat;
		}
		#section01 .cont01 .card .cdtitle01 {
			position:absolute;
			bottom:0;
			left:0;
			width : 100%;
			height:55px;
			text-align:center;
			font-size:22px;
			font-weight:bold;
			color:#444;
			padding-top:18px;
			background	: url("../images/bg/cdsym01.png") no-repeat;
			background-size:357px 43px; 
			background-position: 50% 50%; 
			background-color:rgba( 255,255,255,0.90 ); 	/* White 透過90% */
		}
		#section01 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:65%;
			left:75%;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}
		#section01 .cont01 .card .detail a {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			padding-top:6px;  
			padding-left:5px;  
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 5px  center; 
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section01 .cont01 .card .detail a:hover {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 80px center; 
			background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 .newstxt  {
			margin: 20px auto 30px auto;
			width: 90%;
			background: url(../images/top/news.png) no-repeat;
			background-size:	121px 28px;
			background-position:	left 0  top 0;
		}
		#section01 .h2title {		/* COLLEGE  Information Section Title */
			margin: 30px auto 0 auto;
			width: 100%;
			height:150px;
			text-align:left;
/*			background	: url("../images/com/lineStripe01.png") repeat-x;*/
			background-image:	url("../images/com/lineStripe01.png");
			background-position:	0 0;
			background-repeat:repeat-x;
			position: relative;
		}
		#section01 h2 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:90%;
			height:50px;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			color:white;
			padding:15px;
			background-color:#E3007F;		/* POC-pink */
		}
		#section01 .cont01 .items {
			margin: 0 auto 20px auto;
			width: 90%;
		}
		#section01 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:0 auto 40px 10px;
			width : 48%;
			height: 280px;
			border:none;
		}
		#section01 .cont01 .items .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			height: 280px;
		}

		#section01 .cont01 .items .card .cd01{	/* 語学留学 */
			background	: url("../images/top/top01.jpg") no-repeat;
			background-size:311px 198px; 
		}
		#section01 .cont01 .items .card .cd02 {	/* ワーキングホリデー */
			background	: url("../images/top/top02.jpg") no-repeat;
			background-size:311px 198px; 
		}
		#section01 .cont01 .card .cdtitle01 {
			position:absolute;
			bottom:0;
			left:0;
			width : 100%;
			height:55px;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			color:#444;
			padding-top:18px;
			background	: url("../images/bg/cdsym01.png") no-repeat;
			background-size:250px 30px; 
			background-position: 50% 50%; 
			background-color:rgba( 255,255,255,0.90 ); 	/* White 透過90% */
		}
		#section01 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:65%;
			left:65%;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}

	}

	@media only screen and (max-width: 768px) {
		#section01 {
			background	: url("../images/com/subtle_dots.png") repeat;
		}
	}
	#section01 .cont01 .card ul:hover {
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		filter: alpha(opacity=80);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=80)"; /* IE 8 */
		opacity: 0.8;
			box-shadow: 1px 1px 5px 1px #aaa;
			-webkit-box-shadow: 1px 1px 5px 1px #aaa;
			-moz-box-shadow: 1px 1px 5px 1px #aaa;
	}
	#section01 .cont01 .card ul {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}

/* ■ MainConents #section02 	留学サービス内容  */

	#section02 {
		margin: -30px auto 30px auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#F5F5F5;
	}
	#section02 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#section02 .h2title {		/* Section Title */
		margin: 0 auto 0 auto;
		width: 100%;
		height:80px;
		text-align:left;
		background-color:#FFF;
		position: relative;
	}
	#section02 h2 {
		display: block;
		position: absolute;		/* 親blockに対し中央配置 */
		top: 5px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width:95%;
		height:45px;
		font-size:14px;
		font-weight:bold;
		line-height:22px;
		color:#444;
		padding-top:10px;
		padding-left:120px;
		background	: url("../images/top/pickup.png") no-repeat;
		background-size: 97px 18px;
		background-position: 0 center; 
		border-bottom: 1px solid #E3007F;	/* POC-pink */
	}
	#section02 .cont01 {
		margin: -20px auto 0 auto;
		width: 100%;
	}
	#section02 .cont01 .card {		/* Card BOX #01 ---------*/
		margin:30px auto 0 auto;
		width : 100%;
		max-width:320px;
		height: 350px;
		text-align:center;
		position: relative;
	}
	#section02 .cont01 .card ul {
		margin:0 auto 0 auto;
		width : 100%;
		height: 350px;
		background-color:#FFF;
		position: relative;
		border: 1px solid #DDD;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	#section02 .cont01 .card .cdimg01 {
		margin:0 auto 0 auto;
		width : 100%;
		height:200px;
	}
	#section02 .cont01 .card .cdtitle01 {
		margin:5px auto 0 auto;
		width : 100%;
		height:30px;
		text-align:center;
		font-size:15px;
		font-weight:bold;
		color: #E3007F;		/* POC-pink */
		padding-top:10px;
	}
	#section02 .cont01 .card .text01 {
		margin:8px auto 0 7%;
		width : 90%;
		height:55px;
		font-size:12px;
		text-align:left;
		color: #333;
		line-height:18px;
		padding-top:0;
	}
	#section02 .cont01 .card .detail {		/* 詳しくは button */
		display: block;
		position:absolute;
		top:90%;
		right:9px;
		width : 100px;
		height:25px;
		font-size:11px;
		text-align:center;
	}
	#section02 .cont01 .card .detail a {
		display: block;
		width : 100px;
		height:25px;
		color:#444;
		padding-top:6px;  
		padding-left:5px;  
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px  center; 
		background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
		border: 1px solid #DDD;
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	#section02 .cont01 .card .detail a:hover {
		display: block;
		width : 100px;
		height:25px;
		color:#444;
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px center; 
		background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
		border: 1px solid #DDD;
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	@media only screen and (max-width: 320px) {

	}
	@media only screen and (min-width: 360px) and (max-width: 375px) {
		#section02 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 375px) and (max-width: 399px) {
		#section02 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 400px) and (max-width: 413px) {
		#section02 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 414px) and (max-width: 767px) {
		#section02 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}

	@media only screen and (min-width:768px) {	/* PC ～　iPad pro size  */

		#section02 {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			background-color:#F5F5F5;
			background-color: #E7DDD2;	/* beige */
		}
		#section02 h1,h2,h3,h4,h5,h6{
			font-size:100%;
			font-weight:normal;
		}
		#section02 .h2title {		/* COLLEGE  Information Section Title */
			margin: 0 auto 0 auto;
			width: 100%;
			height:100px;
			text-align:left;
			background-image:url("../images/bg/symbol04.png");
			background-position:	right 0 bottom 0;
			background-repeat:no-repeat;
			position: relative;
		}
		#section02 h2 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:80%;
			height:50px;
			font-size:23px;
			font-weight:bold;
			padding-top:13px;
			padding-left:180px;
			background	: url("../images/top/pickup.png") no-repeat;
			background-size: 138px 26px;
			background-position: 0 center; 
			border-bottom: 1px solid #E3007F;	/* POC-pink */
		}
		#section02 .cont01 {
			display: block;
			margin: 30px auto 0 auto;
			width: 100%;
			max-width:1100px;
			padding-bottom:320px;
		}
		#section02 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:0 auto 0 3%;
			width : 33%;
			height: 370px;
			border:none;
		}
		#section02 .cont01 .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			max-width : 320px;
			height: 370px;
			background-color:#FFF;
			position: relative;
			border: 1px solid #DDD;
		}
		#section02 .cont01 .card .cdimg01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:200px;
		}
		#section02 .cont01 .card .cdtitle01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:35px;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			color: #E3007F;		/* POC-pink */
			padding-top:15px;
		}
		#section02 .cont01 .card .text01 {
			margin:5px auto 0 auto;
			width : 90%;
			height:55px;
			line-height:20px;
			font-size:13px;
			color: #333;
		}
		#section02 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:90%;
			right:10px;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}
		#section02 .cont01 .card .detail a {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			padding-top:6px;  
			padding-left:5px;  
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 5px  center; 
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
			border: 1px solid #DDD;
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section02 .cont01 .card .detail a:hover {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 80px center; 
			background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
			border: 1px solid #DDD;
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section02 .h2title {		/* COLLEGE  Information Section Title */
			margin: 0 auto 0 auto;
			width: 100%;
			height:80px;
			text-align:left;
			background-image:none;
			position: relative;
		}
		#section02 h2 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:90%;
			height:50px;
			font-size:18px;
			font-weight:bold;
			padding-top:13px;
			padding-left:180px;
			background	: url("../images/top/pickup.png") no-repeat;
			background-size: 138px 26px;
			background-size: 110px 21px;
			background-position: 0 center; 
			border-bottom: 1px solid #E3007F;	/* POC-pink */
		}
		#section02 .cont01 {
			display: block;
			margin: 30px auto 0 auto;
			width: 100%;
			max-width:992px;
			padding-bottom:320px;
		}
		#section02 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:0 auto 0 2.5%;
			width : 30%;
			height: 370px;
			border:none;
		}
		#section02 .cont01 .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			max-width : 320px;
			height: 340px;
			background-color:#FFF;
			position: relative;
			border: 1px solid #DDD;
		}
		#section02 .cont01 .card .cdimg01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:150px;
		}
		#section02 .cont01 .card .cdtitle01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:35px;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			color: #E3007F;		/* POC-pink */
			padding-top:15px;
		}
		#section02 .cont01 .card .text01 {
			margin:5px auto 0 auto;
			width : 90%;
			height:55px;
			line-height:18px;
			font-size:13px;
			color: #333;
		}
		#section02 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:90%;
			right:10px;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}
		#section02 .cont01 .card .detail a {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			padding-top:6px;  
			padding-left:5px;  
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 5px  center; 
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
			border: 1px solid #DDD;
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section02 .cont01 .card .detail a:hover {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 80px center; 
			background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
			border: 1px solid #DDD;
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}

	}
	#section02 .cont01 .card ul:hover {
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		filter: alpha(opacity=80);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=80)"; /* IE 8 */
		opacity: 0.8;
			box-shadow: 1px 1px 5px 1px #aaa;
			-webkit-box-shadow: 1px 1px 5px 1px #aaa;
			-moz-box-shadow: 1px 1px 5px 1px #aaa;
	}
	#section02 .cont01 .card ul {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}

	/* ◇ MainConents #section03 留学サービス案内 --------------------*/

	#section03 {
		margin: -30px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#FFF;
		background	: url("../images/com/subtle_dots.png") repeat;
	}
	#section03 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#section03 .h2title {
		display:none;
	}
	#section03 .h2title h2 {
		display:none;
	}
	#section03 .cont01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#section03 .cont01 .card {		/* Card BOX #01 ---------*/
		margin:30px auto 0 auto;
		width : 100%;
		max-width:320px;
		height: 350px;
		text-align:center;
		position: relative;
	}
	#section03 .cont01 .card ul {
		margin:0 auto 0 auto;
		width : 100%;
		height: 350px;
		background-color:#FFF;
		position: relative;
		border: 1px solid #DDD;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	#section03 .cont01 .card .cdimg01 {
		margin:0 auto 0 auto;
		width : 100%;
		height:200px;
	}
	#section03 .cont01 .card .cdtitle01 {
		margin:0 auto 0 auto;
		width : 100%;
		height:35px;
		text-align:center;
		font-size:15px;
		font-weight:bold;
		color:#fff;
		padding-top:10px;
		background-color: #E3007F;		/* POC-pink */
	}
	#section03 .cont01 .card .text01 {
		margin:8px auto 0 7%;
		width : 90%;
		height:55px;
		font-size:12px;
		text-align:left;
		color: #333;
		line-height:18px;
		padding-top:0;
	}
	#section03 .cont01 .card .detail {		/* 詳しくは button */
		display: block;
		position:absolute;
		top:90%;
		right:9px;
		width : 100px;
		height:25px;
		font-size:11px;
		text-align:center;
	}
	#section03 .cont01 .card .detail a {
		display: block;
		width : 100px;
		height:25px;
		color:#444;
		padding-top:6px;  
		padding-left:5px;  
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px  center; 
		background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
		border: 1px solid #DDD;
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	#section03 .cont01 .card .detail a:hover {
		display: block;
		width : 100px;
		height:25px;
		color:#444;
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px center; 
		background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
		border: 1px solid #DDD;
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}

	#section03 .cont02 {
		display: block;
		margin:30px  auto 30px auto;
		background-color:#FFF;
	}
	#section03 .h3title {		/* Section Title */
		margin: 0 auto 0 auto;
		width: 100%;
		height:80px;
		text-align:left;
		position: relative;
	}
	#section03 h3 {
		display: block;
		position: absolute;		/* 親blockに対し中央配置 */
		top: 5px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width:95%;
		height:45px;
		font-size:14px;
		font-weight:bold;
		line-height:22px;
		color:#333;
		padding-top:10px;
		padding-left:50px;
		background	: url("../images/icon/sym02.png") no-repeat;
		background-size: 20px 24px;
		background-position: 10px center; 
		border-bottom: 1px solid #E3007F;	/* POC-pink */
	}
	#section03 .cont02  ul{
		margin:0  auto 0 auto;
		width : 100%;
	}
	#section03 .cont02 ul li {
		margin:10px  auto 10px auto;
		width : 100%;
	}
	#section03 .cont02 ul li a img {
		display: block;
		margin:0 auto 0 auto;
		width : 70%;
		text-align:center;
			-moz-transition: -moz-transform 0.5s ease-out;
			-webkit-transition: -webkit-transform 0.5s ease-out;
			-o-transition: -o-transform 0.5s ease-out;
			-ms-transition: -ms-transform 0.5s ease-out;
			transition: transform 0.5s ease-out;
	}
	#section03 .cont02 ul li a img:hover {
		display: block;
					-webkit-opacity: 1.0;
					-moz-opacity: 1.0;
					-o-opacity: 1.0;
					-ms-opacity: 1.0;
					filter: alpha(opacity=100);	/* IE lt 8 */
					-ms-filter: "alpha(opacity=100)"; /* IE 8 */
					opacity: 1.0;
	}

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

	}
	@media only screen and (min-width: 360px) and (max-width: 375px) {
		#section03 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 375px) and (max-width: 399px) {
		#section03 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 400px) and (max-width: 413px) {
		#section03 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}
	@media only screen and (min-width: 414px) and (max-width: 767px) {
		#section03 .cont01 .card {		/* Card BOX #01 ---------*/
		}
	}

	@media only screen and (min-width:768px) {	/* PC ～　iPad pro size  */

		#section03 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
		}
		#section03 h1,h2,h3,h4,h5,h6{
			font-size:100%;
			font-weight:normal;
		}
		#section03 .cont01 {
			display: block;
			margin: 30px auto 0 auto;
			width: 100%;
			max-width:1100px;
			padding-bottom:30px;
		}
		#section03 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:30px  auto 0 3%;
			width : 33%;
			height: 370px;
			border:none;
		}
		#section03 .cont01 .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			max-width : 320px;
			height: 370px;
			background-color:#FFF;
			position: relative;
			border: 1px solid #DDD;
		}
		#section03 .cont01 .card .cdimg01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:200px;
		}
		#section03 .cont01 .card .cdtitle01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:40px;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			padding-top:12px;
		}
		#section03 .cont01 .card .text01 {
			margin:10px auto 0 auto;
			width : 90%;
			height:55px;
			line-height:20px;
			font-size:13px;
			color: #333;
		}
		#section03 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:90%;
			right:10px;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}
		#section03 .cont01 .card .detail a {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			padding-top:6px;  
			padding-left:5px;  
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 5px  center; 
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section03 .cont01 .card .detail a:hover {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 80px center; 
			background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}

		#section03 .cont02 {
			display: block;
			margin:0  auto 50px auto;
			width : 100%;
			height:300px;
		}
		#section03 .h3title {		/* Section Title */
			margin: 30px auto 0 auto;
			width: 100%;
			height:50px;
			text-align:left;
			position: relative;
		}
		#section03 h3 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:80%;
			height:50px;
			font-size:23px;
			font-weight:bold;
			padding-top:13px;
			padding-left:80px;
			background	: url("../images/icon/sym02.png") no-repeat;
			background-position: 20px center; 
			border-bottom: 1px solid #E3007F;	/* POC-pink */
		}
		#section03 .cont02 ul {
			margin:0  auto 0 auto;
			width : 85%;
			height:150px;
			padding-top:40px;
			display:flex;
			justify-content: center;
		}
		#section03 .cont02 ul li {
			width:calc(100% / 4);		/*  Block横均等配置 */
			margin:10px;
		}
		#section03 .cont02 ul li a img {
			display: block;
			margin:0 auto 0 auto;
			width : 100%;	
			max-width : 281px;
			text-align:center;
				-moz-transition: -moz-transform 0.5s ease-out;
				-webkit-transition: -webkit-transform 0.5s ease-out;
				-o-transition: -o-transform 0.5s ease-out;
				-ms-transition: -ms-transform 0.5s ease-out;
				transition: transform 0.5s ease-out;
		}
		#section03 .cont02 ul li a img:hover {
			display: block;
				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
				-o-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);
		}

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
		#section03 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
		}
		#section03 h1,h2,h3,h4,h5,h6{
			font-size:100%;
			font-weight:normal;
		}
		#section03 .cont01 {
			display: block;
			margin: 30px auto 0 auto;
			width: 100%;
			max-width:1100px;
			padding-bottom:30px;
		}
		#section03 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:30px  auto 0 2.5%;
			width : 30%;
			height: 330px;
			border:none;
		}
		#section03 .cont01 .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			max-width : 320px;
			height: 330px;
			background-color:#FFF;
			position: relative;
			border: 1px solid #DDD;
		}
		#section03 .cont01 .card .cdimg01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:150px;
		}
		#section03 .cont01 .card .cdtitle01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:40px;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			padding-top:12px;
		}
		#section03 .cont01 .card .text01 {
			margin:10px auto 0 auto;
			width : 90%;
			height:55px;
			line-height:20px;
			font-size:13px;
			color: #333;
		}
		#section03 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:90%;
			right:10px;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}
		#section03 .cont01 .card .detail a {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			padding-top:6px;  
			padding-left:5px;  
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 5px  center; 
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section03 .cont01 .card .detail a:hover {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 80px center; 
			background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section03 .cont02 {
			display: block;
			margin:0  auto 50px auto;
			width : 100%;
			height:200px;
		}
		#section03 .h3title {		/* Section Title */
			margin: 30px auto 0 auto;
			width: 100%;
			height:50px;
			text-align:left;
			position: relative;
		}
		#section03 h3 {
			display: block;
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:90%;
			height:50px;
			font-size:18px;
			font-weight:bold;
			padding-top:13px;
			padding-left:80px;
			background	: url("../images/icon/sym02.png") no-repeat;
			background-position: 20px center; 
			border-bottom: 1px solid #E3007F;	/* POC-pink */
		}
		#section03 .cont02 ul {
			margin:0  auto 0 auto;
			width : 100%;
			height:130px;
			padding-top:20px;
			display:flex;
			justify-content: center;
		}
		#section03 .cont02 ul li {
			width:calc(100% / 4);		/*  Block横均等配置 */
			margin:10px;
		}
		#section03 .cont02 ul li a img {
			display: block;
			margin:0 auto 0 auto;
			width : 100%;	
			max-width : 281px;
			max-width : 300px;
			text-align:center;
				-moz-transition: -moz-transform 0.5s ease-out;
				-webkit-transition: -webkit-transform 0.5s ease-out;
				-o-transition: -o-transform 0.5s ease-out;
				-ms-transition: -ms-transform 0.5s ease-out;
				transition: transform 0.5s ease-out;
		}
		#section03 .cont02 ul li a img:hover {
			display: block;
				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
				-o-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);
		}

	}
	#section03 .cont01 .card ul:hover {
		border: 1px solid #CCC;
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		filter: alpha(opacity=80);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=80)"; /* IE 8 */
		opacity: 0.8;
			box-shadow: 1px 1px 5px 1px #aaa;
			-webkit-box-shadow: 1px 1px 5px 1px #aaa;
			-moz-box-shadow: 1px 1px 5px 1px #aaa;
	}
	#section03 .cont01 .card ul {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}

	/* ◇ MainConents #section04 はじめての語学留学なら POC field にお任せ ---*/

	#section04 {
		margin-top:-30px;
		margin: 0 auto 0 auto;
		width: 100%;
		background	: url("../images/bg/bg-image01.jpg") no-repeat;
		background-position: center top;
		background-size: cover;	/* 縦横比を保持したまま表示領域全体を背景画像で覆うように拡大、縮小 */
		background-size: contain;
		background-attachment: fixed;	/* ★背景固定 */
		background-color: #E7DDD2;	/* beige */
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	#section04 .h2title {		/* 最新情報 Section Title */
		margin: 0 auto 0 auto;
		width: 98%;
		height:130px;
		text-align:left;
		position: relative;
		background	: url("../images/top/sec04title_sp.png") no-repeat;
		background-size:320px 103px;
		background-size: contain;	/* 表示領域全体 */
		background-position:	center top 5px;
	}
	#section04 h2 {
		text-align:center;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		padding-top:95px;
	}
	#sec04{
		margin: 150px auto 0 auto;
/*		background-color:rgba( 255,255,255,0.90 ); 	* White 透過90% */
	}
	#section04 .cont01 {
		margin-top:0px;
		text-align:left;
/*		background: url("../images/com/subtle_dots.png") repeat;*/
	}
	#section04 .cont01 .card {		/* Card BOX #01 ---------*/
		margin:20px auto 0 auto;
		width : 100%;
		max-width:300px;
		height: 350px;
		text-align:center;
		position: relative;
	}
	#section04 .cont01 .card ul {
		margin:0 auto 0 auto;
		width : 100%;
		height: 350px;
		background-color:#FFF;
		position: relative;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	#section04 .cont01 .card .cdimg01 {
		margin:0 auto 0 auto;
		width : 100%;
		height:188px;
	}
	#section04 .cont01 .card .cdtitle01 {
		margin:0 auto 0 auto;
		width : 100%;
		height:35px;
		text-align:center;
		font-size:15px;
		font-weight:bold;
		color:#fff;
		padding-top:10px;
		background-color: #E3007F;		/* POC-pink */
	}
	#section04 .cont01 .card .text01 {
		margin:8px auto 0 7%;
		width : 90%;
		height:55px;
		font-size:12px;
		text-align:left;
		color: #333;
		line-height:18px;
		padding-top:0;
	}
	#section04 .cont01 .card .detail {		/* 詳しくは button */
		display: block;
		position:absolute;
		top:90%;
		right:9px;
		width : 100px;
		height:25px;
		font-size:11px;
		text-align:center;
	}
	#section04 .cont01 .card .detail a {
		display: block;
		width : 100px;
		height:25px;
		color:#444;
		padding-top:6px;  
		padding-left:5px;  
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px  center; 
		background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
		border: 1px solid #DDD;
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	#section04 .cont01 .card .detail a:hover {
		display: block;
		width : 100px;
		height:25px;
		color:#444;
		background	: url("../images/icon/sym01.png") no-repeat;
		background-position: 5px center; 
		background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
		border: 1px solid #DDD;
			border-radius:20px;  
			-moz-border-radius:20px;  
			-webkit-border-radius:20px;  
	}
	#section04 .cont02 {
		display: block;
		margin:30px  auto 30px auto;
	}
	#section04 .cont02  ul{
		margin:0  auto 0 auto;
		width : 100%;
	}
	#section04 .cont02 ul li {
		width : 100%;
	}
	#section04 .cont02 ul li a img {
		display: block;
		margin:0 auto 0 auto;
		width : 70%;
		text-align:center;
			-moz-transition: -moz-transform 0.5s ease-out;
			-webkit-transition: -webkit-transform 0.5s ease-out;
			-o-transition: -o-transform 0.5s ease-out;
			-ms-transition: -ms-transform 0.5s ease-out;
			transition: transform 0.5s ease-out;
	}
	#section04 .cont02 ul li a img:hover {
		display: block;
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
	}
	#section04 .cont02 ul li p {
		display: block;
		margin:10px  auto 20px auto;
		width:90%;
		text-align:center;
		font-size:13px;
		color:#A4966A;	/* Gold01 */
		color: #B27C04;	/* Gold02 */
	}
	#section04 .cont02 #sec04txt01 {
		margin:20px auto 0 auto;
		width : 80%;	
		height:120px;
	}
	#section04 .cont02 p.text01 {
		margin:0 auto 0 auto;
		width : 100%;
		height:50px;
		font-size:12px;
		line-height:19px;
		padding-top:5px;
		padding-left:20px;
		border-left: 3px solid #E3007F;	/* POC-pink */
	}
	#section04 .cont02 p#sec04tel {
		margin:20px auto 0 auto;
		width : 211px;
		height:46px;
		padding-top:0px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../images/menu/tel01.png") no-repeat;
		background-size:100%;
	}

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

		#section04 h2 {
			text-align:center;
			font-size:13px;
			font-weight:bold;
			color:#FFF;
			padding-top:82px;
		}
	}
	@media only screen and (min-width: 360px) and (max-width: 375px) {
	}
	@media only screen and (min-width: 375px) and (max-width: 399px) {
	}
	@media only screen and (min-width: 400px) and (max-width: 413px) {
	}
	@media only screen and (min-width: 400px) and (max-width: 767px) {

		#section04 h2 {
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding-top:100px;
		}
	}

	@media only screen and (min-width:768px) {	/* PC ～　iPad pro size  */

		#section04 {
			margin: 0  auto 0 auto;
			height:1000px;
			padding-top: 0;
			padding-bottom: 1500px;
			padding-bottom: 1350px;
			background	: url("../images/bg/bg-image01.jpg") no-repeat;
			background-position: center center;
			background-size: contain;
			background-size: cover;	/* 縦横比を保持したまま表示領域全体を背景画像で覆うように拡大、縮小 */
			background-attachment: fixed;	/* ★背景固定 */

			background-color: #EDF2FC;
			background-color: #F5F8FC;
			position:relative;
		}
		#sec04{
			position:absolute;				/* 親blockに対し中央配置 */
			top:150px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 100%;
			max-width: 1200px;	/* ☆☆ */
			height:100%;
			max-height: 950px;
			background-color:rgba( 255,255,255,0.90 ); 	/* White 透過90% */
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
					box-shadow: 1px 1px 5px 1px #aaa;
					-webkit-box-shadow: 1px 1px 5px 1px #aaa;
					-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		#section04 .h2title {		/* Section Title */
			margin: 30px auto 0 auto;
			width: 90%;
			height:150px;
			position: relative;
			background	: url("../images/top/sec04title.png") no-repeat;
			background-position:	left 20% top 20px;
			background-position:	50% 50%;
		}
		#section04 h2 {
			text-align:left;
			font-size:26px;
			padding-top:60px;
			padding-left:350px;
		}
		#section04 .cont01 {
			margin:10px  auto 20px 5.5%;
			margin:10px  auto 20px 7.8%;
			background-image:none;
		}
		#section04 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:30px  auto 0 2.5%;
			width : 33%;
			height: 370px;
			border:none;
		}
		#section04 .cont01 .card ul {
			margin:0 auto 0 auto;
			width : 100%;
			max-width : 300px;
			height: 370px;
			background-color:#FFF;
			position: relative;
		}
		#section04 .cont01 .card .cdimg01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:188px;
		}
		#section04 .cont01 .card .cdtitle01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:40px;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			padding-top:12px;
		}
		#section04 .cont01 .card .text01 {
			margin:10px auto 0 auto;
			width : 90%;
			height:55px;
			line-height:20px;
			font-size:13px;
			color: #333;
		}
		#section04 .cont01 .card .detail {		/* 詳しくは button */
			display: block;
			position:absolute;
			top:90%;
			right:10px;
			width : 100px;
			height:25px;
			font-size:12px;
			text-align:center;
		}
		#section04 .cont01 .card .detail a {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			padding-top:6px;  
			padding-left:5px;  
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 5px  center; 
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過95% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section04 .cont01 .card .detail a:hover {
			display: block;
			width : 100px;
			height:25px;
			color:#333;
			background	: url("../images/icon/sym01.png") no-repeat;
			background-position: 80px center; 
			background-color:rgba( 255,255,255,0.70 ); 	/* White 透過75% */
				border-radius:20px;  
				-moz-border-radius:20px;  
				-webkit-border-radius:20px;  
		}
		#section04 .cont02 {
			display: block;
			margin:50px  auto 50px auto;
			width : 90%;
			height:100px;
		}
		#section04 .cont02 ul {
			margin:0  auto 0 auto;
			width : 90%;
			height:150px;
			padding-top:40px;
			display:flex;
			justify-content: center;
		}
		#section04 .cont02 ul li {
			width:calc(100% / 3);		/*  Block横均等配置 */
			margin:20px;
		}
		#section04 .cont02 ul li a img {
			display: block;
			margin:0 auto 0 auto;
			width : 100%;	
			max-width : 300px;
			text-align:center;
				-moz-transition: -moz-transform 0.5s ease-out;
				-webkit-transition: -webkit-transform 0.5s ease-out;
				-o-transition: -o-transform 0.5s ease-out;
				-ms-transition: -ms-transform 0.5s ease-out;
				transition: transform 0.5s ease-out;
		}
		#section04 .cont02 ul li a img:hover {
			display: block;
				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
				-o-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);
					-webkit-opacity: 1.0;
					-moz-opacity: 1.0;
					-o-opacity: 1.0;
					-ms-opacity: 1.0;
					filter: alpha(opacity=100);	/* IE lt 8 */
					-ms-filter: "alpha(opacity=100)"; /* IE 8 */
					opacity: 1.0;
		}
		#section04 .cont02 ul li p {
			margin:20px  auto 0 auto;
			width:100%;
			font-size:15px;
		}
		#section04 .cont02 #sec04txt01 {
			margin:60px auto 0 10%;
			width : 90%;	
			height:50px;
			position:relative;
		}
		#section04 .cont02 p.text01 {
			position:absolute;
			top:0;
			left:0;
			margin:0 auto 0 auto;
			width : 60%;	
			height:50px;
			font-size:15px;
			padding-top:5px;
			padding-left:30px;
			border-left: 5px solid #E3007F;	/* POC-pink */
		}
		#section04 .cont02 p#sec04tel {
			position:absolute;
			top:0;
			right:10%;
			width : 211px;
			height:46px;
			padding-top:0;
			background	: url("../images/menu/tel01.png") no-repeat;
			background-size:100%;
		}
	}
	@media screen and (min-width:768px) and ( max-width:992px) {

		#section04 {
			height:800px;
			padding-bottom: 1350px;
			padding-bottom: 910px;
		}
		#sec04{
			position:absolute;				/* 親blockに対し中央配置 */
			top:130px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 100%;
			max-width: 992px;
			height:100%;
			max-height: 780px;
		}
		#section04 .h2title {		/* Section Title */
			margin: 0 auto 0 auto;
			width: 100%;
			height:150px;
			position: relative;
			background	: url("../images/top/sec04title.png") no-repeat;
			background-size:	676px 90px;
			background-size:	608px 81px;
			background-position:	50% 50%;
		}
		#section04 h2 {
			text-align:left;
			font-size:16px;
			padding-top:65px;
			padding-left:250px;
		}
		#section04 .cont01 {
			margin:10px  auto 20px auto;
			background-image:none;
		}
		#section04 .cont01 .card {	/* Card BOX #01 ---------*/
			float:left;
			margin:0  auto 0 2.5%;
			width : 30%;
			height: 340px;
			border:none;
		}
		#section04 .cont01 .card ul {
			height: 340px;
		}
		#section04 .cont01 .card .cdimg01 {
			margin:0 auto 0 auto;
			width : 100%;
			height:155px;
		}
		#section04 .cont02 {
			margin:30px  auto 0 auto;
			width : 100%;
			height:80px;
		}
		#section04 .cont02 ul {
			margin:0  auto 0 auto;
			width : 100%;
			height:150px;
			padding-top:20px;
			display:flex;
			justify-content: center;
		}
		#section04 .cont02 ul li {
			margin:10px;
		}
		#section04 .cont02 ul li a img {
			display: block;
			margin:0 auto 0 auto;
			width : 100%;	
			max-width : 320px;
			text-align:center;
				-moz-transition: -moz-transform 0.5s ease-out;
				-webkit-transition: -webkit-transform 0.5s ease-out;
				-o-transition: -o-transform 0.5s ease-out;
				-ms-transition: -ms-transform 0.5s ease-out;
				transition: transform 0.5s ease-out;
		}

		#section04 .cont02 ul li p {
			margin:20px  auto 0 auto;
			width:100%;
			font-size:13px;
		}
		#section04 .cont02 #sec04txt01 {
			margin:20px auto 0 auto;
			width : 95%;
			height:50px;
			position:relative;
		}
		#section04 .cont01 .card .cdtitle01 {
			font-size:15px;
		}
		#section04 .cont02 p.text01 {
			position:absolute;
			top:0;
			left:0;
			margin:0 auto 0 auto;
			width : 65%;	
			height:50px;
			font-size:13px;
			padding-top:5px;
			padding-left:30px;
			border-left: 5px solid #E3007F;	/* POC-pink */
		}
		#section04 .cont02 p#sec04tel {
			position:absolute;
			top:-20px;
			right:0%;
			width : 211px;
			height:46px;
			padding-top:0;
			background	: url("../images/menu/tel01.png") no-repeat;
			background-size:100%;
		}
	}
	#section04 .cont01 .card ul:hover {
		border: 1px solid #CCC;
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-o-opacity: 0.8;
		-ms-opacity: 0.8;
		filter: alpha(opacity=80);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=80)"; /* IE 8 */
		opacity: 0.8;
			box-shadow: 1px 1px 5px 1px #aaa;
			-webkit-box-shadow: 1px 1px 5px 1px #aaa;
			-moz-box-shadow: 1px 1px 5px 1px #aaa;
	}
	#section04 .cont01 .card ul {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}