@charset "utf-8";

@font-face {
	font-family: "logotypegothic";
	src: url(../fonts/logotypegothic.otf) format("opentype");
}

main {
	padding-top: 108px;
	background: #ffebf1;
}
main img {
	max-width: 100%;
	height: auto;
}

main section {
	padding: 110px 10px 40px;
}
.pink {
	color: #d8577f;
}
.olive {
	color: #85c4a9;
}
#eye {
	padding: 50px 10px 100px;
	background-image: url(../images/home/eye-bottom.png), url(../images/home/eye-bg.jpg);
	background-position:
		center bottom,
		center 0;
	background-repeat: no-repeat, no-repeat;
	background-size:
		auto auto,
		100% auto;
	position: relative;
}
#eye p {
	font-family: "logotypegothic";
	font-size: 26px;
}
#eye p + p {
	margin-top: 1em;
}
#eye p small {
	font-size: 21px;
}
.eye-main-title {
	position: relative;
	top: -30px;
}
.eye-bottom {
	padding-top: 72px;
}

.eye-bottom h3 {
    max-width: 1000px;
    margin: 0 auto;
	padding: 0 10px;
    color: #555555;
    font-family: "logotypegothic";
    font-size: 34px;
    line-height: 1.2;
    text-align: left;
}



#sec01 {
	padding-top: 0;
}
#sec01 h2 img {
	width: 50%;
	max-width: 391px;
	height: auto;
}

#sec02 {
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

#sec02 h2 {
	color: #d8577f;
	font-family: "logotypegothic";
	font-size: 43px;
	line-height: 1.2;
}

/*---------地図------*/

#map {
	max-width: 1000px;
	height: 700px;
	margin: 0 auto;
}
#map ul li,
.inner-map {
	max-width: 1000px;
	height: 700px;
	margin: 0 auto;
}
#map iframe {
	border: 0;
}
#bgmp_map-canvas {
	width: 100% !important;
}

@media screen and (max-width: 800px) {
	#map ul li,
	.inner-map {
		height: 400px;
	}
}

#map iframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.map-fukidashi .shisetsu-name {
	font-size: 18px;
}
.map-fukidashi img {
	float: left;
	width: 80px;
	height: auto;
	display: block;
}
.map-fukidashi .fukidashi-text {
	text-align: left;
}
.map-fukidashi .shisetsu-name:after {
	content: "　　";
	background: url(../images/sec05-icon-link.jpg) center 0 no-repeat;
}
.map-fukidashi .shisetsu-add:before {
	content: "　　";
	background: url(../images/sec05-icon-home.jpg) 0 0 no-repeat;
}
.map-fukidashi .shisetsu-tel:before {
	content: "　　";
	background: url(../images/sec05-icon-tel.jpg) 3px 0 no-repeat;
	background-size: auto 100%;
}

.year-tabs ul {
	display: flex;
}

.year-tabs li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16.3%;
	height: 66px;
	border-radius: 5px 5px 0 0;
	background: #e6417b;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}

.year-tabs li:hover {
	opacity: 0.6;
}

.year-tabs li + li {
	margin-left: 1px;
}

.year-tabs li.active {
	background: #fff;
	color: #e6417b;
}

#yu-banner {
	padding-top: 50px;
	padding-bottom: 80px;
	color: #333;
	font-size: 22px;
}
#yu-banner .small {
	font-size: 16px;
}

#sec03 {
	padding-bottom: 10px;
}

.sec03-inner {
	background-image: url(../images/home/sec03-bg.jpg);
	background-position: center 0;
	background-repeat: repeat-y;
	background-size: 100% auto;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}
.sec03-line {
	position: relative;
}
.line-top {
	top: -20px;
}
.line-bottom {
	bottom: -20px;
}
.sec03-title {
	position: relative;
	top: -100px;
	text-align: center;
}
.sec03-hana {
	position: absolute;
}
.sec03-hana img {
	width: 100%;
}
.sec03hana01 {
	top: 30px;
	left: 10px;
	width: 10%;
}
.sec03hana02 {
	bottom: 30px;
	right: 10px;
	width: 15%;
	display: none;
}
#sec03 .news-box-wrapper {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	max-height: 500px;
	overflow-y: auto;
}
#sec03 .news-box {
	background: #fff;
	border-radius: 10px;
	width: calc(100% - 40px);
	text-align: left;
	padding: 10px 20px;
	margin: 10px;
}
#sec03 .news-box img {
	float: left;
	width: 30%;
	height: auto;
}
#sec03 .news-text {
	float: right;
	width: 67%;
	font-size: 12px;
}
#sec03 .news-title {
	font-size: 18px;
}
#sec03 .news-more {
	width: calc(100% - 80px);
	max-width: 250px;
	margin: 30px auto 0;
}
#sec03 .news-more a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	padding: 5px;
	border-radius: 6px;
	background: #e85c95;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}
#sec03 .facility-bnr {
	padding-top: 50px;
}
#sec03 .facility-bnr a:hover {
	opacity: 0.6;
}

#sec05 {
	padding: 55px 0 0;
}
.sec05-head {
	padding: 0 10px;
}
#sec05 .inner1 {
	max-width: 1000px;
	margin: 0 auto;
}
.sec05-body {
	padding: 20px 10px 70px;
	background: #fbd2e0;
}
.sec05-body .not-found {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
#sec05 .icon-description,
#sec05 .icon-desc-list {
	margin: 30px 20px 0;
	color: #d8577f;
	font-family: "logotypegothic";
	font-size: 16px;
}
#sec05 .icon-desc-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	gap: 10px;
	padding: 8px 5px;
	list-style: none;
	background-color: #ffffff;
}
#sec05 .icon-desc-list li {
	display: flex;
	gap: 10px;
	align-items: center;
}
#sec05 .icon-desc-list img {
	width: auto;
	height: 34px;
}
#sec05 .ken-title {
	width: 100%;
	margin-bottom: 5px;
	/* margin-left: 30px; */
	padding-top: 40px;
	border-bottom: 3px solid #fff;
	color: #eb5f97;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#sec05 .bgmp_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-right: 25px;
}
#sec05 .shisetsu-box {
	background: #fff;
	border-radius: 10px;
	width: 300px;
	text-align: left;
	padding: 10px 12px;
	margin: 20px 0 0 25px;
	box-sizing: border-box;
}
#sec05 .shisetsu-box a {
	color: #333;
	text-decoration: none;
}
#sec05 .shisetsu-box a:hover {
	opacity: 0.6;
}
#sec05 .shisetsu-box .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #ea6097;
}
#sec05 .shisetsu-title {
	width: 170px;
	color: #df4079;
	font-size: 14px;
	font-weight: bold;
}
#sec05 .shisetsu-box .icons img {
	margin: 0 1px;
}
#sec05 .shisetsu-text {
	font-size: 13px;
}

#sec06 {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #fff;
}
#sec06 .year-tabs {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
	box-sizing: border-box;
}
#sec06 .year-tabs li.active {
	border: 1px solid #e6417b;
	border-bottom: 0;
}
#sec06 .kigyou-wrapper ul,
#sec06 .kigyou-wrapper2 {
	max-width: 1010px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#sec06 .kigyou-wrapper2 {
	border: 1px solid #efefef;
	padding: 30px 0 10px;
	box-sizing: border-box;
}
#sec06 .kigyou-wrapper ul li,
#sec06 .kigyou-wrapper2 .kigyou-box {
	margin: 0 5px 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 5px 5px;
	border: 1px solid #efefef;
	border-radius: 5px;
}
#sec06 .kigyou-wrapper ul li a,
#sec06 .kigyou-wrapper2 .kigyou-box a {
	padding: 0;
	border: 0;
}
#sec06 .kigyou-wrapper ul li img,
#sec06 .kigyou-wrapper2 .kigyou-box img {
	width: 177px;
	height: auto;
}
#sec06 .kyouryoku-text {
	font-size: 24px;
}

#sec08 {
	padding-top: 60px;
	background: #fad1df;
}
#sec07 {
	padding-top: 100px;
	background: #fbd2e0;
}
.toiawase-box {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
}
.toiawase-box li {
	border: 2px solid #ffabcd;
	border-radius: 5px;
	font-size: 20px;
	text-align: left;
	width: 30%;
}
.toiawase-box li a {
	display: inline-block;
	padding: 10px 10px 10px 80px;
	color: #555;
	text-decoration: none;
}
.toiawase-bt01 {
	background: url(../images/sec07-icon-home.jpg) 10px center no-repeat #fffdee;
	padding-top: 1em;
}
.toiawase-bt02 {
	background: url(../images/sec07-icon-com.jpg) 10px center no-repeat #fffdee;
}
.toiawase-bt03 {
	background: url(../images/sec07-icon-media.jpg) 10px center no-repeat #fffdee;
}

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

.midashi-inner h3 {
	vertical-align: baseline;
	font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ",
		"ＭＳ Ｐゴシック", sans-serif;
	color: #555;
	font-size: 18px;
	font-weight: bold;
}
.midashi-inner-pink h3 {
	vertical-align: baseline;
	font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ",
		"ＭＳ Ｐゴシック", sans-serif;
	color: #eb5f97;
	font-size: 20px;
	font-weight: bold;
}

.r-float {
	position: fixed;
	right: 0;
	top: 150px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.4);
}
.r-float ul li {
	width: 60px;
}
.r-float ul li a {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.section-inner {
	max-width: 950px;
	margin: 0 auto;
	text-align: left;
}
.section-inner h2 {
	font-size: 20px;
	background: url(/form/images/sec07-title-bg.jpg) center center no-repeat;
	text-align: center;
	padding: 10px 10px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}
#sec09 {
	padding-top: 45px;
	padding-bottom: 55px;
	background: #fff;
}
#sec10 {
	padding-top: 35px;
}
#sec11 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
#sec11 .pinkbnr {
	width: 48%;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------スマホ用--------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
	main {
		padding-top: 70px;
	}
	main section {
		padding: 65px 10px 20px;
	}

	#sec11 .pinkbnr,
	#sec03 .facility-bnr {
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#eye {
		padding: 70px 10px 30px;
		background-size:
			100% auto,
			140% auto;
	}
	#eye p {
		font-size: 18px;
	}
	#eye p small {
		font-size: 16px;
	}

	.eye-main-title {
		max-width: 70%;
		margin: 0 auto;
	}
	.eye-bottom {
		padding-top: 20px;
	}

	.eye-bottom h3 {
	
		font-size: 16px;
		
	}



	#sec01 h2 img {
		max-width: 180px;
	}

	#sec02 {
		padding-top: 30px;
	}
	/* 	.midashi-inner h3 {
		margin-bottom: 5px;
		font-size: 14px;
	} */

	#sec02 h2 {
		font-size: 20px;
	}

	.year-tabs li {
		flex: 1;
		height: auto;
		min-height: 40px;
		font-size: 14px;
	}
	#map {
		max-width: 1000px;
		height: 400px;
		margin: 0 auto;
	}
	.sec03-title {
		top: -60px;
	}
	.sec03hana02 {
		bottom: 70px;
	}
	#sec03 .news-box {
		width: 100%;
		text-align: left;
	}
	#sec03 .news-box img {
		float: none;
		display: block;
		width: auto;
		max-width: 100%;
		margin: 0 auto 5px;
	}
	#sec03 .news-text {
		float: none;
		width: 100%;
		font-size: 12px;
	}
	#sec03 .news-title {
		font-size: 18px;
	}
	#sec05 .icon-description,
	#sec05 .icon-desc-list {
		width: 100%;
		margin-inline: 0;
	}
	#sec05 .icon-description .sp {
		margin: 0 auto;
	}
	#sec05 .inner2 {
		flex-direction: column;
		padding-right: 0;
	}
	#sec05 .ken-title {
		margin-left: 0;
	}
	#sec05 .shisetsu-box {
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.toiawase-box li {
		width: 90%;
		margin-bottom: 10px;
	}
	.toiawase-bt01 {
		padding: 1em 0 1em;
	}
	.midashi-inner h3 {
		vertical-align: baseline;
		font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Hiragino Kaku Gothic ProN",
			"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		color: #555;
		font-size: 15px;
		font-weight: bold;
	}
	.midashi-inner-pink h3 {
		vertical-align: baseline;
		font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Hiragino Kaku Gothic ProN",
			"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		color: #eb5f97;
		font-size: 15px;
		font-weight: bold;
	}
	#sec11 .pinkbnr a {
		min-height: 50px;
		font-size: 14px;
	}
}

/*追加*/
#leads {
	padding: 110px 0px 40px;
}

#leads p {
	padding: 25px 10px 30px;
}

#leads .topleads {
	background-color: #fdfdf1;
}

#leads .bottomleads {
	background-color: #fff;
}
#leads .bottomleads img {
	position: relative;
	bottom: -10px;
}

@media only screen and (max-width: 800px) {
	#leads .bottomleads {
	}
}

#sec10 .bust-milk-title {
	margin-top: 20px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "logotypegothic";
	font-size: 38px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	font-weight: bold;
	color: #df4279;
}

#sec10 .bust-milk-title img {
	margin-right: 20px;
	width: 120px;
}
@media only screen and (max-width: 700px) {
	#sec10 .bust-milk-title {
		margin-top: 2.85714vw;
		margin-bottom: 4.2857vw;
		font-size: 5.42vw;
	}
	#sec10 .bust-milk-title img {
		margin-right: 2.85714vw;
		width: 17.142vw;
	}
}