@charset "UTF-8";
@import "/include_2015/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.kumon {
	width: 100%;
	margin:auto;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#292929;
	font-weight: 700;
	padding-bottom:50px;
	border-bottom:50px solid;
	border-image:linear-gradient(to right, #fcbc0e, #ff8c01) 1;
}

.kumon .pc {
	display:none
}

.kumon .title {
	text-align:left;
}

.kumon .catch01 {
	background:linear-gradient(90deg, #ff8c01, #fcbc0e);
	padding:2% 3%;
	font-size:4.7vw;
	line-height:25px;
	color:#fff;
	text-align:center;
}

.kumon .catch01 span {
	display:block;
	background:#ffff66;
	color:#c53a0f;
	margin-bottom:1%;
	padding:5px
}

.kumon .title img {
	display:block;
	width:94%;
	margin:4% auto;
}

.kumon .title p {
	position: relative;
	margin:3% 4%;
	padding: 0 0 10px 30px;
	font-size:20px;
	line-height:28px;
}

.kumon .title p span {
	margin-left:-0.5em;
	margin-right:-0.3em;
}

.kumon .title p:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: -7px;
	width: 13px;
	height: 100%;
	border-radius: 20px;
	background:linear-gradient(#ff8c01, #fcbc0e);
}


.kumon .image01 {
	width:100%;
}

.kumon .area01 {
	background:#fcebd6;
}

.kumon .point {
	padding:5%
}

.kumon .point .co01 {
	font-size:18px;
	line-height:23px;
	padding-bottom:5%
}

.kumon .point .co01 ul li {
	text-align:left;
}

.kumon .point .co01 ul li.obj01 {font-size:28px;color:#ff8c01;font-style: italic;letter-spacing:0.1em;padding-bottom:15px}
.kumon .point .co01 ul li.obj02 {}


.kumon .point .co01 ul li ul li {
	display:block;
	background:url(../images/bk02.png) no-repeat;
	min-height:40px;
	padding-top:10px;
	padding-left:43px;
}

.kumon .point .co02 {
	background:#fefbf8;
	border:5px solid #fcccc4;
	border-radius:20px;
	padding:3% 5%;
	font-size:17px;
	line-height:25px;
	text-align:left;
	font-weight: 500;
}

.kumon .flow {
	background: url(../images/bk01.png);
	border-radius:70px 0 0 0;
	text-align:left;
	padding:5%;
}

.kumon .flow h3 {
	background:#fff;
	padding:2% 3% 5%;
	border-radius:30px;
	font-size:24px;
	line-height:30px;
	text-align:center;
}

.kumon .flow h3 strong {
	display:block;
	margin:5px auto 0;
	color:#e07a00;
	font-weight: 700;
}

.kumon .flow h3 span.n_01 {
	display:block;
	margin: auto;
	width:40px;
	height:40px;
	background:#ff8c01;
	padding:3px 12px;
	border-radius:50px;
	font-size:23px;
	color:#fff
}

.kumon .flow h3 span {
	display:block;
	font-size:18px;
	font-weight: 500;
}

.kumon .flow p {
	padding:3% 0 3% 70px;
	font-size:17px;
	line-height:26px;
	font-weight: 500;
}

.kumon .flow .f_01,
.kumon .flow .f_02 {
	background: url(../images/bk03.png) no-repeat bottom left;
}

.kumon .flow div.f_01{
	position: relative;
}

.kumon .flow div.f_01 img{
	display:block;
	margin: auto;
}

.kumon .flow div.f_02{
	position: relative;
}

.kumon .flow div.f_02 img{
	display:block;
	margin: auto;
}

.kumon .flow div.f_03{
	position: relative;
}

.kumon .flow div.f_03 img{
	display:block;
	margin: auto;
}

.kumon .flow p span {
	display:block;
	font-size:16px;
	font-weight: 400;
}

.kumon .detail {
	border-bottom:3px solid #ff8c01;
	margin-bottom:5%;
	padding:5% 0
}

.kumon .detail .number {
	display: flex;
	align-items: center;
	font-weight:bold;
}

.kumon .detail .number:before,.kumon .detail .number:after {
	content: "";
	flex-grow: 1;
	height: 3px;
	background: #ff8c01;
	display: block;
}

.kumon .detail .number span {
	background:#ff8c01;
	margin:0 18px;
	padding:6px 18px 6px;
	border-radius:50px;
	font-size:25px;
	color:#fff
}

.kumon .detail h4 {
	font-size:33px;
	line-height:38px;
	margin-bottom:20px
}

.kumon .detail h4 span {
	display:block;
	margin:5% 5% 2%;
	vertical-align:middle;
	background:#fcf4eb;
	padding:5px;
	border:1px solid #e07a00;
	font-size:21px;
	color:#e07a00;
}

.kumon .detail h4 strong {
	display:block;
	color:#e07a00;
	font-weight: 700;
}

.kumon .detail .date {
	margin:10px 48px;
	font-size:25px;
	line-height:30px
}

.kumon .detail .date span {
	font-size:35px;
}

.kumon .detail h5 {
	background:#fff3f1;
	font-size:3.8vw;
	line-height:1.4;
	margin:20px 17px;
	padding:3%;
	font-weight: 500;
}

.kumon .detail h5 strong {
	color:#e07a00;
	font-weight: 500;
	margin-right:-5px;
	margin-left:-5px
}

.kumon .detail table {
	margin:17px;
	font-size:3.7vw;
	line-height:1.4;
	font-weight:500;
	text-align:left;
}

.kumon .detail table td {
	vertical-align:top;
}

.kumon .detail table .t_obj01 {
	width:17%;
	text-align:center;
	padding-bottom:8px
}

.kumon .detail table .t_obj01 span {
	display:block;
	background:linear-gradient(90deg, #ff8c01, #fcbc0e);
	border-radius:10px;
	padding:3px;
	color:#fff;
	font-size:2.5vw;
}

.kumon .detail table .t_obj02 {
	width:30%;
	text-align:center;
	color:#e07a00;
}

.kumon .detail table .m_b_10 {
	padding-bottom:10px
}

.kumon .detail table .t_obj03 {
	padding-left:0.8em;
}

.kumon .info01 {
	margin:0 3% 8%;
	font-size:18px;
	line-height:1.4
}

.kumon .info01 span {
	color:#e07a00;
}

.kumon .info02 {
	display:block;
	margin:3%;
	font-size:17px;
	line-height:1.4;
	font-weight:500
}


.kumon a.bt01 {
	display:block;
	font-size:25px;
	line-height:1;
	background:linear-gradient(#f75d5d, #e13535 99%);
	margin:5%;
	text-align:center;
	padding:5%;
	border-radius:20px;
	color:#fff;
	text-decoration:none
}

.kumon a.bt01 span:before {
	content:url(../images/mk01.png) ;
	margin-right:10px;
	vertical-align:middle;
	width:15px;
	height:15px
}

.kumon a.bt01:hover {
	opacity: 0.7;
}