@charset "utf-8";

/*
**************************************************************************
*	ひまわりママ common.css
**************************************************************************/

/**オレンジ色 #f8b551**/

@media (max-width: 767px) {
}
/* --------------------------------------------------
		common - reset YUI
-------------------------------------------------- */
/**
YUI 3.10.0 (build a03ce0e)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/** cssreset */
html {
	color: #110700;
	background: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}*/
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select {
	font-size: 100%;
}
legend {
	color: #000;
}
.alignC{
	text-align: center;
}
/* Font設定
------------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

@media all and (-ms-high-contrast: none) {
html {
	font-family: Verdana, Meiryo, sans-serif;
}
}

@media all and (-ms-high-contrast: active) {
html {
	font-family: Verdana, Meiryo, sans-serif;
}
}
/* --------------------------------------------------
		common - base
-------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	font-weight: 400;
	line-height: 1.7;
	color: #110700;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	overflow-y: scroll;
}
body {
	font-size: 1.6rem;
}
a {
	outline : none;
	color: #110700;
	text-decoration: underline;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
a:hover {
	color: #ea4106;
}
a.fade {
	transition: opacity .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
a.fade:hover {
	opacity: 0.7;
}
a img {
	transition: 1.0s;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto !important;
}
.cfx:after {
	content: "";
	display: table;
	clear: both;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.modBox-inr {
	position: relative;
	width: 100%;
	max-width: 1800px;
	padding: 0 2.19941%;
	box-sizing: border-box;
	margin: 0 auto;
}
ul.inline {
	letter-spacing: -0.4em;
}
ul.inline > li {
	letter-spacing: 0;
	display: inline-block;
}
.bold {
	font-weight: 700;
}

@media (max-width: 767px) {
body {
	font-size: 1.4rem;
}
a:hover {
	color: #e22e16;
}
a.fade:hover {
	opacity: 1;
}
img.w100 {
	width: 100%;
	height: auto !important;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
.modBox-inr {
	padding: 0 5.33333%;
	max-width: none;
}
}
/* decided
-----------------------------------------------*/
/* new clearfix */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.clear {
	clear: both;
}
.txtB {
	font-weight: bold;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.font-12 {
	font-size: 85.7%;
}
.font-13 {
	font-size: 92.9%;
}
.font-15 {
	font-size: 107.1%;
}
.font-16 {
	font-size: 114.3%;
}
.font-17 {
	font-size: 121.4%;
}
.font-18 {
	font-size: 128.6%;
}
.font-19 {
	font-size: 135.7%;
}
.font-20 {
	font-size: 142.9%;
}
.font-21 {
	font-size: 150.0%;
}
.font-22 {
	font-size: 157.1%;
}
.font-23 {
	font-size: 164.3%;
}
.font-24 {
	font-size: 171.4%;
}
.mt00 {
	margin-top: 0px;
}
.mt00 {
	margin-top: 0px;
}
.mt05 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt55 {
	margin-top: 55px;
}
.mt60 {
	margin-top: 60px;
}
.mt65 {
	margin-top: 65px;
}
.mt70 {
	margin-top: 70px;
}
.mt75 {
	margin-top: 75px;
}
.mt80 {
	margin-top: 80px;
}
.mt85 {
	margin-top: 85px;
}
.mt90 {
	margin-top: 90px;
}
.mt95 {
	margin-top: 95px;
}
.mt100 {
	margin-top: 100px;
}
.mt110 {
	margin-top: 110px;
}
.mt120 {
	margin-top: 120px;
}
.mt130 {
	margin-top: 130px;
}
.mt140 {
	margin-top: 140px;
}
.mt150 {
	margin-top: 150px;
}
.mt160 {
	margin-top: 160px;
}
.mt170 {
	margin-top: 170px;
}
.mt180 {
	margin-top: 180px;
}
.mt190 {
	margin-top: 190px;
}
.mt260 {
	margin-top: 200px;
}
.mb00 {
	margin-bottom: 0px;
}
.mb05 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb55 {
	margin-bottom: 55px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb65 {
	margin-bottom: 65px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb75 {
	margin-bottom: 75px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb85 {
	margin-bottom: 85px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb95 {
	margin-bottom: 95px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb110 {
	margin-bottom: 110px;
}
.mb120 {
	margin-bottom: 120px;
}
.mb130 {
	margin-bottom: 130px;
}
.mb140 {
	margin-bottom: 140px;
}
.mb150 {
	margin-bottom: 150px;
}
.mb160 {
	margin-bottom: 160px;
}
.mb170 {
	margin-bottom: 170px;
}
.mb180 {
	margin-bottom: 180px;
}
.mb190 {
	margin-bottom: 190px;
}
.mb260 {
	margin-bottom: 200px;
}
.pb10 {
	padding-bottom: 10px;
}
.ml05 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.lineH10 {
	line-height: 1em;
}
.lineH12 {
	line-height: 1.2em;
}
.lineH14 {
	line-height: 1.4em;
}
.lineH16 {
	line-height: 1.6em;
}

.fontS{
    font-size: 90%;
}
.fontM{
    font-size: 120%;
}
.colorO{
    color: #e3931c;


}
.opa:hover {
	cursor: pointer;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	opacity: 0.8;
	zoom: 1;
}
/* --------------------------------------------------
		wrapper
-------------------------------------------------- */
.wrapper {
	width: 100%;
	padding: 0 30px;
	text-align: left;
}
.wrapper2 {
	width: 100%;
	text-align: left;
}
.sideMrg {
	width: 100%;
	margin: 0 30px;
}

@media (min-width: 1400px) {
.wrapper {
	width: 1400px;
	margin: 0 auto;
}
}

@media (max-width: 767px) {
.wrapper {
	width: 100%;
	padding: 0;
}
}
/* --------------------------------------------------
		header
-------------------------------------------------- */
.headBlock {
	width: 100%;
	padding: 0.5em 20px;
	margin-bottom: 5px;
	background: #fc832b url(../img/base/pc_head_bg.gif) no-repeat;
	background-size: cover;
	background-position: bottom;
	font-size: 0.85em;
}
@media (max-width: 767px) {
.headBlock {
	font-size: 0.75em;
}
}
/* サブナビゲーション */
ul.subNav {
	text-align: right;
}
ul.subNav li {
	display: inline;
	padding: 0 8px;
}
ul.subNav li+ li {
	border-left: 1px solid #fff;
}
ul.subNav li a {
	color: #fff;
	text-decoration: none;
}
ul.subNav li a:hover {
	text-decoration: underline;
}
/* キービジュアル */
.visual {
	width: 100%;
	position: relative;
}
.visual .logo {
	width: 25%;
	position: absolute;
	top: 10px;
	left: 30px;
}
.visual h1 {
	width: 25%;
	position: absolute;
	top: 70px;
	left: 30px;
}
.visual .catch {
	width: 9%;
	position: absolute;
	top: 10px;
	right: 30px;
}


.visual h1.secTtl{
	width: 35%;
	position: absolute;
	top: 10%;
	left: 30px;
}

@media (max-width: 767px) {
.visual .catch {
	width: 70%;
	position: absolute;
	top: 75%;
	left: 10px;
}

.visual h1.secTtl{
	width: 90%;
	position: absolute;
	top: 10%;
	left: 20px;
}
.spHeadInfo{
		padding: 20px 20px 10px 20px ;
}
	.spHeadInfo .infoBlock{
		margin-top: 1em;
		border-radius: 15px;
		background: #fef4e5;
		padding: 20px 10px;
		text-align: center;
		font-size: 1.2em;
	}
	
	.spHeadInfo .infoBlock .tel{
		font-size: 1.4em;
		font-weight: 900;
	}

}

/* メインナビ */
.mainNav {
	padding: 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #bdc7b4;
}
.mainNav .h1-list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	border-left: 2px solid #bdc7b4;
}
.mainNav .sp-nav {
	display: none;
}
.mainNav .pc-nav {
	width: 16.6666667%;
	padding: 0 10px;
	border-right: 2px solid #bdc7b4;
	box-sizing: border-box;
}
.mainNav .pc-nav a {
	display: table;
	width: 100%;
	height: 100%;
	font-size: 1.1em;
	font-weight: 900;
	line-height: 1.2em;
	text-decoration: none;
}
.mainNav .pc-nav a:hover {
	color: #fff;
	background: #fc832b;
}
.mainNav .pc-nav span {
	padding: 0.5em 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

@media (max-width: 957px) {
.mainNav .pc-nav span br {
	display: none;
}
}

@media (max-width: 767px) {
.headBlock {
	position: relative;
	padding: 0.5em 0;
	margin-bottom: 0;
	font-size: 1.1rem;
}
.headBlock .floatL {
	float: none;
	color: #ffffff;
	text-align: center;
}
@media (max-width: 320px) {
.headBlock {
	font-size: 0.95rem;
}
}
.headBlock-navOpen {
	position: absolute;
	z-index: 10;
	bottom: -55px;
	right: 10px;
	width: 45px;
	height: 45px;
	background-image: url(../img/header_nav_menu01.png);
	background-size: 45px 45px;
	font-size: 0;
	text-indent: -9999px;
	border-radius: 4px 4px;
}
.mainNav {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	padding: 0 0;
	margin-bottom: 0;
	border-bottom: none;
}
.mainNav a:hover {
	color: #110700;
}
.mainNav-box {
	position: fixed;
	z-index: 10;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
}
.mainNav-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background-color: rgba(255,255,255,0.8);
}
.mainNav-inr {
	position: relative;
	z-index: 2;
	overflow-y: auto;
	height: calc(100% - 50px);
	-webkit-overflow-scrolling: touch;
}
.mainNav .h1-ttl {
	padding: 10px 10px 0;
	max-width: 375px;
	margin: 0 auto;
}
.mainNav .h1-list {
	display: block;
	border-left: none;
	padding: 10px 10px;
}
.mainNav .h1-list > li {
	display: block;
	width: 100%;
	padding: 0 0;
	margin-bottom: 5px;
	border-radius: 4px 4px;
	border: 1px solid #fc832b;
}
.mainNav .h1-list > li > a {
	position: relative;
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	padding: 4px 10px;
	text-decoration: none;
	box-sizing: border-box;
}
.mainNav .h1-list > li a:hover {
	color: #110700;
	background: transparent;
}
.mainNav .h1-list > li > a span {
	padding: 0 0;
	display: inline;
}
.mainNav .h1-list > li > a.toggle:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
	width: 25px;
	height: 25px;
	background-image: url(../img/header_nav_menu03.png);
	background-size: 25px 50px;
	border-radius: 4px 4px;
}
.mainNav .h1-list > li > a.toggle.open:after {
	background-position: 0 -25px;
}
.mainNav .h1-list > li.tel a {
	font-size: 2.0rem;
	line-height: 1.4;
	color: #ffffff;
	background-color: #fc832b;
}
.mainNav .h1-list > li.tel a span {
	font-size: 1.4rem;
}
.mainNav .h2-list {
	display: none;
}
.mainNav .h2-list li:last-child {
	padding-bottom: 5px;
}
.mainNav .h2-list li a {
	display: block;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.6;
	padding: 2px 10px 2px 20px;
	box-sizing: border-box;
}
.bottomNav {
	position: fixed;
	z-index: 20;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fc832b;
	padding: 5px 5px;
}
.bottomNav ul {
	display: flex;
	width: 100%;
}
.bottomNav li {
	padding-left: 5px;
	width: 45px;
}
.bottomNav li a {
	display: block;
	height: 40px;
	border-radius: 4px 4px;
	background-color: #ffffff;
	box-shadow: 0 2px 0 #bfbfbf;
	text-align: center;
	text-decoration: none;
}
.bottomNav li:nth-child(1) {
	padding-left: 0;
	width: auto;
	width: calc(100% - 90px);
}
.bottomNav li:nth-child(1) a {
	font-size: 1.6rem;
	line-height: 40px;
}
.bottomNav li:nth-child(2) a {
	width: 40px;
	background-image: url(https://himawarimama.org/wp/wp-content/themes/himawarimama/img/header_nav_home01.png);
	background-size: 40px 40px;
	font-size: 0;
	text-indent: -9999px;
}
.bottomNav li:nth-child(3) a {
	width: 40px;
	background-image: url(https://himawarimama.org/wp/wp-content/themes/himawarimama/img/header_nav_menu02.png);
	background-size: 40px 80px;
	font-size: 0;
	text-indent: -9999px;
}
.bottomNav li:nth-child(3) a.open {
	background-position: 0 -40px;
}
}


.jigyoListBox{
	background: #ffe7d6;
	border-radius: 10px;
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	padding: 0.5em 1em;
}
@media (max-width: 767px) {
	.jigyoListBox{
		display: block;
		margin: 20px 20px 0;
		padding: 1em;
	}
	#top .jigyoListBox{
		margin: 0 20px 50px;
	}
}
.jigyoListBox .list{
	flex-wrap: wrap;
	display: flex;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	.jigyoListBox .list{
		justify-content: center;
		margin: 0.8em 0 0;
	}
}
.jigyoListBox .ttl{
	font-weight: bold;
	line-height: 1.1em;
	width: auto;
	margin: 0 0.8em 0 0;
	flex-shrink: 0;
}
@media (max-width: 767px) {
	.jigyoListBox .ttl{
		margin: 0;
		text-align: center;
	}
}

.jigyoListBox .list li a{
	display: block;
	background: #fff;
	text-decoration: none;
	border-radius: 50px;
	text-decoration: none;
	margin: 0.2em 0.3em;
	padding: 0.4em 0.8em;
	transition: .2s;
	line-height: 1em;
}
.jigyoListBox .list li a:hover{
	color: #fff;
}
.jigyoListBox li.categoryHoiku a{
    border: 2px solid #f5393a;
}
.jigyoListBox li.categoryHoiku a:hover{
    background:#f5393a;
}

.jigyoListBox li.categoryRapport a{
    border: 2px solid #323264;
}
.jigyoListBox li.categoryRapport a:hover{
    background:#323264;
}

.jigyoListBox li.categoryFamisapo a{
    border: 2px solid #8fc320;
}
.jigyoListBox li.categoryFamisapo a:hover{
    background:#8fc320;
}

.jigyoListBox li.categoryRakuru a{
    border: 2px solid #654e26;
}
.jigyoListBox li.categoryRakuru a:hover{
    background:#654e26;
}

.jigyoListBox li.categoryMidori a{
    border: 2px solid #029837;
}
.jigyoListBox li.categoryMidori a:hover{
    background:#029837;
}

.jigyoListBox li.categorySakura a{
    border: 2px solid #e45dad;
}
.jigyoListBox li.categorySakura a:hover{
    background:#e45dad;
}

.jigyoListBox li.categoryBerry a{
    border: 2px solid #00a1e9;
}
.jigyoListBox li.categoryBerry a:hover{
    background:#00a1e9;
}

.jigyoListBox li.categoryNews a{
    border: 2px solid #eb6100;
}
.jigyoListBox li.categoryNews a:hover{
    background:#eb6100;
}

.jigyoListBox li.categoryEvent a{
    border: 2px solid #b545b5;
}
.jigyoListBox li.categoryEvent a:hover{
    background:#b545b5;
}

.jigyoListBox li.categorySanjoku a{
    border: 2px solid #1852be;
}
.jigyoListBox li.categorySanjoku a:hover{
    background:#1852be;
}

.jigyoListBox li.categoryHoikuen a{
    border: 2px solid #eaa500;
}
.jigyoListBox li.categoryHoikuen a:hover{
    background:#eaa500;
}

.jigyoListBox li.categorySaiyou a{
    border: 2px solid #14c6c0;
}
.jigyoListBox li.categorySaiyou a:hover{
    background:#14c6c0;
}


.jigyoListBox li.categoryHoiku,
.jigyoListBox li.categoryRapport,
.jigyoListBox li.categoryFamisapo,
.jigyoListBox li.categoryRakuru,
.jigyoListBox li.categoryMidori,
.jigyoListBox li.categorySakura,
.jigyoListBox li.categoryBerry,
.jigyoListBox li.categoryNews,
.jigyoListBox li.categoryEvent,
.jigyoListBox li.categorySanjoku,
.jigyoListBox li.categorySaiyou,
.jigyoListBox li.categoryHoikuen{
    background: none;
}

/**jigyoListBox/


/* --------------------------------------------------
		footer
-------------------------------------------------- */
.footer {
	margin: 0 auto;
	width: 100%;
	padding: 4em 0;
}
.footer .btmContact {
	background: url(https://himawarimama.org/wp/wp-content/themes/himawarimama/img/base/footer_pattern.gif);
	background-size: cover 50%;
	padding: 25px 0 40px 0;
	line-height: 1.4em;
	font-size: 0.9em;
}
.btmName {
	width: 275px;
	padding-bottom: 1em;
}
.footer .btmContact h2 {
	margin-bottom: 0.5em;
}
.gimukyokuBlock p {
	float: left;
	padding-right: 2em;
}
.copyBlock {
	margin: 0 auto;
	text-align: center;
	padding: 4em 0 0 0;
}
.copyBlock .mark {
	margin: 0 auto;
	width: 100px;
	padding-bottom: 2em;
}
.copyBlock p {
	font-size: 0.7em;
}

@media (max-width: 767px) {
.footer .btmContact {
	padding: 25px 20px 40px 20px;
	line-height: 1.4em;
	font-size: 0.9em;
}
.gimukyokuBlock p {
	float: none;
	padding: 0 0 2em 0;
}
.copyBlock {
	margin: 0 auto;
	text-align: center;
	padding: 2em 0 2em 0;
}
}
/* --------------------------------------------------
		共通パーツ
-------------------------------------------------- */
.alingC {
	text-align: center;
	margin: 0 auto;
}
.alingR {
	text-align: right;
}
.alingL {
	text-align: left;
}
.btn {
	margin: 0 auto;
	padding: 2em 0 0 0;
	width: 100%;
	text-align: center;
}
.btn2 {
	text-align: left;
	margin: 0 auto;
	padding: 2em 0 0 0;
}
.btn3 {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 0 0;
}
.btn a {
	display: block;
	width: 400px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 1em;
	font-weight: 900;
	background: #fff;
	box-shadow: 0 0 0 1px #fc832b, 0 0 0 3px #fff, 0 0 0 4px #fc832b;
}
.btn2 a {
	display: inline-block;
	width: 300px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.2em;
	background: #fff;
	box-shadow: 0 0 0 1px #fc832b, 0 0 0 3px #fff, 0 0 0 4px #fc832b;
}
.btn3 a {
	display: inline-block;
	width: 300px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.2em;
	background: #fff;
	box-shadow: 0 0 0 1px #fc832b, 0 0 0 3px #fff, 0 0 0 4px #fc832b;
}
.btn a:hover, .btn2 a:hover, .btn3 a:hover {
	background: #fc832b;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #fc832b, 0 0 0 4px #fff;
	color: #fff;
}

@media (max-width: 767px) {
.btn2 {
	text-align: center;
}
}

/* --------------------------------------------------
		contents
-------------------------------------------------- */
.contentWrap {
	margin: 20px 0;
	width: 100%;
	position: relative;
}
.boderTop {
	border-top: 1px solid #bdc7b4;
}

.boderBtm {
	border-bottom: 1px solid #bdc7b4;
	margin-bottom: 40px;
}

.secContWrap{
	margin: 20px auto;
	width: 1020px;
	position: relative;
}

.secContWrap .tagNameTitle{/*タグ一覧のタグタイトル*/
	font-size: 1.6em;
    font-weight: bold;
	padding: 0 0 0 0.4em;
    line-height: 1.3em;
    margin: 0 0 1em;
}


.secContWrap .mainCont{
	float: left;
	width: 65%;
}
.secContWrap .subCont{
	float: right;
	width: 30%;
}

@media (max-width: 1020px) {
.secContWrap{
	padding: 0 20px;
	width: 100%;
}
}
@media (max-width: 767px) {
.secContWrap{
	padding: 0 20px;
	width: 100%;
}
.secContWrap .mainCont{
	float: none;
	width: 100%;
}
.secContWrap .subCont{
	float: none;
	width: 100%;
	padding-top: 40px;
}
}



/*　各コンテンツタイトル　*/
.ttl {
	width: 375px;
	margin-left: 50px;
}
.ttl .line {
	background: url(../img/base/ttl_bg.png) no-repeat;
	background-size: 375px;
	background-position: bottom;
}

.secMainTtl {
	width: 100%;
	margin: 40px 0 100px 0;
	text-align: center;
	position: relative;
	display: inline-block;
}
.secMainTtl:after {
	position: absolute;
	left: 50%;
	bottom: -20px;
    background-color: #fc832b;
    border-radius: 5px;
    content: "";
    display: block;
	width: 110px;
    height: 10px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
		
.ttl h2,
.secMainTtl h2{
	font-size: 2em;
	line-height: 1.1em;
	font-weight: 900;
	text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
	padding: 7px 7px 0;
}
.ttl p.engTtl{
	font-size: 1em;
	line-height: 1em;
	font-weight: 900;
	color: #fff;
	padding: 0 0 7px 10px;
}
.ttl .moreLink {
	font-size: 0.85em;
	padding-top: 0.75em;
}
.ttl .moreLink:before {
	content: " ";
	margin: 0 5px 0 5px;
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../img/base/link_arrow.png);
	background-size: contain;
	vertical-align: middle;
}

@media (max-width: 767px) {
.contentWrap {
	margin: 10px 0;
	/*padding: 0 20px;*/
	width: 100%;
	position: relative;
	font-size: 1.15em;
}
.ttl {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0 20px;
}
.ttl .line {
	background: url(../img/base/ttl_bg.png) repeat-x;
	background-size: 375px;
	background-position: bottom;
}
.ttl h2 {
	padding: 7px 7px;
	font-size: 1.55em;
}
}

/*　サイド部分　*/

.sideTtl {
	background-image: linear-gradient(to top, #f8b551 40%, transparent 40%);
	font-size: 1.6em;
	font-weight: 900;
	text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
	padding: 0 5px;
	margin: -30px 0 10px 0;
}

/*　パンくずリスト　*/
ul.topicpath{
	margin: -20px 0 20px 0;
	font-size: 0.85em;
}
ul.topicpath li{
	display: inline-block;
}
ul.topicpath li:before{
	content: "　|　"
}
ul.topicpath li:first-child:before{
	content: none;
}

@media (max-width: 767px) {
ul.topicpath{
	margin: 0 0 20px 0;
}
}

/* --------------------------------------------------
		top News
-------------------------------------------------- */
/*　Newsタイトル 位置調整、背景画像設定　*/


.newsTtl {
	margin-top: 120px;
}
.newsBG {
	position: absolute;
	top: 30px;
	left: 200px;
	z-index: -2;
}
.newsBG img.imageCut {
	border-radius: 50%;
	width: 50%;
	height: 50%;
}
.newsBG img.imagePattern {
	position: absolute;
	top: 25px;
	left: 25px;
	border-radius: 50%;
	width: 50%;
	height: 50%;
	z-index: -2;
}
/*　ニュースピックアップ部分　*/
ul.newsBlock {
	width: 50%;
	float: right;
	margin-top: -210px;
	margin-right: 60px;
}
ul.newsBlock a {
	text-decoration: none;
}
.newsBalloon {
	position: relative;
	display: inline-block;
	margin: 0 0 1.5em 15px;
	padding: 18px 20px;
	/*min-width: 120px;*/
	width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.newsBalloon .flex{
	display: flex;
	align-items: flex-start;
}
@media (max-width: 767px) {
	.newsBalloon .flex{
		display: block;
	}
}
.newsBalloon .catBox{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 1em;
}
@media (max-width: 767px) {
	.newsBalloon .catBox{
		margin: 0;
	}
}
.newsBalloon .baloonTtl{
	font-weight: bold;
}


.balloonLeft {
	margin: 0 0 1.5em 15px;
}
.balloonRight {
	margin: 0 15px 1.5em 0;
}
.newsBalloon:before {
	content: "";
	position: absolute;
	top: 40px;
	margin-top: -12px;
	border: 12px solid transparent;
	z-index: 2;
}
.newsBalloon:after {
	content: "";
	position: absolute;
	top: 40px;
	margin-top: -14px;
	border: 14px solid transparent;
	z-index: 1;
}
.balloonLeft:before {
	left: -24px;
	border-right: 12px solid #FFF;
}
.balloonLeft:after {
	left: -30px;
}
.balloonRight:before {
	right: -24px;
	border-left: 12px solid #FFF;
}
.balloonRight:after {
	right: -30px;
}
p.dateBlock {
	margin-bottom: 0.5em;
	flex-shrink: 0;
}
.newsCategory {
	display: inline-block;
    margin-left: 2em;
    width: 200px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}


@media (max-width: 767px) {
.newsTtl {
	margin-top: 1em;
}
ul.newsBlock {
	width: 100%;
	float: none;
	padding: 10px 40px 10px 20px;
	margin: 0;
}
}
/*　カテゴリーカラー　
--------------------------------------------------------------*/

/*個人保育・集団保育*/
.colorHoiku {
	border: solid 3px #f5393a;
}
.balloonLeftHoiku:after {
	border-right: 14px solid #f5393a;
}
.balloonRightHoiku:after {
	border-left: 14px solid #f5393a;
}
.categoryHoiku {
	background: #f5393a;
}

.subCont .categoryHoiku,
.answerLinkList .categoryHoiku{
	background: #fff;
	border: #f5393a 2px solid;
}
.cat-item-kojin_syuudan_hoiku
 {
	background: #f5393a;
}
.subCont .cat-item-kojin_syuudan_hoiku {
	background: #fff;
	border: #f5393a 2px solid;
}
.subCont .recruit_kojinsyuudan {
	background: #fff;
	border: #f5393a 2px solid;
}
ul.newsTagList li.kojin_syuudan_hoiku a{/*サイドバータグ*/
	background: #fff;
	border: #f5393a 2px solid;
}
.secContWrap .tagNameTitle.kojin_syuudan_hoiku{/*タグ一覧のタイトル*/
	color: #f5393a;
	border-left: 0.4em #f5393a solid;
}

/*ラポール*/
.colorRapport {
	border: solid 3px #323264;
}
.balloonLeftRapport:after {
	border-right: 14px solid #323264;
}
.balloonRightRapport:after {
	border-left: 14px solid #323264;
}
.categoryRapport {
	background: #323264;
}
.subCont .categoryRapport,
.answerLinkList .categoryRapport {
	background: #fff;
	border: #323264 2px solid;
}
.cat-item-rapouru {
	background: #323264;
}
.subCont .cat-item-rapouru {
	background: #fff;
	border: #323264 2px solid;
}
.subCont .recruit_rapoul {
	background: #fff;
	border: #323264 2px solid;
}
ul.newsTagList li.rapouru a{/*サイドバータグ*/
	background: #fff;
	border: #323264 2px solid;
}
.secContWrap .tagNameTitle.rapouru{/*タグ一覧のタイトル*/
	color: #323264;
	border-left: 0.4em #323264 solid;
}
/*ファミサポ*/
.colorFamisapo {
	border: solid 3px #8fc320;
}
.balloonLeftFamisapo:after {
	border-right: 14px solid #8fc320;
}
.balloonRightFamisapo:after {
	border-left: 14px solid #8fc320;
}
.categoryFamisapo {
	background: #8fc320;
}
.subCont .categoryFamisapo,
.answerLinkList .categoryFamisapo {
	background: #fff;
	border: #8fc320 2px solid;
}
.cat-item-family_support {
	background: #8fc320;
}
.subCont .cat-item-family_support {
	background: #fff;
	border: #8fc320 2px solid;
}
.subCont .recruit_famisapo {
	background: #fff;
	border: #8fc320 2px solid;
}
ul.newsTagList li.family_support a{/*サイドバータグ*/
	background: #fff;
	border: #8fc320 2px solid;
}
.secContWrap .tagNameTitle.family_support{/*タグ一覧のタイトル*/
	color: #8fc320;
	border-left: 0.4em #8fc320 solid;
}
/*RAKURU*/
.colorRakuru {
	border: solid 3px #654e26;
}
.balloonLeftRakuru:after {
	border-right: 14px solid #654e26;
}
.balloonRightRakuru:after {
	border-left: 14px solid #654e26;
}
.categoryRakuru {
	background: #654e26;
}
.subCont .categoryRakuru,
.answerLinkList .categoryRakuru {
	background: #fff;
	border: #654e26 2px solid;
}
.cat-item-rakuru {
	background: #654e26;
}
.subCont .cat-item-rakuru {
	background: #fff;
	border: #654e26 2px solid;
}
.subCont .recruit_rakuru {
	background: #fff;
	border: #654e26 2px solid;
}
ul.newsTagList li.rakuru a{/*サイドバータグ*/
	background: #fff;
	border: #654e26 2px solid;
}
.secContWrap .tagNameTitle.rakuru{/*タグ一覧のタイトル*/
	color: #654e26;
	border-left: 0.4em #654e26 solid;
}
/*産褥サポート*/
.colorSanjoku {
	border: solid 3px #1852be;
}
.balloonLeftSanjoku:after {
	border-right: 14px solid #1852be;
}
.balloonRightSanjoku:after {
	border-left: 14px solid #1852be;
}
.categorySanjoku {
	background: #1852be;
}
.subCont .categorySanjoku,
.answerLinkList .categorySanjoku {
	background: #fff;
	border: #1852be 2px solid;
}
.cat-item-sanjoku {
	background: #1852be;
}
.subCont .cat-item-sanjoku {
	background: #fff;
	border: #1852be 2px solid;
}
.subCont .recruit_sanjoku {
	background: #fff;
	border: #1852be 2px solid;
}
ul.newsTagList li.sanjoku a{/*サイドバータグ*/
	background: #fff;
	border: #1852be 2px solid;
}
.secContWrap .tagNameTitle.sanjoku{/*タグ一覧のタイトル*/
	color: #1852be;
	border-left: 0.4em #1852be solid;
}
/*講座・イベント*/
.colorEvent {
	border: solid 3px #b545b5;
}
.balloonLeftEvent:after {
	border-right: 14px solid #b545b5;
}
.balloonRightEvent:after {
	border-left: 14px solid #b545b5;
}
.categoryEvent {
	background: #b545b5;
}
.subCont .categoryEvent,
.answerLinkList .categoryEvent {
	background: #fff;
	border: #b545b5 2px solid;
}
.cat-item-event {
	background: #b545b5;
}
.subCont .cat-item-event {
	background: #fff;
	border: #b545b5 2px solid;
}
.subCont .recruit_event {
	background: #fff;
	border: #b545b5 2px solid;
}
ul.newsTagList li.event a{/*サイドバータグ*/
	background: #fff;
	border: #b545b5 2px solid;
}
.secContWrap .tagNameTitle.event{/*タグ一覧のタイトル*/
	color: #b545b5;
	border-left: 0.4em #b545b5 solid;
}
/*ひとり親家庭・産前産後ヘルパー*/
.colorHitorioya,
.colorSanzensango {
	border: solid 3px #eb6100;
}
.balloonLeftHitorioya:after,
.balloonLeftSanzensango:after {
	border-right: 14px solid #eb6100;
}
.balloonRightHitorioya:after,
.balloonRightSanzensango:after {
	border-left: 14px solid #eb6100;
}
.categoryHitorioya,
.categorySanzensango {
	background: #eb6100;
}
.subCont .categoryHitorioya,
.answerLinkList .categoryHitorioya,
.subCont .categorySanzensango,
.answerLinkList .categorySanzensango {
	background: #fff;
	border: #eb6100 2px solid;
}
.cat-item-hitorioya,
.cat-item-sanzensango {
	background: #eb6100;
}
.subCont .cat-item-hitorioya,
.subCont .cat-item-sanzensango {
	background: #fff;
	border: #eb6100 2px solid;
}
.subCont .recruit_hitorioya,
.subCont .recruit_sanzensango {
	background: #fff;
	border: #eb6100 2px solid;
}
ul.newsTagList li.hitorioya a,
ul.newsTagList li.sanzensango a{/*サイドバータグ*/
	background: #fff;
	border: #eb6100 2px solid;
}
.secContWrap .tagNameTitle.hitorioya,
.secContWrap .tagNameTitle.sanzensango{/*タグ一覧のタイトル*/
	color: #eb6100;
	border-left: 0.4em #eb6100 solid;
}
/*個人保育・集団保育*/
.colorKojinhoiku,
.colorSyudanhoiku {
	border: solid 3px #f5393a;
}
.balloonLeftKojinhoiku:after,
.balloonLeftSyudanhoiku:after {
	border-right: 14px solid #f5393a;
}
.balloonRightKojinhoiku:after,
.balloonRightSyudanhoiku:after {
	border-left: 14px solid #f5393a;
}
.categoryKojinhoiku,
.categorySyudanhoiku {
	background: #f5393a;
}
.subCont .categoryKojinhoiku,
.answerLinkList .categoryKojinhoiku,
.subCont .categorySyudanhoiku,
.answerLinkList .categorySyudanhoiku {
	background: #fff;
	border: #f5393a 2px solid;
}
.cat-item-kojinhoiku,
.cat-item-syudanhoiku {
	background: #f5393a;
}
.subCont .cat-item-kojinhoiku,
.subCont .cat-item-syudanhoiku {
	background: #fff;
	border: #f5393a 2px solid;
}
.subCont .recruit_kojinhoiku,
.subCont .recruit_syudanhoiku {
	background: #fff;
	border: #f5393a 2px solid;
}
ul.newsTagList li.kojinhoiku a,
ul.newsTagList li.syudanhoiku a{/*サイドバータグ*/
	background: #fff;
	border: #f5393a 2px solid;
}
.secContWrap .tagNameTitle.kojinhoiku,
.secContWrap .tagNameTitle.syudanhoiku{/*タグ一覧のタイトル*/
	color: #f5393a;
	border-left: 0.4em #f5393a solid;
}

/*ひまわり保育園*/
.colorHoikuen {
	border: solid 3px #eaa500;
}
.balloonLeftHoikuen:after {
	border-right: 14px solid #eaa500;
}
.balloonRightHoikuen:after {
	border-left: 14px solid #eaa500;
}
.categoryHoikuen {
	background: #eaa500;
}
.subCont .categoryHoikuen,
.answerLinkList .categoryHoikuen {
	background: #fff;
	border: #eaa500 2px solid;
}
.cat-item-himawarihoikuen {
	background: #eaa500;
}
.subCont .cat-item-himawarihoikuen {
	background: #fff;
	border: #eaa500 2px solid;
}
.subCont .recruit_himawarihoikuen {
	background: #fff;
	border: #eaa500 2px solid;
}
ul.newsTagList li.himawarihoikuen a{/*サイドバータグ*/
	background: #fff;
	border: #eaa500 2px solid;
}
.secContWrap .tagNameTitle.himawarihoikuen{/*タグ一覧のタイトル*/
	color: #eaa500;
	border-left: 0.4em #eaa500 solid;
}
/*保育室さくら*/
.colorSakura {
	border: solid 3px #e45dad;
}
.balloonLeftSakura:after {
	border-right: 14px solid #e45dad;
}
.balloonRightSakura:after {
	border-left: 14px solid #e45dad;
}
.categorySakura {
	background: #e45dad;
}
.subCont .categorySakura,
.answerLinkList .categorySakura {
	background: #fff;
	border: #e45dad 2px solid;
}
.cat-item-hoikusitusakura {
	background: #e45dad;
}
.subCont .cat-item-hoikusitusakura {
	background: #fff;
	border: #e45dad 2px solid;
}
.subCont .recruit_sakura {
	background: #fff;
	border: #e45dad 2px solid;
}
ul.newsTagList li.hoikusitusakura a{/*サイドバータグ*/
	background: #fff;
	border: #e45dad 2px solid;
}
.secContWrap .tagNameTitle.hoikusitusakura{/*タグ一覧のタイトル*/
	color: #e45dad;
	border-left: 0.4em #e45dad solid;
}
/*保育室みどり*/
.colorMidori {
	border: solid 3px #029837;
}
.balloonLeftMidori:after {
	border-right: 14px solid #029837;
}
.balloonRightMidori:after {
	border-left: 14px solid #029837;
}
.categoryMidori {
	background: #029837;
}
.subCont .categoryMidori,
.answerLinkList .categoryMidori {
	background: #fff;
	border: #029837 2px solid;
}
.cat-item-hoikusitumidori {
	background: #029837;
}
.subCont .cat-item-hoikusitumidori {
	background: #fff;
	border: #029837 2px solid;
}
.subCont .recruit_midori {
	background: #fff;
	border: #029837 2px solid;
}
ul.newsTagList li.hoikusitumidori a{/*サイドバータグ*/
	background: #fff;
	border: #029837 2px solid;
}
.secContWrap .tagNameTitle.hoikusitumidori{/*タグ一覧のタイトル*/
	color: #029837;
	border-left: 0.4em #029837 solid;
}
/*ベリールーム*/
.colorBerry {
	border: solid 3px #00a1e9;
}
.balloonLeftBerry:after {
	border-right: 14px solid #00a1e9;
}
.balloonRightBerry:after {
	border-left: 14px solid #00a1e9;
}
.categoryBerry {
	background: #00a1e9;
}
.subCont .categoryBerry,
.answerLinkList .categoryBerry {
	background: #fff;
	border: #00a1e9 2px solid;
}
.cat-item-hoikusituberiroom {
	background: #00a1e9;
}
.subCont .cat-item-hoikusituberiroom {
	background: #fff;
	border: #00a1e9 2px solid;
}
.subCont .recruit_beriiroom {
	background: #fff;
	border: #00a1e9 2px solid;
}
ul.newsTagList li.hoikusituberiroom a{/*サイドバータグ*/
	background: #fff;
	border: #00a1e9 2px solid;
}
.secContWrap .tagNameTitle.hoikusituberiroom{/*タグ一覧のタイトル*/
	color: #00a1e9;
	border-left: 0.4em #00a1e9 solid;
}
/*一時保育*/
.colorIchiji {
	border: solid 3px #15af97;
}
.balloonLeftIchiji:after {
	border-right: 14px solid #15af97;
}
.balloonRightIchiji:after {
	border-left: 14px solid #15af97;
}
.categoryIchiji {
	background: #15af97;
}
.subCont .categoryIchiji,
.answerLinkList .categoryIchiji{
	background: #fff;
	border: #15af97 2px solid;
}
.cat-item-ichiji_hoiku {
	background: #15af97;
}
.subCont .cat-item-ichiji_hoiku {
	background: #fff;
	border: #15af97 2px solid;
}
.subCont .recruit_itiji {
	background: #fff;
	border: #15af97 2px solid;
}
/*イベントセミナー*/
.colorEvent {
	border: solid 3px #b545b5;
}
.balloonLeftEvent:after {
	border-right: 14px solid #b545b5;
}
.balloonRightEvent:after {
	border-left: 14px solid #b545b5;
}
.categoryEvent {
	background: #b545b5;
}
.subCont .categoryEvent,
.answerLinkList .categoryEvent {
	background: #fff;
	border: #b545b5 2px solid;
}
.cat-item-events {
	background: #b545b5;
}
.subCont .cat-item-events {
	background: #fff;
	border: #b545b5 2px solid;
}
.subCont .recruit_kouza {
	background: #fff;
	border: #b545b5 2px solid;
}
ul.newsCateList li.cat-item-events a{/*サイドバーカテゴリ*/
	background: #b545b5;
}

/*産褥サポート*/
.colorSanjoku {
	border: solid 3px #1852be;
}
.balloonLeftSanjoku:after {
	border-right: 14px solid #1852be;
}
.balloonRightSanjoku:after {
	border-left: 14px solid #1852be;
}
.categorySanjoku {
	background: #1852be;
}
.subCont .categorySanjoku,
.answerLinkList .categorySanjoku {
	background: #fff;
	border: #1852be 2px solid;
}
.cat-item-sanjoku {
	background: #1852be;
}
.subCont .cat-item-sanjoku {
	background: #fff;
	border: #1852be 2px solid;
}
.subCont .sanjoku_kouza {
	background: #fff;
	border: #1852be 2px solid;
}

/*採用情報*/
.colorSaiyou {
	border: solid 3px #14c6c0;
}
.balloonLeftSaiyou:after {
	border-right: 14px solid #14c6c0;
}
.balloonRightSaiyou:after {
	border-left: 14px solid #14c6c0;
}
.categorySaiyou {
	background: #14c6c0;
}
.subCont .categorySaiyou,
.answerLinkList .categorySaiyou {
	background: #fff;
	border: #14c6c0 2px solid;
}
.cat-item-Saiyou {
	background: #14c6c0;
}
.subCont .cat-item-saiyou {
	background: #fff;
	border: #14c6c0 2px solid;
}
.subCont .recruit_saiyou {
	background: #fff;
	border: #14c6c0 2px solid;
}
ul.newsCateList li.cat-item-saiyou a{/*サイドバーカテゴリ*/
	background: #14c6c0;
}

/*にその他のニュース*/
.colorNews {
	border: solid 3px #eb6100;
}
.balloonLeftNews:after {
	border-right: 14px solid #eb6100;
}
.balloonRightNews:after {
	border-left: 14px solid #eb6100;
}
.categoryNews {
	background: #eb6100;
}
.subCont .categoryNews,
.answerLinkList .categoryNews{
	background: #fff;
	border: #eb6100 2px solid;
}
.cat-item-information {
	background: #eb6100;
}
.subCont .cat-item-information {
	background: #fff;
	border: #eb6100 2px solid;
}
.subCont .jimukyoku {
	background: #fff;
	border: #eb6100 2px solid;
}
ul.newsCateList li.cat-item-information a{/*サイドバーカテゴリ*/
	background: #eb6100;
}

/* --------------------------------------------------
		top Howto
-------------------------------------------------- */

.howtoTtl {
	margin-top: 40px;
	margin-bottom: 40px;
}
.topSlide .swiper-container {
	text-align: center;
	margin-bottom: 70px;
}
.topSlide .swiper-container .swiper-slide img {
	max-width: 100%;
	height: auto;
}
.prettyprint {
	border: none;
	background: #fafafa;
	color: #fc832b;
}
.topSlide .swiper-button-prev, .swiper-button-next {
	border: #fc832b;
}
.topSlide .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 21px !important;
    height: 100px !important;
    margin-top: -50px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 21px 100px !important;
    -webkit-background-size: 21px 100px !important;
    background-size: 21px 100px !important;
    background-position: center;
    background-repeat: no-repeat;
}
.topSlide .swiper-button-prev{
    background-image: url(../img/top/slide_prev.png) !important;
}
.topSlide .swiper-button-next{
    background-image: url(../img/top/slide_next.png) !important;
}
.topSlide img.slideImg {
	border-radius: 50%;
	border: 6px solid #fc832b;
    box-sizing: border-box;
}
.topSlide .swiper-container {
	text-align: center;
	margin-bottom: 70px;
}
.topSlide .swiper-container .swiper-slide img {
	max-width: 100%;
	height: auto;
}
.prettyprint {
	border: none;
	background: #fafafa;
	color: #fc832b;
}
.topSlide .swiper-button-prev, .swiper-button-next {
	border: #fc832b;
}
.topSlide .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 21px !important;
    height: 100px !important;
    margin-top: -50px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 21px 100px !important;
    -webkit-background-size: 21px 100px !important;
    background-size: 21px 100px !important;
    background-position: center;
    background-repeat: no-repeat;
}
.topSlide .swiper-button-prev{
    background-image: url(../img/top/slide_prev.png) !important;
}
.topSlide .swiper-button-next{
    background-image: url(../img/top/slide_next.png) !important;
}
.topSlide img.slideImg {
	border-radius: 50%;
	border: 6px solid #fc832b;
    box-sizing: border-box;
}
/* --------------------------------------------------
		top Jigyo
-------------------------------------------------- */

.jigyoTtl {
	margin-top: 40px;
	margin-bottom: 40px;
}
.jigyoBG {
	position: absolute;
	text-align: right;
	top: 10px;
	right: 0;
	z-index: -2;
}
.jigyoBG img.imageCut {
	border-radius: 50%;
	width: 50%;
	height: 50%;
}
.jigyoBG img.imagePattern {
	position: absolute;
	top: 25px;
	right: -25px;
	border-radius: 50%;
	width: 50%;
	height: 50%;
	z-index: -2;
}
ul.jigyoList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 100px;
}
ul.jigyoList li {
	text-align: center;
	width: 320px;
	margin: 0 20px 40px 20px;
}
ul.jigyoList li img {
	/*width: 50%;*/
	border-radius: 15px;
	border: 3px solid #fc832b;
}
ul.jigyoList li p {
	padding-top: 0.5em;
	font-size: 1.2em;
	font-weight: 900;
}
ul.jigyoList li a {
	text-decoration: none;
}

@media (max-width: 767px) {
ul.jigyoList {
	padding-top: 0;
}
ul.jigyoList li {
	text-align: center;
	width: 50%;
	margin: 0;
	padding: 0 20px 30px 20px;
}
ul.jigyoList li p {
	padding-top: 0.2em;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 500;
}
}
/* --------------------------------------------------
		top Ayumi
-------------------------------------------------- */

.ayumiTtl {
	margin-top: 40px;
	margin-bottom: 40px;
}
.ayumiBlock {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.ayumiBlock .imgBlock {
	width: 50%;
	position: relative;
	/*height: 100%;
	min-height: 450px;*/
	display: block;
	padding-bottom: 50px;
}
.ayumiBlock .imgBlock:before{
	content: "";
	display: block;
	padding-top: 70%;
}
.ayumiBlock .imgBlock .mainImg {
	border-radius: 15px;
	width: 90%;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
}
.ayumiBlock .imgBlock .bgImg {
	border-radius: 15px;
	width: 90%;
	height: 100%;
	z-index: -2;
	position: absolute;
	bottom: 0;
	left: 0;
}
.ayumiBlock .txtBloc {
	margin-top: -80px;
	width: 50%;
	padding: 0 20px 0 60px;
}

@media (max-width: 767px) {
.ayumiBlock {
	padding: 0 0 60px 0;
	display: block;
	justify-content: center;
}
.ayumiBlock .imgBlock {
	width: 100%;
	min-height: 200%;
	display: block;
	padding-bottom: 50px;
}
.ayumiBlock .imgBlock .mainImg {
	border-radius: 15px 0 0 15px / 15px 0 0 15px;
	top: 0;
	right: 0;
}
.ayumiBlock .imgBlock .bgImg {
	border-radius: 0 15px 15px 0 / 0 15px 15px 0;
	bottom: 0;
	left: 0;
}
.ayumiBlock .txtBloc {
	margin-top: 20px;
	width: 100%;
	padding: 0 20px;
}
}
/* --------------------------------------------------
		top Boshu
-------------------------------------------------- */

.boshuTtl {
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
}
.boshuHead {
	float: right;
	width: 55%;
	padding: 50px 0 0 0;
}
.boshuBlock {
	width: 100%;
	padding: 6em 0 2em 0;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.boshuBlock .setBlock {
	width: 40%;
	margin: 0 2em;
}
.boshuBlock .setBlock h3 {
	background-image: linear-gradient(to top, #f8b551 40%, transparent 40%);
	font-size: 1.6em;
	font-weight: 900;
	text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
	padding: 5px 5px 0 5px;
}
.boshuBlock .setBlock h3 span {
	font-size: 0.75em;
}
.boshuBlock .setBlock img {
	border-radius: 15px;
	margin: 1em 0;
}
.boshuBlock .setBlock p.catch {
	font-size: 1.4em;
	font-weight: 500;
	padding-bottom: 0.5em;
}

@media (max-width: 767px) {
.boshuHead {
	float: none;
	width: 100%;
	padding: 0 20px ;
}
.boshuBlock {
	width: 100%;
	padding: 0 20px 60px 20px;
	display: block;
	justify-content: center;
	align-items: stretch;
}
.boshuBlock .setBlock {
	width: 100%;
	margin: 0;
	padding: 40px 0 0 0;
}
	.boshuBlock .setBlock h3{
		font-size: 1.25em;
	}
}

.boshuBlock02 {/*相互会員制についてページ用*/
    border-top: 1px solid #ccc;
    margin-top: 90px;
}
@media (max-width: 767px) {/*相互会員制についてページ用*/
.boshuBlock02 {
	width: 100%;
    margin-top: 50px;    
	padding: 0 0 60px;
	display: block;
	justify-content: center;
	align-items: stretch;
}
.boshuBlock02 .setBlock {
	width: 100%;
	margin: 0;
	margin: 40px 0 0 0;
}
	.boshuBlock02 .setBlock h3{
		font-size: 1.45em;
	}
}



/* --------------------------------------------------
		top Recruit
-------------------------------------------------- */

.recruitTtl {
	margin-top: 40px;
	margin-bottom: 40px;
}
ul.recruitList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
ul.recruitList li {
	padding: 20px 10px;
	width: 50%;
}
ul.recruitList li img {
	width: 150px;
	margin-right: 1em;
	border-radius: 15px;
	border: 3px solid #fc832b;
	float: left;
}
ul.recruitList li a {
	text-decoration: none;
}
ul.recruitList li h3 {
	font-size: 1.2em;
	font-weight: 600;
	padding: 0.2em 0;
}
ul.recruitList li p.dateTxt {
	font-size: 0.9em;
}
ul.recruitList li span.placeTxt {
	margin-left: 2em;
	font-weight: 600;
}
ul.recruitList li p.txtBlock {
	line-height: 1.2em;
}
ul.recruitList li:nth-child(odd) {
	padding-left: 40px;
}
ul.recruitList li:nth-child(even) {
	padding-right: 40px;
}
ul.recruitList li:nth-child(1) {
	background: #fff7eb;
}
ul.recruitList li:nth-child(2) {
	background: #fff7eb;
}
ul.recruitList li:nth-child(3) {
	background: #f9e1bb;
}
ul.recruitList li:nth-child(4) {
	background: #f9e1bb;
}
ul.recruitList li:nth-child(5) {
	background: #fff7eb;
}
ul.recruitList li:nth-child(6) {
	background: #fff7eb;
}

@media (max-width: 767px) {
ul.recruitList {
	display: block;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
ul.recruitList li {
	padding: 20px 20px;
	width: 100%;
}
ul.recruitList li img {
	width: 20%;
	margin-right: 1em;
	border-radius: 15px;
	border: 3px solid #fc832b;
	float: left;
}
	ul.recruitList li:nth-child(odd) {
	padding-left: 20px;
}
ul.recruitList li:nth-child(even) {
	padding-right: 20px;
}
	ul.recruitList li:nth-child(1) {
	background: #fff7eb;
}
ul.recruitList li:nth-child(2) {
	background: #f9e1bb;
}
ul.recruitList li:nth-child(3) {
	background: #fff7eb;
}
ul.recruitList li:nth-child(4) {
	background: #f9e1bb;
}
ul.recruitList li:nth-child(5) {
	background: #fff7eb;
}
ul.recruitList li:nth-child(6) {
	background: #f9e1bb;
}
}



/* --------------------------------------------------
		2nd News & recruit
-------------------------------------------------- */

/*　Newsトップ　*/
.secNews dl{
	font-size: 1em;
	border-top: 1px solid #cdc6c1;
}
.secNews dl dt{
	font-size: 0.85em;
	margin: 1em 0.25em;
}
.secNews dl dt span{
	float: right;
}
.secNews dl dd{
	margin: 1em 0.25em;
	padding-bottom: 1em;
	border-bottom: 1px solid #cdc6c1;
}
.secNews dl dd h3{
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.2em;
	padding-bottom: 0.5em;
}
.secNews dl dd p{
	line-height: 1.2em;
	padding-bottom: 0.5em;
}
.secNews dl dd p.more{
	float: right;
	font-size: 0.85em;
	padding-top: 1em;
}

.secNews dl dd p.more:after {
	content: " ";
	margin: 0 0 0 5px;
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../img/base/link_arrow.png);
	background-size: contain;
	vertical-align: middle;
}

.secNews dl a{
	text-decoration: none;
}

/*　ページネーション　*/
.pager {
    overflow: hidden;
	padding: 20px 0 60px 0;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 2px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 0.85em;
    padding: 0.2em 1em;
    border-radius: 100px;
}
 
.pager ul li a {
    background: #fff;
	border: 1px solid #ccc;
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #fc832b;
	border: 1px solid #fc832b;
    color: #FFF;
}


/*　News個別ページ　*/
.secNewsDetail{
	padding-bottom: 40px;
}

.secNewsDetail h3{
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1.2em;
	background-image: linear-gradient(to top, #f8b551 40%, transparent 40%);
	text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
	padding: 5px 5px 5px 5px;
	margin: -25px 0 20px 0;
}

/*タグリスト*/
.secNewsDetail ul.newsTagList{
	margin: 2em 0 0 !important;
}
.secNewsDetail ul.newsTagList li {
	margin: 0 0.4em 0.5em 0 !important;
}
.secNewsDetail ul.newsTagList li a{
	font-size: 0.87em;
}

.secNewsDetail .flex{
	display: flex;
	margin: 0 0 1em;
	justify-content: space-between;
}
.secNewsDetail .catBox{
	width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
@media (max-width: 767px) {
	.secNewsDetail .catBox{
		justify-content: flex-start;
	}
}

.secNewsDetail .dateBlock{
	padding: 0 5px 20px 5px;
	flex-shrink: 0;
	margin: 0 !important;
}
.secNewsDetail p{
	font-size: 1.15em;
	line-height: 1.6em;
	padding: 0 5px 2em 5px;
}

.secNewsDetail img{
	width: 100%;
}

/*　カテゴリーリスト　*/
ul.newsCateList li {
	font-size: 0.80em;
    line-height: 1.2em;
	display: inline-block;
	margin: 0 0.2em 0.5em 0;
	padding: 0.2em 0.85em;
	/*width: 200px;*/
	color: #fff;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}
ul.newsCateList li a{
	color: #110700;
	text-decoration: none;
	line-height: 1.2em;
}
ul.newsCateList li a:hover{
	text-decoration: underline;
}

/*　サイド部分 カテゴリーリスト　*/
.secNews ul.newsCateList li {
	font-size: 1em;
    line-height: 1.2em;
	display: block;
	margin: 0 0.2em 0.5em 0;
	padding: 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	/*vertical-align: middle;*/
	border: none !important;
}
.secNews ul.newsCateList li a{
	color: #fff;/*110700*/
	text-decoration: none;
	line-height: 1.2em;
	padding: 0.5em 0.85em;
	width: auto;
	display: block;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	transition: opacity .3s;
}
.secNews ul.newsCateList li a:hover{
	opacity: 0.6;
}

/*　サイド部分 タグリスト*/
ul.newsTagList li {
	font-size: 0.8em;
    line-height: 1.2em;
	display: inline-block;
	margin: 0 0.4em 0.5em 0;
	padding: 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
@media (max-width: 767px) {
	ul.newsTagList li {
		font-size: 100%;
	}
}
ul.newsTagList li a{
	color: #110700;
	text-decoration: none;
	line-height: 1.2em;
	padding: 0.3em 0.6em;
	width: auto;
	display: block;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	transition: opacity .3s;
}
ul.newsTagList li a:hover{
	text-decoration: underline;
}

/*　サイド部分 最近の記事リスト　*/
dl.sideNewsNav dt{
	font-size: 0.8em;
	padding: 0.2em 0.5em;
	margin: 0.2em 0;
}
dl.sideNewsNav dd{
	margin: 0 auto;
	padding: 0.5em;
	line-height: 1.2em;
}
dl.sideNewsNav dd.lastLink{
	font-size: 0.85em;
	border-bottom: none;
	text-align-last: right;
}

/*　サイド部分 アーカイブ　*/
dl.archive {
	border: none;
}
dl.archive dt{
    border-top:1px dotted #ccc;
    margin-top:10px;
    padding-top:10px
}

dl.archive dt a{
    display:inline-block;
    margin-bottom:0;
    padding:0 0 0 0.5em;
}

dl.archive dt:first-child{
    border-top:none;
    margin-top:0;
    padding-top:0;
}

dl.archive dd{
    margin-bottom:0.5em;
	border: none;
}

dl.archive dd ul:before,
dl.archive dd ul:after{
    content:"";display:table;
}


dl.archive dd ul:after{
    clear:both;
}

dl.archive dd ul li{
    float:left;
    width:22.4444444%;
    margin:0 10px 10px 0;
}

dl.archive dd ul li a{
    display:block;
    padding:1px 4px;
    text-align:center;
    background:#ffd597;
    border-radius:4px;
}

dl.archive dd ul li:nth-child(4n){
    margin-right:0
}

dl.archive dd ul li.current a{
    background:#006599;
    color:#fff;
}

dl.archive dd ul li a:hover,
dl.archive dd ul li a:focus{
    text-decoration:none;
}

dl.archive dt:nth-child(n+2),
dl.archive dd:nth-child(n+3){
    display:none;
}

.more2 {
	text-align: right;
	font-size: 0.85em;
}
.more2 a{
	text-decoration: none;
}


/*　採用情報　*/

table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 100%
}
table.type01 th {
	width: 20%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}
table.type01 td {
	padding: 10px;
	vertical-align: top;
}

.contentsBox{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	width: 100%;
	box-sizing: border-box;
	padding: 1em;
	margin: 2em 0;

}

.boxColor1{
	background-color: #fdf5ef;
}
.boxColor2{
	background-color: #f2fcda;
}
.boxColor3{
	background-color: #fcebf3;
}


/* --------------------------------------------------
		2nd 事業の案内
-------------------------------------------------- */

/*　事業リスト　*/
.secJigyo ul.jigyoList{
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.secJigyo ul.jigyoList li {
    display: table-cell;
    width: auto;
    padding: 0 10px;
    margin: 5px 8px;
}
.secJigyo ul.jigyoList li a{
	color: #fff;
}
.secJigyo ul.jigyoList li a:hover{
	/*color: #fff;*/
	text-decoration: underline;
}


.secJigyo .gaiyoWrap{
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content: space-between;
	align-content: stretch;
	
	display: inline-flex;
	padding: 40px 0;
}

.secJigyo .gaiyoWrap .detailBlock{
	border: 1px solid #ccc;
	padding: 20px 20px 230px 20px;
	width: 48%;
	margin-bottom: 4%;
	position: relative;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}

.secJigyo .gaiyoWrap .detailBlock h3{
	font-size: 1.6em;
	font-weight: 600;
	text-align: center;
}

.secJigyo .gaiyoWrap .detailBlock img{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-bottom: 1.58em;
}

.secJigyo .gaiyoWrap .detailBlock .deco{
	border-bottom: 1px solid #ccc;
    margin: 20px 0 0 0;
    padding: 5px;
    display: inline-block;
}

.secJigyo .gaiyoWrap .detailBlock .btmAura{
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
.secJigyo .gaiyoWrap .detailBlock .linkList{
	margin: 0 20px 20px;
}
.secJigyo .gaiyoWrap .detailBlock .linkList p{
	font-size: 1.1em;
	font-weight: 900;
	padding-bottom: 0.5em;
}
@media (max-width: 767px) {
.secJigyo .gaiyoWrap .detailBlock{
	border: 1px solid #ccc;
	padding: 20px 20px 240px 20px;
	width: 100%;
	margin-bottom: 4%;
	position: relative;
}
}

.contactBox{
	background: #f5393a;
	border-radius: 20px;
	max-width: 490px;
	width: 100%;
	margin: 0 auto 70px;
	color: #fff;
	text-align: center;
	padding: 10px 15px 20px;
	font-size: 0.9em;
	font-weight: bold;
}
@media (max-width: 767px) {
	.contactBox{
		font-size: 0.8em;
		width: 90%;
	}
}
.contactBox.rapport{
	background: #323264;
	margin: 40px auto 0;
}
.contactBox.hoikuen{
	background: #eaa500;
	margin: 40px auto 0;
}
.contactBox.sakura{
	background: #e45dad;
	margin: 40px auto 0;
}
.contactBox.midori{
	background: #029837;
	margin: 40px auto 0;
}
.contactBox.berry{
	background: #00a1e9;
	margin: 40px auto 90px;
}
.contactBox.sanzen{
	background: #eb6100;
	margin: 40px auto 0;
}
.contactBox.single{
	background: #eb6100;
	margin: 40px auto 0;
}
.contactBox.event{
	background: #b545b5;
	margin: 40px auto 0;
}
.contactBox.sanjoku{
	background: #1852be;
	margin: 40px auto 0;
}

	
.contactBox .txt span{
	font-size: 1.25em;
}
.contactBox .box{
	display: flex;
	justify-content: center;
	line-height: 1em;
	margin: 0.5em 0 0;

}
.contactBox .phone{
	flex-shrink: 0;
	margin: 0.3em 0 0;
}
.contactBox .phone a{
	font-size: 1.8em;
	letter-spacing: 0.05em;
	color: #fff;
}
.contactBox .phone a:hover{
	color: #fff;
}
.contactBox .btn{
	display: inline-block;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0;
	width: auto;
}
.contactBox .btn a {
	display: block;
	border-radius: 50px;
	padding: 0.3em 0.8em 0.35em;
	width: auto;
	font-size: 1em;
	font-weight: 900;
	background: #fff;
	box-shadow: none;
	color: #f5393a;
	transition: .2s;
}
.contactBox .btn a:hover {
	text-decoration: underline;
}



.secJigyo .gaiyoWrap .detailBlock .contactBox{
	background: #f5393a;
	border-radius: 0;
	color: #fff;
	border-bottom-left-radius : 20px;
	border-bottom-right-radius : 20px;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	padding: 10px 18px 16px;
	text-align: left;
	max-width: 100%;
}
@media (max-width: 767px) {
	.secJigyo .gaiyoWrap .detailBlock .contactBox{
		width: 100%;
		font-size: 1em;
	}
}

.secJigyo .gaiyoWrap #rapport .contactBox{
	background: #323264;
}
.secJigyo .gaiyoWrap #famisapo .contactBox{
	background: #8fc320;
}
.secJigyo .gaiyoWrap #rakuru .contactBox{
	background: #654e26;
}
.secJigyo .gaiyoWrap #hoikuen .contactBox{
	background: #eaa500;
}
.secJigyo .gaiyoWrap #sakura .contactBox{
	background: #e45dad;
}
.secJigyo .gaiyoWrap #midori .contactBox{
	background: #029837;
}
.secJigyo .gaiyoWrap #berry .contactBox{
	background: #00a1e9;
}
.secJigyo .gaiyoWrap #sanzen .contactBox{
	background: #eb6100;
}
.secJigyo .gaiyoWrap #single .contactBox{
	background: #eb6100;
}
.secJigyo .gaiyoWrap #event .contactBox{
	background: #b545b5;
}
.secJigyo .gaiyoWrap #sanjoku .contactBox{
	background: #1852be;
}
.secJigyo .gaiyoWrap .detailBlock .contactBox .box{
	justify-content: flex-start;
	margin: 0.3em 0 0;
	/*align-items: center;*/
}
.secJigyo .gaiyoWrap .detailBlock .contactBox .phone a{
	font-size: 1.3em;
	letter-spacing: 0.05em;
	color: #fff;
}
.secJigyo .gaiyoWrap .detailBlock .contactBox .btn{
	display: inline-block;
	margin: 0 0 0 1em;
	padding: 0 0 0 0;
	width: auto;
}
.secJigyo .gaiyoWrap .detailBlock .contactBox .btn a {
	display: block;
	border-radius: 50px;
	padding: 0.3em 0.8em 0.35em;
	width: auto;
	font-size: 1em;
	font-weight: 900;
	background: #fff;
	box-shadow: none;
	color: #f5393a;
	transition: .2s;
  }
  .secJigyo .gaiyoWrap .detailBlock .contactBox .btn a:hover {
	text-decoration: underline;
  }
  .secJigyo .gaiyoWrap #rapport .contactBox .btn a {
	color: #323264;
  }
  .secJigyo .gaiyoWrap #famisapo .contactBox .btn a {
	color: #8fc320;
  }
.secJigyo .gaiyoWrap #rakuru .contactBox .btn a {
	color: #654e26;
  }
  .secJigyo .gaiyoWrap #hoikuen .contactBox .btn a {
	color: #eaa500;
  }
  .secJigyo .gaiyoWrap #sakura .contactBox .btn a {
	color: #e45dad;
  }
  .secJigyo .gaiyoWrap #midori .contactBox .btn a {
	color: #029837;
  }
  .secJigyo .gaiyoWrap #berry .contactBox .btn a {
	color: #00a1e9;
  }
  .secJigyo .gaiyoWrap #sanzen .contactBox .btn a {
	color: #eb6100;
  }
  .secJigyo .gaiyoWrap #single .contactBox .btn a {
	color: #eb6100;
  }
  .secJigyo .gaiyoWrap #event .contactBox .btn a {
	color: #b545b5;
  }
  .secJigyo .gaiyoWrap #sanjoku .contactBox .btn a {
	color: #1852be;
  }
  .secJigyo .gaiyoWrap #saiyou .contactBox .btn a {
	color: #14c6c0;
  }
.secJigyo ul.jigyoList li{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;

}
.secJigyo ul.jigyoList li a{
    color: #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

ul.jigyoList li.categoryHoiku{
    background: none;
    border: 2px solid #f5393a;
}
ul.jigyoList li.categoryRapport{
    background: none;
    border: 2px solid #323264;
}
ul.jigyoList li.categoryFamisapo{
    background: none;
    border: 2px solid #8fc320;
}
ul.jigyoList li.categoryRakuru{
    background: none;
    border: 2px solid #654e26;
}
ul.jigyoList li.categoryMidori{
    background: none;
    border: 2px solid #029837;
}
ul.jigyoList li.categorySakura{
    background: none;
    border: 2px solid #e45dad;
}
ul.jigyoList li.categoryBerry{
    background: none;
    border: 2px solid #00a1e9;
}
ul.jigyoList li.categoryNews{
    background: none;
    border: 2px solid #eb6100;
}
ul.jigyoList li.categoryEvent{
    background: none;
    border: 2px solid #b545b5;
}
ul.jigyoList li.categorySanjoku{
    background: none;
    border: 2px solid #1852be;
}
ul.jigyoList li.categoryHoikuen{
    background: none;
    border: 2px solid #eaa500;
}
ul.jigyoList li.categorySaiyou{
    background: none;
    border: 2px solid #14c6c0;
}



/* --------------------------------------------------
		2nd こんなときは
-------------------------------------------------- */
.secHowTo {
	width: 80%;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.secHowTo {
	width: 100%;
}
}

.secHowTo ul li.howtoList{
	padding: 2em 0;
	border-bottom: 2px dotted #ccc;
}

/*　質問　*/
.secHowTo .questionBlock{
	width: 100%;
	position: relative;
	padding-bottom: 1em;
}
.secHowTo img.questionImg {
	width: 20%;
	border-radius: 50%;
	border: 6px solid #fc832b;
	float: left;
	margin: 0;
}
.secHowTo .questionBalloon {
	vertical-align: middle;
	position: relative;
	display: inline-block;
	margin:1.5em 0 1.5em 15px;
	padding: 18px 20px;
	/*min-width: 120px;*/
	width: 75%;
	color: #555;
	font-size: 1.1em;
	font-weight: 600;
	background: #FFF;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.secHowTo .questionBalloon:before {
	content: "";
	position: absolute;
	top: 40px;
	margin-top: -12px;
	border: 12px solid transparent;
	z-index: 2;
}
.secHowTo .questionBalloon:after {
	content: "";
	position: absolute;
	top: 40px;
	margin-top: -14px;
	border: 14px solid transparent;
	z-index: 1;
}
.secHowTo .balloonLeft:before {
	left: -24px;
	border-right: 12px solid #FFF;
}
.secHowTo .balloonLeft:after {
	left: -30px;
}
.secHowTo .balloonLeftNews:after {
	border-right: 14px solid #eb6100;
}
@media (max-width: 767px) {
.secHowTo .questionBalloon {
	margin:0 0 1em 1em;
	width: 72%;
}
}

/*　回答　*/
.secHowTo .answerBlock{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #fdf5ef;
	width: 90%;
	position: relative;
	padding: 1em 1.2em;
	margin: 0 auto;
}

.answerTtl{
	font-size: 1.2em;
	font-weight: 600;
	padding-bottom: 0.1em;
}
.secHowTo .answerBlock h4.linkTtl{
	font-weight: 600;
	padding: 1em 0 0.5em 0;
}
.secHowTo .answerBlock ul.answerLinkList li {
	font-size: 0.85em;
	display: inline-block;
	margin: 0 0.2em 0.5em 0;
	padding: 0 0.85em;
	/*width: 200px;*/
	color: #fff;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}
.secHowTo .answerBlock ul.answerLinkList li a{
	color: #110700;
	text-decoration: none;
	line-height: 1.2em;
}
.secHowTo .answerBlock ul.answerLinkList li a:hover{
	text-decoration: underline;
}


/* --------------------------------------------------
		2nd プライバシー
-------------------------------------------------- */
.secPrivacy {
	width: 70%;
	margin: 0 auto;
}
.secPrivacy h3{
	font-size: 1.4em;
	font-weight: 900;
}
.secPrivacy h4{
	font-size: 1.2em;
	font-weight: 900;
	padding-top: 3em;
	margin-top: 2em;
	border-top: 1px solid #eee;
}
.secPrivacy p{
	padding: 1em 0;
}
.secPrivacy ol{
	list-style: decimal;
	padding: 1em 0 1em 1.5em;
}
.secPrivacy ol li{
	padding: 0.5em 0;
}

@media (max-width: 767px) {
	.secPrivacy {
	width: 90%;
}
}


/* --------------------------------------------------
		2nd お問合せ・見学・取材
-------------------------------------------------- */
.secContact {
	width: 70%;
	margin: 0 auto;
}
.secContact .blockOne{
	border: 3px solid #ffc79f;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 2.5rem 3rem 4rem 3rem;
	margin: 0 0 4rem 0;
}

.secContact h3 {
	width: 100%;
	font-size: 1.4em;
	font-weight: 900;
	margin: 0 0 4emx 0;
	text-align: center;
	position: relative;
	display: inline-block;
}
.secContact h3:after {
	position: absolute;
	left: 50%;
	bottom: -10px;
    background-color: #fc832b;
    border-radius: 5px;
    content: "";
    display: block;
	width: 55px;
    height: 5px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.secContact h4{
	font-size: 1.2em;
	font-weight: 900;
	padding-top: 3em;
	border-bottom: 2px solid #eee;
}
.secContact h5{
	font-size: 1.1em;
	font-weight: 900;
	padding: 0.25em 0.5em;
	margin-top: 2em;
	border-left: 5px solid #fc832b;
}
.secContact p{
	padding: 1em 0;
}
.secContact ul{
	list-style: disc;
	padding: 1em 0 1em 1.5em;
}
.secContact ul li{
	padding: 0.5em 0;
}


.secContact .mw_wp_form{
	background: #fbefe7;
	padding: 2em;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
}

@media (max-width: 767px) {
	.secContact {
	width: 100%;
}
	.secContact .blockOne{
	padding: 1rem 1.5rem 2rem 1.5rem;
	margin: 0 0 4rem 0;
}
}



/* --------------------------------------------------
		2nd template
-------------------------------------------------- */
a[href^="tel:"] { cursor: default; text-decoration: none; }
a[href^="tel:"]:hover { color: #110700;}

.pcNone{
    display: none;
}
@media screen and  (max-width:767px) {
.pcNone{
    display: block;
}
}
.indent{
padding-left: 1em;
text-indent: -1em;
}
.noIndent{
padding-left: 0;
text-indent: 0;
}

.verticalM{
    vertical-align: middle;
}

.imgBoxC{
    text-align: center;
}

.lineYa{
    border-bottom: 3px dotted #e3931c;
}
.bdrNone{
    border: none !important;
}


.subTemp h3{
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1.2em;
	background-image: linear-gradient(to top, #f8b551 40%, transparent 40%);
	text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
	padding: 5px 5px 5px 5px;
	margin: -25px 0 20px 0;
}
.subTemp .boxYa{
	margin: 90px 0 0 0;
}

.subTemp .subBoxYa{
    margin: 0 20px;
}

.subTemp .boxFYa01{
    float: right;
}
.subTemp .boxFYa02{
    float: left;
    width: 440px;
}
.subTemp .boxFYa03{
    float: right;
    width: 400px;
}
@media (max-width: 1100px) {
    .subTemp .boxFYa01,.subTemp .boxFYa02,.subTemp .boxFYa03{
        float: none;
        margin-right:0;
        margin-left:0;
        width: auto;
    }
}
.subTemp .boxFYa01a{
    float: left;

}
.subTemp .boxFYa02a{
    float: left;
}
@media (max-width: 1100px) {
    .subTemp .boxFYa01,.subTemp .boxFYa02{
        float: none;
        margin-right:0;
        margin-left:0;
        width: auto;
    }
}



.subTemp .tblYa{
  border-collapse: separate;
  border-spacing: 5px;
}
.subTemp .tblYa td,th{
  padding: 10px;
}
.subTemp .tblYa .colorNum{
  background: #d1ffd1;
}
.subTemp .tblYa .color01{
  background: #fffbd2;
}
.subTemp .tblYa .color02{
  background: #ffeed2;
}

.subTemp .tblYa2{
  border-collapse: separate;
  border-spacing: 5px;
  text-align: left;
}
@media (max-width: 767px) {
    .subTemp .tblYa2.yakuin{
        width: 800px;
    }
    .subTemp .tblYa2.suii01{
        width: 600px;
    }
    .subTemp .tblYa2.suii02{
        width: 600px;
    }
}




.subTemp .tblYa2 td,th{
  padding: 10px;
}
.subTemp .tblYa2 th{
  background: #d1ffd1;
}
.subTemp .tblYa2 tr{
  background: #fefce4;
}
.subTemp .tblYa2 .color01{
  background: #fffbd2;
}
.subTemp .tblYa2 .num01{
 width: 17%;
}
.subTemp .tblYa2 .num02{
 width: 13%;
}
.subTemp .tblYa2 .num03{
 width: 12%;
}
.subTemp .tblYa2 .num04{
 width: 46%;
}
.subTemp .tblYa2 .num05{
 width: 12%;
}


.subTemp .tblYa2.kojinhoiku .num01{
    width: 200px;
}
@media screen and  (max-width:767px) {
    .subTemp .tblYa2.kojinhoiku .num01{
        width: 20%;
    }
}
.subTemp .tblYa3{
  width: 60%;
}
@media (max-width: 767px) {
.subTemp .tblYa3{
  width: 100%;
}
}

.subTemp .tblYa4{
  width: 45%;
}
@media (max-width: 767px) {
.subTemp .tblYa4{
  width: 100%;
}
}



.subTemp .listYa>li{
    margin: 0 0 10px 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.subTemp .listYa02>li{
    margin: 0 0 30px 0;
}
.subTemp .listYa>li:before {
    content:"\f185";
    font-family:FontAwesome;
    color: #e3931c;
    margin-right: .3em;
    }
    
.subTemp .listYa .inBox{
    margin: 20px 0 20px 20px;
    }
.subTemp .listYa ul>li{
    margin: 0 0 10px 0;
    text-indent: -1em;
    }
.subTemp .listYa ul>li:before {
    content:"\f185";
    font-family:FontAwesome;
    font-size: 0.8em;
    vertical-align: middle;
    color: #e3931c;
    margin-right: .3em;
    }

.subTemp .listYaNone>li{
    margin: 0 0 30px 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}    
.subTemp .listYaNone .inBox{
    margin: 20px 0 20px 20px;
    }
.subTemp .listYaNone ul>li{
    margin: 0 0 10px 0;
    text-indent: -1em;
    }



.subTemp .listKome{
    line-height: 1.4em;
    }
.subTemp .listKome li:before {
    display: none;
    }
.subTemp .listKome>li{
    padding-left: 1.2em !important;
    text-indent: -1em !important;
    margin: 0 0 7px 0 !important;
    }
    

    
.subTemp .listYa h4{
    border-bottom: 2px solid #eee;
    text-indent: 0;
    margin: 0 0 10px -20px;
}
    

.subTemp .dlBoxYa dt{
    float: left;
    padding: 0 0 0 5px;
}
.subTemp .dlBoxYa dd{
    margin: 0 0 10px 0;
    padding: 0 10px 5px 20em;
    
    border-bottom: dotted #fdc46f 2px;
}
@media screen and ( max-width:480px) { 
    .subTemp .dlBoxYa dd{
        padding: 0 0 5px 10em;
    }
}

.subTemp .dlBoxYaS dd{
    padding: 0 10px 5px 9em;
}
.subTemp .dlBoxYaM dd{
    padding: 0 10px 5px 11em;
}
@media screen and ( max-width:480px) { 
   .subTemp .dlBoxYaM dd{
        padding: 0 0 5px 9em;
    }
}
.subTemp .dlBoxYaL dd{
    padding: 0 10px 5px 19em;
}

@media screen and ( max-width:767px) { 
    .subTemp .dlBoxYaNone dd{
        padding: 0 0 5px 5px;
    }
.subTemp .dlBoxYaNone dt{
    float: none;
}
}



.subTemp .boxDesignYa{
    background: #fcf3e5;
    padding: 15px;
}
.subTemp .boxDesign02Ya{
    border: 2px solid #fdc46f;
    padding: 20px;
}








/*集団保育ページ タブ切り替え*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab {
margin: 1em auto;
}
.cp_tab > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab .cp_tabpanels {
position: relative;
min-height: 150px;/* エリアの高さ */
}
.cp_tab .cp_tabpanel {
position: absolute;
width: 100%;
opacity: 0;
padding: 0.5em 1em;
transform: translateY(-10px);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
opacity: 1;
transform: translateY(0px);
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child {
background: #fff;
}
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2) {
background: #fff;
}
.cp_tab > label {
position: relative;
display: inline-block;
padding: 5px 10px;
cursor: pointer;
border-radius: 6px 6px 0 0;
font-weight: bold;
}
.cp_tab > input:first-child + label {
background: #80CBC4;
}
.cp_tab > input:nth-child(3) + label {
background: #90CAF9;
}
.cp_tab > input:nth-child(5) + label {
background: #F48FB1;
}
.cp_tab > input:nth-child(7) + label {
background: #8BC34A;
}
.cp_tab > label:hover {
color: #0066cc;
}
.cp_tab > input:focus + label {
color: #ffffff;
}
.cp_tab > input:checked + label {
margin-bottom: -1px;
}
@media (max-width: 480px) {
.cp_tab {
width: 100%;
font-size: 0.8em;
}
.cp_tab label {
padding: 0.5em;
}
}

/*メールフォーム用*/
.mwformwith {
width: 100%;
}

/*固定ページ目次*/
ul.mokujiList{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0 50px 0;
    /*border-bottom: 1px solid #ccc;*/
    line-height: 1.4em;
    max-width: 720px;
    margin: 0 auto;
}
ul.mokujiList02{
    max-width: 1020px;
}
ul.mokujiList li {
background: #fc832b;

font-size: 1.6rem;
margin: 0 2px 2px 0;
padding: 5px 12px;
}
ul.mokujiList li a {
	text-decoration: none;
    color: #fff;
}
ul.mokujiList li a:hover{
	text-decoration: underline;
}
@media (max-width: 767px) {
ul.mokujiList li{
    font-size: 1.4rem;
}
}


/*ひまわり保育園swiper*/
.himawarihoikuenSlide .swiper-container {
	text-align: center;
	margin-bottom: 70px;
    max-width: 900px;
}
.himawarihoikuenSlide .swiper-container .swiper-slide img {
	max-width: 100%;
	height: auto;
}
.himawarihoikuenSlide .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 21px !important;
    height: 100px !important;
    margin-top: -50px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 21px 100px !important;
    -webkit-background-size: 21px 100px !important;
    background-size: 21px 100px !important;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
.himawarihoikuenSlide .swiper-button-prev{
    opacity: 0.8;
    left: 0px;
    
}
.himawarihoikuenSlide .swiper-button-next{
    opacity: 0.8;
    right: 0px;
}

}

.himawarihoikuenSlide .swiper-button-prev{
    background-image: url(../img/top/slide_prev.png) !important;
}
.himawarihoikuenSlide .swiper-button-next{
    background-image: url(../img/top/slide_next.png) !important;
}


/*ボタン*/
.btnDeco {
    display: inline-block;
    margin: 30px 0 0 3px;
    padding: 0.3em 2em;
    color: #67c5ff;
    border: double 4px #fc832b;
    transition: .1s;
    font-weight: bold;
}
.btnDeco  a{
    text-decoration: none;
}
.btnDeco:hover {
    background: #fc832b;
    border: double 4px #fff;
}
.btnDeco a:hover {
    color: #fff;
}



/*テーブルスクロール*/
@keyframes scroll-hint-appear {

  0% {
      transform: translateX(40px);
      opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg,rgb(200,200,200) 0,transparent 16px,transparent);
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg,rgb(200,200,200) 0,transparent 16px,transparent),linear-gradient(270deg,rgb(200,200,200) 0,transparent 16px,transparent);
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg,rgb(200,200,200) 0,transparent 16px,transparent);
}

.scroll-hint-icon {
  position: absolute;
  top: calc(20% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}




/* --------------------------------------------------
		ひまわりママ案内　2021.10
-------------------------------------------------- */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
.youtube{
width: 100%;
}
}

@media (min-width: 768px) {
.youtube{
margin-top: 40px;
width: 80%;
}
}