@charset "UTF-8";

body, div, ul, ol, li, dl, dt, dd, p, th, td, h1, h2, h3, h4, h5, h6, div, span, object, iframe, pre, form, fieldset, input, textarea, blockquote, abbr, address, cite, code, legend, select {
	margin: 0;
	padding: 0
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
}

img, abbr, acronym, fieldset {
	border: 0
}

img {
	max-width: 100%;
}

strong {
	font-weight: 700
}

label {
	cursor: pointer
}

acronym, abbr {
	cursor: help
}

nav li {
	list-style-type: none
}

li {
	list-style-type: none
}

hr, legend {
	display: none
}

img {
	vertical-align: bottom
}

input {
	-webkit-appearance: none
}

html, body {
	width: 100%
}

html {
	font-size: 62.5%
}

body {
	color: #6e4517;
	background: url(../img/bg_body.jpg);
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: geometricPrecision;
	text-rendering: optimizeLegibility;
	text-rendering: optimizeSpeed;
	text-rendering: auto
}

a, a:link, a:visited {
	color: #6e4517;
	text-decoration: none;
	overflow: hidden
}

a:hover {
	color: #6e4517;
	text-decoration: underline
}

.wrapper {
	width: 100%;
	position: relative
}

.header {
	width: 100%;
	height: 245px;
	background: url(../img/bg_header.jpg)
}

.headBox {
	width: 100%;
	/* max-width: 960px; */
	margin: 0 auto
}

.headBox .__top {
	max-width: 960px;
	margin: 0 auto
}

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

.headBox h1 {
	float: left;
	width: 480px;
	height: 114px;
	height: 96px;
	padding-top: 18px
}

.headBox h1 a {
	display: block;
	width: 460px;
	height: 80px;
	margin: 0 auto
}

.headBox .inq {
	float: right;
	width: 480px;
	height: 94px;
	background: url(../img/inquiry_header.png) 0 18px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.menu {
	clear: left;
	width: fit-content;
	max-width: 1160px;
	margin: 16px auto 0px;
}

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

.menu li {
	float: left;
	width: 160px
}

.menu li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.menu li.menu01 {
	width: 140px;
	margin-left: 10px;
	margin-right: 43px
}

.menu li.menu02 {
	width: 160px;
	margin-right: 45px
}

.menu li.menu03 {
	width: 104px;
	margin-right: 35px
}

.menu li.menu04 {
	width: 120px;
	margin-right: 40px
}

.menu li.menu05 {
	width: 136px;
	margin-right: 40px
}

.menu li.menu06 {
	width: 70px
}

.menu li.menu07 {
	margin-right: 40px;
	width: 171px;
}

.menu li.menu07 a {
	width: 100%;
	height: 91px;
	margin-top: 9px;
	background: url(../img/society_menu.png) no-repeat
}

.menu li.menu01 a {
	width: 140px;
	height: 88px;
	background: url(../img/menu__01.png) no-repeat
}

.menu li.menu02 a {
	width: 160px;
	height: 88px;
	background: url(../img/menu__02.png) no-repeat
}

.menu li.menu03 a {
	width: 104px;
	height: 88px;
	background: url(../img/menu__03.png) no-repeat
}

.menu li.menu04 a {
	width: 120px;
	height: 88px;
	background: url(../img/menu__04.png) no-repeat
}

.menu li.menu05 a {
	width: 136px;
	height: 88px;
	background: url(../img/menu__05.png) no-repeat
}

.menu li.menu06 a {
	width: 70px;
	height: 88px;
	background: url(../img/menu__06.png) no-repeat
}

.pagex .header {
	width: 100%;
	height: 248px;
	background: url(../img/bg_head_border.jpg) 50% 100% repeat-x, url(../img/bg_header.jpg) 0 0 repeat
}

.overlayTrigger {
	display: none;
	width: 96px;
	width: 116px;
	height: 96px;
	color: #6e4517;
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0
}

.footer {
	width: 100%;
	background: url(../img/bg_header.jpg)
}

.footBox {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto
}

.footlogo {
	width: 360px;
	margin: 0 auto;
	padding: 28px 0 22px
}

.footmenu {
	clear: left;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden
}

.footmenu li {
	float: left
}

.footmenu li a {
	display: block;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.footmenu li.foot01 {
	width: 154px;
	margin-right: 34px
}

.footmenu li.foot02 {
	width: 172px;
	margin-right: 36px
}

.footmenu li.foot03 {
	width: 120px;
	margin-right: 36px
}

.footmenu li.foot04 {
	width: 140px;
	margin-right: 36px
}

.footmenu li.foot05 {
	width: 150px;
	margin-right: 36px
}

.footmenu li.foot06 {
	width: 86px
}

.footmenu li.foot01 a {
	width: 152px;
	background: url(../img/menu_ft_01.png) no-repeat
}

.footmenu li.foot02 a {
	width: 172px;
	background: url(../img/menu_ft_02.png) no-repeat
}

.footmenu li.foot03 a {
	width: 120px;
	background: url(../img/menu_ft_03.png) no-repeat
}

.footmenu li.foot04 a {
	width: 140px;
	background: url(../img/menu_ft_04.png) no-repeat
}

.footmenu li.foot05 a {
	width: 150px;
	background: url(../img/menu_ft_05.png) no-repeat
}

.footmenu li.foot06 a {
	width: 86px;
	background: url(../img/menu_ft_06.png) no-repeat
}

.footmenu li a:hover {
	opacity: .6
}

@media screen and (max-width: 1200px) {
	.menu li {
		margin-left: 0px !important;
		margin-right: 18px !important;
	}

	.menu li:last-child {
		margin-right: 0px !important;
	}
}

@media screen and (max-width: 1024px) {
	.footmenu {
		width: 100%;
		max-width: 960px
	}

	.footmenu li.foot01, .footmenu li.foot02, .footmenu li.foot03, .footmenu li.foot04, .footmenu li.foot05, .footmenu li.foot06 {
		margin-right: 17px
	}

	.overlayTrigger {
		display: block;
	}

	.menu,
	.headBox .inq {
		display: none;
	}

	.header {
		height: 96px;
	}

	.overlayer {
		display: block !important;
	}

	.navOverlay .header {
		position: fixed;
		z-index: 100;
		top: 0 !important;
	}
}

@media screen and (max-width: 940px) {
	.footmenu li.foot01, .footmenu li.foot02, .footmenu li.foot03, .footmenu li.foot04, .footmenu li.foot05, .footmenu li.foot06 {
		margin-right: 8px
	}
}

.pagex .footer {
	padding-top: 30px;
	background: url(../img/bg_foot_border.jpg) 50% 0 repeat-x, url(../img/bg_header.jpg) 0 0 repeat
}

.imageMain {
	width: 100%;
	height: 524px;
	background: url(../img/image_main.jpg) 50% 0 no-repeat
}

.topicbox {
	width: 100%;
	max-width: 960px;
	height: 546px;
	margin: 0 auto;
	background: url(../img/bg_topics.png) 50% 0 no-repeat
}

.titleTopics {
	width: 100%;
	max-width: 960px;
	height: 98px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.topiclist {
	width: 100%;
	max-width: 848px;
	overflow: hidden;
	margin: 0 auto 25px
}

.topiclist li {
	float: left;
	width: 212px;
	margin: 0;
	text-align: center
}

.topiclist .topicCell {
	position: relative;
	float: left;
	width: 180px;
	width: 212px;
	margin: 0;
	text-align: center;
	color: #6e4517;
	text-decoration: none
}

.topiclist dl {
	position: relative;
	width: 180px;
	margin: 0 auto
}

.topiclist .topicThumb {
	position: relative;
	padding: 10px 0
}

.topiclist .topicThumb img {
	border-radius: 16px;
	box-shadow: 8px 8px 0 0 #ffcb4c
}

.topiclist .topicThumb span {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 180px;
	height: 140px;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0)
}

.topiclist .topicCell:hover .topicThumb span {
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(../img/overlay_topic_thumb.png);
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.topiclist .topicNew {
	position: absolute;
	top: 0;
	left: 16px;
	padding: 0 .6em;
	background-color: #f95a7f;
	border-radius: 1em;
	color: #fff;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.topiclist dd {
	text-align: left
}

.topiclist .topicDate {
	padding-top: .3em;
	padding-bottom: .3em
}

.topiclist .topicCate {
	padding-bottom: .3em
}

.topiclist .topicCate span {
	display: inline-block;
	padding: 0 .3em;
	background-color: #7ac9fc;
	color: #fff;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.topicName {
	line-height: 1.4;
	min-height: 5em
}

.toTopics {
	width: 300px;
	margin: 0 auto
}

.toTopics a {
	position: relative;
	display: block;
	height: 2em;
	margin: 0 auto;
	padding: 0;
	border-radius: 1.2em;
	border: 2px solid #ffa200;
	color: #ffa200;
	background-color: #fff;
	font-family: 'Jun 201', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center
}

.toTopics a:hover {
	color: #fff;
	background-color: #ffa200
}

.aboutArea {
	background: url(../img/bg_about.png) 50% 50% repeat
}

.aboutBox {
	width: 100%;
	max-width: 960px;
	margin: 0 auto
}

.titleAbout {
	width: 360px;
	height: 64px;
	height: 84px;
	height: 88px;
	margin: 0 auto;
	background: url(../img/title_about.png) 50% 26px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.messageAbout {
	width: 500px;
	height: 104px;
	margin: 0 auto;
	background: url(../img/message_about.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.toAbout {
	width: 300px;
	margin: 0 auto;
	padding-bottom: 36px
}

.toAbout a {
	position: relative;
	display: block;
	height: 2em;
	margin: 0 auto;
	padding: 0;
	border-radius: 1.2em;
	border: 2px solid #ffa200;
	color: #fff;
	background-color: #ffa200;
	font-family: 'Jun 201', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center
}

.toAbout a:hover {
	color: #ffa200;
	background-color: #fff
}

.linkBox {
	width: 100%;
	max-width: 960px;
	margin: 0 auto
}

.linklist {
	width: 100%;
	max-width: 960px;
	overflow: hidden;
	padding: 35px 0 20px;
	background: url(../img/dotted_01.png) 50% 100% repeat-x
}

.linklist li {
	float: left;
	width: 320px
}

.linklist li a {
	display: block;
	min-height: 316px;
	min-height: 256px
}

.linklist li h3 {
	width: 300px;
	margin: 0 auto;
	padding-bottom: 36px
}

.linklist li a {
	display: block
}

.linklist li h3 {
	position: relative;
	display: block;
	height: 2em;
	margin: 0 auto 1em;
	padding: 0;
	border-radius: 1.2em;
	color: #fff;
	font-family: 'Jun 201', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center
}

.linklist li.link01 h3 {
	border: 2px solid #ff87a1;
	background-color: #ff87a1
}

.linklist li.link02 h3 {
	border: 2px solid #7ac9fc;
	background-color: #7ac9fc
}

.linklist li.link03 h3 {
	border: 2px solid #91db6c;
	background-color: #91db6c
}

.linklist li dl {
	position: relative;
	margin-bottom: 20px
}

.linklist li dt {
	text-align: center
}

.linklist li dd {
	position: absolute;
	bottom: -10px;
	right: 40px;
	width: 70px;
	height: 70px;
	margin: 0;
	padding: 1em 0 0;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #ffa200;
	color: #fff;
	background-color: #ffa200;
	font-family: 'Jun 201', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.3;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center
}

.linklist li a:hover dt img {
	opacity: .6
}

.linklist li a:hover dd {
	border: 2px solid #ffa200;
	color: #ffa200;
	background-color: #fff
}

.linkbanner {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	padding: 30px 0 35px;
	overflow: hidden
}

.linkbanner li a {
	display: block;
	width: 350px;
	height: 76px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.linkbanner .ban01 {
	float: left;
	width: 350px
}

.linkbanner .ban02 {
	float: right;
	width: 350px
}

.linkbanner .ban01 a {
	background: url(../img/banner_oka_univ.png) no-repeat
}

.linkbanner .ban02 a {
	background: url(../img/banner_blog.png) no-repeat
}

.linkbanner .ban01 a:hover, .linkbanner .ban02 a:hover {
	opacity: .6
}

.contactArea {
	width: 100%;
	background: #fff
}

.contactBox {
	width: 100%;
	max-width: 960px;
	margin: 0 auto
}

.titleContact {
	width: 300px;
	height: 64px;
	height: 84px;
	margin: 0 auto;
	background: url(../img/title_contact.png) 50% 20px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.txt {
	text-align: center;
	padding: 1em;
	color: #6e4517;
	line-height: 2
}

.txlft {
	text-align: left
}

.txrgt {
	text-align: right
}

.txmid {
	padding-left: 60px;
	padding-right: 60px
}

.telfax {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	margin-top: -24px;
	padding: 30px 0 35px
}

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

.telfax li {
	display: block;
	width: 370px;
	height: 118px;
	position: relative
}

.telfax .telbox {
	float: left;
	width: 370px
}

.telfax .faxbox {
	float: right;
	width: 370px
}

.telfax .faxbox:after {
	content: "";
	background: url(../img/piyopiyo_04.png) no-repeat;
	position: absolute;
	top: -62px;
	right: -24px;
	width: 96px;
	height: 76px
}

.contentsWrapper {
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 20px;
	background: #fff
}

.faq .contentsWrapper {
	padding-bottom: 0
}

.about .contentsWrapper {
	padding-bottom: 0;
	margin-bottom: 0
}

.counseling .contentsWrapper {
	padding-bottom: 40px;
	margin-bottom: 20px
}

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

.questionList {
	width: 100%;
	max-width: 960px;
	margin: 0 auto
}

.diary .titleTopics, .notice .titleTopics, .etc .titleTopics, .news .titleTopics, .society .titleTopics, .single-kyoukajigyou .titleTopics {
	width: 360px;
	height: 48px;
	height: 72px;
	height: 98px;
	margin: 0 auto;
	background: url(../img/title_topics.png) 50% 26px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.categoryMenu {
	width: 100%;
	max-width: 848px;
	margin: 0 auto 12px;
	overflow: hidden;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	column-gap: 10px;
}

.categoryMenu li {
	margin: 0;
	width: 140px;
}

.categoryMenu li a {
	position: relative;
	display: block;
	width: 100%;
	height: 2em;
	margin: 0 auto;
	padding: 0;
	color: #ffa200;
	background-color: #fff;
	border-radius: 1.2em;
	border: 2px solid #ffa200;
	font-family: 'Jun 201', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center
}

.news .categoryMenu li.cat01 a, .diary .categoryMenu li.cat02 a, .notice .categoryMenu li.cat03 a, .etc .categoryMenu li.cat04 a, .categoryMenu li a:hover, .society .categoryMenu li.cat05 a, .hogosya .categoryMenu li.cat05 a {
	background-color: #ffa200;
	color: #fff
}

.category .topics, .news .topics {
	margin-bottom: 27px
}

.topiclist, .news .topiclist {
	margin-bottom: 0
}

.pager {
	text-align: center
}

.titleNews {
	width: 360px;
	height: 48px;
	height: 72px;
	margin: 0 auto;
	background: url(../img/title_news.png) 50% 26px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.home article, .error404 article, .single article {
	width: 100%;
	max-width: 820px;
	margin: 0 auto
}

.articleBody {
	width: 100%;
	max-width: 660px;
	margin: 0 auto 3em;
	padding: 2em 0 0
}

.articleBody img {
	width: 100%;
	height: auto;
	display: block;
}

.articleBody.--ct img {
	margin: 10px 0px 20px;
}

.articleHead {
	width: 100%;
	max-width: 820px;
	padding: 0;
	background: url(../img/dotted_01.png) 50% 100% repeat-x
}

.articleHead h2 {
	position: relative;
	width: 100%;
	max-width: 820px;
	padding: 1em 2em;
	background: url(../img/dotted_01.png) 50% 0 repeat-x;
	text-align: center;
	font-size: 1.8rem;
	box-sizing: border-box
}

.articleHead h2:after {
	content: "";
	position: absolute;
	top: -80px;
	right: 0;
	width: 176px;
	height: 80px;
	background: url(../img/img_deco_piyonote.png) 50% 0 repeat-x
}

.articleInfo {
	padding: 1em 0;
	overflow: hidden
}

.articleInfo li {
	display: inline-block;
	margin-right: .6em;
	line-height: 1.4
}

.articleInfo .markNew {
	padding: 0 .6em;
	background-color: #f95a7f;
	border-radius: 1em;
	color: #fff;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.articleInfo .cate {
	padding: 0 .3em;
	background-color: #7ac9fc;
	color: #fff;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.contentsIdentity {
	padding-bottom: 28px;
	background: url(../img/bg_piyo_02.png) 50% 72px no-repeat
}

.subtitleIdentity {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	background: url(../img/subtitle_identity.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.messageIdentity {
	width: 940px;
	height: 152px;
	margin: 0 auto;
	background: url(../img/message_identity.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.contentsGoal {
	padding-top: 32px;
	padding-bottom: 28px;
	padding-bottom: 2px;
	background: url(../img/bg_goal.png) 50% 32px no-repeat
}

.subtitleGoal {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 60px;
	background: url(../img/subtitle_goal.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.fourGoals {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	overflow: hidden
}

.fourGoals li {
	float: left;
	width: 50%;
	margin-bottom: 34px;
	text-align: center
}

.fourGoals li img {
	margin: 0 auto
}

.contentsGreetings {
	padding-top: 24px;
	padding-bottom: 32px;
	background: none;
	overflow: hidden
}

.subtitleGreetings {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 60px;
	background: url(../img/subtitle_greetings.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.txtGreetings {
	float: left;
	width: 560px
}

.txtGreetings p {
	padding: 0 10px 1.5em;
	font-size: 1.4rem;
	color: #6e4517
}

.txtGreetings p.sign {
	padding: 0 10px;
	font-size: 1.8rem;
	text-align: right;
	font-weight: 700
}

.imgGreetings {
	float: right;
	width: 370px;
	text-align: center
}

.contentsOutline {
	padding-top: 24px;
	padding-bottom: 136px;
	background: url(../img/bg_outline.png) 50% 95% no-repeat
}

.subtitleOutline {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_outline.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.outlines {
	position: relative;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	background: url(../img/dotted_02.png) 50% 100% repeat-x;
	overflow: hidden
}

.outlines dt {
	position: absolute;
	width: 20%;
	padding: 1.4em 1em 1.2em;
	color: #6cb827;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-weight: 700
}

.outlines dd {
	position: relative;
	width: 100%;
	padding: 1.4em 5% 1.2em 20%;
	background: url(../img/dotted_02.png) 50% 0 repeat-x;
	color: #6e4517;
	box-sizing: border-box;
	font-size: 1.6rem
}

.outlines dd span {
	display: inline-block
}

.contentsHistory {
	padding-top: 24px;
	padding-bottom: 136px;
	background: url(../img/bg_history.png) 50% 95% no-repeat
}

.subtitleHistory {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_history.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.txtHistory {
	width: 100%;
	max-width: 680px;
	margin: 0 auto
}

.txtHistory p {
	padding: 0 10px 1.5em;
	font-size: 1.4rem;
	color: #6e4517
}

.contentsAccess {
	padding-top: 32px;
	padding-bottom: 136px;
	padding-bottom: 6px;
	background: url(../img/bg_history.png) 50% 95% no-repeat;
	background: none
}

.subtitleAccess {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_access.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.gglmaps {
	position: relative;
	width: 100%;
	max-width: 820px;
	height: 0;
	margin: 0 auto 1em;
	padding-top: 70%;
	overflow: hidden
}

.gglmaps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.infoAccess {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding-bottom: 1em;
	position: relative
}

.infoAccess dt {
	position: absolute;
	width: 160px;
	min-height: 2.4em;
	margin: 0;
	background-color: #ff87a1;
	font-size: 1.6rem;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	color: #fff;
	line-height: 2.4em;
	text-align: center;
	border-radius: 1.5em
}

.infoAccess dd {
	margin-left: 180px;
	margin-bottom: 1em
}

.infoAccess dd p {
	padding: .8em 0 0
}

.howtoAccess {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 1em 0;
	position: relative
}

.howtoAccess dt {
	width: 168px;
	height: 24px;
	margin: 0 0 .6em;
	background: url(../img/sub_by_car.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.howtoAccess dt.howto01 {
	background: url(../img/sub_by_car.png) 50% 0 no-repeat
}

.howtoAccess dt.howto02 {
	background: url(../img/sub_by_train.png) 50% 0 no-repeat
}

.howtoAccess dt.howto03 {
	background: url(../img/sub_by_bus.png) 50% 0 no-repeat
}

.howtoAccess dd {
	margin-left: 30px;
	margin-right: -70px;
	margin-bottom: 1em;
	color: #6e4517
}

.contentsTopics {
	padding-bottom: 94px;
	padding-bottom: 15vh;
	background: #fff url(../img/bg_contents.png) 50% 100% no-repeat
}

.contentsDetection {
	max-width: 820px;
	padding-bottom: 32px;
	padding-bottom: 0;
	background: #fff url(../img/bg_earlydetection.png) 50% 84px no-repeat
}

.titleCounseling {
	width: 460px;
	height: 64px;
	height: 84px;
	margin: 0 auto;
	background: url(../img/title_counseling.png) 50% 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.subtitleDetection {
	width: 160px;
	width: 240px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 48px;
	background: #fff url(../img/subtitle_earlydetection.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.boxDetection {
	width: 100%;
	max-width: 820px;
	margin-bottom: 30px;
	padding: 1em 30px 0;
	background-color: #ffdbe3;
	border-radius: 16px;
	box-sizing: border-box;
	position: relative
}

.boxDetection .telfax .faxbox:after {
	content: none
}

.boxDetection .txt {
	padding: .5em 1em 0
}

.boxDetection:before, .boxDetection:after {
	content: '';
	position: absolute;
	z-index: 1
}

/* add style */
.boxDetection.--ct:before {
	top: -68px;
}

.boxDetection:before {
	top: -22px;
	right: -48px;
	width: 132px;
	height: 124px;
	background: url(../img/img_deco_flw_31.png) no-repeat
}

.boxDetection:after {
	bottom: -32px;
	left: -88px;
	width: 200px;
	height: 128px;
	background: url(../img/img_deco_flw_32.png) no-repeat
}

.messageDetection {
	width: 500px;
	height: 48px;
	margin: 0 auto;
	background: url(../img/message_earlydetection.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.inspectionItems {
	position: relative;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding-bottom: 2px;
	background: url(../img/dotted_02.png) 50% 100% repeat-x;
	overflow: hidden
}

.inspectionItems dt {
	position: absolute;
	width: 32%;
	padding: 1.4em 1em 1.2em;
	margin-left: 60px;
	color: #6cb827;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-weight: 700
}

.inspectionItems dd {
	position: relative;
	width: 100%;
	padding: 1.4em 5% 1.2em 32%;
	background: url(../img/dotted_02.png) 50% 0 repeat-x;
	color: #6e4517;
	box-sizing: border-box;
	font-size: 1.6rem
}

.inspectionItems dd span {
	display: inline-block
}

.inspectionItems::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 99%;
	background-color: #8dc955
}

.inspectionItems dd::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 24px;
	background: url(../img/arrow_edge.png) 0 100% no-repeat;
	z-index: 1
}

.inspectionItems dd.age01::before, .inspectionItems dd.age02::before, .inspectionItems dd.age03::before {
	content: none
}

.inspectionItems dd::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	z-index: 1
}

.inspectionItems dd.age04::after, .inspectionItems dd.age02::after, .inspectionItems dd.age03::after {
	content: none
}

.inspectionItems dd.age01::after {
	background: url(../img/age_0.png) no-repeat
}

.inspectionItems dd.age11::after {
	background: url(../img/age_1.png) no-repeat
}

.inspectionItems dd.age21::after {
	background: url(../img/age_2.png) no-repeat
}

.inspectionItems dd.age31::after {
	background: url(../img/age_3.png) no-repeat
}

.contentsFlow {
	padding-top: 0;
	padding-bottom: 136px;
	padding-bottom: 0
}

.subtitleFlow {
	width: 220px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_flow.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.flowBox {
	position: relative;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding-bottom: 32px
}

.flowBox li {
	position: relative;
	margin-bottom: 72px;
	border: 6px solid #91db6c;
	border-radius: 16px;
	box-sizing: border-box;
	background-color: #fff
}

.flowBox li:before {
	content: '';
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 108px;
	height: 32px;
	width: 100%;
	height: 72px;
	background: url(../img/arrow_flow.png) 50% 50% no-repeat;
	z-index: 1
}

.flowBox li:after {
	content: '';
	position: absolute;
	z-index: 1
}

.flowBox li.flow01:after {
	top: -60px;
	right: 40px;
	width: 140px;
	height: 40px;
	background: url(../img/img_deco_star_02.png) no-repeat
}

.flowBox li.flow02:after {
	top: -52px;
	right: 30px;
	width: 120px;
	height: 128px;
	background: url(../img/img_deco_pyo_04.png)
}

.flowBox li.flow03:after {
	top: -66px;
	left: 60px;
	left: 50%;
	width: 680px;
	height: 64px;
	margin-left: -340px;
	background: url(../img/bg_goal.png) no-repeat
}

.flowBox li.flow04:after {
	top: -48px;
	right: 26px;
	width: 200px;
	height: 80px;
	background: url(../img/img_deco_pyo_05.png) no-repeat
}

.flowBox li.flow05:after {
	top: -52px;
	right: 40px;
	width: 136px;
	height: 120px;
	background: url(../img/img_deco_pyo_06.png) no-repeat
}

.flowBox li h4 {
	width: 100%;
	height: 72px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 3% 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.flowBox li p {
	margin: 0 3% 1em;
	color: #6e4517;
	font-size: 1.4rem;
	line-height: 1.8;
	background-position: 3% 50%;
	background-repeat: no-repeat
}

.flowBox li.flow01 h4 {
	background-image: url(../img/title_flow_01.png)
}

.flowBox li.flow02 h4 {
	background-image: url(../img/title_flow_02.png)
}

.flowBox li.flow03 h4 {
	background-image: url(../img/title_flow_03.png)
}

.flowBox li.flow04 h4 {
	background-image: url(../img/title_flow_04.png)
}

.flowBox li.flow05 h4 {
	background-image: url(../img/title_flow_05.png)
}

.flowBox li h5 {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.flowBox li h5.iteminspect01 {
	background: url(../img/item_inspect_01.png) 15px 50% no-repeat
}

.flowBox li h5.iteminspect02 {
	background: url(../img/item_inspect_02.png) 15px 50% no-repeat
}

.flowBox li h5.iteminspect03 {
	background: url(../img/item_inspect_03.png) 15px 50% no-repeat
}

.flowBox li h5.iteminspect04 {
	background: url(../img/item_inspect_04.png) 15px 50% no-repeat
}

.flowBox li h5:last-child {
	margin-bottom: 1em
}

.flowBox li:last-child {
	margin-bottom: 0
}

.flowBox li:before {
	content: '';
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 108px;
	height: 32px;
	width: 100%;
	height: 72px;
	background: url(../img/arrow_flow.png) 50% 50% no-repeat;
	z-index: 1
}

.flowBox li:last-child::before {
	content: none
}

.flowBox .telfax {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	margin-top: 0;
	padding: 0 0 24px
}

.flowBox .telfax li {
	border: none;
	margin-bottom: 0
}

.flowBox .telfax li:before {
	content: none
}

.flowBox .telfax .telbox {
	float: left;
	width: 370px
}

.flowBox .telfax .faxbox {
	float: right;
	width: 370px
}

.flowBox .telfax .faxbox:after {
	content: none
}

.contentsAudiometry {
	padding-top: 44px;
	padding-bottom: 32px;
	padding-bottom: 60px;
	background: url(../img/bg_outline.png) 50% 100% no-repeat, url(../img/img_deco_flw_21.png) 50% 35px no-repeat
}

.subtitleAudiometry {
	width: 220px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 56px;
	background: url(../img/subtitle_audiometry.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.flowBox {
	position: relative;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding-bottom: 32px
}

.methodlist {
	overflow: hidden
}

.methodlist dl {
	float: left;
	width: 310px;
	position: relative
}

.methodName {
	position: absolute;
	top: 220px;
	left: 0;
	width: 270px;
	min-height: 3em;
	margin: 0 20px;
	display: table;
	background-color: #ff87a1;
	font-size: 1.6rem;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 1.5em
}

.methodName span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3
}

.methodImg {
	text-align: center;
	padding: 20px 0 48px
}

.methodImg img {
	display: block;
	margin: 0 auto;
	border-radius: 10px
}

.methodTxt {
	min-height: 8em;
	margin: 0 20px;
	color: #6e4517
}

.methodAge {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background-color: #5db7e8;
	font-size: 1.6rem;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	min-width: 3em;
	line-height: 2em;
	margin: 0 20px;
	padding: 0 .5em;
	border-radius: 1.5em
}

.methodlist dl:nth-child(3n) {
	margin-left: 15px
}

.methodlist dl:nth-child(3n+1) {
	margin-right: 15px
}

.contentsHearingade {
	max-width: 940px;
	padding-top: 24px;
	padding-top: 0;
	padding-bottom: 32px
}

.subtitleHearingade {
	width: 220px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_hearingade.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.rgtBox {
	float: right;
	width: 50%
}

.lftBox {
	float: left;
	width: 50%
}

h4.itemHearingade01 {
	width: 100%;
	height: 48px;
	margin: 0 auto;
	background: url(../img/item_hearingade_01.png) 60px 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

h4.itemHearingade02 {
	width: 100%;
	height: 48px;
	margin: 0 auto;
	background: url(../img/item_hearingade_02.png) 60px 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.boxImg {
	position: relative;
	min-height: 360px
}

.rgtBox p, .lftBox p {
	margin: 0 54px;
	padding: 0 0 1em;
	color: #6e4517;
	line-height: 1.8
}

.imgHearingade01 {
	position: absolute;
	top: 8px;
	left: 30px;
	width: 320px;
	height: 240px
}

.imgHearingade02 {
	position: absolute;
	top: 168px;
	left: 210px;
	width: 230px;
	height: 180px
}

.imgHearingade03 {
	position: absolute;
	top: 8px;
	left: 490px;
	width: 320px;
	height: 240px
}

.imgHearingade04 {
	position: absolute;
	top: 168px;
	left: 718px;
	width: 230px;
	height: 180px
}

.imgHearingade01:before {
	content: '';
	position: absolute;
	top: -12px;
	right: -88px;
	width: 112px;
	height: 112px;
	background: url(../img/img_deco_pyo_01.png) 50% 50% no-repeat;
	z-index: 1
}

.imgHearingade01:after {
	content: '';
	position: absolute;
	bottom: -40px;
	left: -72px;
	width: 158px;
	height: 80px;
	background: url(../img/img_deco_pyo_02.png) 50% 50% no-repeat;
	z-index: 1
}

.imgHearingade03:before {
	content: '';
	position: absolute;
	top: 0px;
	right: -109px;
	width: 144px;
	height: 156px;
	background: url(../img/img_deco_flw_01.png) 50% 50% no-repeat;
	z-index: 1
}

.imgHearingade03:after {
	content: '';
	position: absolute;
	bottom: -83px;
	left: 2px;
	width: 128px;
	height: 121px;
	background: url(../img/img_deco_flw_33.png) 50% 50% no-repeat;
	z-index: 1
}

.sectionTeaching {
	padding-bottom: 20px
}

.contentsTeaching {
	padding-bottom: 40px;
	padding-bottom: 0
}

.titleEducare {
	width: 400px;
	height: 64px;
	height: 84px;
	height: 88px;
	margin: 0 auto;
	background: url(../img/title_educare.png) 50% 26px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.subtitleTeaching {
	width: 160px;
	width: 240px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 0 auto 48px;
	background: url(../img/subtitle_teaching.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

h4.itemTeaching01 {
	width: 100%;
	height: 48px;
	margin: 0 auto;
	background: url(../img/item_teaching_01.png) 48px 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.imgTeaching01 {
	position: absolute;
	top: 0;
	left: 490px;
	width: 320px;
	height: 240px
}

.imgTeaching02 {
	position: absolute;
	top: 168px;
	left: 688px;
	width: 230px;
	height: 180px
}

.imgTeaching01:before {
	content: '';
	position: absolute;
	top: -54px;
	right: -72px;
	width: 144px;
	height: 156px;
	background: url(../img/img_deco_flw_01.png) 50% 50% no-repeat;
	z-index: 1
}

.imgTeaching01:after {
	content: '';
	position: absolute;
	bottom: -48px;
	left: -48px;
	width: 128px;
	height: 126px;
	background: url(../img/img_deco_flw_02.png) 50% 50% no-repeat;
	z-index: 1
}

.contentsSupport .rgtBox p, .contentsTeaching .lftBox p {
	padding: 1em 0
}

.contentsSupport {
	max-width: 940px;
	padding-top: 24px;
	padding-top: 0;
	padding-bottom: 32px
}

.subtitleSupport {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_support.png?v=2) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.imgSupport01 {
	position: absolute;
	top: -33px;
	left: 5px;
	width: 463px;
	height: 324px
}

.imgSupport01:before {
	content: '';
	position: absolute;
	top: 17px;
	right: 25px;
	width: 112px;
	height: 112px;
	background: url(../img/img_deco_pyo_01.png) 50% 50% no-repeat;
	z-index: 1
}

.imgSupport01:after {
	content: '';
	position: absolute;
	bottom: 18px;
	left: -9px;
	width: 158px;
	height: 80px;
	background: url(../img/img_deco_pyo_02.png) 50% 50% no-repeat;
	z-index: 1
}

.contentsSupport .boxImg {
	min-height: 300px
}

.eventWrapper {
	margin-bottom: 0;
	padding-bottom: 0
}

.contentsEvent {
	max-width: 780px;
	padding-top: 40px;
	padding-bottom: 60px;
	background: url(../img/bg_goal.png) 50% 32px no-repeat
}

.subtitleEvent {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_event.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.eventlist {
	width: 100%;
	max-width: 744px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 60px;
}

.eventlist li {
	float: left;
	width: 50%;
	padding-bottom: 32px;
	position: relative
}

.eventlist li p {
	width: 100%;
	max-width: 292px;
	margin: 0 auto;
	padding: .8em 0;
	font-size: 2.4rem;
	color: #fff;
	background-color: #a7e289;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	letter-spacing: .2em;
	position: relative
}

.eventlist li.event01 p {
	background-color: #a7e289
}

.eventlist li.event02 p {
	background-color: #64c573
}

.eventlist li.event03 p {
	background-color: #ffb533
}

.eventlist li.event04 p {
	background-color: #7bb0d9
}

.eventlist li.event05 p {
	background-color: #95d4fd
}

.eventlist li.event06 p {
	background-color: #f68d99
}

.eventlist li.event07 p {
	background-color: #a179b4
}

.eventlist li.event02 p:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 52px;
	width: 208px;
	height: 56px;
	background: url(../img/img_deco_star_01.png) 50% 50% no-repeat;
	z-index: 1
}

.eventlist li.event07 p:before {
	content: '';
	position: absolute;
	top: -18px;
	right: -16px;
	width: 64px;
	height: 42px;
	background: url(../img/img_deco_pyo_03.png) 50% 50% no-repeat;
	z-index: 1
}

.eventlist li.event07 p:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 48px;
	width: 56px;
	height: 100px;
	background: url(../img/img_deco_note_01.png) 50% 50% no-repeat;
	z-index: 1
}

.contentsActivity {
	max-width: 900px;
	padding-top: 24px;
	padding-bottom: 0;
	overflow: hidden
}

.subtitleActivity {
	width: 160px;
	height: 48px;
	margin: 0 auto 24px;
	margin: 32px auto 60px;
	margin: 0 auto 32px;
	background: url(../img/subtitle_activity.png) 50% 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.contentsActivity .txlft {
	margin: 0 40px 40px;
	padding: 0
}

.cellActivity {
	float: left;
	width: 300px;
	padding-bottom: 0
}

.cellActivity dt {
	display: table;
	width: 220px;
	height: 220px;
	margin: 0 auto;
	background-color: #fea8b6;
	font-size: 2rem;
	font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	position: relative
}

.cellActivity dt span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3
}

.cellActivity dd {
	min-height: 12em;
	margin: 0 40px;
	padding: 1em 0;
	line-height: 1.8;
	font-size: 1.4rem;
	color: #6e4517
}

.contentsActivity dl:nth-of-type(4) {
	margin-left: 150px
}

.cellActivity dt:after {
	content: '';
	position: absolute;
	z-index: 1
}

.cellActivity dt.actv01:after {
	bottom: 2px;
	left: -20px;
	width: 80px;
	height: 90px;
	background: url(../img/img_deco_flw_11.png) 50% 50% no-repeat
}

.cellActivity dt.actv02:after {
	bottom: -2px;
	right: -30px;
	width: 92px;
	height: 94px;
	background: url(../img/img_deco_flw_12.png) 50% 50% no-repeat
}

.cellActivity dt.actv03:after {
	top: -24px;
	right: -20px;
	width: 96px;
	height: 94px;
	background: url(../img/img_deco_flw_13.png) 50% 50% no-repeat
}

.cellActivity dt.actv04:after {
	bottom: 0;
	left: -32px;
	width: 100px;
	height: 104px;
	background: url(../img/img_deco_flw_14.png) 50% 50% no-repeat
}

.cellActivity dt.actv05:after {
	top: -10px;
	right: -10px;
	width: 74px;
	height: 92px;
	background: url(../img/img_deco_flw_15.png) 50% 50% no-repeat
}

.buttonBox {
	width: 80%;
	margin: 0 auto
}

.flow03 .buttonBox {
	width: 220px;
	margin: 0 0 1em 20px
}

.rgtBox .buttonBox, .lftBox .buttonBox {
	width: 60%;
	margin: 0 auto;
	text-align: center
}

.buttonBox a {
	position: relative;
	display: block;
	height: 2em;
	margin: 0 auto;
	padding: 0;
	color: #ffa200;
	background-color: #fff;
	border-radius: 1.2em;
	border: 2px solid #ffa200;
	font-family: 'Jun 201', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center
}

.buttonBox a:hover {
	color: #fff;
	background-color: #ffa200
}

.questionList {
	background-color: #fff
}

.titleFaq {
	width: 100%;
	max-width: 820px;
	min-width: 360px;
	height: 48px;
	height: 72px;
	height: 96px;
	margin: 0 auto;
	background: url(../img/title_faq.png) 50% 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.faqList {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	position: relative
}

.faqList:before, .faqList:after {
	content: "";
	position: absolute;
	top: -72px;
	height: 72px
}

.faqList:before {
	background: url(../img/bg_flower_01.png) no-repeat;
	left: 0;
	width: 160px
}

.faqList:after {
	background: url(../img/bg_flower_02.png) no-repeat;
	right: 0;
	width: 128px
}

.faqList dt, .faqList dd {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 60px;
	line-height: 1.8;
	text-align: left;
	border-bottom: #fff 4px solid;
	box-sizing: border-box;
	font-size: 1.6rem;
	cursor: pointer;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	color: #6e4517
}

.faqList dt {
	background-image: url(../img/mark_q.png);
	background-color: #e7f5da;
	font-weight: 700
}

.faqList dd {
	display: none;
	background-image: url(../img/mark_a.png);
	background-color: #fef5e4
}

.faqList dt::before {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 2px;
	margin: -1px 0 0;
	background-color: #6cb827;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all .4s
}

.faqList dt::after {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 2px;
	height: 20px;
	margin: -10px 9px 0 0;
	background-color: #6cb827;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all .4s
}

.faqList dt::before, .faqList dt::after {
	content: ''
}

.faqList dd::before, .faqList dd::after {
	content: ''
}

.faqList dt.opn::before {
	display: none
}

.faqList dt.opn::after {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg)
}

.faqList dd p {
	margin: 0;
	padding: 2em 0 0
}

.totop {
	position: fixed;
	bottom: 96px;
	right: 8px;
	z-index: 5
}

.overlayer {
	display: none;
	width: 100%;
	height: 100%;
	width: 100vw;
	height: 100vh;
	height: 1vh;
	background-color: rgba(0, 0, 0, .8);
	background: url(../img/bg_body.jpg);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	transition: height 0 linear 1s, opacity .4s cubic-bezier(.645, .045, .355, 1) .2s;
	overflow-y: scroll;
	z-index: 10
}

@media screen and (max-width: 880px) {
	.overlayer {
		display: block
	}

	.navWrapper {
		overflow: visible
	}
}

.navOverlay .overlayer {
	height: 100vh;
	height: 100%;
	opacity: 1;
	transition: opacity .4s cubic-bezier(.645, .045, .355, 1)
}

.overlayMenu {
	width: 100%;
	padding: 96px 0 0
}

.overlayMenu li {
	border-top: 1px solid #6e4517
}

.overlayMenu li a {
	display: block
}

.overlayBox {
	border: 1px solid #6e4517;
	background: #fff
}

.titleOverlayContact {
	width: 360px;
	height: 64px;
	height: 84px;
	margin: 0 auto;
	background: url(../img/title_overlay_contact.png) 50% 20px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

@media screen and (max-width: 980px) {
	.menu li.menu01, .menu li.menu02, .menu li.menu03, .menu li.menu04, .menu li.menu05, .menu li.menu06 {
		margin-right: 20px
	}

	.inq {
		display: none
	}
}

@media screen and (max-width: 880px) {
	.header {
		height: 96px
	}

	.headBox h1 {
		height: 80px;
		padding-top: 8px
	}

	.headBox h1 a {
		margin-left: 20px
	}

	.menu {
		display: none
	}

	.overlayTrigger {
		display: block
	}

	.footmenu {
		display: none
	}

	.header.scroll {
		position: fixed;
		z-index: 100
	}

	.header {
		position: relative;
		z-index: 100;
		transition: .3s
	}

	.navOverlay .header.scroll {
		position: fixed;
		z-index: 100;
		top: 0 !important
	}

	.navOverlay .header {
		position: fixed;
		z-index: 100;
		top: 0 !important
	}
}

@media screen and (max-width: 820px) {
	.boxDetection {
		padding: 1em 10px 0
	}
}

@media screen and (max-width: 768px) {
	.footlogo {
		width: 416px;
		margin: 0 auto;
		padding: 64px 0
	}

	.telfax {
		padding: 0 0 1px;
		margin-top: 0
	}

	.telfax .telbox, .telfax .faxbox {
		float: none;
		clear: both;
		margin: 0 auto 32px
	}

	.flow01 .telfax .telbox, .flow01 .telfax .faxbox {
		float: none;
		clear: both;
		margin: 0 auto 32px
	}

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

	.contactBox .txt {
		width: 60%;
		margin: 0 auto;
		font-size: 18px;
		font-size: 1.8rem
	}

	.contactBox .txt br {
		display: none
	}

	.boxDetection {
		padding-bottom: 1em
	}
}

@media screen and (max-width: 640px) {
	.totop {
		bottom: 48px;
		right: 4px
	}

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

@media screen and (max-width: 600px) {
	.overlayTrigger {
		width: 48px;
		width: 58px;
		height: 48px
	}

	.header {
		height: 48px
	}

	.headBox h1 {
		width: 240px;
		height: 40px;
		padding-top: 4px
	}

	.headBox h1 a {
		width: 230px;
		height: 40px;
		margin-left: 10px
	}

	.headBox h1 a img {
		width: 100%;
		height: auto;
		vertical-align: top
	}

	.footlogo {
		width: 208px;
		width: 65%;
		padding: 4vh 0
	}

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

	.telfax {
		padding-bottom: 2vh
	}

	.flow01 .telfax .telbox, .flow01 .telfax .faxbox, .telfax .telbox, .telfax .faxbox {
		width: 185px;
		width: 80%;
		height: auto;
		margin: 0 auto 2vh
	}

	.flow01 .telfax img, .telfax img {
		width: 100%;
		height: auto
	}

	.flowBox li h4 {
		height: 0;
		padding-top: 6%;
		margin-top: 8px;
		margin-bottom: 8px;
		background-size: contain
	}

	.contactBox .txt {
		width: 60%;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1em 0
	}

	.titleContact {
		width: 150px;
		height: 42px;
		width: 47%;
		height: 0;
		padding-top: 11%;
		background-size: 100%;
		background-position: 50% 10px
	}

	.diary .titleTopics, .notice .titleTopics, .etc .titleTopics, .news .titleTopics, .society .titleTopics, .single-kyoukajigyou .titleTopics {
		width: 180px;
		width: 56.25%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		background: url(../img/title_topics.png) 50% 26px no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100%;
		background-position: 50% 13px
	}

	.topicbox .titleTopics {
		width: 180px;
		height: 49px;
		margin: 0 auto;
		background: url(../img/title_topics.png) 50% 26px no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100%;
		background-position: 50% 13px
	}

	.aboutBox {
		padding-bottom: 80px;
		background: url(../img/bg_piyo_sp.png) 50% 98% no-repeat;
		background-size: 200px 80px
	}

	.titleAbout {
		width: 180px;
		width: 56.25%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		padding-top: 12%;
		background: url(../img/title_about.png) 50% 26px no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100%;
		background-position: 50% 13px
	}

	.messageAbout {
		width: 250px;
		width: 78.2%;
		height: 52px;
		height: 0;
		margin: 0 auto;
		padding-top: 21%;
		padding-top: 16.2%;
		background: url(../img/message_about.png) 50% 0 no-repeat;
		background-size: contain
	}

	.aboutBox .txt {
		width: 50%;
		width: 80%;
		margin: 0 auto;
		font-size: 12px;
		font-size: 1.2rem
	}

	.toAbout {
		width: 60%;
		margin: 0 auto;
		padding-bottom: 2vh
	}

	.totop {
		bottom: 10px;
		right: 10px;
		width: 64px;
		height: 64px
	}

	.overlayMenu {
		padding: 48px 0 0
	}

	.overlayMenu li img {
		width: 320px;
		width: 100%;
		height: auto;
		height: auto
	}

	.overlayMenu li a {
		display: block
	}

	.titleOverlayContact {
		width: 180px;
		width: 56.25%;
		height: 42px;
		height: auto;
		height: 0;
		padding-top: 12%;
		background-size: 100%;
		background-position: 50% 10px
	}
}

@media screen and (max-width: 440px) {
	.aboutBox .txt {
		width: 80%
	}
}

@media screen and (max-width: 320px) {
	.contactBox .txt {
		width: 90%
	}
}

@media screen and (min-width: 768px) {
	.aboutBox {
		background: url(../img/bg_piyo_01.png) 50% 48px no-repeat
	}
}

@media screen and (max-width: 880px) {
	.topiclist {
		max-width: 424px;
		max-width: 636px;
		width: 100%
	}

	.topiclist li {
		width: 50%;
		padding-left: 2%;
		box-sizing: border-box
	}

	.topiclist li img {
		position: relative;
		width: 90%;
		height: auto;
		right: 0
	}

	.categoryMenu {
		width: 100%;
		max-width: 424px;
		margin: 0 auto 12px;
		overflow: hidden
	}

	.categoryMenu li {
		width: 190px;
		margin: 0 0 32px
	}

	.contents {
		background-size: contain
	}

	.contentsAudiometry {
		padding-top: 12px;
		padding-top: 44px;
		padding-bottom: 16px;
		padding-bottom: 60px;
		background-size: contain, auto
	}
}

@media screen and (max-width: 640px) {
	.topiclist {
		max-width: 424px;
		width: 100%
	}

	.page .topiclist {
		padding-bottom: 1em
	}

	.topiclist .topicCell:nth-child(odd) {
		clear: left
	}

	.topicName {
		min-height: auto;
		padding-bottom: 1em
	}
}

@media screen and (max-width: 600px) {
	.categoryMenu {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		overflow: hidden;
		column-gap: 0px;
	}

	.categoryMenu li {
		width: 50%;
		height: auto;
		margin: 0 0 16px;
		margin: 0 0 2vh
	}

	.categoryMenu li.cat01 a, .categoryMenu li.cat02 a, .categoryMenu li.cat03 a, .categoryMenu li.cat04 a, .categoryMenu li a {
		display: block;
		width: 90%;
		height: auto;
	}

	.pager img {
		width: 50%;
		height: auto
	}
}

@media screen and (max-width: 440px) {
	.topiclist .topicCell {
		width: 50%
	}

	.topiclist dl {
		position: relative;
		width: 180px;
		width: 90%;
		margin: 0 auto
	}

	.topiclist .topicThumb {
		position: relative;
		padding: 10px 0
	}

	.topiclist .topicThumb img {
		width: 100%;
		border-radius: 16px;
		box-shadow: 8px 8px 0 0 #ffcb4c
	}
}

@media screen and (max-width: 960px) {
	.imageMain {
		width: 100%;
		height: 0;
		padding-top: 35%;
		background: url(../img/image_main.jpg) 50% 0 no-repeat;
		background-size: contain
	}

	.topicboxxx {
		width: 100%;
		max-width: 960px;
		height: auto;
		margin: 0 auto;
		background: #fff;
		border: 2px solid #333
	}

	.topicbox {
		width: 100%;
		max-width: 960px;
		height: auto;
		margin: 1em auto 0;
		padding-bottom: 3em;
		background: #fff
	}

	.topicbox .titleTopics {
		width: 180px;
		max-width: 360px;
		width: 56.25%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		padding-top: 10%;
		background: url(../img/title_topics.png) 50% 26px no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100%;
		background-position: 50% 13px
	}
}

@media screen and (max-width: 768px) {
	.imageMain {
		width: 100%;
		height: 0;
		padding-top: 64%;
		padding-top: 59.4%;
		background: url(../img/image_home_main_sp.jpg) 50% 0 no-repeat;
		background-size: contain
	}
}

@media screen and (max-width: 600px) {
	.topicbox {
		width: 100%;
		width: 98%;
		max-width: 280px;
		max-width: none;
		height: auto;
		margin: 0 auto;
		margin: 1em auto;
		padding-bottom: 2vh;
		border: 2px solid #eee;
		border-radius: 40px;
		background: #fff;
		box-sizing: border-box
	}

	.topicbox .titleTopics {
		width: 180px;
		width: 56.25%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		background: url(../img/title_topics.png) 50% 26px no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100%;
		background-position: 50% 13px
	}

	.toTopics {
		width: 60%;
		margin: 0 auto
	}
}

@media screen and (max-width: 960px) {
	.linklist {
		width: 96%;
		max-width: 960px;
		margin: 0 auto;
		overflow: hidden;
		padding: 35px 0 20px;
		background: url(../img/dotted_01.png) 50% 100% repeat-x
	}

	.linklist li {
		clear: left;
		float: none;
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		margin-bottom: 2em
	}

	.telfax .faxbox:after {
		content: none
	}

	.methodlist {
		width: 100%;
		max-width: 620px;
		margin: 0 auto
	}

	.methodlist dl:nth-child(3n) {
		margin-left: 0
	}

	.methodlist dl:nth-child(3n+1) {
		margin-right: 0
	}
}

@media screen and (max-width: 620px) {
	.methodlist {
		max-width: 310px
	}

	.methodTxt {
		min-height: auto;
		margin: 0 10px 2em
	}
}

@media screen and (max-width: 600px) {
	.linklist {
		width: 100%;
		max-width: none;
		margin: 0 auto;
		overflow: hidden;
		padding: 2vh 0 1.5vh;
		background: url(../img/dotted_01.png) 50% 100% repeat-x
	}

	.linklist li {
		clear: left;
		float: none;
		width: 100%;
		margin-bottom: 2vh
	}

	.linklist li h3 {
		width: 80%
	}
}

@media screen and (max-width: 720px) {
	.linkbanner {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		padding: 30px 0 35px;
		overflow: hidden
	}

	.linkbanner li a {
		display: block;
		width: 350px;
		height: 76px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden
	}

	.linkbanner .ban01 {
		float: none;
		width: 350px;
		margin: 0 auto 30px
	}

	.linkbanner .ban02 {
		float: none;
		width: 350px;
		margin: 0 auto
	}

	.linkbanner .ban01 a {
		background: url(../img/banner_oka_univ.png) no-repeat
	}

	.linkbanner .ban02 a {
		background: url(../img/banner_blog.png) no-repeat
	}
}

@media screen and (max-width: 600px) {
	.linkbanner {
		width: 100%;
		max-width: none;
		width: 80%;
		margin: 0 auto;
		padding: 15px 0 16px;
		padding: 3vh 0;
		overflow: hidden
	}

	.linkbanner li a {
		display: block;
		width: 175px;
		height: 38px;
		width: 100%;
		height: 0;
		padding-top: 22%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden
	}

	.linkbanner .ban01 {
		float: none;
		width: 100%;
		margin: 0 auto 2vh
	}

	.linkbanner .ban02 {
		float: none;
		width: 100%;
		margin: 0 auto
	}

	.linkbanner .ban01 a {
		background: url(../img/banner_oka_univ.png) no-repeat;
		background-size: contain
	}

	.linkbanner .ban02 a {
		background: url(../img/banner_blog.png) no-repeat;
		background-size: contain
	}
}

@media screen and (max-width: 980px) {
	.messageIdentity {
		width: 100%;
		max-width: 940px;
		height: 0;
		padding-top: 16.2%;
		margin: 0 auto;
		background: url(../img/message_identity.png) 50% 0 no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: contain
	}

	.txtGreetings {
		float: left;
		width: 59%
	}

	.txtGreetings p {
		padding: 0 10px 1em
	}

	.txtGreetings p.sign {
		padding: 0 10px;
		font-size: 1.8rem;
		text-align: right;
		font-weight: 700
	}

	.imgGreetings {
		float: right;
		width: 40%;
		text-align: center
	}

	.imgGreetings img {
		width: 90%
	}

	.howtoAccess dd {
		margin-right: 0
	}

	.rgtBox p, .lftBox p {
		margin: 0 20px;
		padding: 0 0 1em
	}

	h4.itemHearingade01, h4.itemHearingade02 {
		background-position: 20px 50%
	}
}

@media screen and (max-width: 920px) {
	.contentsActivity dl:nth-of-type(4) {
		margin-left: 0 !important
	}

	.boxActivity {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		overflow: hidden
	}

	.boxDetection:before {
		right: -0
	}

	.contentsTeaching, .contentsHearingade {
		overflow: hidden
	}
}

@media screen and (max-width: 820px) {
	.contentsIdentity {
		padding-bottom: 28px;
		background: url(../img/bg_piyo_02.png) 50% 30px no-repeat;
		background-size: contain
	}

	.rgtBox {
		float: right;
		width: 50%
	}

	.lftBox {
		float: left;
		width: 50%
	}

	.articleInfo {
		padding: 1em 1em .6em
	}
}

@media screen and (max-width: 768px) {
	.fourGoals {
		width: 100%;
		max-width: 880px;
		margin: 0 auto;
		overflow: hidden
	}

	.fourGoals li {
		width: 50%;
		margin-bottom: 17px
	}

	.fourGoals li img {
		width: 90%
	}

	.rgtBox {
		float: none;
		width: 96%;
		margin: 0 auto 2em
	}

	.lftBox {
		float: none;
		width: 96%;
		margin: 0 auto 2em
	}

	.imgTeaching01 {
		position: relative;
		top: 0;
		left: 0;
		width: 320px;
		height: 240px;
		margin: 0 auto
	}

	.imgTeaching01:before {
		content: '';
		position: absolute;
		top: -18px;
		right: -0;
		width: 72px;
		height: 78px;
		background: url(../img/img_deco_flw_01.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 2
	}

	.imgTeaching01:after {
		content: '';
		position: absolute;
		bottom: -12px;
		left: -0;
		width: 128px;
		height: 126px;
		width: 64px;
		height: 63px;
		background: url(../img/img_deco_flw_02.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 2
	}

	.imgTeaching02 {
		position: relative;
		top: 0;
		top: -30px;
		left: 0;
		width: 230px;
		height: 180px;
		margin: 0 auto
	}

	.imgTeaching01 img {
		width: 100%;
		height: auto;
		margin: 0 auto
	}

	.imgTeaching02 img {
		width: 100%;
		height: auto;
		margin: 0 auto
	}

	.imgSupport01 {
		position: relative;
		top: 0;
		left: 48px;
		left: 0;
		width: 320px;
		height: 240px;
		margin: 0 auto
	}

	.imgSupport01:before {
		content: '';
		position: absolute;
		top: -6px;
		right: -0;
		width: 56px;
		height: 56px;
		background: url(../img/img_deco_pyo_01.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 1
	}

	.imgSupport01:after {
		content: '';
		position: absolute;
		bottom: -0;
		left: -0;
		width: 79px;
		height: 40px;
		background: url(../img/img_deco_pyo_02.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 1
	}

	.imgSupport01 img {
		width: 100%;
	}

	.inspectionItems {
		position: relative;
		width: 100%;
		max-width: 820px;
		margin: 0 auto;
		padding-bottom: 2px;
		background: url(../img/dotted_02.png) 50% 100% repeat-x;
		overflow: hidden
	}

	.inspectionItems dt {
		position: relative;
		width: 100%;
		padding: 1em 1em 0;
		margin-left: 0;
		padding-left: 80px;
		color: #6cb827;
		box-sizing: border-box;
		font-size: 1.6rem;
		font-weight: 700
	}

	.inspectionItems dd {
		position: relative;
		width: 100%;
		padding: 1em 5% 1.2em 80px;
		background: url(../img/dotted_02.png) 50% 100% repeat-x;
		color: #6e4517;
		box-sizing: border-box;
		font-size: 1.6rem
	}

	.inspectionItems dd:last-child {
		background: none
	}

	.inspectionItems dd::after {
		content: none
	}

	.inspectionItems dt::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 100%;
		z-index: 1
	}

	.inspectionItems dt.age01::after {
		background: url(../img/age_0.png) no-repeat
	}

	.inspectionItems dt.age11::after {
		background: url(../img/age_1.png) no-repeat
	}

	.inspectionItems dt.age21::after {
		background: url(../img/age_2.png) no-repeat
	}

	.inspectionItems dt.age31::after {
		background: url(../img/age_3.png) no-repeat
	}

	.imgHearingade01 {
		position: relative;
		top: 8px;
		left: 30px;
		top: 0;
		left: 0;
		width: 320px;
		height: 240px;
		margin: 0 auto
	}

	.imgHearingade02 {
		position: relative;
		top: -30px;
		left: 0;
		width: 230px;
		height: 180px;
		margin: 0 auto
	}

	.imgHearingade03 {
		position: relative;
		top: 0;
		left: 0;
		width: 320px;
		height: 240px;
		margin: 0 auto
	}

	.imgHearingade04 {
		position: relative;
		top: -30px;
		left: 0;
		width: 230px;
		height: 180px;
		margin: 0 auto
	}

	.imgHearingade03:before {
		content: '';
		position: absolute;
		top: -18px;
		right: 0;
		width: 72px;
		height: 78px;
		background: url(../img/img_deco_flw_01.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 2
	}

	.imgHearingade03:after {
		content: '';
		position: absolute;
		bottom: -12px;
		left: 0;
		width: 128px;
		height: 126px;
		width: 64px;
		height: 63px;
		background: url(../img/img_deco_flw_02.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 2
	}

	.imgHearingade01:before {
		content: '';
		position: absolute;
		top: -6px;
		right: -0;
		width: 56px;
		height: 56px;
		background: url(../img/img_deco_pyo_01.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 1
	}

	.imgHearingade01:after {
		content: '';
		position: absolute;
		bottom: -0;
		left: -0;
		width: 79px;
		height: 40px;
		background: url(../img/img_deco_pyo_02.png) 50% 50% no-repeat;
		background-size: contain;
		z-index: 1
	}

	.boxDetection:before {
		top: -22px;
		right: -0;
		width: 132px;
		height: 124px;
		background: url(../img/img_deco_flw_31.png) no-repeat
	}

	.boxDetection:after {
		bottom: -32px;
		left: -0;
		width: 200px;
		height: 128px;
		background: url(../img/img_deco_flw_32.png) no-repeat
	}

	.contentsHearingade {
		padding-bottom: 0
	}
}

@media screen and (max-width: 680px) {
	.flowBox li.flow03:after {
		top: -64px;
		left: 60px;
		left: 0;
		width: 100%;
		height: 64px;
		margin-left: 0;
		background: url(../img/bg_goal.png) no-repeat;
		background-size: contain
	}

	.boxDetection {
		margin-bottom: 10px
	}

	.boxDetection:before {
		top: auto;
		right: -0;
		bottom: -16px;
		width: 66px;
		height: 62px;
		background: url(../img/img_deco_flw_31.png) no-repeat;
		background-size: 66px 62px
	}

	.boxDetection:after {
		bottom: -16px;
		left: -0;
		width: 100px;
		height: 64px;
		background: url(../img/img_deco_flw_32.png) no-repeat;
		background-size: 100px 64px
	}

	.subtitleDetection {
		margin: 0 auto 24px
	}

	.contentsDetection {
		background: none
	}
}

@media screen and (max-width: 640px) {
	.faqList:before, .faqList:after {
		position: absolute;
		top: -72px;
		height: 72px;
		top: -36px;
		height: 36px
	}

	.faqList:before {
		background: url(../img/bg_flower_01.png) no-repeat;
		width: 80px;
		background-size: 80px 36px
	}

	.faqList:after {
		background: url(../img/bg_flower_02.png) no-repeat;
		width: 64px;
		background-size: 64px 36px
	}

	.articleHead h2:after {
		content: "";
		position: absolute;
		top: -80px;
		right: 0;
		width: 88px;
		height: 40px;
		background: url(../img/img_deco_piyonote.png) 50% 0 repeat-x;
		background-size: 88px 40px;
		top: -40px
	}

	.flowBox li.flow01:after {
		top: -40px;
		right: 10px;
		width: 70px;
		height: 20px;
		background: url(../img/img_deco_star_02.png) no-repeat;
		background-size: 70px 20px
	}

	.flowBox li.flow02:after {
		top: -36px;
		right: 10px;
		width: 60px;
		height: 64px;
		background: url(../img/img_deco_pyo_04.png);
		background-size: 60px 64px
	}

	.flowBox li.flow03:after {
		top: -64px;
		left: 60px;
		left: 0;
		width: 100%;
		height: 64px;
		margin-left: 0;
		background: url(../img/bg_goal.png) 0 50% no-repeat;
		background-size: contain
	}

	.flowBox li.flow04:after {
		top: -46px;
		right: 0;
		width: 100px;
		height: 40px;
		background: url(../img/img_deco_pyo_05.png) no-repeat;
		background-size: 100px 40px
	}

	.flowBox li.flow05:after {
		top: -32px;
		right: 10px;
		width: 68px;
		height: 60px;
		background: url(../img/img_deco_pyo_06.png) no-repeat;
		background-size: 68px 60px
	}

	.contentsTopics {
		padding-bottom: 10vh;
		width: 98%
	}
}

@media screen and (max-width: 600px) {
	.titleNews {
		width: 360px;
		height: 48px;
		height: 72px;
		margin: 0 auto;
		background: url(../img/title_news.png) 50% 26px no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 180px;
		width: 56.25%;
		width: 64.25%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 12%;
		background-size: 100%;
		background-position: 50% 13px
	}

	.category .contentsWrapper, .news .contentsWrapper {
		padding-bottom: 20px
	}

	.single .contentsWrapper {
		padding-bottom: 20px
	}

	.counseling .contentsWrapper {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.subtitleIdentity {
		width: 14%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 9%;
		background-size: contain
	}

	.contentsGoal {
		padding-top: 32px;
		padding-top: 16px;
		padding-bottom: 28px;
		padding-bottom: 2px;
		background-position: 50% 16px
	}

	.subtitleGoal {
		width: 26%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 10%;
		background-size: contain
	}

	.subtitleGreetings {
		width: 26%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 10%;
		background-size: contain
	}

	.txtGreetings {
		float: none;
		width: 100%
	}

	.txtGreetings p {
		padding: 0 10px 1em
	}

	.txtGreetings p.sign {
		padding: 0 10px;
		font-size: 1.8rem;
		text-align: right;
		font-weight: 700
	}

	.imgGreetings {
		float: none;
		width: 100%;
		padding: 1em 0
	}

	.imgGreetings img {
		width: 70%
	}

	.contentsOutline {
		padding-top: 12px;
		padding-bottom: 84px;
		background-position: 50% 98%
	}

	.subtitleOutline {
		width: 24%;
		height: 0;
		margin: 0 auto;
		padding-top: 10%;
		background-size: contain
	}

	.outlines {
		position: relative;
		width: 100%;
		max-width: 820px;
		margin: 0 auto;
		background: url(../img/dotted_02.png) 50% 100% repeat-x;
		overflow: hidden
	}

	.outlines dt {
		position: relative;
		width: 100%;
		padding: 1.4em 1em .2em;
		color: #6cb827;
		box-sizing: border-box;
		font-size: 1.6rem;
		font-weight: 700
	}

	.outlines dd {
		position: relative;
		width: 100%;
		padding: 1em 5% 1.2em;
		background: url(../img/dotted_02.png) 50% 100% repeat-x;
		color: #6e4517;
		box-sizing: border-box;
		font-size: 1.6rem
	}

	.outlines dd span {
		display: inline-block
	}

	.contentsHistory {
		padding-top: 12px;
		padding-bottom: 86px;
		background-position: 50% 98%
	}

	.subtitleHistory {
		width: 24%;
		height: 0;
		margin: 0 auto 18px;
		padding-top: 8%;
		background-size: contain
	}

	.txtHistory p {
		padding: 0 10px 1em
	}

	.contentsAccess {
		padding-top: 16px
	}

	.subtitleAccess {
		width: 24%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 10%;
		background-size: contain
	}

	.infoAccess dt {
		position: relative;
		width: 120px;
		min-height: 2em;
		margin: 0 10px .6em;
		background-color: #ff87a1;
		font-size: 1.4rem;
		font-family: "Jun 501", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		font-weight: 700;
		color: #fff;
		line-height: 2em;
		text-align: center;
		border-radius: 1.5em
	}

	.infoAccess dd {
		margin: 0 10px;
		margin-bottom: 1em
	}

	.infoAccess dd p {
		padding: 0
	}

	.howtoAccess {
		width: 96%
	}

	.contentsTeaching {
		padding-bottom: 40px;
		padding-bottom: 0
	}

	.titleEducare {
		width: 56.25%;
		width: 72%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		padding-top: 14%;
		background-size: 100%;
		background-position: 50% 13px
	}

	.subtitleTeaching {
		width: 34%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 9%;
		background-size: contain
	}

	.subtitleSupport {
		width: 34%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 9%;
		background-size: contain
	}

	.subtitleEvent {
		width: 24%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 10%;
		background-size: contain
	}

	.eventlist li {
		padding-bottom: 18px
	}

	.eventlist li p {
		width: 96%;
		font-size: 2rem
	}

	.eventlist li.event02 p:after {
		content: none;
		position: absolute;
		top: 8px;
		left: 52px;
		width: 104px;
		height: 28px;
		background: url(../img/img_deco_star_01.png) 50% 50% no-repeat;
		z-index: 1
	}

	.eventlist li.event03 p:after {
		content: none;
		position: absolute;
		top: -12px;
		right: -16px;
		width: 64px;
		height: 42px;
		background: url(../img/img_deco_pyo_03.png) 50% 50% no-repeat;
		z-index: 1
	}

	.eventlist li.event07 p:after {
		content: none;
		position: absolute;
		top: 6px;
		left: 48px;
		width: 56px;
		height: 100px;
		background: url(../img/img_deco_note_01.png) 50% 50% no-repeat;
		z-index: 1
	}

	.subtitleActivity {
		width: 24%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 10%;
		background-size: contain
	}

	.cellActivity {
		width: 50%
	}

	.cellActivity dt {
		display: table;
		width: 100%;
		width: 220px;
		height: 220px;
		width: 200px;
		height: 200px
	}

	.cellActivity dd {
		margin: 0 20px
	}

	.contentsActivity dl:nth-of-type(5) {
		margin-left: 100px;
		margin-left: 25%
	}

	.titleCounseling {
		width: 80%;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		background-size: 100%;
		background-position: 50% 13px
	}

	.subtitleDetection {
		width: 40%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 10%;
		background-size: contain
	}

	.messageDetection {
		max-width: 500px;
		width: 100%;
		height: 0;
		padding-top: 10%;
		margin: 0 auto;
		background: url(../img/message_earlydetection.png) 50% 0 no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: contain
	}

	.subtitleFlow {
		width: 220px;
		height: 48px;
		margin: 0 auto 24px;
		margin: 32px auto 60px;
		margin: 0 auto 32px;
		background: url(../img/subtitle_flow.png) 50% 0 no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 40%;
		height: 0;
		margin: 0 auto 16px;
		padding-top: 10%;
		background-size: contain
	}

	.contentsAudiometry {
		padding-top: 12px;
		padding-bottom: 16px;
		padding-bottom: 60px;
		background: url(../img/bg_outline.png) 50% 100% no-repeat, none;
		background-size: contain, contain;
		position: relative
	}

	.contentsAudiometry:before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 5px;
		left: 40px;
		width: 40px;
		height: 45px;
		background: url(../img/img_deco_flw_11.png) 50% 50% no-repeat;
		background-size: contain
	}

	.contentsAudiometry:after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 5px;
		right: 40px;
		width: 46px;
		height: 47px;
		background: url(../img/img_deco_flw_12.png) 50% 50% no-repeat;
		background-size: contain
	}

	.subtitleAudiometry {
		width: 40%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 9%;
		background-size: contain
	}

	.subtitleHearingade {
		width: 34%;
		height: 0;
		margin: 0 auto 12px;
		padding-top: 9%;
		background-size: contain
	}

	h4.itemHearingade01 {
		width: 100%;
		height: 20px;
		margin: 0 0 1em;
		background: url(../img/item_hearingade_01.png) 20px 50% no-repeat;
		background-size: contain
	}

	h4.itemHearingade02 {
		width: 100%;
		height: 20px;
		margin: 0 0 1em;
		background: url(../img/item_hearingade_02.png) 20px 50% no-repeat;
		background-size: contain
	}

	.txmid {
		padding-left: 30px;
		padding-right: 30px
	}

	.titleFaq {
		width: 100%;
		max-width: 820px;
		min-width: 360px;
		height: 48px;
		height: 72px;
		height: 96px;
		margin: 0 auto;
		background: url(../img/title_faq.png) 50% 50% no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		min-width: auto;
		width: 180px;
		width: 56.25%;
		width: 56.25%;
		height: 49px;
		height: 0;
		margin: 0 auto;
		padding-top: 14%;
		padding-top: 14%;
		background-size: contain
	}
}

@media screen and (max-width: 500px) {
	.cellActivity dt.actv01:after {
		bottom: 0;
		left: 0;
		width: 40px;
		height: 45px;
		background: url(../img/img_deco_flw_11.png) 50% 50% no-repeat;
		background-size: contain
	}

	.cellActivity dt.actv02:after {
		right: auto;
		bottom: 0;
		left: 0;
		width: 46px;
		height: 47px;
		background: url(../img/img_deco_flw_12.png) 50% 50% no-repeat;
		background-size: contain
	}

	.cellActivity dt.actv03:after {
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 48px;
		height: 49px;
		background: url(../img/img_deco_flw_13.png) 50% 50% no-repeat;
		background-size: contain
	}

	.cellActivity dt.actv04:after {
		bottom: 0;
		left: 0;
		width: 50px;
		height: 52px;
		background: url(../img/img_deco_flw_14.png) 50% 50% no-repeat;
		background-size: contain
	}

	.cellActivity dt.actv05:after {
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 37px;
		height: 46px;
		background: url(../img/img_deco_flw_15.png) 50% 50% no-repeat;
		background-size: contain
	}

	.contentsTopics {
		padding-bottom: 8vh
	}
}

@media screen and (max-width: 448px) {
	.fourGoals {
		width: 100%;
		max-width: 880px;
		margin: 0 auto;
		overflow: hidden
	}

	.fourGoals li {
		float: none;
		width: 100%;
		margin-bottom: 17px
	}

	.fourGoals li img {
		width: 70%
	}

	.eventlist li {
		float: left;
		width: 50%;
		padding-bottom: 16px
	}

	.eventlist li p {
		padding: .8em 0;
		font-size: 1.4rem;
		letter-spacing: .1em
	}

	.cellActivity dt {
		width: 180px;
		height: 180px;
		font-size: 1.6rem
	}

	.cellActivity dd {
		margin: 0 10px
	}

	.flowBox li h4 {
		height: 0;
		padding-top: 6%;
		margin-top: 8px;
		margin-bottom: 8px;
		width: 100%;
		height: 32px;
		padding-top: 0
	}

	.flowBox li h5.iteminspect01, .flowBox li h5.iteminspect02, .flowBox li h5.iteminspect03, .flowBox li h5.iteminspect04 {
		width: 100%;
		height: 20px;
		margin: 5px auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-size: contain
	}

	.flowBox li h5.iteminspect04 {
		margin-bottom: 1em
	}
}

@media screen and (max-width: 380px) {
	.cellActivity dt {
		width: 150px;
		height: 150px;
		font-size: 1.6rem
	}
}

@media screen and (max-width: 360px) {
	.articleHead h2:after {
		content: none
	}
}

.inqBtn {
	padding-bottom: 55px;
	text-align: center;
}

.inqBtn_nav {
	padding-bottom: 40px;
	text-align: center;
}

.hmail {
	margin-left: 484px;
	margin-bottom: 16px;
}

.couns01 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 50px;
}

.boxActivity {
	width: 620px;
	margin: 0 auto;
}

.contentsActivity dl {
	margin-bottom: 30px;
}

.contentsActivity dl:nth-of-type(4) {
	margin-left: 0;
}

.contentsActivity dl:nth-of-type(2n) {
	margin-left: 20px;
}

.eventlist li.event06 p:after {
	position: absolute;
	bottom: -81px;
	right: -38px;
	width: 132px;
	height: 77px;
	content: "";
	background-image: url(../img/img_deco_flw_34.png);
}

@media screen and (max-width: 768px) {
	.inqBtn {
		padding-bottom: 30px;
	}

	.inqBtn img {
		max-width: 300px;
	}

	.inqBtn_nav img {
		max-width: 80%;
	}

	.hmail {
		display: none;
	}

	.couns01 {
		text-align: center;
		font-size: 15px;
		margin-bottom: 20px;
	}

	.boxActivity {
		width: 90%;
		margin: 0 auto;
	}

	.contentsActivity dl:nth-of-type(2n) {
		margin-left: 0;
	}

	.eventlist li.event07 p:before, .eventlist li.event06 p:after {
		display: none;
	}

	.eventlist {
		padding-bottom: 0;
	}
}

.fourGoals {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fourGoals li {
	float: none;
}

.fourGoals li.goal03 {
	width: 100%;
}

.subtitleHistory {
	width: 378px;
	background-image: url(../img/subtitle_naritati.png);
}

.txtHistory {
	max-width: 710px;
}

.contentsOutline {
	background: url(../img/bg_outline.png) no-repeat center 98;
}

.txtGreetings {
	width: 680px;
}

.imgGreetings {
	width: 220px;
}

.txtGreetings p {
	padding: 0 10px 1.8em;
}

.imgGreetings img {
	width: 220px;
	height: auto;
}

/* add style */
.text-center {
	text-align: center;
}

.business-content {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	column-gap: 70px;
	row-gap: 90px;

	margin-top: -44px;
	margin-bottom: 78px;
}

.business-content li {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	min-width: 267px;
}

.business-content li img {
	max-width: 100%;
}

.business-content li:nth-child(3) {
	align-items: flex-start;
}

.title3 {
	font-size: 20px;
	margin-top: 22px;
}

.titleShin {
	width: 705px;
	height: 64px;
	height: 98px;
	margin: 0 auto;
	background: url(../img/shin_title.png) 50% 50% no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.shin-title {
	width: 660px;
	margin: 0 auto;
	max-width: 95%;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.contents.news {
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
	.fourGoals li.goal03 {
		/*width: 50%;*/
		margin: 0 auto 17px;
		/*padding: 0 20px;*/
	}

	.txtGreetings {
		width: 100%;
	}

	.imgGreetings {
		width: 100%;
	}

	/* add style */
	.business-content {
		row-gap: 30px;
		column-gap: 20px;
		margin-top: 15px;
		margin-bottom: 60px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
	}

	.business-content li {
		width: calc(50% - 10px);
		justify-content: center;
		max-width: 270px;
		min-width: unset;
	}

	.business-content li:nth-child(2n + 2) img {
		max-width: 95%;
	}

	.title3 {
		font-size: 16px;
	}

	.titleShin {
		width: 90%;
		background-position: center;
		background-size: contain;
		height: 80px;
	}

	.boxDetection.--ct:before {
		top: unset;
	}

	.contents.news {
		margin-top: 30px;
	}

	.shin-title {
		font-size: 14px;
	}
}