@charset "UTF-8";
/**************************
Compass Text Replacement
*/
/**************************
Inline List
*/
/**************************
Inline Block List
*/
/**************************
horizontal-list
*/
/**************************
Bullets
*/
/* simple clearfix */
/**************************
@mixin for sprite
*/
@keyframes fade-in {
	0% {
		display: none;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}

@keyframes fade-out {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}

@keyframes gnav_sub {
	0% {
		opacity: 0;
		transform: scale(0.9) translateY(-5%);
	}
	100% {
		transform: scale(1) translateY(0);
	}
}

.imain_content {
	margin-left: auto;
	margin-right: auto;
}

.hero_area {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.hero_area {
		height: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.hero_area {
		height: 200px;
		padding-bottom: 112px;
	}
}

.hero_area .container {
	pointer-events: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}

@media only screen and (min-width: 768px) {
	.hero_area .container {
		height: 500px;
		padding-left: 38px;
		padding-right: 38px;
	}
}

@media only screen and (max-width: 767px) {
	.hero_area .container {
		height: 200px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.hero_area__inner {
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
	pointer-events: none;
}

@media only screen and (min-width: 768px) {
	.hero_area__inner {
		height: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.hero_area__inner {
		height: 200px;
	}
}

.hero {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url("../img/index/hero1_ready.jpg") center center/cover no-repeat transparent;
}

@media only screen and (max-width: 767px) {
	.hero {
		background: none;
	}
}

.hero, .hero__item {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.hero__item {
		height: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__item {
		height: 200px;
	}
}

.hero__item-link {
	display: block;
}

.hero__item-link:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

.hero__item-2 {
	background: url("/common/img/index/hero2.jpg") center center/cover no-repeat transparent;
}

@media only screen and (max-width: 767px) {
	.hero__item-2 {
		background-position: 30% center;
		background-size: #fff;
	}
}

.hero__item-3 {
	background: url("/common/img/index/hero3.jpg") center center/cover no-repeat transparent;
}

.hero__item-4 {
	background: url("/common/img/index/hero4.jpg") center center/cover no-repeat transparent;
}


@media only screen and (max-width: 767px) {
	.hero__item-1 {
		background: url("/common/img/index/hero1_sp.jpg") center center/cover no-repeat transparent;
	}
}

.hero__inner {
	height: 100%;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	pointer-events: auto;
}

@media only screen and (min-width: 768px) {
	.hero__nav {
		position: absolute;
		top: 37%;
		right: 0;
		margin-top: -150px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__nav {
		width: 100%;
		position: absolute;
		top: 210px;
		bottom: -10px;
		left: 0;
	}
}

@media only screen and (min-width: 768px) {
	.hero__nav_ex {
		position: absolute;
		top: 97%;
		right: 39%;
		margin-top: -150px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__nav_ex {
		width: 100%;
		position: absolute;
		bottom: -10px;
		left: 0;
	}
}

.hero__link {
	pointer-events: auto;
}

.hero__text {
	position: absolute;
	top: 50%;
}

@media only screen and (min-width: 768px) {
	.hero__text-1 {
		left: -14px;
		margin-top: -106px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__text-1 {
		left: -3px;
		margin-top: -37px;
		max-width: 280px;
	}
}

@media only screen and (min-width: 768px) {
	.hero__text-2 {
		left: -7px;
		margin-top: -112px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__text-2 {
		margin-top: -40px;
		width: 280px;
	}
}

.hero__text-2 .btn, .hero__text-4 .btn{
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1rem;
	margin-top: 23px;
	text-align: center;
	letter-spacing: 0.08ex;
	margin-left: 6px;
	width: 330px;
}
.hero__text-4 .btn{
	margin-top:40px;
}

@media only screen and (max-width: 767px) {
	.hero__text-2 .btn {
		display: none;
	}
}

.hero__text-3 {
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	.hero__text-3 {
		background: linear-gradient(to bottom, #f15a24 0%, #f47621 30%, #f7931e 100%);
		left: -38px;
		width: 410px;
		height: 330px;
		padding: 59px 10px 10px 27px;
		margin-top: -190px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__text-3 {
		background: linear-gradient(to bottom, rgba(241, 90, 36, 0.9) 0%, rgba(244, 118, 33, 0.9) 30%, rgba(247, 147, 30, 0.9) 100%);
		margin-top: -60px;
		padding: 20px 10px;
	}
}

@media only screen and (min-width: 768px) {
	.hero__text-3 .img-1 {
		width: 190px;
	}
	.hero__text-3 .img-2 {
		width: 360px;
		margin-bottom: 20px;
	}
	.hero__text-3 .img-3 {
		width: 350px;
		margin-bottom: 28px;
	}
}

@media only screen and (max-width: 767px) {
	.hero__text-3 .img-1 {
		width: 120px;
	}
	.hero__text-3 .img-2 {
		width: 180px;
		margin-bottom: 5px;
	}
	.hero__text-3 .img-3 {
		width: 200px;
	}
}

.hero__text-3 .btn {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1rem;
	width: 310px;
	text-align: center;
	letter-spacing: 0.08ex;
	background-color: #fff;
	color: #00295e;
	margin-left: 4px;
}

.hero__text-3 .btn::before {
	background-image: url("../img/icon/arrow_link6.png");
}

@media only screen and (max-width: 767px) {
	.hero__text-3 .btn {
		display: none;
	}
}

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

@media only screen and (max-width: 767px) {
	.hero__movie {
		background: url("../img/index");
	}
}

.hero .slick-slide {
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.hero__thumb {
		display: none;
	}
}

.hero_thumb_list {
	position: absolute;
	bottom: -60px;
	left: 0;
}

.hero_thumb_list::before, .hero_thumb_list::after {
	content: '';
	display: table;
}

.hero_thumb_list::after {
	clear: both;
}

.hero_thumb_list > * {
	/* width: 25%; */
	width:24.25%;
	float: left;
	padding-right: 1%
	/* box-sizing: border-box; */
}

/*.hero_thumb_list > *:nth-child(4n + 1) {
	clear: left;
	padding-right: 0px;
}

 .hero_thumb_list > *:nth-child(3n + 2) {
	padding-left: 7px;
	padding-right: 13px;
}

.hero_thumb_list > *:nth-child(3n + 3){
	padding-left: 7px;
	padding-right: 13px;
}
*/
.hero_thumb_list > *:nth-child(4n) {
	/* clear: left; */
	padding-right: 0px;
}

.hero_thumb {
	pointer-events: auto;
	max-width: 100%;
	display: block;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	outline: solid 3px transparent;
	transition: outline-color .1s linear;
}

.hero_thumb:hover {
	outline: solid 3px #2255aa;
}

.hero_dots .slick-dots {
	margin-bottom: 10px;
}

.slick-dots {
	width: auto;
}

@media only screen and (min-width: 768px) {
	.yt_player_movie {
		height: 500px;
	}
	.yt_player_movie iframe {
		top: -90px !important;
	}
	.yt_player_movie-mobile {
		background-image: url("../img/index/hero1_tablet.jpg");
	}
}

@media only screen and (max-width: 767px) {
	.yt_player_movie {
		display: none;
	}
}

.YTPOverlay.raster, .YTPOverlay.raster.retina {
	background-image: url("../img/index/movie_mask.png");
}

@media only screen and (max-width: 767px) {
	.hnav_list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		height: 87px;
	}
	.hnav_list > * {
		width: 33%;
		margin-right: 2px;
	}
	.hnav_list > *:nth-child(4n) {
		margin-right: 0;
	}
}

.hnav_list li {
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (min-width: 768px) {
	.hnav_list li{
		margin-bottom: 10px;
	}
}

.hnav {
	pointer-events: auto;
	border-radius: 3px;
}

.hnav:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

.hnav__icon {
	width: 60px;
	height: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
}

.hnav__icon img {
	width: 46px;
	height: 46px;
}

.hnav__label {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #000;
	box-sizing: border-box;
	font-size: 0;
}

@media only screen and (min-width: 768px) {
	.hnav__label {
		padding: 0 10px;
	}
	.hnav__label .nakaguroten {
		letter-spacing: -.25ex;
		margin-left: -.08ex;
	}
	.hnav__label .main,
	.hnav__label .sub {
		font-size: 1rem;
		display: inline;
	}
	.hnav__label .main2,
	.hnav__label .sub2 {
		font-size: 1.4rem;
		display: inline;
	}
	.hnav__label .main3,
	.hnav__label .sub3 {
		font-size: 1.2rem;
		display: inline;
	}
}

@media only screen and (max-width: 767px) {
	.hnav__label {
		text-align: center;
		white-space: nowrap;
	}
	.hnav__label .nakaguroten {
		letter-spacing: -.35ex;
		margin-left: -.3ex;
	}
	.hnav__label .main {
		font-size: 13px;
		line-height: 1;
	}
	.hnav__label .sub {
		font-size: 11px;
		line-height: 1;
		padding-top: 4px;
	}
	.hnav__label .main2 {
		font-size: 13px;
		line-height: 1;
	}
	.hnav__label .sub2 {
		font-size: 11px;
		line-height: 1;
		padding-top: 4px;
	}
	.hnav__label .main3 {
		font-size: 13px;
		line-height: 1;
	}
	.hnav__label .sub3 {
		font-size: 11px;
		line-height: 1;
		padding-top: 4px;
	}
}

@media only screen and (min-width: 768px) {
	.hnav {
		overflow: hidden;
		height: 60px;
		background-color: #fff;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		width: 240px;
	}
	.hnav__icon-1 {
		background-color: #f9bda7;
	}
	.hnav__icon-2 {
		background-color: #ecef90;
	}
	.hnav__icon-3 {
		background-color: #a7e1c7;
	}
	.hnav__icon-4 {
		background-color: #d1c0de;
	}
	.hnav__icon-5 {
		background-color: #2ba7ff;
	}
	.hnav__icon-8 {
		background-color: #c7d6dd;
	}
	.hnav__icon-9 {
		background-color: #fbc380;
	}
}

@media only screen and (max-width: 767px) {
	.hnav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: center;
		    align-items: center;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin-top: 20px;
		padding-top: 28px;
		padding-bottom: 6px;
		min-height: 66px;
		box-sizing: border-box;
	}
	.hnav-1 {
		background-color: #f9bda7;
	}
	.hnav-1 .hnav__label {
		padding-top: 6px;
	}
	.hnav-2 {
		background-color: #ecef90;
	}
	.hnav-3 {
		background-color: #a7e1c7;
	}
	.hnav-4 {
		background-color: #d1c0de;
	}
	.hnav-5 {
		background-color: #2ba7ff;
	}
	.hnav-6 {
		background-color: #ff9f2b;
	}
	.hnav-7 {
		background-color: #7c1af5;
	}
	.hnav-8 {
		background-color: #c7d6dd;
	}
	.hnav-9 {
		background-color: #fbc380;
	}
	.hnav__icon {
		position: absolute;
		top: -28px;
		left: 50%;
		margin-left: -30px;
	}
}

@media only screen and (min-width: 768px) {
	.hnav_ex {
		overflow: hidden;
		height: 60px;
		background-color: #ffe52c;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		width: 240px;
	}
	.hnav-5 {
		background-color: #2ba7ff;
	}
	.hnav-6 {
		background-color: #ff9f2b;
	}
	.hnav-7 {
		background-color: #7c1af5;
	}
}

@media only screen and (max-width: 767px) {
	.hnav_ex {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: center;
		    align-items: center;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin-top: 20px;
		padding-top: 28px;
		padding-bottom: 6px;
		min-height: 66px;
		box-sizing: border-box;
	}
	.hnav__icon {
		position: absolute;
		top: -28px;
		left: 50%;
		margin-left: -30px;
	}
}

/**************************
.index1
*/
@media only screen and (min-width: 768px) {
	.index1 {
		padding-top: 123px;
		padding-bottom: 67px;
	}
	.index1__wrapper {
		display: -ms-flexbox;
		display: flex;
	}
	.index1__1 {
		width: 320px;
		min-width: 320px;
		max-width: 320px;
		-ms-flex-order: 2;
		    order: 2;
	}
	.index1__2 {
		width: 100%;
		box-sizing: border-box;
		padding-right: 60px;
		-ms-flex-order: 1;
		    order: 1;
	}
}
@media only screen and (max-width: 767px) {
	.index1__1 {
		padding-top: 90px;
	}
}

.inews_area {
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.inews_area {
		margin-bottom: 44px;
	}
	.inews_area__head::before, .inews_area__head::after {
		content: '';
		display: table;
	}
	.inews_area__head::after {
		clear: both;
	}
}

@media only screen and (min-width: 768px) {
	.inews_area h2 {
		margin-bottom: 13px;
	}
}

@media only screen and (max-width: 767px) {
	.inews_area h2 img {
		width: 234px;
	}
}

@media only screen and (min-width: 768px) {
	.inews_area__link {
		position: absolute;
		top: 6px;
		right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.inews_area__link {
		float: right;
	}
	.inews_area__link a {
		display: inline-block;
		padding-top: 12px;
		padding-bottom: 7px;
	}
}

.inews_area__link a {
	text-decoration: none;
	font-size: 0.813rem;
}

.inews_area__link a:hover {
	text-decoration: underline;
}

.iinfo_area {
	border: 1px solid #ccd4df;
	border-radius: 5px;
	background-color: #f5f4ed;
	box-sizing: border-box;
	margin-top: 4px;
}

@media only screen and (min-width: 768px) {
	.iinfo_area {
		padding: 33px 29px 24px;
		min-height: 304px;
	}
}

@media only screen and (max-width: 767px) {
	.iinfo_area {
		padding: 22px 8px;
		margin-bottom: 38px;
	}
}

@media only screen and (max-width: 767px) {
	.iinfo__text_area {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.iinfo__group {
	margin-bottom: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.iinfo h3 {
	font-family: "FOT-ロダン Pro M", "RodinPro-M", "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	border: 1px solid #b2b2b2;
	font-size: 0.813rem;
	width: 80px;
	min-width: 80px;
	height: 22px;
	line-height: 21px;
	background-color: #fff;
	color: #333;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
}

.iinfo__time {
	min-width: 170px;
	max-width: 170px;
}

.iinfo__time img {
	max-width: 100%;
}

.iinfo__holiday {
	color: #00295e;
	min-width: 170px;
	max-width: 170px;
}

@media only screen and (min-width: 768px) {
	.iinfo__holiday {
		font-size: 0.938rem;
		text-align: left;
		padding-left: 10px;
		box-sizing: border-box;
		margin-top: -2px;
	}
}

@media only screen and (max-width: 767px) {
	.iinfo__holiday {
		padding-left: 20px;
	}
}

.iinfo__anotation {
	padding-left: 1em;
	position: relative;
	top: 0;
	left: 0;
	line-height: 18px;
	margin-bottom: .95em;
}

.iinfo__anotation::before {
	content: '※';
	display: block;
	color: #f15a24;
	font-size: 0.875rem;
	position: absolute;
	top: -1px;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.iinfo__anotation {
		font-size: 0.813rem;
	}
}

@media only screen and (max-width: 767px) {
	.iinfo__anotation {
		font-size: 0.75rem;
		padding-left: 1em;
		margin-bottom: 1.1em;
	}
	.iinfo__anotation::before {
		font-size: 0.813rem;
	}
}

@media only screen and (min-width: 768px) {
	.iinfo__buttons {
		margin-top: 22px;
	}
}

@media only screen and (max-width: 767px) {
	.iinfo__buttons {
		margin-top: 18px;
		/*display: -ms-flexbox;*/
		/*display: flex;*/
		display: block;
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.iinfo__buttons li:not(:last-child) {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.iinfo__buttons li {
		width: 100%;
		margin-bottom: 10px;
	}
	.iinfo__buttons li:not(:last-child) {
		margin-right: 7px;
	}
}

.iinfo__buttons a {
	text-decoration: none;
	width: 100%;
	font-size: 15px;
}

.iinfo__buttons .btn1 {
	line-height: 38px;
}

.iinfo__buttons .btn1-1 {
	padding-right: 13px;
}

@media only screen and (max-width: 767px) {
	.iinfo__buttons .btn1 {
		padding-right: 5px;
		letter-spacing: 0;
	}
	.iinfo__buttons .btn1 img {
		margin-right: 4px;
	}
}

/**************************
.index2
*/
.index2 {
	background-color: #f5f4ed;
}

.ipickup_area {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.ipickup_area__head {
	position: absolute;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.ipickup_area__head {
		top: -18px;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup_area__head {
		top: -14px;
	}
	.ipickup_area__head img {
		width: 112px;
	}
}

@media only screen and (min-width: 768px) {
	.ipickup_list {
		display: -ms-flexbox;
		display: flex;
	}
	.ipickup_list li {
		display: -ms-flexbox;
		display: flex;
	}
	.ipickup_list li:not(:last-child) {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup_list {
		margin-left: -10px;
		margin-right: -10px;
	}
	.ipickup_list li:not(:last-child) {
		margin-bottom: 7px;
	}
}

.ipickup {
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	width: 100%;
	text-decoration: none;
}

.ipickup:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

@media only screen and (min-width: 768px) {
	.ipickup {
		max-width: 285px;
		min-height: 285px;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup {
		min-height: 85px;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup__head {
		display: -ms-flexbox;
		display: flex;
		min-width: 85px;
		max-width: 85px;
		width: 85px;
	}
}

.ipickup__image {
	background-position: center center;
	transition: all .2s ease-out;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.ipickup__image {
		height: 148px;
	}
}

.ipickup__image img {
	display: block;
	position: absolute;
}

@media only screen and (min-width: 768px) {
	.ipickup__image img {
		height: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup__image img {
		height: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.ipickup__body {
		padding: 16px 19px 13px;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup__body {
		padding: 9px 5px 6px 9px;
		box-sizing: border-box;
	}
}

.ipickup__body p:not(:last-child) {
	margin-bottom: 0;
}

.ipickup h3 {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1.3;
	color: #2255aa;
}

@media only screen and (min-width: 768px) {
	.ipickup h3 {
		font-size: 1rem;
		margin-bottom: 11px;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup h3 {
		font-size: 14px;
		margin-bottom: 7px;
	}
}

@media only screen and (min-width: 768px) {
	.ipickup p {
		font-size: 0.875rem;
		line-height: 1.71429;
	}
}

@media only screen and (max-width: 767px) {
	.ipickup p {
		font-size: 0.813rem;
		line-height: 1.61538;
	}
}

/**************************
.index3
*/
.index3 {
	background-color: #fff;
}

@media only screen and (min-width: 768px) {
	.index3 {
		padding-top: 75px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.index3 {
		padding-top: 25px;
	}
}

@media only screen and (min-width: 768px) {
	.index3 .container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media only screen and (min-width: 768px) {
	.index_important {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.index_important {
		padding: 20px 0;
	}
}

.index3__1 {
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	.index3__1 {
		max-width: 915px;
		padding-right: 40px;
	}
}

@media only screen and (min-width: 768px) {
	.index3__2 {
		display: -ms-flexbox;
		display: flex;
		width: 285px;
		min-width: 285px;
	}
}

@media only screen and (min-width: 768px) {
	.icate_list::before, .icate_list::after {
		content: '';
		display: table;
	}
	.icate_list::after {
		clear: both;
	}
	.icate_list > * {
		width: 20%;
		float: left;
		box-sizing: border-box;
	}
	.icate_list > *:nth-child(5n + 1) {
		clear: left;
		padding-right: 8px;
	}

	.icate_list > *:nth-child(3n + 4) {
		padding-left: 8px;
		padding-right: 8px;
	}

	.icate_list > *:nth-child(3n) {
		padding-left: 8px;
	}
}

@media only screen and (max-width: 767px) {
	.icate_list {
		margin-bottom: 46px;
	}
	.icate_list::before, .icate_list::after {
		content: '';
		display: table;
	}
	.icate_list::after {
		clear: both;
	}
	.icate_list > * {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.icate_list > *:nth-child(2n + 1) {
		clear: left;
		padding-right: 5px;
	}
	.icate_list > *:nth-child(2n) {
		padding-left: 5px;
	}
}

.icate {
	max-width: 274px;
}

@media only screen and (min-width: 768px) {
	.icate {
		margin-bottom: 48px;
	}
}

@media only screen and (max-width: 767px) {
	.icate {
		margin-bottom: 20px;
	}
}

.icate__link {
	display: block;
}

.icate__link:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

.icate__image {
	transition: background-size .2s ease-out;
	border-radius: 5px;
	background-size: cover;
	overflow: hidden;
	background-position: center center;
	max-width: 274px;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.icate__image {
		min-height: 90px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.icate__image {
		min-height: 45px;
		margin-bottom: 8px;
	}
}

.icate .link2 {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #2255aa;
}

@media only screen and (min-width: 768px) {
	.icate .link2 {
		font-size: 1rem;
	}
	.icate .link2::before {
		left: 2px;
	}
}

@media only screen and (max-width: 767px) {
	.icate .link2 {
		font-size: 0.813rem;
	}
	.icate .link2::before {
		top: 2px;
		margin-right: 3px;
	}
}

.icate .link2:hover {
	text-decoration: none;
}

.icate .link2::before {
	background-image: url("../img/icon/arrow_link5.png");
}

@media only screen and (min-width: 768px) {
	.icate__ex {
		font-size: 0.875rem;
		line-height: 1.71429;
	}
}

@media only screen and (max-width: 767px) {
	.icate__ex {
		display: none;
	}
}

.irecruit_area {
	border-top: 1px solid #b2b2b2;
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.irecruit_area {
		padding-top: 34px;
	}
}

@media only screen and (max-width: 767px) {
	.irecruit_area {
		padding-top: 40px;
	}
}

.irecruit_area__head {
	position: absolute;
	top: -17px;
	left: 0;
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.irecruit_area__head {
		top: -12px;
	}
	.irecruit_area__head img {
		width: 125px;
	}
}

@media only screen and (min-width: 768px) {
	.irecruit_area__body {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media only screen and (max-width: 767px) {
	.irecruit_area__body {
		margin-bottom: 60px;
	}
}

@media only screen and (min-width: 1200px) {
	.irecruit_area__body .ifacebook {
		min-width: 500px;
		width: 500px;
	}
}

@media only screen and (max-width: 1199px) {
	.irecruit_area__body .ifacebook {
		min-width: 400px;
		width: 400px;
	}
}

@media only screen and (max-width: 1100px) {
	.irecruit_area__body .ifacebook {
		min-width: 300px;
		width: 300px;
	}
}

@media only screen and (min-width: 768px) {
	.irecruit_area__body .ifacebook {
		margin-left: 45px;
	}
}

@media only screen and (max-width: 767px) {
	.irecruit_area__body .ifacebook {
		width: 100%;
		min-width: 0;
		max-width: auto;
	}
}

.irecruit_area__body .ifacebook .fb_iframe_widget,
.irecruit_area__body .ifacebook .fb_iframe_widget span,
.irecruit_area__body .ifacebook .fb_iframe_widget iframe[style] {
	max-width: 100%;
	width: 100% !important;
}

@media only screen and (max-width: 767px) {
	.irecruit {
		margin-bottom: 20px;
	}
}

.irecruit p {
	font-size: 0.875rem;
	line-height: 1.71429;
}

@media only screen and (max-width: 767px) {
	.irecruit p {
		display: none;
	}
}

.irecruit .btn {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	letter-spacing: .05em;
	max-width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 768px) {
	.irecruit .btn {
		width: 300px;
		font-size: 0.938rem;
		margin-top: 21px;
		margin-bottom: 35px;
	}
}

@media only screen and (max-width: 767px) {
	.irecruit .btn {
		width: 100%;
		padding-right: 25px;
		line-height: 1.1;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px) and (-ms-high-contrast: none) {
	.irecruit .btn {
		/* IE11以上 */
		line-height: 1.5;
	}
}

.irecruit .btn::before {
	left: 22px;
}

@media only screen and (min-width: 768px) {
	.irecruit ul {
		margin-top: 16px;
	}
	.irecruit ul li {
		margin-bottom: .7ex;
	}
}

.irecruit .link2 {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1.3;
	color: #2255aa;
}

@media only screen and (min-width: 768px) {
	.irecruit .link2 {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 767px) {
	.irecruit .link2 {
		font-size: 0.938rem;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
	}
}

.irecruit .link2::before {
	background-image: url("../img/icon/arrow_link5.png");
}

.ibanner_area {
	background-color: #f4f3ec;
	padding-top: 18px;
}

@media only screen and (min-width: 768px) {
	.ibanner_area {
		padding-bottom: 18px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.ibanner_area {
		margin-left: -10px;
		margin-right: -10px;
		padding-bottom: 8px;
	}
	.ibanner_area ul::before, .ibanner_area ul::after {
		content: '';
		display: table;
	}
	.ibanner_area ul::after {
		clear: both;
	}
	.ibanner_area ul > * {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.ibanner_area ul > *:nth-child(2n + 1) {
		clear: left;
		padding-right: 5px;
	}
	.ibanner_area ul > *:nth-child(2n) {
		padding-left: 5px;
	}
}

.ibanner_area li:not(:last-child) {
	margin-bottom: 10px;
}

.ibanner_area a,
.ibanner_area img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 260px;
}

@media only screen and (max-width: 767px) {
	.ibanner_area a,
	.ibanner_area img {
		width: 100%;
	}
}

/**************************
.index4
*/
.index4 {
	padding-bottom: 65px;
}

@media only screen and (max-width: 767px) {
	.index4 {
		display: none;
	}
}

.iaccess_area {
	border-top: 1px solid #b2b2b2;
	padding-top: 50px;
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.iaccess_area {
		padding-bottom: 30px;
	}
}

.iaccess_area__head {
	position: absolute;
	top: -21px;
	left: 0;
	background-color: #fff;
}

.iaccess_area .gmap {
	height: 400px;
}

.iaccess_area__link {
	text-align: center;
	margin-top: 30px;
}

.iaccess_area__link .btn {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 0.938rem;
	letter-spacing: .02em;
	width: 300px;
	max-width: 100%;
	text-align: center;
}

.iaccess_area__link .btn::before {
	left: 22px;
}

/**************************
.index5
*/
.index5 {
	border-top: 1px solid #b2b2b2;
}

@media only screen and (min-width: 768px) {
	.index5 {
		padding-top: 52px;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.index5 {
		padding-top: 30px;
		padding-bottom: 60px;
	}
}

.igroup_area__link {
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.igroup_area__link {
		margin-bottom: 38px;
	}
}

@media only screen and (max-width: 767px) {
	.igroup_area__link {
		margin-bottom: 18px;
	}
}

.igroup_area__link a {
	font-family: "FOT-ニューロダン Pro DB", "NewRodinPro-DB", "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #666;
}

@media only screen and (min-width: 768px) {
	.igroup_area__link a {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 767px) {
	.igroup_area__link a {
		font-size: 1rem;
	}
}

.igroup_area__link a:hover {
	color: #00295e;
}

.igroup_area .igroup_ext {
	letter-spacing: .06em;
}

.igroup_area .igroup_ext::after {
	content: '';
	display: inline-block;
	background: url("../img/index/group_ext.png") 0 center no-repeat transparent;
	background-size: 18px 16px;
	width: 18px;
	height: 16px;
	margin-left: 5px;
}

@media only screen and (min-width: 768px) {
	.igroup_area__list::before, .igroup_area__list::after {
		content: '';
		display: table;
	}
	.igroup_area__list::after {
		clear: both;
	}
	.igroup_area__list > * {
		width: 25%;
		float: left;
		box-sizing: border-box;
	}
	.igroup_area__list > *:nth-child(4n + 1) {
		clear: left;
		padding-right: 30px;
	}
	.igroup_area__list > *:nth-child(4n + 2) {
		padding-left: 10px;
		padding-right: 20px;
	}
	.igroup_area__list > *:nth-child(4n + 3) {
		padding-left: 20px;
		padding-right: 10px;
	}
	.igroup_area__list > *:nth-child(4n) {
		padding-left: 30px;
	}
	.igroup_area__list li {
		margin-bottom: 26px;
	}
}

@media only screen and (max-width: 767px) {
	.igroup_area__list::before, .igroup_area__list::after {
		content: '';
		display: table;
	}
	.igroup_area__list::after {
		clear: both;
	}
	.igroup_area__list > * {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.igroup_area__list > *:nth-child(2n + 1) {
		clear: left;
		padding-right: 5px;
	}
	.igroup_area__list > *:nth-child(2n) {
		padding-left: 5px;
	}
	.igroup_area__list li {
		margin-bottom: 10px;
	}
}

.igroup {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 270px;
}

.igroup:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

.igroup__image {
	width: 100%;
	background-size: cover;
	background-position: center center;
	margin-bottom: 6px;
}

@media only screen and (min-width: 768px) {
	.igroup__image {
		height: 90px;
	}
}

@media only screen and (max-width: 767px) {
	.igroup__image {
		height: 45px;
	}
}

.igroup .link {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	padding-left: .8em;
}

.igroup .link::before {
	position: absolute;
	top: 5px;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.igroup .link {
		font-size: 0.875rem;
	}
}

@media only screen and (max-width: 767px) {
	.igroup .link {
		font-size: 0.813rem;
	}
}

@media only screen and (min-width: 768px) {
	.index6 {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.index6 {
		margin-top: 20px;
		margin-bottom: 15px;
	}
}

.iinterview_area {
	position: relative;
	top: 0;
	left: 0;
}

.iinterview_area__title {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}

@media only screen and (min-width: 768px) {
	.iinterview_area__title {
		margin-bottom: -18px;
	}
}

@media only screen and (max-width: 767px) {
	.iinterview_area__title {
		margin-bottom: -10px;
	}
}

.iinterview_area__title img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 768px) {
	.iinterview_area__title img {
		width: 570px;
		height: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.iinterview_area__title img {
		width: 250px;
	}
}

.iinterview_area__body {
	padding-left: 45px;
	padding-right: 45px;
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.iinterview_area__foot {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}
	.iinterview_area__foot .btn {
		font-size: 14px;
		padding-top: 8px;
		padding-bottom: 7px;
		min-height: 35px;
		font-weight: normal;
	}
}

@media only screen and (max-width: 767px) {
	.iinterview_area__foot {
		display: none;
	}
}

.iinterview_list .slick-slide {
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	.iinterview_list .slick-slide {
		width: 370px;
		max-width: calc((100vw - 90px) / 3);
		min-width: 283px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.iinterview_list .slick-slide {
		width: 100%;
	}
}

.iint_card {
	display: block;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 0;
}

.iint_card:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

@media only screen and (min-width: 768px) {
	.iint_card {
		height: 350px;
	}
}

@media only screen and (max-width: 767px) {
	.iint_card {
		height: 200px;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
}

.iint_card .text_area {
	position: absolute;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.iint_card .text_area {
		bottom: 35px;
	}
}

@media only screen and (max-width: 767px) {
	.iint_card .text_area {
		bottom: 20px;
	}
}

.iint_card .sub {
	line-height: 1.3;
	margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
	.iint_card .sub {
		font-size: 22px;
	}
}

@media only screen and (max-width: 767px) {
	.iint_card .sub {
		font-size: 13px;
	}
}

.iint_card .sub span {
	display: inline-block;
	background-color: #2355aa;
	color: #adc7f4;
	line-height: 1;
	padding-left: 2px;
	padding-right: 2px;
}

.iint_card .sub span + span {
	margin-top: 4px;
}

.iint_card .main {
	line-height: 1.3;
}

@media only screen and (min-width: 768px) {
	.iint_card .main {
		font-size: 33px;
	}
}

@media only screen and (max-width: 767px) {
	.iint_card .main {
		font-size: 18px;
	}
}

.iint_card .main span {
	display: inline-block;
	background-color: #2355aa;
	color: #fff;
	line-height: 1;
}

@media only screen and (min-width: 768px) {
	.iint_card .main span {
		padding-left: 4px;
		padding-right: 4px;
	}
}

@media only screen and (max-width: 767px) {
	.iint_card .main span {
		padding-left: 2px;
		padding-right: 2px;
	}
}

.iint_card .main span + span {
	margin-top: 4px;
}

.int_arrows .slick-arrow {
	font-size: 0;
	display: block;
	border: 0 none;
	padding: 0;
	margin: 0;
	background: url("../img/icon/int_arrow.png") center center/cover no-repeat transparent;
	position: absolute;
	cursor: pointer;
}

.int_arrows .slick-arrow:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

@media only screen and (min-width: 768px) {
	.int_arrows .slick-arrow {
		width: 36px;
		height: 70px;
		top: 150px;
	}
}

@media only screen and (max-width: 767px) {
	.int_arrows .slick-arrow {
		width: 23px;
		height: 45px;
		top: 80px;
	}
}

.int_arrows .slick-prev {
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	left: 0;
}

.int_arrows .slick-next {
	right: 0;
}

.int_dots .slick-dots {
	position: static;
	margin-left: auto;
	margin-right: auto;
	-ms-transform: none;
	    transform: none;
	margin-top: 3px;
}

.int_dots .slick-dots li {
	margin: 0 7px;
}

.int_dots .slick-dots button {
	border: 1px solid #afafaf;
	color: #fff;
}

.int_dots .slick-dots .slick-active button,
.int_dots .slick-dots button:hover,
.int_dots .slick-dots button:active {
	border: 0 none;
	background-color: #8bafdc;
}

.half_bnr {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.half_bnr_1
{
	margin-right: 20px;
}
.half_bnr_1 img{
	max-width: 290px;
}
.half_bnr_2 img{
	max-width: 290px;
}
@media only screen and (min-width: 767px) {
.vaccine_bnr img{
	max-width: 600px;
	text-align: center;
	margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.vaccine_bnr{
	margin: 20px 0 20px 0;
}
.vaccine_bnr.last {
	margin: 20px 0 60px 0;
}
}
.bnr_area{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	gap: 17px;
}
.bnr_area a:hover{
	opacity: 0.7;
	display: block;
}


@media only screen and (min-width: 767px) {
	.bnr_area__left ul {
		display: flex;
		flex-wrap: wrap;
		gap: 17px;
	}

	.bnr_area__right ul {
		display: flex;
		flex-wrap: wrap;
		row-gap: 17px;
	}

	.bnr_area__left {
		max-width: 544px;
		flex-shrink: 0;
		width: 67%;
	}
	.bnr_area__right {
		max-width: 265px;
		flex-shrink: 0;
		width: 33%;
	}

	.bnr_area__left ul li {
		width: calc(100% / 2 - 9px);
	}

	.bnr_area__right ul{
		flex-direction: column;
	}

	.bnr_area__right ul li {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.bnr_are_box ul{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.bnr_are_box ul li{
		width: calc(100% / 2 - 6px);
	}
}

.sns_area a:hover {
	opacity: 0.7;
}

.sns_area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 26px;
}

.sns_area ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #00124d;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 6px;
}

.sns_area ul li a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	font-size: 16px;
}

.sns_area ul li .right{
	display: flex;
	justify-content: right;
	font-size: 16px;
}

.sns_area ul li .right img {
	width: 35px;
	height: 35px;
}

@media only screen and (min-width: 767px) {
	.sns_area ul .sns{
		width: 170px;
	}

	.sns_area ul .magazine{
		width: 120px;
	}
}

@media only screen and (max-width: 767px) {
	.sns_area ul{
		margin-top: 20px;
	}

	.sns_area ul li{
		width: 48%;
		font-size: 20px;
		padding-bottom: 4px;
	}

	.sns_area ul li a{
		font-size: 20px;
	}

	.sns_area ul li .right img {
        width: 40px;
        height: auto;
	}
}

@media only screen and (min-width: 767px) {
	.twitter{
		margin-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.twitter{
		margin-bottom: 38px;
	}
}