@charset "utf-8";

/* Base Start */

* {
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,textarea {
	display:block;
}

img {
  border:0;
  vertical-align:top;
}

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:'小塚明朝 Pro','Kozuka Mincho Pro',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-optical-sizing:auto;
  font-style:normal;
	font-size:100%;
	text-align:center;
}

a {
	color:#000;
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

#anc-wrapper {
	width:100%;
	overflow:hidden;
}

/* Base End */

/* Clearfix Start */

.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

/* Clearfix End */

/* Header Start */

#upper {
	z-index:5;
}

#slider {
	position:relative;
}

.bxslider {
	z-index:1;
}

.bxslider img {
	width:100%;
	height:auto;
}

.mv-text-base {
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	height:calc(100% - 100px);
}

.mv-text-base strong {
	position:absolute;
	left:19px;
	bottom:-100px;
	display:block;
	box-sizing:border-box;
	padding-top:28px;
	background-color:#fff;
	width:250px;
	height:148px;
}

.on-text-box {
	
	margin:0 10px;
	padding-top:50px;
}

.mv-text-base h1 {
	box-sizing:border-box;
	padding-left:3px;
	color:#fff;
	line-height:42px;
	font-size:24px;
	text-shadow:0px 0px 5px rgba(0,0,0,.9),0px 0px 5px rgba(0,0,0,.8),0px 0px 5px rgba(0,0,0,.7),0px 0px 10px rgba(0,0,0,.7);
	letter-spacing:3px;
}

.on-text-box p {
	box-sizing:border-box;
	padding:16px 0 28px 2px;
	color:#fff;
	line-height:32px;
	font-size:21px;
	text-shadow:0px 0px 5px rgba(0,0,0,.9),0px 0px 5px rgba(0,0,0,.8),0px 0px 5px rgba(0,0,0,.7),0px 0px 10px rgba(0,0,0,.7);
	letter-spacing:2px;
}

#mv {
	position:relative;
}

#mv>img {
	z-index:1;
	width:100%;
	height:auto;
}

#mv>.mv-text-base {
	height:100%;
}

#mv>.mv-text-base>h1 {
	padding-left:7px;
	letter-spacing:7px;
}

#mv>.mv-text-base strong {
	bottom:-61px;
}

#header {
	z-index:9000;
	position:fixed;
	right:0;
	top:0;
	background:url(../common_images/bg_header.png) right top no-repeat;
	width:89px;
	height:80px;
}

#nav-toggle {
	z-index:10001;
	position:absolute;
	right:4px;
	top:3px;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	box-sizing:border-box;
	cursor:pointer;
	margin-right:10px;
	border:1px solid transparent;
	width:43px;
	height:39px;
}

#nav-toggle::after {
	position:absolute;
	left:50%;
	top:41px;
	display:block;
	color:#fff;
	padding-left:1px;
	line-height:12px;
	font-size:12px;
	letter-spacing:1px;
	content:"MENU";
	transform:translateX(-50%);
}

#nav-toggle div {
	position:relative;
	width:37px;
	height:18px;
}

#nav-toggle div span {
	position:absolute;
	left:0;
	display:block;
	width:100%;
	height:2px;
	background-color:#fff;
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}

#nav-toggle div span:nth-child(1) {
	top:0;
}

#nav-toggle div span:nth-child(2) {
	top:8px;
}

#nav-toggle div span:nth-child(3) {
	top:16px;
}

.open #nav-toggle {
	border-color:#fff;
}

.open #nav-toggle::after {
	display:none;
}

.open #nav-toggle div span:nth-child(1) {
	top:8px;
	transform:rotate(315deg);
}

.open #nav-toggle div span:nth-child(2) {
	width:0;
	left:50%;
}

.open #nav-toggle div span:nth-child(3) {
	top:8px;
	transform:rotate(-315deg);
}

.sp-navi {
	z-index:10000;
	position:absolute;
	right:0;
	bottom:100%;
	display:block;
	box-sizing:border-box;
	padding:112px 0 100px 0;
	background:#ec7464 url(../common_images/bg_sp-menu.png) left top no-repeat;
	color:#fff;
	width:100vw;
	height:auto;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}

.sp-navi>ul,
.sp-navi>ol {
	list-style-type:none;
}

.sp-navi>ul>li {
	padding-bottom:40px;
	line-height:19px;
	font-size:19px;
}

.sp-navi a {
	color:#fff;
	text-decoration:none;
}

.sp-navi>ol {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	padding:12px 0 44px 0;
}

.sp-navi>ol>li {
	padding:0 8px;
	line-height:17px;
	font-size:17px;
}

.sp-navi>ol>li+li {
	border-left:1px solid #fff;
}

.sp-navi em {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
}

.sp-navi em span {
	display:inline-block;
	padding:0 7px;
}

.open .sp-navi {
	transform:translateY(100%);
}

@media only screen and (max-width : 1301px) {
	.bxslider img {
		height:100vh;
		object-fit:cover;
	}
	
	
}

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

@media only screen and (max-width : 767px) {
	.mv-text-base strong {
		left:9px;
		padding-top:18px;
		width:150px;
		height:107px;
	}
	
	.mv-text-base strong img {
		width:106px;
		height:auto;
	}
	
	.mv-text-base h1 {
		line-height:35px;
		font-size:20px;
		letter-spacing:2px;
	}
}

/* Header End */

/* Main Start */

.container {
	margin:0 auto;
	width:1100px;
}

#contents {
	padding-bottom:180px;
}

.side-wave {
	background-image:url(../common_images/bg_wave-side.png);
	background-position:right top 120px;
	background-repeat:no-repeat;
	background-size:72px auto;
}

.top-wave {
	background-color:#f4ede6;
	background-image:url(../common_images/bg_wave-top.png);
	background-position:left 10px top;
	background-repeat:no-repeat;
	background-size:auto 68px;
}

.main-h2-l {
	line-height:0;
	font-size:0;
}

.main-h2-l big {
	display:block;
	padding-left:3px;
	line-height:41px;
	font-size:35px;
	font-weight:normal;
	letter-spacing:3px;
}

.main-h2-l small {
	display:block;
	padding-top:8px;
	padding-left:2px;
	color:#ea5950;
	line-height:25px;
	font-size:19px;
	font-weight:normal;
	letter-spacing:2px;
}

.main-h2-m {
	line-height:0;
	font-size:0;
}

.main-h2-m big {
	display:block;
	padding-left:3px;
	line-height:32px;
	font-size:26px;
	font-weight:normal;
	letter-spacing:3px;
}

.main-h2-m small {
	display:block;
	padding-top:12px;
	padding-left:2px;
	color:#ea5950;
	line-height:21px;
	font-size:15px;
	font-weight:normal;
	letter-spacing:2px;
}

.crowd-level {
	margin:0 auto;
	background-color:#db807b;
	width:264px;
	height:102px;
}

.crowd-level em {
	display:block;
	margin:0 auto;
	padding:13px 0 12px 0;
	color:#fff;
	line-height:16px;
	font-size:16px;
}

.crowd-level em span {
	position:relative;
	display:inline-block;
	padding:0 35px;
}

.crowd-level em span::before {
	position:absolute;
	left:0;
	top:calc(50% - (15px / 2));
	background:url(../common_images/bg_crowd-level.png) no-repeat;
	background-size:25px 15px;
	width:25px;
	height:15px;
	content:"";
}

.crowd-level b {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	background-color:#fff;
	color:#ec7464;
	width:244px;
	height:51px;
	line-height:19px;
	font-size:19px;
	font-weight:bold;
}

.common-access {
	padding-top:88px;
}

.common-access address {
	display:block;
	padding:28px 0;
	line-height:21px;
	font-size:15px;
}

.gmap-full {
	position:relative;
	padding-bottom:46.15%;
	width:100%;
	height:0;
	overflow:hidden;
}

.gmap-full iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
}

.access-type {
	display:inline-block;
	padding:16px 0 20px 0;
}

.access-type ul {
	list-style-type:none;
	line-height:23px;
	font-size:15px;
	text-align:left;
}

.access-type ul li dl {
	display:-webkit-flex;
	display:flex;
}

.more {
	display:block;
}

.more a {
	display:inline-block;
	line-height:15px;
	font-size:15px;
	text-decoration:none;
	letter-spacing:3px;
}

.more a::after {
	display:block;
	margin:14px auto 0 auto;
	background-color:#666;
	width:80px;
	height:1px;
	content:"";
}

.common-calender {
	padding-top:180px;
}

.common-calender ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.common-calender ul li {
	padding:0 15px 30px;
}

.between-ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	list-style-type:none;
}

.between-ul li img {
	max-width:100%;
	height:auto;
}

.scroll_div {
	margin:0 auto;
	padding-bottom:1px;
	width:100%;
	max-width:1000px;
	height:auto;
	overflow-x:auto;
	overflow-y:visible;
}

.scroll_div table {
	width:100%;
}

.scroll_div table,
.scroll_div table th,
.scroll_div table td {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #999;
}

.scroll_div table th,
.scroll_div table td {
	white-space:nowrap;
}

.scroll_div table thead th {
	font-weight:normal;
}

.scroll_div table th {
	background-color:#e7d3d1;
	text-align:center;
}

.scroll_div table td {
	text-align:left;
}

.beige {
	background-color:#f4ede6;
}



@media only screen and (max-width : 1301px) {
	.common-calender ul,
	.between-ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.common-calender ul li {
		padding:0 0 30px 0;
	}
	
	.between-ul {
		-webkit-justify-content:center;
		justify-content:center;
	}
	
	.between-ul li {
		padding-bottom:10px;
	}
}

@media screen and (min-width : 768px) and (max-width : 1301px) {
	#contents {
		padding-bottom:135px;
	}
	
	.container {
		width:750px;
	}
	
	.side-wave {
		background-size:54px auto;
	}
	
	.top-wave {
		background-size:auto 51px;
	}
	
	.common-access {
		padding-top:66px;
	}
	
	.common-access address {
		padding:21px 0;
	}
	
	.access-type {
		padding:12px 0 15px 0;
	}
	
	
	
	
}

@media only screen and (max-width : 767px) {
	#contents {
		padding-bottom:90px;
	}
	
	.container {
		width:90%;
	}
	
	.side-wave {
		background-size:36px auto;
	}
	
	.top-wave {
		background-size:auto 34px;
	}
	
	.common-access {
		padding-top:44px;
	}
	
	.common-access address {
		padding:14px 0;
	}
	
	.gmap-full {
		padding-bottom:100%;
	}
	
	.access-type {
		display:block;
		margin:0 auto;
		padding:8px 0 10px 0;
		width:90%;
	}
	
	.access-type ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.access-type ul li dl dd {
		margin-left:.5em;
	}
	
	.access-type ul li dl dd em {
		display:block;
	}
	
	.access-type ul li dl dd span {
		display:none;
	}
	
	
}

/* Main End */

/* Footer Start */

#footer {
	box-sizing:border-box;
	padding:180px 10px 76px;
	background:url(../common_images/bg_footer.png) center top repeat;
	background-size:auto 482px;
}

#footer>ul,
#footer>ul>li>ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

#footer>ul>li {
	padding:0 18px;
	line-height:14px;
	font-size:14px;
}

#footer>ul>li>ul>li {
	padding:0 8px;
}

#footer>ul>li>ul>li+li {
	border-left:1px solid #000;
}

#footer h2 {
	padding:36px 0 16px 0;
}

#footer address {
	display:block;
	padding-bottom:44px;
	line-height:15px;
	font-size:15px;
}

#footer>ol {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

#footer>ol>li {
	padding:0 calc(9px / 2);
}

#footer small {
	display:block;
	padding-top:32px;
	color:#999;
	line-height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

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

@media screen and (min-width : 768px) and (max-width : 1317px) {
	#footer {
		padding:135px 10px 57px;
	}
	
	#footer h2 {
		padding:27px 0 12px 0;
	}
	
	#footer address {
		padding-bottom:33px;
	}
	
	#footer small {
		padding-top:24px;
	}
}

@media only screen and (max-width : 767px) {
	#footer {
		padding:90px 10px 38px;
	}
	
	#footer>ul {
		-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
	}
	
	#footer>ul>li {
		padding:0 14px 28px;
	}
	
	#footer h2 {
		padding:0 0 8px 0;
	}
	
	#footer address {
		padding-bottom:22px;
	}
	
	#footer small {
		padding-top:16px;
	}
}

/* Footer End */

/* Pagetop Button Start */

#pagetop {
	z-index:10;
	position:fixed;
	right:20px;
	bottom:20px;
}

#pagetop a:hover {
	opacity:.8;
}

/* Pagetop Button End */

/* Top Page (index.html) Start */

.top-about {
	display:-webkit-flex;
	display:flex;
	margin-right:106px;
	padding:152px 0 116px 0;
}

.top-about div {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:766px;
}

.top-about div ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.top-about div ul li {
	width:100%;
	max-width:371px;
	margin:0 0 12px 12px;
}

.top-about section {
	-webkit-flex-grow:1;
	flex-grow:1;
	margin-left:36px;
	text-align:right;
}

.top-about section p {
	padding:24px 0 60px 0;
	line-height:36px;
	font-size:15px;
}

.top-exp {
	margin-left:52px;
	padding:144px 0 136px 0;
}

.top-exp h2 {
	text-align:left;
}

.top-exp-margin {
	margin-bottom:120px;
}

.top-exp-inner {
	display:-webkit-flex;
	display:flex;
	padding-top:44px;
}

.top-exp-inner div {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:788px;
}

.top-exp-inner div ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.top-exp-inner div ul li {
	width:100%;
	max-width:379px;
	margin:0 15px 15px 0;
}

.top-exp-inner section {
	-webkit-flex-grow:1;
	flex-grow:1;
	margin-right:52px;
	text-align:left;
}

.top-exp-inner section p {
	padding-bottom:32px;
	line-height:36px;
	font-size:15px;
}

.top-exp-inner section em {
	display:block;
}

.top-exp-inner section em a {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	background-color:#db807b;
	color:#fff;
	width:100%;
	max-width:415px;
	height:52px;
	text-decoration:none;
}

.top-exp-inner section em a span {
	position:relative;
	display:inline-block;
	padding:0 1em;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
}

.top-exp-inner section em a span::before {
	position:absolute;
	left:0;
	top:calc(50% - 9px);
	display:block;
	line-height:18px;
	font-size:18px;
	content:">";
}

.top-exp-inner section em a:hover {
	opacity:.8;
}

.top-news {
	padding-top:180px;
}

.top-news ul {
	padding:48px 0;
	list-style-type:none;
}

.top-news ul li {
	padding:24px 0;
	border-bottom:1px solid #ccc;
	line-height:21px;
	font-size:15px;
	text-align:left;
}

.top-news ul li dl {
	display:-webkit-flex;
	display:flex;
}

.top-news ul li dl dt {
	position:relative;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	/* width:196px; */
	width: calc(9em + 84px);
}

.top-news ul li dl dt::after {
	position:absolute;
	right:28px;
	/* top:calc(50% - 9px); */
	top: 50%;
	transform: translateY(-50%);
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	background-color:#ec7464;
	color:#fff;
	width:84px;
	height:16px;
	line-height:10px;
	font-size:10px;
	font-weight:bold;
	content: attr(data-cat);
}

.top-news ul li.voice dl dt::after {
	content:"お客様の声";
}

.top-news ul li.osh dl dt::after {
	content:"お知らせ";
}

.top-news ul li.faq dl dt::after {
	content:"よくある質問";
}

.top-news ul li.blog dl dt::after {
	content:"スタッフブログ";
}

.top-news ul li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
}

.top-about div ul li img,
.top-exp-inner div ul li img {
	max-width:100%;
	height:auto;
}

@media only screen and (max-width : 1301px) {
	.top-about,
	.top-exp-inner {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.top-about {
		margin:0;
	}
	
	.top-about div {
		margin:0 auto;
		width:90%;
		max-width:766px;
	}
	
	.top-about section {
		order:-1;
		padding-bottom:30px;
	}
	
	.top-exp {
		margin:0 auto;
		width:90%;
	}
	
	.top-exp-inner div {
		margin:0 auto;
		width:100%;
		max-width:788px;
	}
	
	.top-exp-inner section {
		margin:0;
		padding-bottom:30px;
	}
	
	
}

@media screen and (min-width : 768px) and (max-width : 1301px) {
	.top-about {
		padding:114px 0 87px 0;
	}
	
	.top-about div ul li {
		margin:0 6px 12px 6px;
	}
	
	.top-about section {
		margin:0 81px 0 27px;
	}
	
	.top-exp {
		padding:108px 0 102px 0;
	}
	
	.top-exp-margin {
		margin-bottom:90px;
	}
	
	.top-exp-inner {
		padding-top:33px;
	}
	
	.top-exp-inner div ul li {
		margin:0 calc(15px / 2) 15px calc(15px / 2);
	}
	
	.top-exp-inner section p {
		padding-bottom:24px;
	}
	
	.top-news {
		padding-top:135px;
	}
	
	.top-news ul {
		padding:36px 0;
	}
	
	.top-news ul li {
		padding:18px 0;
	}
}

@media only screen and (max-width : 767px) {
	.top-about {
		padding:76px 0 58px 0;
	}
	
	.top-about div ul li {
		margin:0 0 12px 0;
	}
	
	.top-about section {
		box-sizing:border-box;
		margin:0 0 0 auto;
		padding-right:54px;
		width:95%;
	}
	
	.top-exp {
		padding:72px 0 68px 0;
	}
	
	.top-exp-margin {
		margin-bottom:60px;
	}
	
	.top-exp-inner {
		padding-top:22px;
	}
	
	.top-exp-inner div ul li {
		margin:0 0 15px 0;
	}
	
	.top-exp-inner section p {
		padding-bottom:16px;
	}
	
	.top-news {
		padding-top:90px;
	}
	
	.top-news ul {
		padding:24px 0;
	}
	
	.top-news ul li {
		padding:12px 0;
	}
	
	.top-news ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.top-news ul li dl dt {
		font-weight:bold;
	}
}

/* Top Page (index.html) End */

/* About Us (aboutus/index.html) Start */

.concept {
	padding:104px 0 140px 0;
}

.concept p {
	padding:52px 0 36px 0;
	line-height:36px;
	font-size:15px;
	text-align:left;
}

.greeting {
	padding:100px 0 92px 0;
}

.greeting p {
	padding:36px 0 44px 0;
	line-height:36px;
	font-size:15px;
	text-align:left;
}

.greeting em {
	display:block;
	line-height:36px;
	font-size:15px;
	text-align:right;
}

.building {
	padding-top:136px;
}

.building p {
	padding:40px 0 20px 0;
	line-height:36px;
	font-size:15px;
	text-align:left;
}

.administrater {
	padding:188px 0;
}

.administrater ul {
	margin:0 auto;
	padding-top:40px;
	width:100%;
	max-width:830px;
	line-height:15px;
	font-size:15px;
	list-style-type:none;
	text-align:left;
}

.administrater ul li {
	padding:24px 0;
	border-bottom:1px solid #ccc;
}

.administrater ul li dl {
	display:-webkit-flex;
	display:flex;
}

.administrater ul li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	box-sizing:border-box;
	padding-left:15px;
	width:128px;
}

.administrater ul li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
}


.top-what dl {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	max-width:100%;
	height:auto;
	-webkit-flex-grow:1;
	flex-grow:1;
	-webkit-align-items:center;
	align-items:center;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
}

@media only screen and (max-width : 1301px) {
	.act-genre ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	
}

@media screen and (min-width : 768px) and (max-width : 1301px) {
	.concept {
		padding:78px 0 105px 0;
	}
	
	.concept p {
		padding:39px 0 27px 0;
	}
	
	.greeting {
		padding:75px 0 69px 0;
	}
	
	.greeting p {
		padding:27px 0 33px 0;
	}
	
	.building {
		padding-top:102px;
	}
	
	.building p {
		padding:30px 0 15px 0;
	}
	
	.administrater {
		padding:141px 0;
	}
	
	.administrater ul {
		padding-top:30px;
	}
	
	.administrater ul li {
		padding:18px 0;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.concept {
		padding:78px 0 70px 0;
	}
	
	.concept p {
		padding:26px 0 18px 0;
	}
	
	.greeting {
		padding:50px 0 46px 0;
	}
	
	.greeting p {
		padding:18px 0 22px 0;
	}
	
	.building {
		padding-top:68px;
	}
	
	.building p {
		padding:20px 0 10px 0;
	}
	
	.administrater {
		padding:94px 0;
	}
	
	.administrater ul {
		padding-top:20px;
	}
	
	.administrater ul li {
		padding:12px 0;
	}
	
	.administrater ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
		line-height:32px;
	}
	
	.administrater ul li dl dt {
		padding:0;
		font-weight:bold;
	}
	
	
}

/* About Us (aboutus/index.html) End */

/* Access (access/index.html) Start */

.access {
	padding:104px 0 168px 0;
}

.access p {
	padding:56px 0 40px 0;
	line-height:36px;
	font-size:15px;
}

.access table th {
	padding:26px 10px;
	line-height:16px;
	font-size:16px;
	text-align:center;
}

.access table td {
	padding:40px 20px;
	line-height:23px;
	font-size:15px;
	text-align:left;
}

.access table td:last-child {
	text-align:center;
}

.access h3 {
	padding:156px 0 44px 0;
	line-height:37px;
	font-size:24px;
}

.access ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	margin:0 auto;
	width:100%;
	max-width:1100px;
	list-style-type:none;
}

.access ol li {
	margin-left:25px;
	padding-bottom:40px;
	width:100%;
	max-width:350px;
}

.access ol li dl dt {
	position:relative;
}

.access ol li dl dd {
	padding-top:8px;
	line-height:23px;
	font-size:15px;
	text-align:left;
}

.access ol li dl dt::before {
	position:absolute;
	right:100%;
	top:0;
	display:block;
	background:url(../access/images/bg_arrow.png) center center no-repeat;
	width:25px;
	height:100%;
	content:"";
}

.access ol li:nth-child(3n+1) {
	margin-left:0;
}

.access ol li:nth-child(3n+1) dl dt::before {
	display:none;
}

.access ol li dl dt img {
	max-width:100%;
	height:auto;
}

.nearby {
	padding:104px 0 84px 0;
}

.nearby ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	padding-top:44px;
	list-style-type:none;
}

.nearby ul li {
	margin:0 10px;
	padding-bottom:32px;
	width:100%;
	max-width:320px;
}

.nearby ul li dl dd h3 {
	padding-top:22px;
	line-height:15px;
	font-size:15px;
	font-weight:normal;
}

.nearby ul li dl dd p {
	padding-top:14px;
	color:#666;
	line-height:18px;
	font-size:15px;
}









.nearby ul li dl dt img {
	max-width:100%;
	height:auto;
}


.top-what dl {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	max-width:100%;
	height:auto;
	-webkit-flex-grow:1;
	flex-grow:1;
	-webkit-align-items:center;
	align-items:center;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
}

@media only screen and (max-width : 1301px) {
	.act-genre ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.access ol li:nth-child(3n+1) {
		margin-left:25px;
	}
	
	.access ol li:nth-child(3n+1) dl dt::before {
		display:block;
	}
	
	
}

@media screen and (min-width : 768px) and (max-width : 1301px) {
	.access {
		padding:78px 0 126px 0;
	}
	
	.access p {
		padding:42px 0 30px 0;
	}
	
	.access h3 {
		padding:117px 0 33px 0;
	}
	
	.access ol {
		max-width:725px;
	}
	
	.access ol li {
		padding-bottom:40px;
	}
	
	.access ol li:nth-child(odd) {
		margin-left:0;
	}
	
	.access ol li:nth-child(odd) dl dt::before {
		display:none;
	}
	
	.nearby {
		padding:78px 0 63px 0;
	}
	
	.nearby ul {
		padding-top:33px;
	}
	
	.nearby ul li {
		padding-bottom:24px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.access {
		padding:78px 0 84px 0;
	}
	
	.access p {
		padding:28px 0 20px 0;
	}
	
	.access h3 {
		padding:78px 0 22px 0;
	}
	
	.access ol {
		max-width:350px;
	}
	
	.access ol li,
	.access ol li:nth-child(3n+1) {
		margin-left:0;
	}
	
	.access ol li dl dt::before,
	.access ol li:nth-child(3n+1) dl dt::before {
		display:none;
	}
	
	.nearby {
		padding:52px 0 42px 0;
	}
	
	.nearby ul {
		padding-top:22px;
	}
	
	.nearby ul li {
		padding-bottom:16px;
	}
}

/* Access (access/index.html) End */

/* How to Use (howtouse/index.html) Start */

.service {
	padding:104px 0 108px 0;
}

.service h3 {
	line-height:0;
	font-size:0;
}

.service h3 big {
	display:block;
	padding:84px 0 24px 2px;
	line-height:28px;
	font-size:28px;
	letter-spacing:2px;
}

.service h3 small {
	display:block;
	line-height:15px;
	font-size:15px;
}

.service strong {
	display:block;
	padding:36px 0 24px 0;
	color:#f00;
	line-height:39px;
	font-size:19px;
}

.service table th {
	padding:26px 10px;
	line-height:16px;
	font-size:16px;
	text-align:center;
}

.service thead tr th:last-child {
	background-color:#f4ede6;
}

.service table td {
	padding:14px 30px;
	line-height:36px;
	font-size:20px;
	text-align:center;
}

.service table td span {
	display:block;
	line-height:14px;
	font-size:14px;
}

.service p {
	padding-top:8px;
	line-height:36px;
	font-size:15px;
}

.how-to {
	padding:88px 0 48px 0;
}

.how-to p {
	padding:40px 0 16px 0;
	line-height:36px;
	font-size:15px;
	text-align:left;
}

.how-to ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:0 auto;
	list-style-type:none;
}

.how-to ul li {
	width:100%;
	max-width:360px;
}

.how-to ul li span {
	display:block;
	padding:24px 0 36px 0;
	line-height:15px;
	font-size:15px;
}

.how-to h3 {
	padding:32px 0 16px 0;
	color:#db807b;
	line-height:22px;
	font-size:22px;
}

.how-to strong,
.how-to em {
	display:block;
	line-height:36px;
	font-size:15px;
}

.how-to em {
	padding-bottom:20px;
}

.spend-time {
	padding:132px 0 156px 0;
}

.spend-time em {
	display:block;
	padding:28px 0 72px 0;
	line-height:36px;
	font-size:15px;
}

.spend-time ul {
	list-style-type:none;
}

.spend-time ul li {
	padding-bottom:36px;
}

.spend-time ul li dl {
	display:-webkit-flex;
	display:flex;
}

.spend-time ul li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:385px;
}

.spend-time ul li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
	margin-left:40px;
	text-align:left;
}

.spend-time ul li dl dd h3 {
	padding-bottom:16px;
	line-height:28px;
	font-size:28px;
}

.spend-time ul li dl dd p {
	line-height:36px;
	font-size:15px;
}

.option {
	padding-top:92px;
}

.option em {
	display:block;
	padding:48px 0 88px 0;
	line-height:36px;
	font-size:15px;
	text-align:left;
}

.option b {
	display:block;
	padding-bottom:64px;
	line-height:15px;
	font-size:15px;
	font-weight:normal;
}

.option ul,
.business ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	margin:0 auto;
	width:100%;
	max-width:1064px;
	list-style-type:none;
}

.option ul li {
	padding:0 26px 68px;
}

.business ul li {
	width:50%;
}

.option ul li dl,
.business ul li dl {
	width:100%;
	max-width:480px;
}

.option ul li dl dd h3 {
	padding:24px 0 28px 0;
	line-height:19px;
	font-size:19px;
}

.option ul li dl dd strong {
	display:block;
	line-height:24px;
	font-size:15px;
}

.option ul li dl dd p {
	padding-bottom:12px;
	line-height:24px;
	font-size:15px;
	text-align:left;
}

.option ul li dl dd div {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	background-color:rgba(238,153,145,.29);
	border-radius:8px;
	width:100%;
	height:86px;
	line-height:26px;
	font-size:16px;
	font-weight:bold;
}

.business {
	padding:96px 0 160px 0;
}

.business ul {
	padding-top:80px;
}

.business ul li dl dt {
	line-height:18px;
	font-size:18px;
}

.business ul li dl dd {
	padding-top:28px;
	line-height:36px;
	font-size:15px;
}

.how-to ul li img,
.spend-time ul li dl dt img,
.option ul li dl dt img {
	max-width:100%;
	height:auto;
}

@media only screen and (max-width : 1301px) {
	.classname {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.option ul,
	.business ul {
		max-width:480px;
	}
	
	.option ul li,
	.business ul li {
		padding:0;
	}
	
	.business ul li {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1301px) {
	.service {
		padding:78px 0 81px 0;
	}
	
	.service h3 big {
		padding:63px 0 18px 2px;
	}
	
	.service strong {
		padding:27px 0 18px 0;
	}
	
	.how-to {
		padding:66px 0 36px 0;
	}
	
	.how-to p {
		padding:30px 0 12px 0;
	}
	
	.how-to ul {
		max-width:730px;
	}
	
	.how-to ul li span {
		padding:18px 0 27px 0;
	}
	
	.how-to h3 {
		padding:24px 0 12px 0;
	}
	
	.how-to em {
		padding-bottom:15px;
	}
	
	.spend-time {
		padding:99px 0 117px 0;
	}
	
	.spend-time em {
		padding:21px 0 54px 0;
	}
	
	.spend-time ul li {
		padding-bottom:27px;
	}
	
	.spend-time ul li dl dd {
		margin-left:30px;
	}
	
	.spend-time ul li dl dd h3 {
		padding-bottom:12px;
	}
	
	.option {
		padding-top:69px;
	}
	
	.option em {
		padding:36px 0 66px 0;
	}
	
	.option b {
		padding-bottom:48px;
	}
	
	.option ul li,
	.business ul li {
		padding-bottom:51px;
	}
	
	.option ul li dl dd h3 {
		padding:18px 0 21px 0;
	}
	
	.option ul li dl dd p {
		padding-bottom:9px;
	}
	
	.business ul {
		padding-top:60px;
	}
	
	.business ul li dl dd {
		padding-top:21px;
	}
}

@media only screen and (max-width : 767px) {
	.service {
		padding:78px 0 54px 0;
	}
	
	.service h3 big {
		padding:42px 0 12px 2px;
	}
	
	.service strong {
		padding:18px 0 12px 0;
	}
	
	.how-to {
		padding:44px 0 24px 0;
	}
	
	.how-to p {
		padding:20px 0 8px 0;
	}
	
	.how-to ul {
		-webkit-flex-direction:column;
		flex-direction:column;
		max-width:360px;
	}
	
	.how-to ul li span {
		padding:12px 0 18px 0;
	}
	
	.how-to h3 {
		padding:16px 0 8px 0;
	}
	
	.how-to em {
		padding-bottom:10px;
	}
	
	.spend-time {
		padding:66px 0 78px 0;
	}
	
	.spend-time em {
		padding:14px 0 36px 0;
	}
	
	.spend-time ul li {
		padding-bottom:40px;
	}
	
	.spend-time ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.spend-time ul li dl dt {
		width:100%;
	}
	
	.spend-time ul li dl dd {
		order:-1;
		margin-left:0;
		padding-bottom:20px;
	}
	
	.spend-time ul li dl dd h3 {
		padding-bottom:8px;
	}
	
	.option {
		padding-top:46px;
	}
	
	.option em {
		padding:24px 0 44px 0;
	}
	
	.option b {
		padding-bottom:32px;
	}
	
	.option ul li,
	.business ul li {
		padding-bottom:34px;
	}
	
	.option ul li dl dd h3 {
		padding:12px 0 14px 0;
	}
	
	.option ul li dl dd p {
		padding-bottom:6px;
	}
	
	.business ul {
		padding-top:40px;
	}
	
	.business ul li dl dd {
		padding-top:14px;
	}
}

/* How to Use (howtouse/index.html) End */

/* News (news/index.html) Start */

.pager {
	padding-top:32px;
	border-top:1px solid #ccc;
}

.pager-inner {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
}

.back,
.next {
	position:relative;
	box-sizing:border-box;
	margin:10px 0;
	border:1px solid #999;
	width:22px;
	height:22px;
	text-indent:-9999px;
}

.back a,
.next a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

.back::after,
.next::after {
	position:absolute;
	top:calc(50% - 4px);
	display:block;
	box-sizing:border-box;
	border-top:1px solid #ccc;
	width:8px;
	height:8px;
	content:"";
}

.back::after {
	border-left:1px solid #ccc;
	left:calc(50% - 2px);
	transform:rotate(315deg);
}

.pager ol {
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	margin:0 10px;
	list-style-type:none;
}

.pager ol li {
	margin:12px 0;
	padding:0 20px;
	line-height:18px;
	font-size:18px;
}

.pager ol li+li {
	border-left:1px solid #ccc;
}

.pager ol li a {
	color:#000;
	text-decoration:none;
}

.pager ol li a:hover,
.pager ol li.current a,
.pager ol li.current a:hover {
	color:#999;
}

.next::after {
	border-right:1px solid #ccc;
	left:calc(50% - 6px);
	transform:rotate(45deg);
}

.back:hover::after,
.next:hover::after {
	border-color:#000;
}

.news {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-bottom:160px;
}

.news-top {
	padding-top:104px;
	width:100%;
}

.news-main {
	width:770px;
}

.article {
	padding-bottom:108px;
	text-align:left;
}

.article h3 {
	padding-top:88px;
	line-height:31px;
	font-size:22px;
}

.article h3::after {
	display:block;
	margin-top:16px;
	background-color:#db807b;
	border-radius:2px;
	width:178px;
	height:4px;
	content:"";
}

.article dl {
	display:-webkit-flex;
	display:flex;
	margin:20px 0 32px 0;
	line-height:15px;
	font-size:15px;
}

.article dl dt {
	padding-right:10px;
}

.article dl dd {
	padding-left:10px;
	border-left:1px solid #666;
}

.article p {
	padding-bottom:32px;
	line-height:29px;
	font-size:16px;
}

.article p img {
	max-width:100%;
	height:auto;
}

.news-navi {
	padding-top:42px;
	width:264px;
	text-align:left;
}

.news-navi h3 {
	padding:52px 0 16px 0;
	border-bottom:1px solid #ccc;
	line-height:16px;
	font-size:16px;
}

.news-navi ul {
	padding-top:12px;
	list-style-type:none;
}

.news-navi ul li {
	line-height:29px;
	font-size:15px;
}

@media only screen and (max-width : 1301px) {
	.news {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.news-main,
	.news-navi {
		width:100%;
	}
	
	.news-top {
		padding-top:78px;
	}
}

@media screen and (min-width : 768px) and (max-width : 1301px) {
	.news {
		padding-bottom:120px;
	}
	
	.article {
		padding-bottom:81px;
	}
	
	.article h3 {
		padding-top:66px;
	}
	
	.article h3::after {
		margin-top:12px;
	}
	
	.article dl {
		margin:15px 0 24px 0;
	}
	
	.article p {
		padding-bottom:24px;
	}
	
	.news-navi {
		padding-top:31px;
	}
	
	.news-navi h3 {
		padding:39px 0 12px 0;
	}
	
	.news-navi ul {
		padding-top:9px;
	}
}

@media only screen and (max-width : 767px) {
	.news {
		padding-bottom:80px;
	}
	
	.article {
		padding-bottom:54px;
	}
	
	.article h3 {
		padding-top:44px;
	}
	
	.article h3::after {
		margin-top:8px;
	}
	
	.article dl {
		margin:10px 0 16px 0;
	}
	
	.article p {
		padding-bottom:16px;
	}
	
	.news-navi {
		padding-top:21px;
	}
	
	.news-navi h3 {
		padding:26px 0 8px 0;
	}
	
	.news-navi ul {
		padding-top:6px;
	}
}

/* News (news/index.html) End */
