@charset "UTF-8";
/* CSS Document */

html,body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
	height: 100%;
   /*フォント*/
	font-family: 'ヒラギノ角ゴシック','Hiragino Sans','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ ゴシック','ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic','Osaka','Arial','Arial Black',sans-serif;
	font-size: 16px;
	line-height:1.5;
	color: #2b2b2b;
}

@media screen and (max-width:736px) {/*スマートフォン*/
	html,body  {font-size: 14px;}
}



a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #2b2b2b;
}
a:hover {
	text-decoration: none;
	color: #175497;
}

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

img[src$=".svg"] {
    width: 100%;
}

.img_r {
	float: right;
	margin-left: 8px;
}
.img_l {
	float: left;
	margin-right: 8px;
}
.clear {clear: both;}

@media screen and (max-width:736px) {/*スマートフォン*/
	.img_r,
	.img_l {width: 40%;}
}

/*区切り線*/
hr.kugiri8 {
	border: none;
	margin: 8px 0;
}
hr.kugiri16 {
	border: none;
	margin: 16px 0;
}

/*フォントまわり*/
.f_red {color: #e60012;}
.f_nomal {font-weight: 400;}
.f_bold {font-weight: 700;}

.f_size80 {font-size: .8rem;}
.f_size100 {font-size: 1rem;}
.f_size125 {font-size: 1.25rem;}
.f_size150 {font-size: 1.5rem;}
.f_size200 {font-size: 2rem;}

.lineheight_1-25 {line-height: 1.25;}
.lineheight_1-4 {line-height: 1.4;}



/*---------------------------------------------------------------------------
レイアウト
---------------------------------------------------------------------------*/
#wrap {
	width:100%;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	}

#sp_contact {display: none;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#wrap {
		overflow:hidden;
		position: absolute;
	}
	#sp_contact {
		display: flex;
		position: fixed;
		bottom: 0;
		line-height: 0;
		z-index: 999;
	}
	#sp_contact div {
		width: 50%;
		padding: 8px;
		box-sizing: border-box;
		background: #fff;
	}
}

/*-------------------------*/
header,main,footer,div {
	display:block;
	}
p,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	}

/*-------------------------*/

/*---------------------------------------------------------------------------
header
---------------------------------------------------------------------------*/
header {
	margin: 0;
	padding: 0;
}

/*タイトル部分*/
#h_h1 {
	padding: 16px 16px 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#no1_img {
	width: 10%;
	margin-right: 16px;
}
#h_h1 h1 {width: 50%;}

#h_contact {
	width: 30%;
	margin: 0 0 0 auto;
}
/*-----*/


#h_read {
	width: 100%;
	padding: 0 16px 8px;
	box-sizing: border-box;
}

#head_image {
	width: 100%;
	margin: 0;
	padding: 39% 0 0;
	box-sizing: border-box;
	background: url("images/head.jpg") no-repeat top center;
	background-size: 100% auto;
	height: 0;
}

.voice_btn {
	margin: 16px auto;
	width: 720px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#h_h1 {padding: 8px 8px 0;}
	#no1_img {margin-right: 8px;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	header {
		margin: 0;
		position: relative;
		padding-top: 16.8%;
		z-index: 9999;
	}
	/*タイトル部分*/
	#h_h1 {
		justify-content: space-between;
		align-items: flex-start;
		padding: 8px 8px 0;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
	}
	#no1_img {
		width: 14%;
		margin-right: 0;
	}
	#h_h1 h1 {width: 84%;}
	#h_contact {display: none;}
	
	#h_read {padding: 0 8px;}
	
	#head_image {
		padding: 66% 0 0;
		background: url("images/head_sp.jpg") no-repeat top center;
		background-size: 100% auto;
	}
	
	.voice_btn {width: 90%;}
}

/*-------------------------*/



/*---------------------------------------------------------------------------
main
---------------------------------------------------------------------------*/
main {
	padding: 40px 0 0;
	background: url("images/back.png") fixed;
}

/*ボックス*/
.box {
	width: 960px;
	margin: 0 auto;
}
@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.box {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	main {padding: 16px 0 0;}
	.box {width: 90%;}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
お問い合わせ
---------------------------------------------------------------------------*/
.contact_btn {
	max-width: 980px;
	margin: 40px auto;
	text-align: center;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.contact_btn {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.contact_btn {
		width: 90%;
		margin: 16px auto;
	}
}

/*アニメーション*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}



/*無料体験レッスン*/
.lesson {
	margin-top: 16px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
}
.lesson span {font-size: 2rem;}
.lesson_free {
	font-size: 3rem!important;
	color: #ff1493;
	margin: 0 4px;
}
.lesson_free_sp {display: none;}
@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.lesson_free {display: block;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.lesson span {font-size: 1.5rem;}
	.lesson_free {display: none;}
	.lesson_free_sp {
		display: block;
		font-size: 2rem!important;
	}
	.lesson_free_sp a {color: #ff1493;}
}
/*-------------------------*/



/*---------------------------------------------------------------------------
footer
---------------------------------------------------------------------------*/
footer {
	padding: 16px 0;
	background: #f1f1f1;
	line-height: 1.5;
}
.f_flex {
	max-width: 1000px;
	margin: 16px auto 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.f_logo {
	width: 40%;
	margin-right: 16px;
}
@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.f_flex {width: 90%;}
	.f_logo {width: 48%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	footer {padding: 16px 0 10vh;}
	.f_flex {
		width: 90%;
		display: block;
	}
	.f_logo {width: 100%;}
}

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
習字・そろばんで最高の成果を出したACE生たち
---------------------------------------------------------------------------*/
#result_soroban,
#result_syuji {
	width: 960px;
	margin: 0 auto 16px;
	color: #fff;
}

#result_soroban h3,
#result_syuji h3 {
	padding: 8px 16px;
	box-sizing: border-box;
	text-align: center;
	line-height: 0;
	background: #fabd00;
	border-radius: 16px 16px 0 0;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#result_soroban,
	#result_syuji {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#result_soroban,
	#result_syuji {
		width: 96%;
	}
}

/*習字で最高の成果を出したACE生たち*/
.r_syuji {
	padding: 0 0 8px;
	box-sizing: border-box;
	background: #00a63c;
}
.r_syuji h4 {
	margin: 0;
	padding-left: 8px;
	line-height: 1;
}

.r_syuji h5,
.r_syuji p {
	padding: 0 16px;
	box-sizing: border-box;
}

.r_syuji h5 {
	font-size: 1.25rem;
}

.r_syuji hr {
	border: none;
	margin: 8px;
}
/*-------------------------*/

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
クラス共通
---------------------------------------------------------------------------*/
#class1,
#class2,
#class3,
#class4,
#class5,
#class6,
#class7,
#class8 {
	width: 960px;
	margin: 0 auto 40px;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
}

#class1 {border: solid 2px #f29600;}
#class2 {border: solid 2px #00a73c;}
#class3 {border: solid 2px #e50012;}
#class4 {border: solid 2px #eb6ea5;}
#class5 {border: solid 2px #90529c;}
#class6 {border: solid 2px #a62958;}
#class7 {border: solid 2px #00b8ee;}
#class8 {border: solid 2px #0068b6;}


@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#class1,#class2,#class3,#class4,#class5,#class6,#class7,
	#class8 {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#class1,#class2,#class3,#class4,#class5,#class6,#class7,
	#class8 {
		width: 96%;
		margin: 0 auto 16px;
		padding: 8px;
	}
}

#class1 hr,
#class2 hr,
#class3 hr,
#class4 hr,
#class5 hr,
#class6 hr,
#class7 hr,
#class8 hr {
	border: none;
	margin: 8px 0;
}

#class1 h3,
#class2 h3,
#class3 h3,
#class6 h3,
#class7 h3,
#class8 h4 {
	padding: 4px 8px;
	margin-bottom: 8px;
	
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.25;
}
#class1 h3 {background: #f29600;}
#class2 h3 {background: #00a73c;}
#class3 h3 {background: #e50012;}
#class6 h3 {background: #a62958;}
#class7 h3 {background: #00b8ee;}
#class8 h4 {background: #0068b6;}

#class1 h4,
#class2 h4,
#class3 h4,
#class6 h4,
#class7 h4,
#class8 h4 {font-size: 1.25rem;}
#class1 h4::before,
#class2 h4::before,
#class3 h4::before,
#class6 h4::before,
#class7 h4::before,
#class8 h5::before {
	content: "●";
	margin-right: 4px;
}
#class1 h4::before {color: #f29600;}
#class2 h4::before {color: #00a73c;}
#class3 h4::before {color: #e50012;}
#class6 h4::before {color: #f29600;}
#class7 h4::before {color: #f29600;}
#class8 h5::before {color: #0068b6;}

/*-------------------------*/

/*---------------------------------------------------------------------------
料金
---------------------------------------------------------------------------*/
.price {
	margin: 8px auto 0;
	display: flex;
	justify-content: space-between
}
.p_obi {
	display: block;
	width: 10%;
	position: relative;
	color: #fff;
	text-align: center;
	font-weight: 700;
}
.p_obi p {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.p_flex {
	width: 88%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.p_time {
	margin-right: 16px;
	padding: 0 8px;
	font-weight: 700;
}
.p_price {
	font-weight: 700;
	line-height: 1.25;
}
.p_p_number {font-size: 150%;}
.p_p_yen {font-size: 125%;}

.p_text {width: 100%;}
.p_text span {background: #fff100;}

#class1 .p_obi {background: #f29600;}
#class2 .p_obi {background: #00a73c;}
#class3 .p_obi {background: #e50012;}
#class4 .p_obi {background: #eb6ea5;}
#class5 .p_obi {background: #90529c;}
#class6 .p_obi {background: #a62958;}
#class7 .p_obi {background: #00b8ee;}
#class8 .p_obi {background: #0068b6;}

#class1 .p_time {
	border-left: solid 2px #f29600;
	border-right: solid 2px #f29600;
}
#class2 .p_time {
	border-left: solid 2px #00a73c;
	border-right: solid 2px #00a73c;
}
#class3 .p_time {
	border-left: solid 2px #e50012;
	border-right: solid 2px #e50012;
}
#class4 .p_time {
	border-left: solid 2px #eb6ea5;
	border-right: solid 2px #eb6ea5;
}
#class5 .p_time {
	border-left: solid 2px #90529c;
	border-right: solid 2px #90529c;
}
#class6 .p_time {
	border-left: solid 2px #a62958;
	border-right: solid 2px #a62958;
}
#class7 .p_time {
	border-left: solid 2px #00b8ee;
	border-right: solid 2px #00b8ee;
}
#class8 .p_time {
	border-left: solid 2px #0068b6;
	border-right: solid 2px #0068b6;
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.price {flex-wrap: wrap}
	.p_obi,
	.p_flex {width: 100%;}
	.p_obi p {position: relative;}
	.p_obi {margin-bottom: 4px;}
}


/*---------------------------------------------------------------------------
そろばん
---------------------------------------------------------------------------*/
#class1 {position: relative;}
#class1 h5 {
	font-size: 1rem;
	color: #e60012;
}
#class1 h5 span {background: #fbc600;}

.cl1_chara {
	position: absolute;
	top: -16px;
	left: 38%;
	width: 220px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.cl1_chara {
		width: 20%;
		top: 8px;
		left: 38%;
	}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.cl1_chara {
		width: 26%;
		top: -16px;
		left: 38%;
	}
}

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
習字
---------------------------------------------------------------------------*/
#class2 {position: relative;}
h3.c2nagare {background: #ea5614!important;}
#class2 h5 {font-size: 1rem;}
#class2 h5 span {color: #e60012;}

.c2zaidan {
	margin: 8px 0 16px;
	padding: 4px 16px;
	box-sizing: border-box;
	border-left: solid 4px #00a73c;
	border-right: solid 4px #00a73c;
}
.c2zaidan span {color: #00a73c;}

.cl2_chara {
	position: absolute;
	top: 8px;
	left: -4%;
	width: 220px;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.cl2_chara {
		width: 20%;
		top: 8px;
		left: 0;
	}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.cl2_chara {
		width: 26%;
		top: -8px;
		left: -16px;
	}
}
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
英語
---------------------------------------------------------------------------*/
.eigoryoku {
	font-size: 1.5rem;
	font-weight: 700;
	color: #1d2088;
}
.eigoryoku span {color: #1d2088!important;}
.content3_flex {
	margin: 16px 0 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
}
.content3_flex div {width: 24%;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.content3_flex {flex-wrap: wrap;}
	.content3_flex div {
		width: 48%;
		margin-bottom: 16px;
	}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.content3_flex {flex-wrap: wrap;}
	.content3_flex div {
		width: 100%;
		margin-bottom: 16px;
	}
}

.lets_class {
	display: block;
	padding: 4px;
	background: #ccc;
	line-height: 1;
	text-align: center;
	margin-bottom: 8px;
}

.letsgo1,
.letsgo2,
.letsgo3,
.letsgo4 {
	display: block;
	padding: 4px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.letsgo1 {background: #f8b625;}
.letsgo2 {background: #ed6f2d;}
.letsgo3 {background: #6dbb5a;}
.letsgo4 {background: #5282c3;}

/**/
#class3 .price hr {
	border: none;
	width: 100%;
	margin: 8px 0;
}

#class3 .p_flex {justify-content: space-between;}
#class3 .p_time {
	width: 20%;
	margin-right: 0;
	text-align: center;
	line-height: 1.4;
}
#class3 .p_price {width: 76%;}
#class3 .p_text {margin-top: 8px;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#class3 .p_time {width: 24%;}
	#class3 .p_price {width: 70%;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#class3 .price {flex-wrap: wrap;}
	#class3 .p_obi {
		width: 100%;
		height: 4vh;
		margin-bottom: 8px;
	}
	#class3 .p_flex {width: 100%;}
	#class3 .p_time {width: 32%;}
	#class3 .p_price {width: 58%;}
	#class3 .p_price br {display: none;}
}
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
自孝力キッズ
---------------------------------------------------------------------------*/
.c4_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.c4_title div {width: 49.6%;}

.c4_kakomi {
	margin: 8px 0 16px;
	padding: 16px;
	box-sizing: border-box;
	background: #fffcd5;
}
#class4 h3 {color: #e50069;}

@media screen and (max-width:736px) {/*スマートフォン*/
	.c4_title {display: block;}
	.c4_title div {width: 100%;}
}
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
プログラミング
---------------------------------------------------------------------------*/
#class5 h3 {
	font-size: 2rem;
	line-height: 1.25;
	color: #90529c;
}
#class5 h4 {
	margin: 16px 0 8px;
	padding: 4px;
	box-sizing: border-box;
	background: #90529c;
	color: #fff;
	text-align: center;
}

.c5_flex {
	display: flex;
	align-items: center;
	border: solid 1px #6d6c6c;
	margin-bottom: 8px;
}
.c5_f_h5 {
	width: 15%;
	height: 16vh;
	margin: 0;
	font-size: 1.16rem;
	color: #fff;
	background: #90529c;
	text-align: center;
	position: relative;
}
.c5_flex h5 {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.c5_f_text {
	width: 60%;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
}
.c5_f_image {
	width: 25%;
	line-height: 0;
}
.c5_f_image img {
	width: 100%;
	height: 16vh;
	object-fit: cover;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.c5_f_h5,
	.c5_f_image img {height: 24vh;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	.c5_flex {flex-wrap: wrap;}
	.c5_f_h5 {
		width: 100%;
		height: 4vh;
	}
	.c5_f_text {
		padding: 8px;
		width: 50%;
	}
	.c5_f_image {width: 50%;}
	.c5_f_image img {height: 24vh;}
}

#class5 .price {margin-top: 16px;}

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
速読
---------------------------------------------------------------------------*/
#class8 h5 {
	display: flex;
	align-items: center;
	font-size: 1rem;
}
#class8 h5 span:nth-child(1) {
	font-size: 1.16rem;
	margin-right: 8px;
}
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
こくご、算数
---------------------------------------------------------------------------*/
#class6 ul,
#class7 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.16rem;
}
#class6 li::before,
#class7 li::before {
	content: "●";
	margin-right: 4px;
}
.kokusan {
	margin: 16px auto 0;
	padding: 4px 16px;
	box-sizing: border-box;
	text-align: center;
}

/*こくご*/
#class6 li::before {color: #a62958;}
#class6 .kokusan {
	color: #00b8ee;
	border: solid 1px #00b8ee;
}

/*算数*/
#class7 li::before {color: #00b8ee;}
#class7 .kokusan {
	color: #a62958;
	border: solid 1px #a62958;
}
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
入会キャンペーン／ACEでたくさん学ぶとお得
---------------------------------------------------------------------------*/
.campaign {
	width: 960px;
	margin: 16px auto 40px;
	padding: 8px 16px;
	box-sizing: border-box;
	background: #7f2e1b;
	border-radius: 16px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.campaign h3 {
	width: 100%;
	line-height: 0;
}
.campaign p {
	width: 49.6%;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: dotted 2px #fff;
}

.campaign p:nth-child(6),
.campaign p:nth-child(7) {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.campaign {
		width: 90%;
		display: block;
		text-align: center;
	}
	.campaign h3,
	.campaign p {width: 100%;}
	
	.campaign p:nth-child(6) {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: dotted 2px #fff;
	}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.campaign {
		width: 96%;
		margin: 16px auto;
		padding: 4px 8px;
		display: block;
		text-align: center;
	}
	.campaign h3,
	.campaign p {width: 100%;}
	
	.campaign p:nth-child(6) {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: dotted 2px #fff;
	}
}

/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
マップ
---------------------------------------------------------------------------*/
#accessmap {
	background: #fbdfdf;
	padding: 40px 5%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 1.4;
}

.map {
	width: 18%;
	margin: 0 0 16px;
}

#accessmap::after {
	width: 38%;
	margin: 0;
	content: "";
}
.map ul {
	margin: 0 0 4px;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	font-size: .8rem;
}
.map li {margin-right: 8px;}

.map li::before {
	content: "●";
	margin-right: 2px;
	opacity: .6;
}

.m_class1 {color: #f29600;}
.m_class2 {color: #00a73c;}
.m_class3 {color: #e50012;}
.m_class4 {color: #eb6ea5;}
.m_class5 {color: #90529c;}
.m_class6 {color: #a62958;}
.m_class7 {color: #00b8ee;}
.m_class8 {color: #0068b6;}

.map h4 {
	margin: 0 0 8px;
	padding: 2px 8px;
	box-sizing: border-box;
	background: #666;
	color: #fff;
	font-size: 1rem;
}
.map h4 span {font-size: 1.25rem;}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#accessmap {padding: 16px 2%;}
	.map {
		width: 24%;
		margin: 0 0 16px;
	}
	#accessmap::after {width: 24%;}
	
	.map h4 {font-size: .8rem;}
	.map h4 span {font-size: 1rem;}
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#accessmap {padding: 16px;}
	.map {
		width: 48%;
		margin: 0 0 16px;
	}
	#accessmap::after {
		width: 48%;
		margin: 0 0 16px;
	}
	.map h4 {
		font-size: .8rem;
		margin: 0 0 4px;
	}
	.map h4 span {font-size: 1rem;}
}

.shikamasirahama {
	width: 38.8%;
	margin: 0 0 16px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.shikamasirahama div.map {
	width: 48%;
	margin: 0 0 4px;
}
.shika_shira_tel {
	width: 100%;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	background: #fff100;
	line-height: 1.25;
	font-weight: 700;
	text-align: center;
}
.shika_shira_tel p:nth-child(2) {font-size: 1.25rem;}
.shika_shira_tel p:nth-child(2) span {
	font-size: 2rem;
	color: #e60012;
}
@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	.shikamasirahama {
		width: 48.8%;
		margin: 0 0 16px;
	}
	.shika_shira_tel br {display: none;}
	.shika_shira_tel p:nth-child(2) span {font-size: 1.5rem;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.shikamasirahama {
		width: 100%;
		margin: 0;
		justify-content: space-between;
	}
	.shikamasirahama div.map {
		width: 48%;
		margin: 0;
	}
	.shika_shira_tel {margin: 8px 0 16px;}
	.shika_shira_tel br {display: none;}
	.shika_shira_tel p:nth-child(2) span {font-size: 1.5rem;}
}

/*-------------------------*/

/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
seed
---------------------------------------------------------------------------*/
#seed_header,
#seed {width: 960px;}

#seed_header {
	margin: 0 auto;
	padding: 8px 0 0;
	box-sizing: border-box;
	line-height: 0;
	background: #e0f0e2;
	border-radius: 16px 16px 0 0;
	border-top: solid 2px #72ad46;
	border-right: solid 2px #72ad46;
	border-left: solid 2px #72ad46;
}
#seed {
	margin: 0 auto 40px;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0 0 16px 16px;
	border-bottom: solid 2px #72ad46;
	border-right: solid 2px #72ad46;
	border-left: solid 2px #72ad46;
}

@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
	#seed_header,
	#seed {width: 90%;}
}
@media screen and (max-width:736px) {/*スマートフォン*/
	#seed_header,
	#seed {width: 96%;}
}

/*-------------------------*/
#seed hr {
	border: none;
	margin: 16px;
}
#seed h3 {
	color: #13ae67;
	font-size: 1.5rem;
	line-height: 1.25;
}
#seed h3 span {display: block;}
#seed h3 span:first-child {width: 80px;}

#seed h4 {
	margin: 8px 0;
	font-size: 1.25rem;
	font-weight: normal;
}

#seed ul {
	margin: 8px 0;
	padding: 8px 16px;
	list-style-type: none;
	box-sizing: border-box;
	background: #fffcd7;
	border-radius: 8px;
	font-size: 1.16rem;
}
#seed li span {color: #ea5504;}

#seed .p_obi {background: #ea5504;}
#seed .p_time {
	border-left: solid 2px #ea5504;
	border-right: solid 2px #ea5504;
}
#seed .p_flex hr {
	border: none;
	width: 100%;
	margin: 0;
}

.s_f-r {
	width: 24%;
	float: right;
	margin-left: 16px;
}
.s_f-clear {
	clear: both;
	margin-bottom: 8px;
}
.s_f-clear::after {
	display: block;
	width: 100%;
	height: 1px;
	content: "";
}

@media screen and (max-width:736px) {/*スマートフォン*/
	#seed h3 {font-size: 1.25rem;}
	.s_f-r {width: 40%;}
}

/**/
.s_voice {
	margin: 0 0 16px;
	padding: 8px 16px;
	box-sizing: border-box;
	background: #fffcd7;
	border-radius: 16px;
}
.s_voice h4 {
	margin: 0;
	font-size: 1.16rem;
	color: #ea5504;
	font-weight: bold!important;
	text-align: center;
}
@media screen and (max-width:736px) {/*スマートフォン*/
	.s_voice h4 {font-size: 1rem;}
}

/**/
.seed_link {
	width: 800px;
	margin: 0 auto 40px;
	text-align: center;
}

.seed_link img {filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3));}

/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
コンテンツ1
---------------------------------------------------------------------------*/
#contents {}
@media only screen and (min-width:737px) and (max-width:1024px) {/*タブレット*/
}
@media screen and (max-width:736px) {/*スマートフォン*/
}
/*-------------------------*/

/*---------------------------------------------------------------------------*/