@charset "utf-8";

/*
=========================================
 header
=========================================
*/
#header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border-top: solid 5px #64B19D;
}

#header .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#header .inner h1 {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}

#header .inner h1 img {
	width: 100%;
	max-width: 423px;
}

#header .headerNav {
	margin-bottom: 15px;
}

#header .headerNav ul {
	text-align: center;
}

#header .headerNav ul li {
	display: inline;
}

#header .headerNav ul li .br_nv {
	display: none
}

#header .headerNav ul li a {
	margin-right: 50px;
	padding-left: 25px;
	position: relative;
}

#header .headerNav li a::before {
	content: url(../images/pic_01.gif);
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: 0;
}

#header .headerNav ul li:last-child a {
	margin-right: 0px;
}

#header #globalToggleNav {
	display: none;
}

@media screen and (max-width:960px) {
	#header .inner h1 {
		margin: 0 0 20px 20px;
		padding: 0;
		width: 100%;
	}
}

@media screen and (max-width:600px) {
	#header .headerNav ul li a {
		margin: 0 20px 0;
	}

	#header .headerNav ul li .br_nv {
		display: block;
	}
}

/* メインメニュー sp
---------------------------------*/
@media screen and (max-width:480px) {
	#header .inner h1 {
		margin: 5px 0 10px 10px;
		padding: 0;
		width: 90%;
	}

	#header .headerNav {
		display: none;
	}

	#header #globalToggleNav {
		display: block;
	}
}

#header #globalToggleNav .drawer-nav li {
	width: 100%;
	margin: 0;
	color: #333333;
	border-bottom: 1px dotted #333333;
}

#header #globalToggleNav .drawer-nav li {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #ffffff;
}

#header #globalToggleNav .drawer-nav li a {
	padding: 20px 10px 15px 21px;
	color: #64b19d;
	display: block;
	background-color: #e0efeb;
	line-height: 1;
}

#header #globalToggleNav .drawer-nav li a:hover {
	color: #64b19d;
	background-color: #f7fbfa;
	text-decoration: none;
}

.drawer-nav .drawer-toggle #close {
	width: 100%;
	padding: 20px 10px 15px 21px;
	margin: 10px auto;
	display: block;
	text-align: left;
	background-color: #edebe3;
	line-height: 1;
}

.drawer-nav .drawer-toggle #close:hover {
	background-color: #faf8f0;
}

/*
=========================================
 tabArea
=========================================
*/
.tabArea {
	margin-bottom: 80px;
}

.tabArea .tabs {
	background-color: #64b19d;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #EE9E2E;
	margin-bottom: 90px;
}

.tabArea .tabs .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}

#tab li {
	width: 20%;
	height: 50%;
	float: left;
	position: relative
}

.tabArea .inner h1 {
	text-align: center;
	color: #A59ACA;
	width: 100%;
	display: inline-block;
	font-size: 250%;
	letter-spacing: 5px;
	margin: 0 0 10px;
}

.tabArea .inner h1::before {
	content: "";
	background: url("../images/bg_01.png") left;
	background-repeat: repeat-x;
	height: 30px;
	width: calc(50% - 115px);
	display: inline-block;
	margin-right: 0%;
	vertical-align: middle;
}

.tabArea .inner h1::after {
	content: "";
	background: url("../images/bg_01.png") right;
	background-repeat: repeat-x;
	height: 30px;
	width: calc(50% - 115px);
	display: inline-block;
	margin-left: 0%;
	vertical-align: middle;
}

.tabArea .inner h2 {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 164.3%;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 5px;
}

.tabArea .inner p {
	font-size: 150%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tabArea .inner .cf li {
	width: 31.25%;
	float: left;
	margin: 0 3.125% 30px 0;
}

.tabArea .inner .cf li img {
	width: 100%;
}

.tabArea .inner .cf li:nth-child(3n) {
	float: left;
	margin: 0 0 30px 0;
}

.tabs_sp {
	display: none;
}

.tabArea .pc {
	width: 100%;
}


@media screen and (max-width:480px) {
	.tabArea {
		margin-bottom: 40px;
	}

	.tabArea .tabs {
		display: none;
	}

	.tabArea .tabs_sp {
		display: block;
		border-top-width: 5px;
		border-top-style: solid;
		border-top-color: #EE9E2E;
		padding-top: 10px;
		margin-bottom: 10px;
	}

	.tabArea .tabs_sp #tab02 {
        width: 95%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* 両端揃え＆間を均等に */
        box-sizing: border-box; /* 追加 */
	}

	.tabArea .tabs_sp #tab02 li {
        width: 31%; /* 3つ並べて間ができるように調整 */
        margin-bottom: 9px; /* 下方向だけ残す */
        background-color: #64b19d;
        padding: 2%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-sizing: border-box;
	}

	.tabArea .inner h1 {
		margin-bottom: 0px;
	}

	.tabArea .inner h1::before {
		display: none;
	}

	.tabArea .inner h1::after {
		display: none;
	}

	.tabArea .inner h2 {
		font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
		font-size: 128.5%;
		text-align: center;
		margin-bottom: 10px;
		letter-spacing: 0px;
	}

	.tabArea .inner p {
		font-size: 100%;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.tabArea .inner .cf li,
	.tabArea .inner .cf li:nth-child(3n) {
		width: 46%;
		float: left;
		margin: 0 2% 10px;
	}

	.tabArea .inner .cf li img {
		width: 100%;
	}
}

/*
=========================================
 contactArea
=========================================
*/
.contactArea {
	margin-bottom: 80px
}

.contactArea .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

.contactArea .inner p {
	font-size: 178.5%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #5FC1C9;
	text-align: center;
	margin-bottom: 5px;
	letter-spacing: 3px;
}

.contactArea .inner .cf li {
	float: left;
	width: 46.25%;
	margin-right: 1.875%;
	margin-left: 1.875%;
}

.contactArea .inner .cf li a:hover {
	opacity: 0.7;
}

@media screen and (max-width:480px) {
	.contactArea {
		margin-bottom: 40px
	}

	.contactArea .inner p {
		font-size: 142.8%;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color: #5FC1C9;
		text-align: center;
		margin-bottom: 5px;
		letter-spacing: 0px;
	}

	.contactArea>div {
		width: 85%;
		margin: 0 auto 20px;
	}

	.contactArea>div img {
		width: 100%;
	}

	.contactArea .inner .cf li {
		float: none;
		width: 90%;
		margin: 0 auto 20px;
	}
}

/*
=========================================
 charmArea
=========================================
*/
.charmArea {
	background-image: url(../images/bg_02.gif);
	background-repeat: repeat;
	padding: 20px 0 60px;
}

.charmArea .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

@media screen and (max-width:480px) {
	.charmArea {
		background-image: url(../images/bg_02.gif);
		background-repeat: repeat;
		padding: 30px 0 30px;
	}

	.charmArea .inner {
		width: 90%;
		max-width: 480px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
}

.charmArea .inner .pc h1 {
	width: 90%;
	margin: 0 auto 10px;
	max-width: 712px;
}

/*
=========================================
 OcContentsArea
=========================================
*/
.OcContentsArea {
	padding: 60px 0 60px;
	border-top: solid 7px #F39800;
}
.OcContentsArea .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.OcContentsArea .inner h2{
	margin-bottom: 50px;
  position: relative;
	background-color: #fff;
}
.OcContentsArea .inner h2 span{
	display: block;
	font-size: 35px;
	text-align: center;
}
.OcContentsArea .inner h2::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	background-image: url(../images/bg_01.png);
	background-repeat: repeat-x;
	bottom: -10px;
}
.OcContentsArea .inner ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.OcContentsArea .inner ul li{
	width: calc(96% / 2);
	background-color: #e0efeb;
	padding: 20px;
	margin-bottom: 30px;
	box-sizing: border-box;
	border-radius: 10px;
	border: solid #64b19d 3px;
}
.OcContentsArea .inner ul li .ttl{
	font-size: 23px;
	font-weight: bold;
	color: #64b19d;
	text-align: center;
}
.OcContentsArea .inner ul li figure img{
	display: block;
	width: 100%;;
}
.OcContentsArea .inner ul li .txt{
	text-align: center;
	font-size: 18px;
}
@media screen and (max-width:600px) {
	.OcContentsArea .inner {
		width: 90%;
		max-width: 480px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	.OcContentsArea .inner ul li{
		width: 100%;
	}
	.OcContentsArea .inner h2 span{
		font-size: 25px;
	}
	.OcContentsArea .inner ul li .txt{
		text-align: center;
		font-size: 14px;
	}
}

/*
=========================================
 voiceArea
=========================================
*/
#voiceArea {
	background-image: url(../images/bg_03.gif);
	background-repeat: repeat;
	border-top: solid 7px #F39800;
	border-bottom: solid 7px #F39800;
	margin-bottom: 80px;
}

#voiceArea .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	background-color: #ffffff;
}

#voiceArea .inner h1.pc {
	text-align: center;
	margin-bottom: 35px;
	background-image: url(../images/bg_01.png);
	background-repeat: repeat-x;
	background-position: 0px 40px;
	display: block;
}

#voiceArea .inner h1.pc img {
	width: 100%;
	max-width: 600px;
	margin: auto;
}

#voiceArea .inner h1.sp {
	display: none;
}

#voiceArea .inner ul li {
	width: 50%;
	float: left;
	margin: 0;
}

@media screen and (max-width:600px) {
	#voiceArea .inner h1.pc {
		text-align: center;
		margin-bottom: 35px;
		background-image: url(../images/bg_01.png);
		background-repeat: repeat-x;
		background-position: 0px 70%;
	}

	#voiceArea .inner h1.pc img {
		width: 85%;
		max-width: 600px;
		margin: auto;
	}

}

@media screen and (max-width:480px) {
	#voiceArea {
		background-image: url(../images/bg_03.gif);
		background-repeat: repeat;
		border-top: solid 5px #F39800;
		border-bottom: solid 7px #F39800;
		margin-bottom: 40px;
	}

	#voiceArea .inner {
		width: 90%;
		max-width: 480px;
		margin: 0 auto;
		padding: 30px 0 0px 0;
		background-color: #ffffff;
	}

	#voiceArea .inner h1.pc {
		display: none;
	}

	#voiceArea .inner h1.sp {
		display: block;
		background: none;
		width: 85%;
		margin: 0 auto 20px;
		;
	}

	#voiceArea .inner ul li {
		width: 90%;
		float: none;
		margin: auto;
	}
}

/*
=========================================
 accessArea
=========================================
*/
#accessArea {
	background-image: url(../images/bg_04.gif);
	background-repeat: repeat;
	margin-bottom: 80px;
}

#accessArea .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 0 40px 0;
}

#accessArea h1 {
	font-size: 178.5%;
	color: #ffffff;
	text-align: center;
	width: calc(100% - 6px);
	background-color: #64B19D;
	border: solid 3px #ffffff;
	margin-bottom: 25px;
	border-radius: 15px;
	/* CSS3草案 */
	-webkit-border-radius: 15px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;
	/* Firefox用 */
	padding-top: 2px;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#accessArea .inner .cf .txtL {
	float: left;
	width: 50%;
	margin-right: 4%;
	margin-bottom: 30px;
}

#accessArea .inner .cf .txtL ul li {
	position: relative;
	padding-left: 70px;
	margin-bottom: 10px;
}

#accessArea .inner .cf .txtL ul li.car::before {
	content: "";
	background: url("../images/pic_01_01.png") top left no-repeat;
	width: 62px;
	height: 50px;
	position: absolute;
	margin-left: -70px;
}

#accessArea .inner .cf .txtL ul li.bus::before {
	content: "";
	background: url("../images/pic_01_02.png") top left no-repeat;
	width: 62px;
	height: 50px;
	position: absolute;
	margin-left: -70px;
}

#accessArea .inner .cf .txtL ul li.train::before {
	content: "";
	background: url("../images/pic_01_03.png") top left no-repeat;
	width: 62px;
	height: 50px;
	position: absolute;
	margin-left: -70px;
}

#accessArea .inner .cf .txtL .ttl01 {
	font-size: 100%;
	font-weight: bold;
}

#accessArea .inner .cf .txtL .txt01 {
	font-size: 85.7%;
	line-height: 1.4;
}

#accessArea .inner .cf .txtL span {
	color: #68B29C;
}

#accessArea .inner .cf .txtR {
	float: right;
	width: 41%;
	padding: 1% 2%;
	background-color: #ffffff;
	border-radius: 10px;
	/* CSS3草案 */
	-webkit-border-radius: 10px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	/* Firefox用 */
}

#accessArea .inner .cf .txtR img {
	width: 100%;
	max-width: 391px;
	margin: auto;
	display: block;
}

#accessArea .inner .pc {
	width: 100%;
	max-width: 848px;
	margin: 0 auto 0;
	display: block;
}

#accessArea .inner .sp {
	display: none;
}


@media screen and (max-width:960px) {
	#accessArea .inner {
		width: 96%;
		max-width: 960px;
		margin: 0 auto;
		padding: 40px 0 40px 0;
	}
}

@media screen and (max-width:480px) {
	#accessArea {
		background-image: url(../images/bg_04.gif);
		background-repeat: repeat;
		margin-bottom: 40px;
	}

	#accessArea .inner {
		width: 90%;
		max-width: 480px;
		margin: 0 auto;
		padding: 40px 0 40px 0;
	}

	#accessArea .inner .cf .txtL {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 30px;
	}

	#accessArea .inner .cf .txtR {
		float: none;
		width: 90%;
		padding: 5%;
		margin-bottom: 30px;
		background-color: #ffffff;
		border-radius: 10px;
		/* CSS3草案 */
		-webkit-border-radius: 10px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;
		/* Firefox用 */
	}

	#accessArea .inner .pc {
		display: none;
	}

	#accessArea .inner .sp {
		width: 100%;
		max-width: 480px;
		margin: 0 auto 0;
		display: block;
	}
}

/*
=========================================
 bustourArea
=========================================
*/
.bustourArea {
	margin-bottom: 80px
}

.bustourArea .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

.bustourArea .inner a:hover {
	opacity: 0.8;

}

@media screen and (max-width:960px) {
	.bustourArea .inner {
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
}

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

	.bustourArea {
		margin-bottom: 40px
	}
}

/*
=========================================
 scheduleArea
=========================================
*/
#scheduleArea {
	background-image: url(../images/bg_02.gif);
	background-repeat: repeat;
	padding: 20px 0 0;
	margin-bottom: 80px;
}

#scheduleArea .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#scheduleArea .inner h1 {
	text-align: center;
	color: #A59ACA;
	width: 100%;
	display: inline-block;
	font-size: 250%;
	letter-spacing: 5px;
	margin: 0 0 20px;
}

#scheduleArea .inner h1::before {
	content: "";
	background: url("../images/bg_01.png") left;
	background-repeat: repeat-x;
	height: 30px;
	width: calc(50% - 125px);
	display: inline-block;
	margin-right: 0%;
	vertical-align: middle;
}

#scheduleArea .inner h1::after {
	content: "";
	background: url("../images/bg_01.png") right;
	background-repeat: repeat-x;
	height: 30px;
	width: calc(50% - 125px);
	display: inline-block;
	margin-left: 0%;
	vertical-align: middle;
}

#scheduleArea .inner h2 {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 150%;
	text-align: center;
	margin: 0 auto 15px;
	background-color: #EE9E2E;
	color: #ffffff;
	border-radius: 20px;
	width: 50%;
}

#scheduleArea .inner h3 {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 121.4%;
	text-align: center;
	margin-bottom: 30px;
}



#scheduleArea table.table {
	border-collapse: collapse;
	width: 960px;
	margin: 0 auto;
}

#scheduleArea table.table th {
	background-color: #ffffff;
	text-align: center;
	letter-spacing: 2px;
}

#scheduleArea table.table th.c2 {
	color: #68b29c;
	font-size: 118.75%;
}

#scheduleArea table.table th.c3 {
	color: #e8b1a5;
	font-size: 118.75%;
}

#scheduleArea table.table th.c4 {
	color: #bcadd4;
	font-size: 118.75%;
}

#scheduleArea table.table th,
#scheduleArea table.table td {
	padding: 5px 10px 2px;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	box-sizing: border-box;
}

table.table tr:nth-child(2n+1) td.c1 {
	background: #68b29c;
	color: #ffffff;
	text-align: center;
}

table.table tr:nth-child(2n+0) td.c1 {
	background: #95c9ba;
	color: #ffffff;
	text-align: center;
}

table.table tr:nth-child(2n+1) td.c2 {
	background: #d0ebef;
	text-align: center;
}

table.table tr:nth-child(2n+0) td.c2 {
	background: #d0ebef;
	text-align: center;
}

table.table tr:nth-child(2n+1) td.c3 {
	background: #fce5e8;
}

table.table tr:nth-child(2n+0) td.c3 {
	background: #fdeff1;
}

table.table tr:nth-child(2n+1) td.c4 {
	background: #f8ecf1;
	text-align: center;
}

table.table tr:nth-child(2n+0) td.c4 {
	background: #f4dfe8;
	text-align: center;
}

.saturday {
	background-color: #abc9e9 !important;
}

.sunday {
	background-color: #f8c9c9 !important;
}

.scroll {
	width: 100%;
	box-sizing: border-box;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 50px;
	position: relative;
}

#scheduleArea .inner .ta-c {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 560px;
}

@media screen and (max-width:960px) {
	#scheduleArea .inner {
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
}

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

@media screen and (max-width:480px) {
	#scheduleArea {
		background-image: url(../images/bg_02.gif);
		background-repeat: repeat;
		padding: 30px 0 0;
		margin-bottom: 40px;
	}

	#scheduleArea.inner {
		width: 90%;
		max-width: 480px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}


	#scheduleArea .inner h1::before {
		display: none;
	}

	#scheduleArea .inner h1::after {
		display: none;
	}

	#scheduleArea table.table {
		width: 100%;
	}

	#scheduleArea table.table thead {
		display: none;
	}

	#scheduleArea table.table th,
	#scheduleArea table.table td {
		display: block;
		width: 100%;
		border-right: none;
	}

	table.table tr:nth-child(2n+1) td.c1,
	table.table tr:nth-child(2n+0) td.c1 {
		background: #68b29c;
	}

	table.table tr:nth-child(2n+1) td.c3,
	table.table tr:nth-child(2n+0) td.c3 {
		border-bottom: none !important;
	}

	table.table tr:nth-child(2n+1) td.c3,
	table.table tr:nth-child(2n+0) td.c3,
	table.table tr:nth-child(2n+1) td.c4,
	table.table tr:nth-child(2n+0) td.c4 {
		background: #fce5e8;
		text-align: center;
	}




}

/*
=========================================
 featureArea
=========================================
*/
#featureArea {}

#featureArea .contentBox01 {
	background-image: url(../images/bg_05.gif);
}

#featureArea .contentBox01 .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 0 20px 0;
}

#featureArea .contentBox01 .inner h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 364.2%;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 5px;
}

#featureArea .contentBox01 .inner h1 span {
	color: #FFF33F;
}

#featureArea .contentBox01 .inner ul {
	display: flex;
	flex-wrap: wrap;
}

#featureArea .contentBox01 .inner ul li {
	width: 36.25%;
	margin: 0 6.8% 50px;
}

#featureArea .pc {
	width: 100%;
}

#featureArea .contentBox02 {
	background-color: #64B19D;
	position: relative;
	width: 100%;
	z-index: -2;
	height: 690px;
}

#featureArea .contentBox02 .leftHalf {
	width: 50%;
	position: absolute;
	left: 0px;
	height: 690px;
	z-index: -1;
	background: url(../images/img_08.jpg) no-repeat center right;
}

#featureArea .contentBox02 .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	height: 100%;
	position: relative;
}

#featureArea .contentBox02 .inner h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 328.5%;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 5px;
}

#featureArea .contentBox02 .inner .txt01 {
	width: 45%;
	position: absolute;
	right: 0px;
}

#featureArea .contentBox02 .inner .txt01 p {
	color: #FFFFFF;
	font-size: 114.2%;
	margin-bottom: 5px;
}

#featureArea .contentBox02 .inner .txt01 .img01 {
	width: 95%;
	margin: auto;
}

#featureArea .contentBox02 .img02 {
	display: none;
}

#featureArea .contentBox03 {
	margin-bottom: 80px;
}

#featureArea .contentBox03 #ot {
	background-image: url(../images/bg_07.gif);
	background-repeat: repeat;
	border-top: solid 5px #ffffff;
}

#featureArea .contentBox03 #pt {
	background-image: url(../images/bg_08.gif);
	background-repeat: repeat;
	border-top: solid 5px #ffffff;
}

#featureArea .contentBox03 .inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	height: 100%;
}

#featureArea .contentBox03 h1 {
	width: 380px;
	height: 98px;
	margin: 40px auto 20px;
	;
	background-image: url(../images/bg_06.png);
	background-repeat: no-repeat;
	padding-top: 16px;
	letter-spacing: 3px;
	color: #FFFFFF;
	text-align: center;
	font-size: 178.5%;
	line-height: 1;
}

#featureArea .contentBox03 h2 {
	color: #FFFFFF;
	font-size: 242.8%;
	text-align: center;
	margin-bottom: 20px;
}

#featureArea .contentBox03 .inner ul {
	display: flex;
	justify-content: center;
}

#featureArea .contentBox03 .inner .cf li:first-child {
	width: 25%;
	margin: 0 2.252% 0;
	display: inline-block;
	vertical-align: middle;
}

#featureArea .contentBox03 .inner .cf li:nth-child(2) {
	width: 31.87%;
	margin: 0 2.252% 0;
	display: inline-block;
	vertical-align: middle;
}

#featureArea .contentBox03 .inner .cf li:last-child {
	width: 31.873%;
	margin: 0 0 0 2.252%;
	display: inline-block;
	vertical-align: middle;
}



@media screen and (max-width:960px) {
	#featureArea .contentBox01 .inner {
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		padding: 40px 0 20px 0;
	}

	#featureArea .contentBox01 .inner h1 {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 285.7%;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 30px;
		letter-spacing: 5px;
	}

	#featureArea .contentBox01 .inner ul li {
		width: 46%;
		margin: 0 2% 50px;
	}

	#featureArea .contentBox02 .inner {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		position: static;
	}

	#featureArea .contentBox02 {
		background-color: #64B19D;
		position: static;
		width: 100%;
		z-index: -2;
		height: auto;
	}

	#featureArea .contentBox02 .leftHalf {
		display: none;
	}

	#featureArea .contentBox02 .inner h1 {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 257.1%;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 40px;
		letter-spacing: 5px;
	}

	#featureArea .contentBox02 .inner .txt01 {
		width: 100%;
		position: static;
		right: 0px;
		overflow: hidden;
	}

	#featureArea .contentBox02 .inner .txt01 p {
		color: #FFFFFF;
		font-size: 114.2%;
		margin-bottom: 5px;
		width: 50%;
		float: left;
	}

	#featureArea .contentBox02 .inner .txt01 .img01 {
		width: 45%;
		margin: auto;
		float: right;
	}

	#featureArea .contentBox02 .img02 {
		display: block;
		width: 100%;
	}

	#featureArea .contentBox03 .inner {
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 0 40px 0;
	}

}

@media screen and (max-width:768px) {
	#featureArea .contentBox03 h2 {
		color: #FFFFFF;
		font-size: 200%;
		text-align: center;
		margin-bottom: 20px;
	}

	#featureArea .contentBox03 .inner .cf li:first-child {
		width: 20%;
		margin: 0 auto 20px;
		display: block;
	}

	#featureArea .contentBox03 .inner .cf li:nth-child(2) {
		width: 46%;
		margin: 0 2% 0;
		display: inline-block;
		vertical-align: middle;
	}

	#featureArea .contentBox03 .inner .cf li:last-child {
		width: 46%;
		margin: 0 2% 0;
		display: inline-block;
		vertical-align: middle;
	}

}

@media screen and (max-width:480px) {
	#featureArea .contentBox01 .inner h1 {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 185.7%;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 30px;
		letter-spacing: 5px;
	}

	#featureArea .contentBox01 .inner ul li {
		float: none;
		width: 90%;
		margin: 0 auto 30px;
	}

	#featureArea .contentBox02 .inner h1 {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 185.7%;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 40px;
		letter-spacing: 5px;
	}

	#featureArea .contentBox02 .inner .txt01 p {
		color: #FFFFFF;
		font-size: 114.2%;
		margin-bottom: 5px;
		width: 100%;
		float: none;
	}

	#featureArea .contentBox02 .inner .txt01 .img01 {
		width: 100%;
		margin: auto;
		float: none;
	}

	#featureArea .contentBox03 {
		margin-bottom: 40px;
	}

	#featureArea .contentBox03 h1 {
		width: 300px;
		height: 73px;
		margin: 40px auto 20px;
		;
		background-image: url(../images/bg_06.png);
		background-repeat: no-repeat;
		padding-top: 12px;
		letter-spacing: 3px;
		color: #FFFFFF;
		text-align: center;
		font-size: 178.5%;
		background-size: contain;
		line-height: 1;
	}

	#featureArea .contentBox03 h2 {
		color: #FFFFFF;
		font-size: 142.8%;
		text-align: center;
		margin-bottom: 20px;
	}

	#featureArea .contentBox03 .inner .cf {
		flex-wrap: wrap;
	}

	#featureArea .contentBox03 .inner .cf li:first-child {
		width: 35%;
		margin: 0 auto 20px;
		display: block;
	}

	#featureArea .contentBox03 .inner .cf li:nth-child(2) {
		width: 100%;
		margin: 0 0 20px;
		display: block;
	}

	#featureArea .contentBox03 .inner .cf li:last-child {
		width: 100%;
		margin: 0 0 20px;
		display: block;
	}

}