@charset "UTF-8";

/* resets 
------------------------------------------------*/
section,
nav,
article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
box {
	display: block;
	margin: 0;
	padding: 0;
}

caption,
th {
	margin: auto;
	text-align: left;
}

img {
	border: 0;
	border-style: none;
	vertical-align: bottom;
}


address,
caption,
th {
	font-weight: normal;
	font-style: normal;
}

/*　Main Structure	
------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	//background-color: #83cdd9;
	//background-image: url(../images/background-image/shane-bg.jpg);
	//background-size: 100%;
	background: linear-gradient(to bottom right, #99ccff, #ccccff);
	font-size: 16px;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "M PLUS Rounded 1c";
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/*.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }*/


body p,
body th,
body td,
body dt,
body dd,
body li {
	font-size: 120%;
}

body p {
	margin-block-start: 0.125em;
	margin-block-end: 0.125em;
}

a {
	text-decoration: none;
}

/*a:link { color: #4183c1; }

a:visited { color: #86abcd; } */

a:hover {
	/*background: #fffeef;*/
	/*color: #ce4646;*/
	text-decoration: none
}



/*  clearfix 
------------------------------------------------*/
.clearfix::after {
	/*content: url(../images/clear.png);*/
	clear: both;
	content: "";
	display: table;
	overflow: hidden;
}

/*	common 
------------------------------------------------*/
#container {
	width: 100%;
	margin: 0 auto;
	height: auto;
}

/*  header 
------------------------------------------------*/
header {
	width: 100%;
	/*height: 120px;*/
	position: relative;
	/*border-top: #1a2d6a 20px solid; */
	margin-bottom: 3px;
	margin-top: 10px;
	background-image: url(../images/background-image/header-background01.png);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-color: #fff;*/
}

.header-wrap1 {
	width: 100%;
	/*margin: 0 auto;*/
}

.header-inner {
	/*margin-left: 10%;
	margin-right: 10%;*/
}



header h1 {
	text-align: center;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-bottom: 20px;
	padding-top: 8px
}

header h1 img.sp-h1-a {
	display: none;
}

header h1 img.sp-h1-b {
	display: none;
}

header span.font-c-pink {
	color: #ff3399;
}


.header-pack {
	/*background-color: #fff;
	height: 190px;*/
}

header .header-section1 {
	width: 100%;
	height: 90px;
	margin: 30px auto 0;
	padding: 0;
	background-color: #f66d94;
}

header .header-section1-inner {
	width: 1200px;
	height: 90px;
	margin: 0px auto 0;
	/* padding-bottom: 4px; */
	background-color: #f66d94;
}

.header-section1-left {
	width: 800px;
	height: 90px;
	float: left;
	background-color: #f66d94;
}

.header-section1-right {
	width: 300px;
	height: 90px;
	float: left;
	text-align: left;
	background-color: #f66d94;
	color: #fff;
	font-weight: 700;
	color: #ffff99;
}

header .header-section1 h2 {
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-top: 0.1em;
	font-size: 340%;
	font-weight: 700;
	/*color: fff !important;
	text-decoration: none !important;*/
}

header .header-section1 a.hs-bg-01 {
	color: #fff;
}


header .header-section1 img {
	width: 107px;
	height: auto;
	/*margin-left: -400px;*/
	margin-left: 200px;
}

header .header-section1 a h2:hover {
	text-decoration: none;
	color: #fcfcfc;
}

header .header-section1 a h2:link {
	color: #fcfcfc;
	text-decoration: none;
}

header .header-section1 a h2:visited {
	color: #fcfcfc;
	text-decoration: none;
}



p.header-tomonikai {
	text-align: center;
	padding-top: 29px;
	color: #fff;
	font-weight: 600;
	font-size: 152%;
}

body .header-section1-right p.hs1-2-time {
	font-size: 1.1em;
	padding-top: 0.7em;
	margin-block-start: 0.1em;
	margin-block-end: 0.1em;
}


body .header-section1-right p.hs1-2-tel {
	font-size: 1.95em;
	margin-block-start: 0.1em;
	margin-block-end: 0.1em;
	/*margin-left: 0.1em;*/
}

.out-nav1 {
	/*margin-left: 20px;*/
	margin-left: 4%;
	margin-top: -63px;
}

.out-nav2 {
	/*margin-left: 910px;*/
	margin-left: 77%;
	margin-top: -155px;
	margin-bottom: -109px;
}

.out-nav1 li,
.out-nav2 li {
	list-style-type: none;
}

/*-------------------------------------------------------------
	nav全般
---------------------------------------------------------------*/

.header-section2 {
	position: relative;
	width: 100%;
	height: 135px;
	background-color: #ffcc66;
	;
	padding: 10px 0;
}

.header-section2-inner {
	width: 1200px;
	height: 71px;
	/*margin-top: 3%;
	margin-left: auto;
	margin-right: 0;*/
	margin: 0 auto;
	background-color: fc0;
}

.page-current {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.page-current p {
	position: absolute;
	top: 32px;
	z-index: 1;
}

/*---------------ハンバーガーメニュー関連------------------------------*/
.hm-menu {
	display: none;
	position: relative;
}

.active-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: #00000033;
	z-index: 15;
}

.menubutton {
	display: block;
	height: 50px;
	width: 50px;
	background: #f1f1f1;
	border-radius: 5px;
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 20;
}

.menubutton div {
	height: 1px;
	width: 60%;
	background: #333;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
}

.menubutton div:nth-of-type(1) {
	transform: translate(-50%, -10px);
}

.menubutton div:nth-of-type(3) {
	transform: translate(-50%, 10px);
}

.menubutton.active div:nth-of-type(1) {
	transform: rotate(45deg) translate(-50%, 0);
	transform-origin: 0% 50%;
}

.menubutton.active div:nth-of-type(2) {
	opacity: 0;
}

.menubutton.active div:nth-of-type(3) {
	transform: rotate(-45deg) translate(-50%, 0);
	transform-origin: 0% 50%;
}

.hm-menu nav {
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 50;
	color: #040404;
	background: #ef81b8;
	width: 60%;
	height: 100%;
	transition: 300ms left cubic-bezier(0.075, 0, 0.75, 1);

}

.hm-menu nav ul {
	list-style: none;
	margin: 5% 2%;
}

.hm-menu nav ul li {
	padding: 1%;
}

.hm-menu nav a {
	color: #f1f1f1;
}

.hm-menu nav.active {
	left: 0;
}

/*  nav（ハンバーガーメニュー以外）  
------------------------------------------------*/

/* メニューバー直後のClearfix */
div.menubar ul#menu {
	zoom: 1;
}

div.menubar ul#menu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

nav.menubar {
	/*margin-top: 6.5%; */
}

/* 第1階層 */
nav.header-section2-inner ul {
	display: inline-table;
	list-style: none;
	position: relative;
	width: 100%;
	/* height: 71px; */
	padding-inline-start: 0px;
	background-color: #fc0;
	margin: 0;
	padding: 0;
}

nav.header-section2-inner ul {
	clear: both;
	content: "";
	display: block;
}


/* メインメニュー */

nav.header-section2-inner ul li.main-nav-li,
nav.header-section2-inner ul li.main-nav-current {
	float: left;
	width: 193px;
	height: 117px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*text-align: left;*/
	/*margin-left: 1em;
	margin-right: 1em;*/
	text-align: center;
	/*background-color: #C36;*/
	margin-top: 8px;
	margin-left: 70px;
	/*margin-right: 50px;*/
	padding: 10px;
}

nav.header-section2-inner ul li.nav01 {
	width: 169px;
}

nav.header-section2-inner ul li.nav02 {
	width: 169px;
}

nav.header-section2-inner ul li.nav03 {
	width: 169px;
}

nav.header-section2-inner ul li.nav04 {
	width: 169px;
}

/*nav.header-section2-inner ul li.main-nav-li {
	background-image: url(../images/mainnav-current.png);
	background-repeat: no-repeat;
	background-size: 275px 100px;
}*/

nav.header-section2-inner ul li.main-nav-li img.mainnav-img01 {
	width: 90%;
	height: auto;
	margin-top: 10px;
}

/*nav.header-section2-inner ul li.main-nav-li img.mainnav-img02 {
	z-index: 10;
	display: block;
	width: 100%;
	height: auto;
}*/

nav.header-section2-inner ul li.main-nav-li:first-child {
	margin-left: 150px;
}

nav.header-section2-inner ul li.main-nav-li:last-child {
	margin-right: 108px;
}

nav.header-section2-inner ul li.main-nav-current {
	border: 10px dotted #500047;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 0;
	background-image: url(../images/page-current-background.png);
	background-size: 149px 97px;
	z-index: 10;
	position: relative;
}

nav.header-section2-inner ul li.main-nav-li a {
	font-size: 140%;
	font-weight: 700;
}

nav.header-section2-inner ul li.main-nav-li a.main-nav-li-a-small {
	font-size: 130%;
}

/*ul li:last-child {
	margin-right: 0;
}
*/

nav.header-section2-inner ul li:hover,
.activeMenu {
	color: #000;
}

nav.header-section2-inner ul li a,
nav.header-section2-inner ul li span {
	color: #000;
	padding: 0;
	text-decoration: none;
}

nav.header-section2-inner ul li.first-level a {
	font-weight: 700;
	font-size: 1em;
}

nav.header-section2-inner ul li:hover a,
nav.header-section2-inner ul li:hover span,
nav.header-section2-inner ul li span.activeMenu {
	color: #666;
}



/*
nav.header-section2-inner ul li.current {
	font-weight: bold;
	color: #b90b50;
}

#nav-current-disp01 {
	display: block;
	position: absolute;
	top : 0px;
	left : 90px;
}
#nav-current-disp02 {
	display: block;
	position: absolute;
	top : 0px;
	left : 370px;
}
#nav-current-disp03 {
	display: block;
	position: absolute;
	top : 0px;
	left : 650px;
}
#nav-current-disp04 {
	display: block;
	position: absolute;
	top : 0px;
	left : 930px;
}*/





/* タブレット時ナビは通常非表示  
------------------------------------------------*/
div.tablet-side-nenu {
	display: none;
}

/* タブレットナビの分類表示は他と区別する 
------------------------------------------------*/


/* メインビジュアル */
#toppage .slider {
	position: relative;
	width: 100%;
	height: auto;
	background: #ffe763;
}

#toppage .slider::before {
	display: block;
	padding-top: 26.2%;
	content: "";
}

#toppage .slider div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#toppage .slider div img {
	width: 100%;
}


#toppage .index-header-wrap3 {
	width: 100%;
	margin: 0;
	padding: 15px 0;
	background-color: #320e14;
	color: #fff;
	text-align: center;
	font-size: 2.60em;
	font-weight: 400;
}


/* article 
------------------------------------------------*/
article {
	margin: 0 auto;
	/* width: 1200px; */
	max-width: 1080px;
	height: auto;
}

.page-wrap {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
}

.page-wrap p,
.page-wrap li {
	text-align: justify;
	/*text-justify: inter-ideograph;*/
	font-size: 130%;
	padding-bottom: -6%;
}

article h4 {
	padding: 4.5% 0 2%;
	margin: 0;
	color: #004986;
	font-size: 180%;
}

.hierarchy-lv2-ptn1 {
	width: 1030px;
	margin: 1% auto 5%;
	padding: 0;
}

.hierarchy-lv2-ptn2 {
	width: 940px;
	margin: 0 auto 5%;
	padding: 0;
}

.hierarchy-lv3-ptn1 {
	width: 900px;
	margin: 1% auto 5%;
	padding: 0;
}

.hierarchy-lv3-ptn2 {
	width: 800px;
	margin: 0 auto 5%;
	padding: 0;
}

.hierarchy-lv2-ptn1-inner {
	margin: 0;
}


.hierarchy-lv1-ptn1 h5 {
	font-size: 140%;
	color: #333;
	font-weight: 600;
	/*margin-top: 3%;*/
	margin-block-end: 0.25em;
	width: 1030px;
	margin: 3% auto 0;
}

.hierarchy-lv1-ptn1 h5.first-h5 {
	margin-top: 0.5%;
}

.hierarchy-lv1-ptn1 h6 {
	font-size: 105%;
	color: #333;
	margin-block-end: 0.25em;
	width: auto;
	background: none;
	/*background-color: #bfbfbf;*/
	padding: 5px 0em;
	text-align: left;
}

.hierarchy-lv1-ptn1 h6.first-h6 {
	margin-block-start: 0.5em;
}

/*
.page-wrap h6 {
	background: linear-gradient(-135deg, #fff, #0b99d4);
	padding: 0.5em;
	color: #fff;
}*/


.bread-crumb {
	width: 1000px;
	margin: 0 auto;
	padding-top: 1em;
	margin-bottom: 1.8em;
	font-size: 0.85em;
	/*margin-left: 1em;*/
}

.bread-crumb p {
	margin-block-start: 0em;
	margin-block-end: 0em;
	/*margin-bottom: 0.5em;*/
}

.tx-right {
	text-align: right;
}

.tx-center {
	text-align: center;
}

.martop1em {
	margin-top: 1em;
}


.clearleft {
	clear: left;
}

.nojustify {
	text-align: left;
}

.bold {
	font-weight: bold;
}


/* footer
------------------------------------------------*/
footer {
	clear: both;
	/*margin-top: 100px;*/
	width: 100%;
	/* height: 370px; */
	background-color: #320e14;
	color: #fff;
}

footer a {
	color: #fff;
}

.footer1 {
	/*clear: both;*/
	margin: 100px auto 0;
	/* width: 1200px; */
	/* height: 530px; */
	/*background-color: #320e14;
	color: #fff;*/
}

.footer-pack {
	margin: 0 auto;
	max-width: 1000px;
	padding-top: 16px;
	text-align: left;
}


.footer-pack-01 {
	width: 24%;
	height: 300px;
	padding-left: 1%;
	border-right: dashed 1px #fff;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*background-color: #333;*/
}

.footer-pack-02,
.footer-pack-03 {
	width: 24%;
	height: 300px;
	padding-left: 1%;
	border-right: dashed 1px #fff;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*background-color: #888;*/
}


.footer-pack-04 {
	width: 24%;
	height: 300px;
	padding-left: 1%;
	float: left;
	/*background-color: #CF0;*/
}

.footer-menu1 ul {
	padding-top: 10px;
	list-style-type: none;
	/*background-color: #603;*/
	/*margin-left: -12px;*/
	padding-inline-start: 25px;
}

footer .footer-menu1 ul li a.highlight-class-1 {
	color: #cc9d78;
}

footer .footer-menu1 ul li a.highlight-class-2 {
	color: #ff9;
}

footer a.highlight-class-sp {
	color: #6fc;
}

footer .footer-menu1 ul li a.footer-menu-current {
	color: #b90b50;
	font-weight: bold;
}

.footer2 {
	clear: left;
	text-align: center;
	margin: -30px 0 0;
	//width: 1200px;
}

small {
	font-size: 90%;
}


p.pagetop {
	text-align: right;
	position: relative;
}

p.pagetop img {
	width: 4.2%;
	height: auto;
	vertical-align: bottom;
	bottom: 10px;
	right: 10px;
	position: fixed;
	opacity: 0.8;
	margin: 0;
	z-index: 1;
}

/* 共通設定
------------------------------------------------*/

.hissu {
	color: #C30;
	font-size: small;
	font-weight: 700;
}

.flocler {
	clear: left;
}

.common-information {
	background-color: #f66d94;
	height: 525px;
	width: 1020px;
	/* 1080pxから左右のパディングを引いた値 */
	padding-left: 30px;
	padding-right: 30px;
}

.page-wrap .common-information p,
.page-wrap .common-information li {
	/*text-align: justify;
    text-justify: inter-ideograph;*/
	font-size: 100%;
}

h4.common-h4-02 {
	text-align: center;
	color: #000;
	font-size: 270%;
	margin-block-start: 1.6em;
	margin-block-end: 0.2em;
	padding: 0;
}

#information1,
#information1-2,
#information2,
#information3,
#information4 {
	float: left;
	width: 31%;
	margin: 0% 0.5% 6% 0.8%;
	border: #ff5900 solid 3px;
	background-color: #FFE;
	font-size: 0.85em;
	position: relative;
	height: 420px;
}

#information1 h5,
#information1-2 h5,
#information2 h5,
#information3 h5,
#information4 h5 {
	margin: 0% 0 1%;
	font-weight: bold;
	font-size: 1.4em;
	color: #b8860b;
	float: left;
	background: rgba(208, 208, 208, 0.5);
	width: 99%;
	text-align: center;
}

#information1 dl,
#information4 dl {
	padding-left: 1%;
	padding-top: 5.3%;
}

#information2 div {
	/* padding-left: 1%;
    padding-top: 2.3%;*/
}

#information1-2 div {
	padding-left: 6%;
	padding-top: 0;
}

#information2 div,
#information3 dl,
#information4 dl {
	overflow-x: hidden;
}

#information1 dt {
	font-size: 1.3em;
	padding-top: 1%;
	padding-left: 4%;
	clear: both;
}

/*#information1-2 dt {
    font-size: 1.3em;
    padding-top: 3%;
    padding-left: 4%;
    clear: both;
}*/

/*#information2 dt , */
#information4 dt {
	font-size: 1.1em;
	padding-left: 3.2%;
	clear: both;
	color: #4183c1;
}

#information1 dd {
	font-size: 1.2em;
	width: 230px;
	padding-bottom: 0;
	margin-left: 6%;
}

#information1-2 dd {
	font-size: 1.2em;
	width: 230px;
	padding-bottom: 0;
	margin-left: 8%;
}

/*#information2 dd, */
#information4 dd {
	font-size: 1.1em;
	width: 261px;
	margin-left: 3%;
	margin-bottom: 4%;
	line-height: 1.2em;
}

#information3 ul {
	padding-top: 7%;
	padding-left: 7%;
	padding-bottom: 1%;
	font-size: 1.1em;
	list-style: none;
	line-height: 2.1;
}

#information3 ul.link2 {
	padding-top: 10%;
	padding-left: 7%;
	font-size: 1.1em;
	list-style: outside none none;
	line-height: 2.1em;
}

div.contents {
	/* margin: 11% 0.3% 0;*/
	margin: 7.0% 0.1% 0;
	width: 95%;
	height: 91%;
	border: 1px solid #ccc;
	border-top: 2px solid #ccc;
	/*padding: 1.5% 2%;*/
	padding: 0 2%;
	-webkit-overflow-news-scrolling: touch;
}

/*div.contents div.wrap {
	width:95%;
}*/
.map {
	float: left;
}

.map img {
	margin: 0 3% 0 6%;
	width: 90%;
	height: auto;
}



.facebook_a {
	padding-top: 6%;
}

.facebook_b {
	padding-top: 1%;
}

dd.blog2 a {
	font-size: 1.2em;
	color: #009900;
}

.thumMenuBox {
	text-align: center;
}

.bana,
.bana2 {
	display: inline-block;
	width: 24.2%;
	height: auto;
	margin: 0 0 30px 3px;
}

/* ブログ */
#information2 dl {
	padding-top: 0;
	border: none;
}


p.common-masseage-01 {
	color: #5e5e1f;
	font-size: 140%;
	text-align: left;
	margin-left: 20px;
}

/* トップページ
------------------------------------------------*/

#toppage .page-wrap {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
}

body .index-div01 p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}


h3.index-h3-01 {
	text-align: center;
	color: #004898;
	font-size: 280%;
	margin-block-start: 0.7em;
	margin-block-end: 0.5em;
}

.page-wrap02-01 {
	width: 1060px;
	margin: 0 auto;
}

.page-wrap02-01 img {
	width: 1060px;
	margin: 0 auto;
}


.page-wrap p.main-masseage-p {
	color: #5e5e1f;
	font-size: 188%;
	text-align: left;
	margin-bottom: 7%;
}

.page-wrap p.main-masseage-p2 {
	color: #5e5e1f;
	font-size: 188%;
	text-align: left;
	margin-bottom: -7%;
}

.page-wrap p.main-masseage-p3 {
	color: #5e5e1f;
	font-size: 188%;
	text-align: left;
	margin: -2% 4% 3%;
}

.main-image-messege {
	position: absolute;
	top: 331px;
}

.index-section-01-back {
	margin-top: -354px;
	z-index: 1;
	width: 1060px;
	height: 610px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

.index-section-01-back img.bg {
	border-radius: 25px;
}

.index-section-01 h4.index-h4-01 {
	font-size: 283%;
	text-align: center;
	color: #f5f48e;
	border: none;
	margin-top: 310px;
	z-index: 5;
	position: relative;
}

.index-section-01 ul.ind-sec-01-upper,
.index-section-01 ul.ind-sec-01-lower {
	list-style-type: none;
	padding-inline-start: 0px;
	z-index: 3;
}

.index-section-01 ul.ind-sec-01-upper,
.index-section-01 ul.ind-sec-01-lower {
	clear: both;
	content: "";
	display: block;
}

.index-section-01 ul.ind-sec-01-upper {
	position: absolute;
	top: 0;
	left: 0;
}

.index-section-01 ul.ind-sec-01-lower {
	position: absolute;
	top: 320px;
	left: 0;
}

.index-section-01 ul.ind-sec-01-upper li,
.index-section-01 ul.ind-sec-01-lower li {
	float: left;
	margin-left: 52px;
	width: 200px;
	height: 225px
}

.index-section-01 ul.ind-sec-01-upper li img,
.index-section-01 ul.ind-sec-01-lower li img {
	width: 100%;
	height: auto;
	z-index: 5;
	position: relative;
}

h4.index-h4-02 {
	text-align: center;
	color: #004898;
	font-size: 320%;
	margin-block-start: 0.6em;
	margin-block-end: 0.2em;
}

.ind-sec02-hierarchy {
	width: 100%;
	height: 420px;
	margin: 0 auto;
	/*background-color: #CF0;*/
}

.ind-sec02-point-part {
	width: 30%;
	height: 190px;
	margin-left: 2.5%;
	margin-bottom: 10px;
	padding: 19px 32px;
	background-color: #88cff075;
	color: #000000;
	border: 9px solid #004898;
	border-radius: 13px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	float: left;
	text-align: justify;
}

body .ind-sec02-point-part p {
	margin-block-start: 0em;
	margin-block-end: 0.125em;
	font-size: 136%;
	font-weight: 500;
}

h4.index-h4-03 {
	text-align: center;
	color: #004898;
	font-size: 320%;
	margin-block-start: 0.6em;
	margin-block-end: 0.2em;
	margin-top: 40px;
}

.index-section-03 {
	margin: 0 100px 60px;
}

.index-section-03-outer {
	position: relative;
}

.index-section-03 .illust {
	position: absolute;
	top: -125px;
	right: 50px;
}

.index-section-03-inner {
	overflow-y: scroll;
	overflow-x: visible;
	height: 300px;
	background-color: #ffe;
	font-size: 75%;
	border: 10px solid #ffcc00;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-radius: 10px;
	padding: 25px;
}

.index-section-03-inner dl {
	position: relative;
	/* overflow: auto;*/
	/* padding: 4px;*/
	margin-top: 0;
	margin-left: 90px;
	-webkit-overflow-news-scrolling: touch;
}

.index-section-03-inner dl dt.ind-sec03-dt1 {
	position: absolute;
	/*left: -120px;*/
	left: -70px;
	top: 5px;

}

.index-section-03-inner dl dt.ind-sec03-dt1 span.new {
	padding: 0px 6px 2px;
	/*width: 70px;*/
	color: #FFF;
	background-color: #ff3399;
	border: 5px solid #ffcc00;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-radius: 10px;
	font-size: 120%;

}

.index-section-03-inner dl dd.ind-sec03-dt2 {
	float: left;
	padding: 6px 3px;
	width: 120px;
	margin-left: 0;
	font-size: 160%;
	color: #000033;
	/*background-color: #36C;*/
}

.index-section-03-inner dl dd.ind-sec03-dt3 {
	text-decoration: none;
	padding: 4px 4px;
	margin-left: 152px;
	font-size: 160%;
	color: #000033;
}

/* 下層ページメインビジュアル */
.main-visual {
	width: 100%;
	height: 525px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/background-image/office-information-main.jpg);
	background-size: 2000px 525px;
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
}

.main-visual-box .bread-crumb {
	padding-top: 5em;
	padding-bottom: 2em;
}

/* 下層ページサブメニュー */

article section .bread-crumb {
	position: absolute;
	top: -200px;
}

.sub-menu-wrapper1 {
	background: #320e14;
	height: 230px;
	margin-top: 64px;
}

.sub-menu-wrap1 {
	width: 1080px;
	margin: 0 auto;
}

.sub-menu-wrap1 .wrap-inner1 {
	float: left;
	width: 30%;
}

.sub-menu-wrap1 .wrap-inner2 {
	float: left;
	width: 66%;
	margin: 0 2%;
}

.sub-menu-wrap1 .wrap-inner2 ul {
	margin: 3%;
}

.sub-menu-wrap1 h3 {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 2.8em;
	color: #fff;
	line-height: 3em;
	position: relative;
	z-index: 10;
}

.sub-menu-wrap1 ul {
	list-style: none;
}

.sub-menu-wrap1 li {
	width: 30%;
	float: left;
	margin: 0 1.5%;
}

.sub-menu-wrap1 li a img {
	width: 100%;
	position: relative;
	z-index: 1;
}

/* ---------------- */
/* 事業所案内ページ */
/* ---------------- */
#office-info .page-current p {
	left: 223px;
}

#office-info .office-info-wrap {
	margin-top: 280px;
	position: relative
}

#office-info .office-information-img {
	position: absolute;
	z-index: 1;
	top: -11%;
	left: 3%;
}

.office-info-inner {
	background-color: #f1f1f1;
	padding: 2% 10%;
	position: relative;
}

h3.office-info-h3 {
	clear: both;
	text-align: center;
	color: #004898;
	font-size: 280%;
	margin-block-start: 3.7em;
	margin-block-end: 1em;
}

h4.office-info-h4 {
	color: #ffcc00;
}

.office-info-wrap dt {
	float: left;
}

.office-info-inner dd {
	margin-left: 150px;
}

.building-images {
	position: absolute;
	top: 6.5%;
	right: 10%;
}

.building-images img {
	width: 100%;
}

/* アクセス */
.access-wrap {
	position: relative;
	margin-top: 180px;
}

.rabbit-and-cat-images {
	position: absolute;
	top: -8%;
	right: 5%;
}

.access-wrap-inner {
	width: 90%;
	border-radius: 1.5%;
	padding: 5%;
	background: #320e14;
}

.map-background {
	width: 98%;
	padding: 1%;
	background: #fff;
}

.map-wrap {
	border: solid 5px #ffcc00;
}

.map-wrap img {
	width: 100%;
}

.map-background p {
	margin-top: 3%;
	text-align: center;
	font-size: 2em;
}

.map-background a {
	text-decoration: underline;
}

.access-info {
	background: #ffcc66;
	padding-top: 35px;
	display: inline-block;
	width: 100%;

}

.access-info .left-box {
	float: left;
	width: 60%;
}

.access-info .right-box {
	float: left;
	width: 40%;
}

.access-info ul {
	margin-top: 0;
}

.left-box ul {
	list-style: none;
}

.left-box ul li ul li {
	list-style: initial;
	color: #320e14;
	margin-left: 1.3em;
}

.left-box ul li ul li.access-info-list-custom02 {
	list-style: none;
	margin: 0 0 0 0;
}

.access-info-list-custom03 {
	font-size: 130%;
	list-style: square;
	margin-left: 1.3em;
}

.access-info-list-custom01 {
	font-size: 110%;
	color: #3333ff;
}

.left-box ul li ul li.access-info-list-custom04 {
	list-style: none;
	margin-left: 0;
}

.right-box dl {
	margin-top: 0;
}

.right-box dt {
	font-size: 160%;
	color: #040404;
	font-weight: bold;
}

.right-box dd {
	font-size: 120%;
	color: #320e14;
	font-weight: bold;
}

/* 施設のご案内 */
/*.green-back {
	background: #004a5c;
	display: inline-block;
	width: 100%;
}*/
.blue-back {
	background: #00005d;
	margin-top: 15px;
	margin-bottom: 15px;
}

.facility-information-wrap h4 {
	text-align: center;
	padding: 1.5% 0 2%;
	font-size: 350%;
	color: #84dc66;
}

.yellow-box {
	background: #ffcc00;
	width: 92%;
	margin: 2% 3%;
	padding: 1%;
	border-radius: 10px;
}

.facility-information-wrap h5 {
	font-size: 175%;
	color: white;
	margin: 0 0 0 3%;
}

.photo-box img {
	width: 30%;
	padding: 1.5%;
}

.illust-box {
	padding-bottom: 20px;
	position: relative;
	height: 270px;
}

.illust-box img {
	position: absolute;
	left: 33%;
}

/* 事業所案内 information */
#ofice-info .common-information {
	margin-top: 15%;
}

#banner-volunteer_recruitment {
	text-align: center;
}

/* -------------- */
w

/* ご利用について */
/* -------------- */
#about-use article {
	margin: 250px auto 0;
}

#about-use .page-current p {
	left: 463px;
}

#about-use .main-visual {
	background-image: url(../images/background-image/about-use-main.jpg);
}

.service p {
	padding: 0;
	margin: 0;
}

p.service-description {
	font-size: 200%;
	font-weight: bold;
	margin: 50px 0;
	text-align: center;
}

h3.service-h3-1 {
	clear: both;
	text-align: center;
	color: #004898;
	font-size: 280%;
	margin-block-start: 6em;
	margin-block-end: 1em;
}

h3.service-h3 {
	clear: both;
	text-align: center;
	color: #004898;
	font-size: 280%;
}

h4.service-title {
	padding: 0.5% 0;
	text-align: center;
	font-size: 200%;
	color: #333;
	background: #eae7d9;
}

.service-inner {
	background: #1daed7c4;
	font-weight: bold;
}

p.service-text {
	text-indent: 1em;
	padding: 3% 2%;
	width: 78%;
	margin: 0 8%;
	font-size: 200%;
	color: #fff;
}

.service-float-box {
	width: 90%;
	margin: 0 5% 3%;
	display: inline-block;
}

.service-text-box {
	float: left;
	width: 45%;
	height: 175px;
	padding: 2%;
	margin: 0 1% 1% 0;
	background: #f1f1f1;
}

.service-text-box h5 {
	color: #ff3300;
	font-size: 160%;
	margin: 0 0 1% 0;
}

.service-text-box ul {
	margin: 0;
	padding-left: 25px;
}

.service-text-box li {
	font-size: 135%;
	list-style: square;
	margin-top: 2%;
}

.service-text-box li:first-child {
	margin-top: 0;
}

.service-text-box p {
	font-size: 135%;
}

.coment-blue {
	color: #3300ff;
}

.coment-orange {
	color: #ff3300;
}

#about-use .text-box-1 {
	color: #320e14;
}

#about-use .text-box-4 {
	color: #320e14;
}

/* 利用までの流れ =service-flow=  */
.service-flow {
	margin-top: 10%;
}

.service-flow h4 {
	background: #1daed7;
	color: #fff;
	margin: 0;
	padding: 0.5% 3%;
}

.service-flow-wrap {
	background: #eae7d9;
	display: inline-block;
}

.service-flow-wrap ul li {
	font-size: 135%;
}

.service-flow-wrap ul {
	padding: 2% 3% 1% 6%;
	color: #320e14;
}

/* 利用料 */
.service-price {
	margin-top: 10%;
	margin-bottom: 15%;
}

.price-wrap {
	display: inline-block;
	background: #eeeeee;
	border-radius: 10px;
	padding: 3%;
	color: #320e14;
}

.price-wrap p {
	font-size: 160%;
	padding: 0 4%;
}

.price-wrap .table-wrap th {
	color: #3a0e14;
}

.price-wrap .table-wrap td {
	color: #320e14;
}

.table-wrap {
	display: inline-block;
	margin: 2% 0;
	width: 100%;
}

.table-wrap table {
	border-top: solid 1px;
	border-left: solid 1px;
	border-spacing: 0;
}

.table-wrap th {
	border-bottom: solid 1px;
	border-right: solid 1px;
}

.table-wrap td {
	border-bottom: solid 1px;
	border-right: solid 1px;
}

.table-wrap th {
	background: #1daed7;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	padding: 2%;
}

.table-wrap td {
	padding: 2% 3%;
}

.table-wrap .tb2 th {
	font-size: 120%;
}

.table-wrap .td-price {
	text-align: right;
	padding-right: 2%;
}

.tb1 {
	float: left;
	width: 45%;
	margin-right: 3%;
}

.tb2 {
	width: 52%;
}

.price-wrap p.coment {
	font-size: 120%;
	padding: 0;
}

/* 一日の流れ */
#flow-of-the-day .page-current p {
	left: 701px;
}

#flow-of-the-day .sub-menu-wrap1 h3 {
	line-height: 1.5em;
}

#flow-of-the-day .small {
	font-size: 75%;
}

#flow-of-the-day .main-visual {
	background-image: url(../images/background-image/flow-of-the-day-main.jpg);
}

#flow-of-the-day h3 {
	text-align: center;
	font-size: 2.8em;
	margin: 15% 5%;
}

#flow-of-the-day h3.one-day-flow {
	color: #004898;
	font-size: 280%;
	margin: 25% 0 3%;
}

#flow-of-the-day h3.program {
	font-size: 280%;
	margin: 3% 0;
	color: #004898;
}

#flow-of-the-day .one-day-of-the-shane {
	margin-bottom: 10%;
}

#flow-of-the-day .wrap01 {
	background: #eeeeee;
	display: inline-block;
	width: 100%;
	padding-bottom: 2%;
}

#flow-of-the-day .wrap02 {
	background: #ffcc66;
	display: inline-block;
	width: 100%;
	padding: 2% 0 1%;
}

#flow-of-the-day .wrap01-01 {
	width: 80%;
	padding: 2%;
	margin: 0 10%;
	border-radius: 10px;
}

#flow-of-the-day .wrap02-01 {
	background: #eeeeee;
	padding: 2%;
	margin: 0 2% 1%;
	border-radius: 10px;
	display: inline-block;
}

#flow-of-the-day .wrap02-02 {
	background: #eeeeee;
	padding: 2%;
	margin: 0 2% 1%;
	border-radius: 10px;
	display: inline-block;
}

#flow-of-the-day h4 {
	font-size: 200%;
	margin: 0;
	padding: 0;
}

#flow-of-the-day h4.in-work {
	color: #004898;
	margin: 2% 4% 0%;
	padding: 0;
}

#flow-of-the-day h4.out-work {
	color: #004898;
	margin: 2% 4% 0%;
	padding: 0;
}

#flow-of-the-day .work-table-box {
	background: #fff;
	padding: 1%;
}

#flow-of-the-day .work-table-box table {
	border-top: 1px solid;
	border-left: 1px solid;
	border-spacing: 0;
	width: 100%;
}

#flow-of-the-day .work-table-box th,
td {
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-spacing: 0;
	text-align: center;
	padding: 0 2%;
}

#flow-of-the-day .work-table-box td.hidden {
	display: none;
}

#flow-of-the-day .work-table-box .row3,
.row5,
.row7,
.row9,
.row11,
.row13 {
	background-color: #1daed7c7;
}

#flow-of-the-day .work-table-box .out-work .bgc-white {
	background: #fff;
}

#flow-of-the-day .work-table-box .out-work .bgc-lime-green {
	background: #1daed7c7;
}

#flow-of-the-day .work-table-box .tal {
	text-align: left;
}

#flow-of-the-day .in-facility-work {
	margin-bottom: 10%;
}

#flow-of-the-day .out-site-work {
	margin-bottom: 10%;
}

#flow-of-the-day .work-table-box .in-work .col1 {
	width: 34%;
}

#flow-of-the-day .work-table-box .in-work .col2 {
	width: 33%;
}

#flow-of-the-day .work-table-box .out-work .col4,
.col5,
.col6,
.col7 {}

#flow-of-the-day .in-facility-work h4 {
	color: #ff3399;
	font-size: 280%;
	text-align: center;
	margin: 0 0 3%;
}

#flow-of-the-day .out-site-work h4 {
	color: #ff3399;
	font-size: 280%;
	text-align: center;
	margin: 0 0 3%;
}

#flow-of-the-day .program-introduction h5 {
	font-size: 200%;
	margin: 0;
	padding-left: 1%;
}

#flow-of-the-day .wrap02-01 div {
	width: 31%;
	min-height: 179px;
	float: left;
	margin: 1%;
}

#flow-of-the-day .wrap02-02 div {
	width: 31%;
	min-height: 179px;
	float: left;
	margin: 1%;
}

#flow-of-the-day .wrap02-01 img {
	width: 100%;
}

#flow-of-the-day .wrap02-02 img {
	width: 100%;
}

#flow-of-the-day .text-box {
	background: #e5e5e5;
}

#flow-of-the-day .text-box p {
	padding: 5%;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

#flow-of-the-day .lunch-menu {
	margin-bottom: 10%;
}

#flow-of-the-day .lunch-menu h4 {
	color: #004898;
	font-size: 280%;
	text-align: center;
	margin: 0 0 3%;
}

#flow-of-the-day .lunch-menu-box {
	background: #ffcc66;
	display: inline-block;
	width: 100%;
	padding: 2% 0 1%;
}

#flow-of-the-day .lunch-menu-box h5 {
	margin: 2% 0;
	color: #0043cc;
	text-align: center;
}

#flow-of-the-day .lunch-menu-box p {
	/*clear: both;*/
	margin: 0;
	padding: 0 3% 5%;
	font-size: 1.25em;
}

#flow-of-the-day .lunch-menu-sample-box p {
	font-size: 1.2em;
}

#flow-of-the-day .greenbg {
	background: #eeeeee;
	padding: 2%;
	margin: 0 2% 1%;
	border-radius: 10px;
	display: inline-block;
}

#flow-of-the-day .fb-l {
	width: 48%;
	margin-right: 4%;
	float: left;
}

#flow-of-the-day .fb-r {
	width: 48%;
	float: left;
}

#flow-of-the-day .lunch-menu-sample-box {
	margin: 0;
	background: #fff;
	padding: 5%;
	border-radius: 25px;
}

#flow-of-the-day .lunch-menu-sample-box h6 {
	font-size: 2.5em;
	text-align: center;
	color: #1daed7;
	margin: -2% 0 0;
}

#flow-of-the-day .lunch-menu-sample {
	width: 90%;
	margin: 0 auto;
	padding: 5% 5% 9%;
	background: #ccc;
	border-radius: 20px;
	height: 1000px;
}

#flow-of-the-day .fb img {
	float: left;
	margin: 4% 8% 0 0;
	width: 30%;
	height: auto;
}


#flow-of-the-day .fb-l img {
	width: 100%;
	margin: 0 auto;
}

#flow-of-the-day .fb-r img {
	width: 100%;
	margin: 0 auto;
}

/* メンバーの声 */
#voice-of-member article {
	margin: 200px auto 0;
}

#voice-of-member .page-current p {
	left: 940px;
}

#voice-of-member .sub-menu-wrap1 .wrap-inner2 {
	width: 45%;
	margin-left: 20%;
}

#voice-of-member .main-visual {
	background-image: url(../images/background-image/voice-of-member-main.jpg);
}

#voice-of-member .sub-menu-wrap1 h3 {
	float: none;
	width: 100%;
}

#voice-of-member .sub-menu-wrapper1 {
	height: auto;
}

#voice-of-member .wrap-inner1 {
	float: none;
	width: 100%;
}

#voice-of-member .voice-of-member h3 {
	color: #cc0066;
	text-align: center;
	font-size: 280%;
}

#voice-of-member .voice-of-member h4 {
	color: #004898;
	padding: 1% 4%;
}

#voice-of-member .anonymous {
	clear: both;
	float: right;
	padding: 1% 2% 0 0;
}

#voice-of-member .outer-box {
	clear: both;
}

#voice-of-member .wap01 {
	background: #00acdf;
	margin-bottom: 5%;
	position: relative;
	padding-bottom: 550px;
}

#voice-of-member .wap01 .illust01 {
	width: 10em;
	position: absolute;
	top: -145px;
	right: 110px;
}

#voice-of-member .wap01 .illust01 img {
	width: 100%;
}

#voice-of-member .wap01 .illust02 {
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}

#voice-of-member .wap01-01 {
	display: inline-block;
	width: 86%;
	background: #fff;
	margin: 4%;
	padding: 1% 3%;
}

#voice-of-member .wap01-01 .name-wrap1 img {
	float: left;
	width: 4em;
	margin: 0 1%;
}

#voice-of-member .wap01-01 .name-wrap1 p {
	width: 78%;
	float: left;
	font-size: 2em;
	margin: 0;
	padding-bottom: 0.5%;
	/*background: #ff33cc;*/
	padding: 0 1%;
}

#voice-of-member .inner-box {
	float: left;
	width: 46%;
	margin: 2%;
}

#voice-of-member .inner-box p {
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
}

#voice-of-member .text-box {
	position: relative;
	font-size: 1em;
	color: #5E3E36;
	background: #EAE7D9;
	padding-bottom: 35px;
}

#voice-of-member .text-box p {
	/*padding: 5%;*/
	padding: 3% 5% 0%;
}

#voice-of-member .shane-hashimoto .text-box {
	background: #ff7e00;
}

#voice-of-member .shane-hashimoto .wap01-01 .name-wrap1 p {
	background: #ff6600;
}

/* メンバーの声折り畳みボックス */
/* 相模大野 */
.grad-btn {
	position: absolute;
	right: 25px;
	bottom: 15px;
	text-decoration-line: underline;
}

.grad-btn::before {
	content: "続きを読む";
}

.grad-item {
	position: relative;
	overflow: hidden;
	height: 196px;
	/*隠した状態での高さ*/
}

.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	/*グラデーションで隠す高さ*/
	content: "";
}

.grad-trigger {
	display: none;
	/*チェックボックスは常に非表示*/
}

.grad-trigger:checked~.grad-btn::before {
	content: "閉じる";
	/*チェックされていたら、文章を変更する*/
}

.grad-trigger:checked~.grad-item,
.text-box {
	height: auto;
	/*チェックされていたら、高さを戻す*/
}

.grad-trigger:checked~.grad-item::before {
	display: none;
	/*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

#voice-of-member .text-box {
	min-height: 248px;
}

#voice-of-member .shane-ohono {
	position: relative;
}

#voice-of-member .illust-1 {
	position: absolute;
	top: -114px;
	right: 70px;
}

#voice-of-member .illust-2 {
	position: absolute;
	bottom: 10px;
	left: 50px;
	;
}

.illust-2 img {
	width: 70%;
}

/* 横井さんプロフィールページ */
#artist .main-visual {
	background-image: url(../images/background-image/artist-main.jpg)
}

#artist h3 {
	color: #cc0066;
	font-size: 250%;
	text-align: center;
}

#artist .profile {
	display: inline-block;
	width: 90%;
	position: relative;
	background: #fff;
	padding: 10% 5%;
	margin: 0 0 10%;
}

#artist h4 {
	text-align: center;
	color: #320e10;
	font-size: 250%;
}

#artist .profile h4 {
	text-align: left;
	padding: 0;
	padding-left: 4%;
	color: #ffcc00;
}

#artist .artist-illust1 {
	position: absolute;
	top: 10px;
	right: 20px;
}

#artist .artist-illust2 {
	position: absolute;
	top: 10px;
	right: 20px;
}

#artist .profile dl {
	display: inline-block;
	width: 100%;
	margin: 0.5% 0 0;
	font-size: 1.3em;
}

#artist .profile dd {
	float: left;
}

#artist .history {
	margin: 5% 0;
}

#artist .awards {
	margin: 5% 0;
}

#artist .awards dt {
	margin-left: 40px;
	margin-bottom: 10px;
	font-weight: bold;
}

#artist .awards-year {
	margin: 0 0 4%;
	font-size: 90%;
}


/* お問合せ */
#contact .page-header {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #320e14;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	font-size: 2.60em;
	font-weight: 400;
}

#contact .page-header-wrap2-inner {
	height: 525px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/background-image/contact-main.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
}

.main-image-messege {
	font-size: 2em;
	font-weight: bold;
}

.messege1 {
	top: 15px;
	right: 105px;
	color: #3909ff;
}

.messege2 {
	top: 301px;
	left: 46px;
	color: #cc0066;
}

#contact .form {
	background: #fff;
	padding: 3% 5%;
}

#contact .contact-form-privacy {
	margin: 3% 10%;
	text-align: left;
}

#contact .contact-form-privacy a {
	text-decoration: underline;
}

#contact .table-wrap th {
	border: none;
}

#contact .table-wrap td {
	border: none;
}

#contact table.formTable td {
	/*text-align: right;*/
	text-align: left;
	/*padding-left: 18%;*/
}

#contact table.formTable td,
table.formTable th {
	border-bottom: dotted #c0c0c0 3px;
	border-right: none;
}

/* contact-php */
#formWrap {
	width: 700px;
	margin: 0 auto;
	color: #555;
	line-height: 120%;
	font-size: 90%;
}

table.formTable {
	width: 80%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.formTable td,
table.formTable th {
	padding: 20px 10px;
	border-spacing: none;
}

table.formTable th {
	width: 50%;
	font-weight: normal;
	text-align: left;
}

span.red {
	background: #f66c6a;
	color: #fff;
	font-size: 0.7em;
	margin-left: 15px;
	padding: 3px 0.5em;
	border-radius: 5px;
}

#contact .submit-btn {
	background: #a3cc80;
	border-radius: 100px;
	color: #fff;
	font-size: 1.5em;
	border-style: none;
	padding: 10px
}

#contact .reset-btn {
	background: #a980cc;
	border-radius: 100px;
	color: #fff;
	font-size: 1.5em;
	border-style: none;
	padding: 10px
}

.form p {
	text-align: center;
	margin: 5% 0 2%;
}

#contact input {
	border-width: 1px;
}

/* 採用情報 */
.recruit-h3 {
	clear: both;
	text-align: center;
	color: #004898;
	font-size: 180%;
	margin-bottom: 2%;
}

.page-wrap p.contact-recruit {
	text-align: center;
	font-size: 190%;
	margin: 0 auto;
	width: 90%;
	color: #cc0066;
	font-weight: bold;
}

.page-wrap p.recruit-form-p {
	margin: 3% 0;
	margin-bottom: -2%;
	text-align: center;
	font-size: 210%;
}

/* プライバシーポリシー */
#privacy .privacy {
	padding: 50px 5%;
}

#privacy .page-header {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #320e14;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	font-size: 2.60em;
	font-weight: 400;
}

#privacy section.privacy p {
	padding-bottom: 2%;
}

#privacy dl {
	margin: 0 0 3.5%;
}

#privacy dt {
	font-weight: bold;
}

#privacy dd {
	margin: 0.5% 0 0.5%;
}

#privacy dd.signature {
	margin-left: 1em;
}

@media screen and (max-width:572px) {
	#formWrap {
		width: 95%;
		margin: 0 auto;
	}

	table.formTable th,
	table.formTable td {
		width: auto;
		display: block;
	}

	table.formTable th {
		margin-top: 5px;
		border-bottom: 0;
	}

	input[type="text"],
	textarea {
		width: 80%;
		padding: 5px;
		font-size: 110%;
		display: block;
	}

	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		display: block;
		width: 100%;
		height: 40px;
	}
}


/* PC調整[1920x1080画面倍率125％] */
@media screen and (max-width:1538px) {

	/* メインビジュアル調整 */
	.main-visual {
		height: 427px;
		background-size: 1626px 427px;
	}

	#contact .page-header-wrap2-inner {
		height: 427px;
		background-size: 1626px 427px;
	}

}

/* PC調整[1366x768] */
@media screen and (max-width:1366px) {

	/* ヘッダー調整用 */
	p.header-tomonikai {
		padding-top: 15px;
		margin-block-end: 0;
	}

	.out-nav1 {
		margin-top: -8px;
		margin-left: 0;
	}

	.out-nav2 {
		margin-left: 80%;
		margin-top: -155px;
		margin-bottom: -123px;
	}

	.headar-tomonikai {
		margin-block-end: 0.2em;
	}

	header {
		background-size: 100% 50px;
		margin-top: 5px;
	}

	header h1 {
		margin-bottom: 22px;
		padding-top: 10px;
	}

	header .header-section1 {
		margin: 33px auto 0;
	}

	header .header-section1 h2 {
		font-size: 300%;
	}

	header .header-section1 img {
		width: 85px;
	}

	.header-section1-left {
		width: 800px;
	}

	body .header-section1-right p.hs12-time {
		font-size: 1em;
	}

	body .header-section1-right p.hs12-tel {
		font-size: 1.65em;
	}

	ul.out-nav1 img {
		margin-top: -50px;
		margin-bottom: 0px;
	}

	ul.out-nav2 img {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* メインメニュー調整用 */
	.header-section2 {
		height: 102px;
	}

	nav.header-section2-inner ul li.main-nav-li,
	nav.header-section2-inner ul li.main-nav-current {
		height: 88px;
	}

	nav.header-section2-inner ul li.nav01,
	nav.header-section2-inner ul li.nav02,
	nav.header-section2-inner ul li.nav03,
	nav.header-section2-inner ul li.nav04 {
		width: 118px;
	}

	nav.header-section2-inner ul li.main-nav-li:first-child {
		margin-left: 260px;
	}

	/* サブページメインビジュアル調整 */
	.main-visual {
		height: 375px;
		background-size: 1429px 375px;
	}

	#contact .page-header-wrap2-inner {
		height: 375px;
		background-size: 1429px 375px;
	}

	/* サブページメインメニュー回り調整 */
	.sub-menu-wrapper1 {
		margin-top: 31px;
	}

	#voice-of-member .sub-menu-wrapper1 {
		margin-top: -14px;
	}

	/* サブページカレント情報 */
	.page-current p {
		top: 8px;
	}

	#office-info .page-current p {
		left: 308px;
	}

	#about-use .page-current p {
		left: 496px;
	}

	#flow-of-the-day .page-current p {
		left: 684px;
	}

	#voice-of-member .page-current p {
		left: 872px;
	}

	#contact .main-image-messege {
		font-size: 1.4em;
	}

	#contact .messege1 {
		right: 70px;
	}

	#contact .messege2 {
		top: 210px;
		left: 11px;
	}

	/* サブページレイアウト調整用 */
	#flow-of-the-day .work-table-box th,
	td {
		padding: 0 1%;
	}
}

/* video */

body {
	background-image: none;
}

.page-wrap2 {
	text-align: center;
}

.main2 h3 {
	font-size: 3em;
	color: #f39;
}

.contact-link {
	font-size: 2em;
	padding-top: 2%;
}

.page-contents {
	position: relative;
	height: auto;
	/* 高さ指定 */
	background-color: #ffff9b;
	/* 背景色指定 */

}


/*****************************
audio
*****************************/
.audio-container {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 100;
}

.audio-btn {
	border-radius: 50%;
	background-color: #e4e4e4;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 45%;
	border: none;
	box-sizing: content-box;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
	cursor: pointer;
	color: #fff;
	display: block;
	height: 30px;
	margin-top: 20px;
	padding: 10px;
	width: 30px;
}

.audio-btn:first-child {
	margin-top: 0;
}

@keyframes audioAnime {
	0% {
		transform: rotate(5deg)
	}

	100% {
		transform: rotate(-5deg)
	}
}

.audio-btn-yes {
	animation: audioAnime .5s linear 0s infinite alternate both;
	background-image: url(/images/common/play.png);
}

.audio-btn-yes.stop {
	animation: none;
	background-image: url(/images/common/pause.png);
}

.audio-btn-no {
	background-image: url(/images/common/stop.png);
}

/*#visit .videolist{
	list-style: none;
	padding-left: 0;
}
 
#visit .video-box {
    float: left;
    width: 460px;
	margin-right: 38px;
	margin-bottom: 50px;
}

#visit .video-title{
	font-size: 1.3em;
	font-weight:700;
	color: #119def;
	margin-bottom: 0
}

#visit .movie-wrap {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}
 
#visit .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
}

#visit .jyunbi{
	font-size: 3em;
	color:#09F;
	font-weight:800;
}

#visit .movie-wrap-header{
	position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
	text-align: center;
}

#visit .movie-wrap-header iframe{
	position: absolute;
    top: 7%;
    left: 10%;
    width: 80% !important;
    height: 80% !important;
}*/

/* PC調整[1280x720] */
@media screen and (max-width:1280px) {
	body .header-section1-right p.hs1-2-time {
		font-size: 1em;
		margin-block-end: 0;
	}

	body .header-section1-right p.hs1-2-tel {
		font-size: 1.5em;
		margin-block-start: 0;
	}

	header {
		background-size: 100% 40px;
	}

	header h1 {
		margin-bottom: 16px;
		padding-top: 4px;
	}

	header h1#arch img {
		height: 30px;
	}

	header .header-section1 {
		height: 70px;
	}

	header .header-section1-inner {
		height: 70px;
	}

	.header-section1-left {
		height: 70px;
	}

	.header-section1-right {
		height: 70px;
	}

	header .header-section1 h2 {
		font-size: 270%;
	}

	ul.out-nav1 img {
		width: 150px;
		height: 110px;
	}

	ul.out-nav2 img {
		width: 150px;
		height: 110px;
	}

	.out-nav1 {
		margin-top: 12px;
	}

	.out-nav2 {
		margin-top: -126px;
		margin-bottom: -98px;
	}

	nav.header-section2-inner ul li.nav01 {
		width: 130px;
	}

	/* サブページメインビジュアル調整 */
	.main-visual {
		height: 355px;
		background-size: 1352px 355px;
	}

	#contact .page-header-wrap2-inner {
		height: 362px;
		background-size: 1312px 362px;
	}

	/* サブページカレント情報調整 */
	nav.header-section2-inner ul li.main-nav-current {
		border: 10px dotted #500047;
	}

	#office-info .page-current p {
		left: 314px;
	}

	#about-use .page-current p {
		left: 508px;
	}

	#flow-of-the-day .page-current p {
		left: 696px;
	}

	#voice-of-member .page-current p {
		left: 884px;
	}
}


/* PC調整[1366x768画面倍率125％] */
@media screen and (max-width:1094px) {
	/* -------- */
	/* 共通部分 */
	/* -------- */

	/* ヘッダー */
	header {
		background-size: 100% 30px;
	}

	header h1 {
		margin-bottom: 20px;
		padding-top: 3px;
	}

	header h1#arch img {
		height: 20px;
	}

	header .header-section1 {
		height: 60px;
	}

	header .header-section1-inner {
		width: 100%;
		height: 60px
	}

	.header-section2-inner {
		width: 100%;
	}

	/* ヘッダーメニュー */
	ul.out-nav1 img {
		width: 110px;
		height: 78px;
	}

	ul.out-nav2 img {
		width: 110px;
		height: 78px;
	}

	.out-nav2 {
		margin-top: -112px;
		margin-bottom: -89px;
	}

	ul.out-nav1 img {
		margin-top: -46px;
		margin-bottom: 6px;
	}

	.header-section1-left {
		width: 695px;
	}

	header .header-section1 h2 {
		font-size: 200%;
	}

	header .header-section1 img {
		width: 60px;
		margin-left: 250px;
	}

	.header-section1-left {
		height: 60px;
	}

	.header-section1-right {
		height: 60px;
	}

	body .header-section1-right p.hs1-2-time {
		font-size: 0.7em;
	}

	body .header-section1-right p.hs1-2-tel {
		font-size: 1.15em;
	}

	/* メインビジュアル */
	.main-visual {
		height: 290px;
		background-size: 1105px 290px;
	}

	#contact .page-header-wrap2-inner {
		width: 1094px;
		height: 290px;
		background-size: 1105px 290px;
	}

	#contact .main-image-messege {
		font-size: 1.1em;
	}

	#contact .messege1 {
		right: 43px;
		top: 5px;
	}

	#contact .messege2 {
		top: 222px;
	}

	/* メインナビ */
	.header-section2 {
		height: 86px;
	}

	nav.header-section2-inner ul li.main-nav-li:first-child {
		margin-left: 200px;
	}

	nav.header-section2-inner ul li.nav01,
	nav.header-section2-inner ul li.nav02,
	nav.header-section2-inner ul li.nav03,
	nav.header-section2-inner ul li.nav04 {
		margin: 0 3%;
	}

	/* サブページカレント */
	nav.header-section2-inner ul li.main-nav-li,
	nav.header-section2-inner ul li.main-nav-current {
		padding: 8px;
	}

	nav.header-section2-inner ul li.main-nav-current {
		border: 8px dotted #500047;
		padding: 0;
	}

	nav.header-section2-inner ul li.main-nav-li,
	nav.header-section2-inner ul li.main-nav-current {
		height: 85px;
	}

	.page-current {
		width: 100%;
	}

	.page-current p {
		top: -3px;
	}

	nav.header-section2-inner ul li.main-nav-li img.mainnav-img01 {
		width: 80%;
	}

	#office-info .page-current p {
		left: 254px;
	}

	#about-use .page-current p {
		left: 444px;
	}

	#flow-of-the-day .page-current p {
		left: 627px;
	}

	#voice-of-member .page-current p {
		left: 811px;
	}


	/* サブページレイアウト調整 */
	.sub-menu-wrapper1 {
		height: 180px;
		margin-top: 15px;
	}

	.sub-menu-wrapper1 h3 {
		font-size: 2.3em;
		margin-left: 25%;
	}

	#voice-of-member .sub-menu-wrapper1 {
		margin-top: -30px;
	}

	#about-use .sub-menu-wrap1 h3 {
		margin-left: 10%;
	}

	.sub-menu-wrap1 .wrap-inner2 {
		width: 54%;
		margin: 0 5%;
	}

	/* メンバーの声 */
	#voice-of-member .sub-menu-wrapper1 h3 {
		font-size: 2.3em;
		margin-left: 0;
	}

	/* フッター */
	.footer1 {
		width: 100%;
	}

	.footer2 {
		width: 100%;
	}

	.footer-pack {
		margin: 0 80px 0 50px;
	}
}

/* スポーサーリンク*/
#banner-volunteer_recruitment {
	margin: 0 7%;
}

#banner-volunteer_recruitment img {
	width: 100%;
	height: auto;
}