@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
}

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

ul, ol {
		list-style:none;
}

blockquote, q {
		quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content:'';
		content:none;
}

a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
}

ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
}

mark {
		background-color:#ff9;
		color:#000;
		font-style:italic;
		font-weight:bold;
}

del {
		text-decoration: line-through;
}

abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
}

table {
		border-collapse:collapse;
		border-spacing:0;
}

hr {
		display:block;
		height:1px;
		border:0;
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
}

input, select {
		vertical-align:middle;
}

sup {
	font-size: 70%;
}

/* base style
--------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	width: 100%;
}

html {
	font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 1.5rem;
	line-height: 1.7;
	color: #000;
	-webkit-text-size-adjust: 100%;
	background: url(/share/image/bg_mosaic.png) 50% 0 repeat;
}

/* IE11のみ */
@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, body {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

/* image */
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto
}

/* link */
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000;
	transition: all 0.3s;
}

a:hover,
a:active {
	text-decoration: none;
	opacity: 0.8;
}

/* rollover */
a img {
	transition: all 0.3s;
}

a img:hover {
	opacity: 0.8;
}

/* font */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.red {color: #c8161d;}

/* text-align */
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align: left !important;}

/* float */
.left {float: left !important;}
.right {float: right !important;}
.clear {clear: both !important;}

/* clearfix */
.clearfix:after {content: ''; display: block; clear: both;}

/* margin */
.m0 {margin: 0 !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}
.mr100 {margin-right: 100px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100 {margin-left: 100px !important;}

/* padding */
.pt5 {padding-top: 5px !important; display: block;}

/* 表示切り替え */
.pc {display: block;}
.sp {display: none;}
.tablet {display: none;}
.space {margin-left: 1rem;}

@media screen and (max-width: 1024px) {
	.tablet {display: block;}
}

@media screen and (max-width: 767px) {
	.pc {display: none;}
	.sp {display: block;}
	.space {margin-left: 0;}
}


/* ==========================================================================
	 header
	 ========================================================================== */
.header {
	width: 100%;
	background-color: #f7fcf7;
}

@media screen and (max-width: 768px) {
	.header {
		position: fixed;
		z-index: 102;
		border-top: 5px solid #3daf4a;
	}
	.header__container {
		height: 70px;
	}
}

@media screen and (min-width: 769px) {
	.header {
		border-top: 10px solid #3daf4a;
	}
	.header__container {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		padding-right: 20px;
		padding-left: 20px;
		max-width: 1040px;
	}
	.header__wrap {
		display: flex;
		justify-content: space-between;
	}
}


.header__logo {
	padding-top: 12px;
	padding-left: 15px;
}
.header__logo-link {
	display: block;
	width: 200px;
	height: 45px;
	background-image: url(/share/image/logo_kidsgarden_sp.svg);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.header__tagline {
	display: none;
}

@media screen and (min-width: 769px) {
	.header__logo {
		margin-bottom: 10px;
		padding-top: 15px;
		padding-right: 15px;
		padding-left: 0;
	}
	.header__logo-link {
		width: 547px;
		height: 64px;
		background-image: url(/share/image/logo_kidsgarden.svg);
		max-width: 100%;
	}
	.header__tagline {
		display: block;
		padding-right: 10px;
		font-size: 1.15rem;
		letter-spacing: -.01em;
	}
}


@media screen and (max-width: 768px) {
	.header__navi-switch {
		position: absolute;
		top: -2px;
		right: 0;
		width: 75px;
		height: 75px;
	}
	.header__navi-switch:hover {
		cursor: pointer;
	}
	.header__navi-switch--line {
		width: 30px;
		height: 2px;
		display: block;
		background: #000;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -4px;
		margin-left: -14px;
		transition: .3s;
	}
	.header__navi-switch--line:nth-child(1) {
		transform: translateY(-10px) scale(1);
	}
	.header__navi-switch--line:nth-child(2) {
		background: none;
		position: relative;
	}
	.header__navi-switch--line:nth-child(2):before,
	.header__navi-switch--line:nth-child(2):after {
		transition: .3s;
		content: "";
		width: 30px;
		height: 2px;
		background: #000;
		display: block;
		transform: rotate(0deg);
		position: absolute;
	}
	.header__navi-switch--line:nth-child(3) {
		transform: translateY(10px) scale(1);
	}
	.header__navi-switch.active .header__navi-switch--line:nth-child(1) {
		transform: translateY(0px) scale(0);
	}
	.header__navi-switch.active .header__navi-switch--line:nth-child(3) {
		transform: translateY(0px) scale(0);
	}
	.header__navi-switch.active .header__navi-switch--line:nth-child(2):before {
		transform: rotate(225deg);
	}
	.header__navi-switch.active .header__navi-switch--line:nth-child(2):after {
		transform: rotate(-225deg);
	}
}

@media screen and (min-width: 769px) {
	.header__navi-switch {
		display: none;
	}
}


.header__utility {
	display: none;
}

@media screen and (min-width: 769px) {
	.header__title {
		width: 65%;
	}
	.header__utility {
		margin-top: -1px;
		display: block;
	}
	.header__utility-list {
		display: flex;
	}
	.header__utility-item:not(:first-child) {
		padding-left: 12px;
	}
	.header__utility-link {
		padding-top: 72px;
		width: 120px;
		height: 108px;
		display: block;
		border-top: 1px solid #3daf4a;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		background-repeat: no-repeat;
		background-position: 50% 30%;
		background-size: 35px 35px;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
		line-height: 1.4;
	}
	.header__utility-link--contact {
		background-image: url(/share/image/icon_contact_white.svg);
		background-color: #3daf4a;
	}
	.header__utility-link--trial {
		background-image: url(/share/image/icon_trial_white.svg);
		background-color: #2c9ac9;
	}
	.header__utility-link--kidsprep {
		background-size: 40px 40px;
		background-image: url(/share/image/icon_kidsprep.png);
		background-color: #faeeb4;
		color: #153142;
	}
}



/* SP only */
@media screen and (max-width: 768px) {
	.header__navi-container--pc {
		display: none;
	}
	.header__navi-container--sp {
		display: none;
		z-index: 101;
		margin-top: 5px;
		padding-top: 28px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 100vh;
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
		background-color: #f7fcf7;
	}
	.header__head {
		margin-bottom: 28px;
	}
	.header__head-item {
		margin-bottom: 12px;
	}
	.header__head-item:last-child {
		margin-bottom: 0;
	}
	.header__head-link {
		padding-top: 0.7em;
		padding-right: 0.7em;
		padding-bottom: 0.7em;
		padding-left: 0.7em;
		display: block;
		border-radius: 5px;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
		letter-spacing: 0.1em;
	}
	.header__head-link--contact {
		background-color: #3daf4a;
	}
	.header__head-link--trial {
		background-color: #2c9ac9;
	}
	.header__head-link--kidsprep {
		background-color: #faeeb4;
		color: #153142;
	}
	.header__head-link:before {
		content: '';
		display: inline-block;
		vertical-align: -3px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.header__head-link--contact:before {
		margin-right: .8em;
		width: 18px;
		height: 18px;
		background-image: url(/share/image/icon_contact_white.svg);
	}
	.header__head-link--trial:before {
		margin-right: .6em;
		width: 20px;
		height: 20px;
		background-image: url(/share/image/icon_trial_white.svg);
	}
	.header__head-link--kidsprep:before {
		margin-right: .5em;
		vertical-align: -6px;
		width: 24px;
		height: 24px;
		background-image: url(/share/image/icon_kidsprep.png);
	}
	.header__navi-list {
		border-bottom: 1px solid #c3bcb7;
	}
	.header__navi-item {
		border-top: 1px solid #c3bcb7;
	}
	.header__navi-link {
		position: relative;
		padding-top: .9em;
		padding-bottom: .9em;
		padding-left: 1.3em;
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		color: #887a70;
	}
	.header__navi-link:not(:last-child):after {
		position: absolute;
		top: 40%;
		right: 5%;
		content: '';
		display: inline-block;
		width: 16px;
		height: 10px;
		background-image: url(/share/image/icon_angle_down_black.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		transition: .4s;
	}
	.header__navi-link:not(:last-child).active:after {
		background-image: url(/share/image/icon_angle_up_black.svg);
	}
	.header__subnavi-list {
		display: none;
	}
	.header__subnavi-item {
		border-top: 1px dotted #c3bcb7;
	}
	.header__subnavi-item:first-child {
		border-top: 1px solid #c3bcb7;
	}
	.header__subnavi-link {
		padding-top: .8em;
		padding-bottom: .8em;
		padding-left: 2.5em;
		display: block;
		font-size: 1.4rem;
		color: #887a70;
		line-height: 1.6;
	}
	.header__description {
		padding-top: 25px;
		font-size: 1.2rem;
	}
}


/* PC only */
@media screen and (min-width: 769px) {
	.header__navi-container--sp {
		display: none !important;
	}
	.header__navi--pc {
		padding-top: 40px;
	}
	.header__navi-list {
		margin: 0 auto;
		max-width: 1000px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		position: relative;
	}
	.header__navi-item {
		flex-grow: 1;
		margin-right: 8px;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.3;
		width: 12.5%;
		background: #deecb1;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		position: relative;
	}
	.header__navi-item:last-child {
		margin-right: 0;
	}
	.header__navi-item.current {
		background: #3daf4a;
		color: #fff;
	}
	.header__navi-item.current a {
		color: #fff;
	}
	.header__navi-item span {
		padding: 19px 0 18px 0;
		display: block;
	}
	.header__navi-item:nth-child(2) span,
	.header__navi-item:nth-child(4) span {
		padding: 10px 0 7.5px 0;
	}
	.header__navi-item a {
		display: block;
		transition: all 0.3s;
		color: #333;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.header__navi-item a:hover {
		background: #3daf4a;
		color: #fff;
		opacity: 1;
	}
	.header__subnavi-list {
		padding-top: 25px;
		width: 100%;
		border-radius: 8px;
		position: absolute;
		transition: all .2s ease;
		visibility: hidden;
		opacity: 0;
		z-index: 1;
		background-image: url(/share/image/icon_arrow_02.svg);
		background-position: center 8px;
		background-repeat: no-repeat;
		background-size: 15px 24px;
	}
	.header__navi-item:hover .header__subnavi-list {
		visibility: visible;
		opacity: 1;
	}
	.header__subnavi-item {
		font-size: 1.3rem;
		font-weight: bold;
		text-align: left;
		line-height: 1.7;
		transition: all .2s ease;
		background-color: #887a70;
	}
	.header__subnavi-item:last-child {
		padding-bottom: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		background: #887a70
	}
	.header__subnavi-item:first-child {
		padding-top: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.header__subnavi-item a {
		margin-right: 15px;
		margin-left: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		display: block;
		transition: all 0.3s;
		color: #fff;
		border-radius: 0;
		border-bottom: 1px dotted #fff;
	}
	.header__subnavi-item a:hover {
		background: none;
		opacity: .6;
	}
	.header__subnavi-item:last-child a {
		background-color: none;
		border-bottom: none;
	}
}


@media print {
	.header {
		display: none;
	}
}


/* ==========================================================================
	 footer
	 ========================================================================== */
.footer {
	padding-top: 30px;
	padding-bottom: 60px;
	background-color: #3daf4a;
	width: 100%;
	color: #fff;
	line-height: 1.5;
}
.footer__container {
	margin-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
}
.footer__nav-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer__nav-wrap {
	width: 46%;
}
.footer__nav-category {
	margin-bottom: 12px;
	padding-bottom: 8px;
	display: block;
	border-bottom: 1px solid #9ed7a4;
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
}
.footer__nav-list {
	display: none;
}
.footer__recommend {
	position: relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 75px;
	background: url(/share/image/bg_recommend.svg) 0 0 no-repeat;
	width: 250px;
	height: 55px;
}
.footer__recommend-link {
	font-size: 1.1rem;
	font-weight: bold;
	color: #3daf4a;
	line-height: 1.4;
	display: block;
}
.footer__recommend-link span {
	font-size: 1.5rem;
}
.footer__subnav-list {
	display: flex;
	flex-wrap: wrap;
}
.footer__subnav-link{
	margin-right: 8px;
	padding-right: 12px;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.1rem;
}
.footer__subnav-item:last-child .footer__subnav-link {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.footer__company {
	border-top: 1px solid #9ed7a4;
}
.footer__company-container {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.footer__company-project {
	margin-bottom: 20px;
}
.footer__company-name {
	margin-bottom: 5px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
}
.footer__company-name span {
	margin-left: -7px;
	display: inline-block;
}
.footer__company-name.external::after {
	margin-left: 0.5em;
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	background-image: url(/share/image/icon_external_white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -1px;
}
.footer__company-link {
	color: #fff;
}
.footer__copyright {
	font-size: 1.1rem;
	line-height: 1.6;
}
.footer__company-holdings {
	border: 1px solid #9ed7a4;
}
.footer__company-holdings a {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	display: flex;
	align-items: center;
	color: #fff;
}
.footer__company-jpx {
	margin-right: 15px;
	max-width: 40px;
}
.footer__company-txt {
	width: 81%;
}
.footer__company-description {
	font-size: 1.1rem;
	line-height: 1.5;
}
.footer__pagetop {
	position: fixed;
	z-index: 2;
	bottom: 10px;
	right: 10px;
}
.footer__pagetop img {
	width: 45px;
	height: 45px;
}

@media screen and (min-width: 769px) {
	.footer {
		padding-top: 35px;
		padding-bottom: 25px;
	}
	.footer__container {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 65px;
		padding-right: 0;
		padding-left: 0;
		max-width: 1000px;
	}
	.footer__nav-wrap {
		width: 11%;
	}
	.footer__nav-wrap:nth-of-type(2) {
		width: 16%;
	}
	.footer__nav-wrap:nth-of-type(4) {
		width: 13%;
	}
	.footer__nav-category {
		font-size: 1.4rem;
	}
	.footer__nav-list {
		display: block;
	}
	.footer__nav-item {
		margin-bottom: 7px;
	}
	.footer__nav-link {
		display: block;
		font-size: 1.2rem;
		color: #fff;
		line-height: 1.5;
	}
	.footer__foot {
		position: absolute;
		bottom: -45px;
		right: 0;
	}
	.footer__recommend {
		margin-bottom: 15px;
		padding-top: 9px;
		padding-left: 70px;
		width: 247px;
		height: 55px;
	}
	.footer__recommend-link {
		font-size: 1.2rem;
		font-weight: bold;
		color: #3daf4a;
		line-height: 1.4;
		display: block;
	}
	.footer__recommend-link span {
		font-size: 1.6rem;
	}
	.footer__subnav-list {
		justify-content: end;
	}
	.footer__subnav-link {
		margin-right: 10px;
		padding-right: 14px;
		font-size: 1.2rem;
	}
	.footer__company-container {
		margin-right: auto;
		margin-left: auto;
		padding-top: 25px;
		padding-right: 0;
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		max-width: 1000px;
	}
	.footer__company-project {
		margin-bottom: 0;
		width: 44%;
	}
	.footer__company-name {
		font-size: 1.4rem;
	}
	.footer__company-holdings {
		width: 53%;
	}
	.footer__company-holdings a {
		padding-top: 13px;
		padding-right: 10px;
		padding-bottom: 13px;
		padding-left: 20px;
	}
	.footer__company-jpx {
		max-width: 35px;
	}
	.footer__company-txt {
		width: 90%;
	}
	.footer__company-name.external::after {
		width: 12px;
		height: 12px;
	}
	.footer__pagetop {
		bottom: 15px;
		right: 15px;
	}
	.footer__pagetop a:hover {
		opacity: 1;
	}
	.footer__pagetop a img:hover {
		opacity: 1;
	}
}


@media print {
	.footer {
		display: none;
	}
}


/* ==========================================================================
	 contents
	 ========================================================================== */
.contents {
	font-size: 1.5rem;
	background: url(/share/image/bg_mosaic.png) 0 0 repeat;
}

.inner {
	margin: 0 auto;
	max-width: 1000px;
}

.main {
	margin: 0 auto;
	padding: 50px 0;
	max-width: 1000px;
}

.main_container {
	padding: 70px 140px;
	background: #f7fcf7;
	border-radius: 10px;
}

.main_container.top {
	padding: 60px 80px 65px;
}

.main_container.recommend {
	padding: 140px 140px 70px;
	position: relative;
}

.main_container.contact {
	padding: 60px 80px 65px;
}

.main-ttl {
	margin-bottom: 60px;
}

.main-ttl.concept {
	margin-bottom: 80px;
}

.main-ttl p {
	margin-bottom: 20px;
	font-size: 1.6rem;
}

.main-ttl p:last-of-type {
	margin-bottom: 0;
}

.main-ttl p.text-align {
	text-align: center;
}

.main-ttl p.sub {
	margin-bottom: 20px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #887a70;
	text-align: center;
}

.main-ttl p.sub_lead {
	margin-bottom: 25px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.8;
}

.no-contents {
	padding: 150px 0;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
}


@media screen and (max-width: 1024px) {
	.contents {
		padding-top: 75px;
	}

	.home .contents {
		padding-top: 0;
	}

	.main {
		padding: 30px 0;
		max-width: 100%;
	}

	.main_container {
		margin: 0 20px;
		padding: 40px;
	}

	.main_container.top {
		margin: 0 20px;
		padding: 40px;
	}

	.main_container.recommend {
		margin: 0 20px;
		padding: 40px;
	}

	.main_container.contact {
		margin: 0 20px;
		padding: 40px;
	}

}

@media screen and (max-width: 767px) {
	.contents {
		z-index: 1;
		font-size: 1.4rem;
	}

	.home .contents {
		padding-top: 75px;
	}

	.inner {
		padding: 0 15px;
		width: auto;
	}

	.main {
		padding: 15px 0 20px;
		max-width: 100%;
	}

	.main_container {
		margin: 0 15px;
		padding: 20px;
		border-radius: 6px;
	}

	.main_container.top {
		padding: 20px;
	}

	.main_container.recommend {
		padding: 20px;
	}

	.main_container.contact {
		padding: 20px;
	}

	.main-ttl {
		margin-bottom: 20px;
	}

	.main-ttl.concept {
		margin-bottom: 40px;
	}

	.main-ttl p {
		margin-bottom: 10px;
		font-size: 1.4rem;
	}

	.main-ttl p.text-align {
		text-align: left;
	}

	.main-ttl p.sub {
		margin-bottom: 15px;
		font-size: 1.9rem;
	}

	.main-ttl p.sub_lead {
		margin-bottom: 20px;
		font-size: 1.5rem;
		line-height: 1.7;
	}

	.main-ttl.pt5 {
		padding-top: 5px;
	}

	.no-contents {
		padding: 100px 0;
		font-size: 1.4rem;
	}
}


/* 見出し */
.heading-1 {
	margin-bottom: 40px;
	padding-bottom: 25px;
	font-size: 2.7rem;
	font-weight: bold;
	text-align: center;
	color: #3daf4a;
	line-height: 1.5;
	background: url(/image/line_dotted_01.svg) 50% bottom no-repeat;
	background-size: 160px 2px;
}

.heading-1 span {
	display: inline-block;
	font-size: 1.5rem;
}

span.heading-1_sub {
	font-size: 2.1rem;
}

.heading-1.line-2 {
	line-height: 1.5;
}

.heading-2 {
	margin-bottom: 25px;
	padding: 5px 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #887a70;
	border-radius: 6px;
}

.heading-3 {
	margin-bottom: 15px;
	font-size: 2.1rem;
	font-weight: bold;
	color: #887a70;
	line-height: 1.5;
}

.heading-3 span {
	font-size: 1.5rem;
	font-weight: normal;
	color: #000;
}

.heading-4 {
	margin-bottom: 10px;
	font-size: 1.5rem;
	font-weight: bold;
}

.heading-4 span {
	font-weight: normal;
}

.border-red {
	margin-bottom: 28px;
	padding: 5px;
	border: 1px solid #c8161d;
	font-weight: bold;
	text-align: center;
	color: #c8161d;
}

.border-red span {
	padding-left: 10px;
	font-size: 1.1rem;
	font-weight: normal;
	color: #000;
}

.border-brown {
	margin-bottom: 8px;
	padding-left: 8px;
	border-left: 4px solid #887a70;
	font-weight: bold;
	line-height: 1.5rem;
}

.bg-red {
	margin-bottom: 20px;
	padding: 2px 8px 3px 10px;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #fff;
	background: #c8161d;
	display: inline-block;
}

.bg-green {
	margin-bottom: 20px;
	padding: 3px 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	background: #3daf4a;
}

.bg-green span {
	font-size: 1.1rem;
	color: #ffff00;
}

.bg-line {
	margin: 0 auto 30px;
	padding: 0 60px;
	position: relative;
	display: table;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
}

.bg-line:before,
.bg-line:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
}

.bg-line:before {
	left:0;
}

.bg-line:after {
	right: 0;
}

.green {
	color: #3daf4a;
}

.brown {
	color: #887a70;
}

.note {
	font-size: 1.1rem;
	line-height: 1.6;
}

.note-block {
	font-size: 1.1rem;
	line-height: 1.6;
	display: block;
}

.note .details {
	padding-top: 5px;
	font-weight: bold;
	display: block;
}

.note .details i {
	padding-right: 5px;
	color: #3daf4a;
}

.link-pdf {
	padding-top: 8px;
	font-size: 1.3rem;
	font-weight: bold;
}

.link-pdf .fa-play-circle {
	padding-right: 5px;
	color: #3daf4a;
}

.link-pdf .fa-file-pdf-o {
	padding-left: 5px;
}

.attention {
	color: #c8161d;
	font-size: 1.1rem;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.heading-1 {
		margin-bottom: 20px;
		padding-bottom: 15px;
		font-size: 2rem;
		background: url(/image/line_dotted_01.svg) 50% bottom no-repeat;
		background-size: 120px 2px;
	}

	span.heading-1_sub {
		font-size: 1.7rem;
	}

	.heading-1.line-2 {
		font-size: 1.9rem;
	}

	.heading-2 {
		margin-bottom: 15px;
		font-size: 1.4rem;
	}

	.heading-3 {
		margin-bottom: 10px;
		font-size: 1.7rem;
	}

	.heading-3 span {
		font-size: 1.4rem;
	}

	.heading-4 {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}

	.border-red {
		margin-bottom: 20px;
		padding: 10px 0 7px;
		line-height: 1.5;
		border-top: 1px solid #c8161d;
		border-bottom: 1px solid #c8161d;
		border-left: none;
		border-right: none;
	}

	.border-brown {
		border-left: 3px solid #887a70;
	}

	.bg-red {
		margin-bottom: 15px;
		padding: 2px 8px 3px 10px;
		font-size: 1.1rem;
		width: 100%;
	}

	.border-red span {
		padding: 0;
		font-size: 1.1rem;
		font-weight: normal;
		color: #000;
		text-align: left;
		display: block;
	}

	.bg-green {
		margin-bottom: 15px;
		padding: 5px 8px;
		font-size: 1.3rem;
		line-height: 1.4;
	}

	.bg-line {
		margin: 0 auto 15px;
		padding: 0 50px;
		font-size: 1.5rem;
	}

	.bg-line:before,
	.bg-line:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 35px;
		height: 1px;
		background-color: black;
	}

	.note .details {
		padding-top: 5px;
		margin-bottom: 10px;
		padding-top: 5px;
		display: inline-block;
	}
}

/* テキストと画像 */
.txt_wrap {
	margin-bottom: 60px;
}

.txt_wrap.last {
	margin-bottom: 0;
}

.txt_wrap.mb100 {
	margin-bottom: 100px;
}

.txt_wrap.dotted {
	margin-bottom: 28px;
	padding-bottom: 28px;
	background: url(/image/line_dotted_03.svg) 50% 100% no-repeat;
	background-size: 32px 2px;
}

.txt_wrap.dotted.last {
	margin-bottom: 45px;
	background: none;
}

.txt_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.txt_wrap ul span {
	color: #887a70;
}

.fl-l_txt {
	width: 62.5%;
	float: left;
}

.fl-r_img {
	margin-top: 5px;
	width: 240px;
	height: 200px;
	float: right;
}

.img_wrap {
	margin-bottom: 35px;
	display: flex;
	justify-content: space-between;
}

.img_wrap figure {
	width: 48.5%;
}

@media screen and (max-width: 1024px) {
	.txt_wrap.mb100 {
		margin-bottom: 40px;
	}

	.txt_wrap.dotted {
		margin-bottom: 20px;
		padding-bottom: 26px;
	}

	.fl-l_txt {
		margin-bottom: 20px;
		width: 100%;
		float: none;
	}

	.fl-r_img {
		margin-top: 0px;
		width: 100%;
		height: auto;
		float: none;
		text-align: center;
	}
}

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

	.fl-l_txt {
		margin-bottom: 15px;
		width: 100%;
		float: none;
	}

	.fl-r_img {
		margin-top: 0px;
		width: 100%;
		height: auto;
		float: none;
	}

	.img_wrap {
		margin-bottom: 10px;
		flex-direction: column;
	}

	.img_wrap figure {
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}
}

/* 表組み */
table.base {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	border-top: 2px solid #ebebde;
	border-collapse: separate;
}

table.base .yellow {
	background: #ffffd4;
}

table.base .blue {
	background: #b2e4ea;
}

table.base th {
	padding: 5px;
	font-weight: bold;
	color: #887a70;
	vertical-align: middle;
	border-left: 2px solid #ebebde;
	border-bottom: 2px solid #ebebde;
	background: #f3f8e1;
}

table.base th.first {
	border-top: none;
	border-left: none;
}

table.base th.second {
	background: #f3f8e1;
}

table.base th.th-width {
	width: 25%;
}

table.base th.none {
	padding: 0;
	height: 15px;
}

table.base td {
	padding: 12px;
	border-left: 2px solid #ebebde;
	border-bottom: 2px solid #ebebde;
	vertical-align: middle;
}

table.base td.first {
	border-top: none;
	border-left: none;
}

table.base td.line-2 {
	padding: 7px 0;
	line-height: 1.5;
}

table.base td.none {
	padding: 0;
	height: 15px;
}

table.base.txt-left td {
	padding-left: 20px;
	text-align: left;
}

table a {
	color: #3daf4a;
}

table.border {
	width: 100%;
	text-align: left;
}

table.border th {
	vertical-align: middle;
	border-bottom: 2px solid #ebebde;
}

table.border.table-profile {
	margin-bottom: 70px;
}

table.border.table-profile th {
	font-size: 1.7rem;
	font-weight: bold;
}

table.border.table-history th {
	font-size: 1.5rem;
	font-weight: bold;
	color: #887a70;
}

table.border.table-history {
	margin-bottom: -15px;
}

table.border td {
	padding: 15px 0;
	vertical-align: middle;
	border-bottom: 2px solid #ebebde;
}

table.border.table-profile td {
	font-size: 1.5rem;
}

table.border.table-history td {
	font-size: 1.5rem;
}

table.border th.last,
table.border td.last {
	border-bottom: none;
}

table.base.flow th {
	font-size: 1.5rem;
}

table.base.flow td {
	padding-left: 20px;
	font-size: 1.5rem;
	text-align: left;
}

table li {
	padding-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 1024px) {
	table.base th.border-none {
		padding: 0;
		height: 15px;
		background: none;
	}

	table.base td {
		padding: 10px;
	}

	table.base td.border-none {
		padding: 0;
		height: 15px;
		border-left: none;
	}

	table.base th.table-toggle {
		position: relative;
		font-size: 1.2rem;
		cursor: pointer;
	}

	table.base th.table-toggle:after {
		position: absolute;
		content: "";
		top: 50%;
		right: 12px;
		width: 10px;
		height: 10px;
		margin-top: -8px;
		border-top: 2px solid #887a70;
		border-right: 2px solid #887a70;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		transition: all 0.3s;
	}

	table.base th.table-toggle.active:after {
		top: 70%;
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
		transition: all 0.3s;
	}
}

@media screen and (max-width: 767px) {
	table.base {
		font-size: 1.1rem;
	}

	table.base th.th-width {
		width: 45%;
	}

	table.base th.border-none {
		padding: 0;
		height: 15px;
		background: none;
	}

	table.base td.text-align {
		padding-left: 12px;
		text-align: left;
	}

	table.base td.border-none {
		padding: 0;
		height: 15px;
		border-left: none;
	}

	table.base.txt-left td {
		padding-left: 12px;
	}

	table.border.table-profile {
		margin-bottom: 30px;
	}

	table.border.table-profile th {
		font-size: 1.2rem;
	}

	table.border.table-history th {
		font-size: 1.2rem;
		border-bottom: none;
		display: table;
	}

	table.border.table-history {
		margin-bottom: -30px;
	}

	table.border td {
		padding: 12px;
	}

	table.border.table-profile td {
		font-size: 1.2rem;
	}

	table.border.table-history td {
		margin-bottom: 13px;
		padding: 3px 0 13px 0;
		font-size: 1.2rem;
		display: block;
	}

	table.base.flow th {
		font-size: 1.1rem;
	}

	table.base.flow td {
		padding-left: 15px;
		font-size: 1.1rem;
	}
}

/* ボタン */
.contact_btn {
	padding: 15px;
	border: 2px solid #887a70;
	border-radius: 45px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1rem;
}

.contact_btn.line-3 {
	padding: 15px 15px 11px 15px;
}

.contact_btn a {
	padding-top: 2px;
	position: relative;
	font-size: 2.3rem;
	color: #887a70;
	display: block;
}

.contact_btn.arrow a:after {
	position: absolute;
	top: -8px;
	right: 15px;
	font-size: 3.3rem;
	font-weight: normal;
	color: #887a70;
	font-family: FontAwesome;
	content: '\f105';
}

.contact_btn.line-3.arrow a:after {
	top: -23px;
}

.contact_btn.tel i {
	padding-right: 8px;
}

@media screen and (max-width: 767px) {
	.contact_btn {
		padding: 5px 5px 6px 5px;
		border: 1px solid #887a70;
		border-radius: 50px;
		font-size: 1.1rem;
	}

	.contact_btn.line-3 {
		padding: 9px 9px 7px 9px;
	}

	.contact_btn a {
		padding-top: 2px;
		font-size: 1.6rem;
	}

	.contact_btn.arrow a:after {
			top: -4px;
			right: 10px;
			font-size: 2.2rem;
	}

	.contact_btn.line-2.arrow a:after {
			top: 6px;
	}

	.contact_btn.tel i {
		padding-right: 5px;
	}
}

/* 404 */
.list-404 li {
	margin-bottom: 10px;
}

.list-404 li a {
	color: #3daf4a;
}

.list-404 li i {
	padding-right: 7px;
	color: #887a70;
	font-size: 1.7rem;
}

/* movie */
.movie video {
	width: 100%;
	height: 100%;
}