@charset "utf-8";

/* ==================================================
	parts
================================================== */

body{
	font-family: 'Lato','Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif!important;
    color: #1e1e1e;
}
.fLato{
    font-family: 'Lato', sans-serif;
}
#footBar{
	margin-top: 0;
}

/* text */
.fcRed{
    color: #FF5700;
}
.fcBlue{
    color: #00A9E0;
}
.fcGreen{
    color: #4DA81D;
}
.fposSup {
	vertical-align: top;
	line-height: 1rem;
}
.lead_txt{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.normal_txt{
	font-size: 16px;
	font-weight: 500;
}
.caption{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 22px;
}
.caption._btm{
	margin-top: 22px;
	margin-bottom: 0;
}
@media screen and (max-width: 767px){
	.lead_txt{
		font-size: 16px;
	}
}

.text_indent{
    margin-top: 16px
}
.text_indent.mT0{
    margin-top: 0;
}
.text_indent.mT5{
    margin-top: 5px;
}
.text_indent li{
    margin-top: 4px;
    text-indent: -1em;
    margin-left: 1em;
    font-size: 14px;
    line-height: 21px;
}

.fwM {	font-weight: 500!important;}
.fwB {	font-weight: bold!important;}


@media not screen and (max-width: 767px){
	.pc_taC{
		text-align: center;
	}
}

/* inner */
.inner_pd_m{
	padding: 0 20px;
}
@media screen and (max-width: 767px){
	.inner_pd_m{
		padding: 0 4%;
	}
}

/* margin padding */
@media screen and (max-width: 767px){
	.sp_mt0{
		margin-top: 0!important;
	}
}


/* heading */
.text_dots {
	text-emphasis: dot #1E1E1E;
	padding-top: 0.5em;
}
h2.heading{
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	line-height: 54px;
	margin-bottom: 32px;
}
h2.heading .fs_small{
	font-size: 24px;
}
h3.heading {
	font-size: 28px;
	font-weight: 900;
	line-height: 48px;
	text-align: center;
    margin-bottom: 24px;
}
h3.heading .fs_small{
	font-size: 18px;
}
@media screen and (max-width: 767px){
	h2.heading{
		font-size: 36px;
		line-height: 48px;
		margin-bottom: 17px;
	}
	h2.heading .fs_medium{
		font-size: 20px;
		line-height: 24px;
	}
	h2.heading .fs_small{
		font-size: 16px;
		line-height: 24px;
	}
}

/* box */
.boxShadow{
    box-shadow: 0px 6px 0px rgba(000, 000, 000, 0.1);
}
.dropShadow{
    filter: drop-shadow(0px 6px 0px rgba(000, 000, 000, 0.1));
}
.contsBtnBox{
	text-align: center;
	margin-top: 50px;
}
.contsBtnBox .arrowBtn{
	margin-top: 16px;
}
.contsBtnBox .arrowBtn:first-child{
	margin-top: 0;
}
.videoBlock{
	max-width: 650px;
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	.contsBtnBox{
		margin-top: 30px;
	}
	.videoBlock{
		padding: 0 4%;
	}
}

/* arrowBtn */
.arrowBtn{
	display: inline-block;
	font-size: 18px;
	text-align: center;
	position: relative;
	color: #1e1e1e;
    font-weight: bold;
    background: url(/common_2024/img/arrow/arw_r_black.svg) no-repeat;
	background-color: #fff;
    background-size: 16px;
    background-position: right 13px center;
    border-radius: 48px;
    padding: 12px 36px 12px 18px;
    width: 100%;
}
.arrowBtn.bgBlue{
    background: url(/common_2024/img/arrow/arw_r_black.svg) no-repeat;
	background-color: #D0F0FF;
    background-size: 24px;
    background-position: right 12px center;
    padding: 12px 36px 12px 18px;
    border-radius: 40px;
    line-height: 24px;
}

.blankBtn{
	display: inline-block;
	font-size: 18px;
	text-align: center;
	position: relative;
	color: #1e1e1e;
    font-weight: bold;
    background: url(/common_2024/img/icon/icon_blank_black.svg) no-repeat;
	background-color: #fff;
    background-size: 16px;
    background-position: right 13px center;
    border-radius: 48px;
    padding: 12px 36px 12px 18px;
    width: 100%;
}
.blankBtn.bgBlue{
	background-color: #D0F0FF;
    background-size: 22px;
    background-position: right 14px center;
    padding: 12px 36px 12px 18px;
    border-radius: 40px;
    line-height: 24px;
}

/* anchor */
.anchorBtn{
	display: inline-block;
	font-size: 18px;
	text-align: center;
	position: relative;
	color: #1e1e1e;
    font-weight: bold;
    background: url(/common_2024/img/arrow/arw_b_black2.svg) no-repeat;
	background-color: #fff;
    background-size: 16px;
    background-position: right 13px center;
    border-radius: 48px;
    padding: 12px 36px 12px 18px;
    width: 100%;
}
.anchorBtn.bgBlue{
    background: url(/common_2024/img/arrow/arw_b_black2.svg) no-repeat;
	background-color: #D0F0FF;
    background-size: 24px;
    background-position: right 12px center;
    padding: 12px 36px 12px 18px;
    border-radius: 40px;
    line-height: 24px;
}

.arrowBtn.w540,
.anchorBtn.w540,
.blankBtn.w540{
    max-width: 540px;
}
.arrowBtn:hover,
.anchorBtn:hover,
.blankBtn:hover{
    opacity: 0.7;
}
@media screen and (max-width: 767px){
    .arrowBtn.bgBlue,
	.anchorBtn.bgBlue,
	.blankBtn.bgBlue{
        border-radius: 36px;
    }
}
@media screen and (max-width: 420px) {
    .arrowBtn,
    .arrowBtn.bgBlue,
    .anchorBtn,
    .anchorBtn.bgBlue,
	.blankBtn,
	.blankBtn.bgBlue{
        font-size: 1rem;
	}
}
@media screen and (max-width: 325px) {
    .arrowBtn,
    .arrowBtn.bgBlue
    .anchorBtn,
    .anchorBtn.bgBlue,
	.blankBtn,
	.blankBtn.bgBlue{
        font-size: 0.9rem;
	}
}

/*別窓アイコン*/
main .linkBlank:after{
	background-image: url(/common_2024/img/icon/icon_blank_black.svg);
}
/*左矢印アイコン*/
main .linkArrowL:before,
main .linkArrowLr:before,
main .linkArrowLu:before,
main .linkArrowLd:before{
	background-image: url(/common_2024/img/arrow/arw_r_black.svg);
	width: 16px;
	height: 16px;
}
main .linkArrowL.iconPink:before{
	background-image: url(/common_2024/img/arrow/arw_r_black.svg);
}

/* img width */
.imgW85p,
.imgW88p {
	margin: 0 auto;
}
.imgW85p {
	width: 85%;
}
.imgW88p {
	width: 88%;
}
@media not screen and (max-width: 767px){
	.pcImgW85p,
	.pcImgW80p,
	.pcImgW75p,
	.pcImgW50p {
		margin: 0 auto;
	}
	.pcImgW85p {
		width: 85%;
	}
	.pcImgW80p {
		width: 80%;
	}
	.pcImgW75p {
		width: 75%;
	}
	.pcImgW50p {
		width: 50%;
	}
}
@media screen and (max-width: 767px){
	.spImgW88p {
		width: 88%;
		margin: 0 auto;
	}
}

/* img border-radius */
.imgBr16 img{
	border-radius: 16px;
}
.imgBr16._line2 img {
	border: 2px solid #E2E2E2;
}

/* imgPanel01 */
.imgPanel01Wrap .imgPanel01 a {
	display: flex;
	width: 100%;
	height: 100%;
	background: #D0F0FF;
	border-radius: 8px;
}
.imgPanel01Wrap .imgPanel01 .img {
	width: 45%;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
}
.imgPanel01Wrap .imgPanel01 .text {
    display: flex;
    align-items: center;
	width: 60%;
	padding: 2px 36px 2px 12px;
	background: url(/common_2024/img/icon/icon_blank_black.svg) no-repeat right 16px center;
	background-size: 16px;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.imgPanel01Wrap .imgPanel01 .img {
		width: 40%;
		min-height: 105px;
	}
	.imgPanel01Wrap .imgPanel01 .img img {
		min-height: 105px;
	}
}

.imgPanel02Wrap .imgPanel02 a {
	display: block;
	width: 100%;
	height: 100%;
	background: #FFF;
	border-radius: 8px;
	box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.1);
}
.imgPanel02Wrap .imgPanel02 a:hover{
	opacity: 0.7;
}
.imgPanel02Wrap .imgPanel02 .img {
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}
.imgPanel02Wrap .imgPanel02 .text {
	padding: 10px 25px 10px 10px;
	background: #FFF url(/common_2024/img/arrow/arw_r_black.svg) no-repeat right 6px top 16px;
	background-size: 16px;
	border-radius: 0 0 8px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.imgPanel02Wrap .imgPanel02._blank .text {
	background-image: url(/common_2024/img/icon/icon_blank_black.svg);
	background-position: right 5px top 16px;
}

/* ribbon */
.ribbonWrap {
	position: relative;
}
.ribbonWrap .ribbon {
    position: absolute;
    top: -17px;
    left: -10px;
    display: inline-block;
    padding: 3px 24px;
    color: #fff;
    background: #7DCDF4;
    font-size: 28px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 4px 0 0 0;
}
.ribbonWrap .ribbon::before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-top: 10px solid #03A9E0;
    border-left: 10px solid transparent;
}
.ribbonWrap .ribbon::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -10px;
    width: 1px;
    height: 1px;
    border: 17px solid #7DCDF4;
    border-right: 10px solid transparent;
}

.ribbonWrap .ribbon._bgBl {
    background-color: #00A9E0;
}
.ribbonWrap .ribbon._bgBl::before {
    border-top-color: #006EA8;
}
.ribbonWrap .ribbon._bgBl::after {
    border-color: #00A9E0;
    border-right-color: transparent;
}

.ribbonWrap .ribbon._bgRd {
    background-color: #FF5700;
}
.ribbonWrap .ribbon._bgRd::before {
    border-top-color: #AF3600;
}
.ribbonWrap .ribbon._bgRd::after {
    border-color: #FF5700;
    border-right-color: transparent;
}

.ribbonWrap .ribbon._bgGr {
    background-color: #69BE28;
}
.ribbonWrap .ribbon._bgGr::before {
    border-top-color: #2A8B0D;
}
.ribbonWrap .ribbon._bgGr::after {
    border-color: #69BE28;
    border-right-color: transparent;
}

.ribbonWrap .ribbon._bgYl {
    background-color: #F0AB00;
}
.ribbonWrap .ribbon._bgYl::before {
    border-top-color: #AA5C00;
}
.ribbonWrap .ribbon._bgYl::after {
    border-color: #F0AB00;
    border-right-color: transparent;
}

.ribbonWrap .ribbon .fs_small {
    font-size: 16px;
    line-height: 24px;
    padding-right: 0.25em;
}


/* balloon */
.bllnBox{
	text-align: center;
}
.balloon01{
	position: relative;
    padding: 0 25px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
}
.balloon01::before,
.balloon01::after{
	content: "";
    display: inline-block;
    background: #1E1E1E;
    position: absolute;
    width: 2px;
    height: 80%;
    bottom: 0;
}
.balloon01::before{
	left: 0;
    transform: rotate(-20deg);
}
.balloon01::after{
	right: 0;
    transform: rotate(20deg);
}
.balloon01._large{
	padding: 0 5%;
	font-size: 20px;
	line-height: 24px;
}
@media screen and (max-width: 767px) {
	.balloon01._large{
		font-size: 16px;
		line-height: 20px;
	}
}


.bllnBox._white{
	color: #fff;
}
.bllnBox._white .balloon01::before,
.bllnBox._white .balloon01::after{
    background: #fff;
}

.balloon02{
	position: relative;
	margin-bottom: 25px;
	padding: 16px 8px;
	background: #F2F1E6;
	border-radius: 16px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 28.8px;
}
.balloon02::before{
	content: "";
	position: absolute;
	bottom: -36px;
	left: calc(50% - 20px);
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #F2F1E6;
}
.balloon02.bg_white{
	background: #FFF;
}
.balloon02.bg_white::before{
	border-top: 20px solid #FFF;
}
.balloon02.bg_blue{
	background: #7DCDF4;
	color: #FFF;
}
.balloon02.bg_blue::before{
	border-top: 20px solid #7DCDF4;
}
.balloon02.bg_aqua{
	background: #E1ECF2;
}
.balloon02.bg_aqua::before{
	border-top: 20px solid #E1ECF2;
}
.balloon02.bg_aqua02{
	background: #D0F0FF;
}
.balloon02.bg_aqua02::before{
	border-top: 20px solid #D0F0FF;
}

.balloon02.arw_r{
	margin-bottom: 0;
	text-align: left;
    padding: 16px 24px;
}
.balloon02.arw_r::before{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	width: 0;
	height: 0;
	border-top: none;
	border: 10px solid transparent;
	border-left: 20px solid #F2F1E6;
	margin-top: -10px;
}
.balloon02.arw_r.bg_white::before{
	border-left: 20px solid #FFF;
}
.balloon02.arw_r.bg_blue::before{
	border-left: 20px solid #7DCDF4;
}
.balloon02.arw_r.bg_aqua::before{
	border-left: 20px solid #E1ECF2;
}
.balloon02.arw_r.bg_aqua02::before{
	border-left: 20px solid #D0F0FF;
}

.balloon03 {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #1E1E1E;
  font-size: 16px;
  background: #FFF0BD;
  border: solid 3px #F0AB00;
  box-sizing: border-box;
	border-radius: 8px;
	text-align: center;
}
.balloon03:before {
  content: "";
  position: absolute;
  bottom: -17px;
  left: calc(50% - 6px);
  border: 6px solid transparent;
  border-top: 12px solid #FFF0BD;
  z-index: 2;
}
.balloon03:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: calc(50% - 8px);
  border: 8px solid transparent;
  border-top: 14px solid #F0AB00;
  z-index: 1;
}

.balloon03.arw_r{
	margin-bottom: 0;
	text-align: left;
    padding: 16px 24px;
}
.balloon03.arw_r:before {
  content: "";
  position: absolute;
  left: auto;
  right: -17px;
  bottom: calc(50% - 6px);
  border-top: none;
  border: 6px solid transparent;
  border-left: 12px solid #FFF0BD;
  z-index: 2;
}
.balloon03.arw_r:after {
  content: "";
  position: absolute;
  left: auto;
  right: -24px;
  bottom: calc(50% - 8px);
  border-top: none;
  border: 8px solid transparent;
  border-left: 14px solid #F0AB00;
  z-index: 1;
}


.normal_table{
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.normal_table th,
.normal_table td{
	padding: 16px;
	border: 1px solid #E2E2E2;
	vertical-align: middle;
}
.normal_table th {
	background: #F2F1E6;
}
.normal_table th.bg_white {
	background: #FFF;
}
@media screen and (max-width: 767px) {
	.normal_table{
		font-size: 14px;
	}
}


.time_table{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.time_table tr:first-of-type th:first-of-type {
    z-index: 2;
}
.time_table th,
.time_table td{
	border: 1px solid #E2E2E2;
    padding: 5px 2px;
}
.time_table thead th{
	background-color: #F2F1E6;
	width: 58px;
}
.time_table thead th.noBg{
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #E2E2E2;
}
.time_table tbody tr th:first-of-type {
	border-left: none;
}
.time_table tbody tr th.time .txt{
	position: absolute;
    text-align: left;
    background: #fff;
    margin-top: -18px;
    padding: 0px 5px 0 0;
}
.time_table tbody tr th.time .txt._last{
	bottom: 0;
    margin-bottom: -10px;
    margin-top: 0;
}
.time_table tbody td{
    vertical-align: middle;
}
.time_table tbody tr.td_1h td{
	height: 54px;
}
.time_table tbody tr.td_30m td{
	height: 27px;
}
.time_table .cellTxt{
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
}
.time_table .cellTxt.bgGr{
	background-color: #E9EFF2;
}
.time_table .cellTxt.bgBl{
	background-color: #D0F0FF;
}
@media not screen and (max-width: 767px) {
	.time_table th{
		position: relative;
	}
	.time_table tbody tr th.time .txt{
		padding: 0px 25px 0 0;
		z-index: 2;
	}
}
@media screen and (max-width: 767px) {
	.time_table{
		width: 767px;
	}
	.time_table_scroll_wrap{
		overflow-x: scroll;
		padding-bottom: 14px;
	}
	.time_table th{
		background-color: #fff;
		position: sticky;
		top: 0;
		left: -1px;
		z-index: 1;
	}
	.time_table tbody tr th.time{
		z-index: 2;
	}
	.time_table .cellTxt.bgGr .fs_medium{
		font-size: 10px;
	}
	.time_table .cellTxt.bgGr .fs_small{
		font-size: 8px;
	}
}
@media screen and (max-width: 500px) {
	.time_table{
		width: 500px;
	}
}


/* manga_wrap */
.manga_wrap .label span{
	margin-bottom: 16px!important;
}
.manga_list .manga_item img {
	border: 1px solid #707070;
}
@media not screen and (max-width: 767px) {
	.manga_list {
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}
	.manga_list::before {
		position: absolute;
		content: "";
		top: calc(50% - 30px);
		left: calc(50% - 30px);
		width: 60px;
		height: 60px;
		background: url(/common_2024/img/bg/bg_manga.png) no-repeat center;
		background-size: contain;
	}
	.manga_list.num_size_s::before {
		top: calc(50% - 28px);
		left: calc(50% - 28px);
		width: 56px;
		height: 56px;
	}
	.manga_list .manga_item {
		width: 48%;
	}
	.manga_list .manga_item:nth-child(1){
		order: 2;
		margin-left: 4%;
	}
	.manga_list .manga_item:nth-child(2){
		margin: 4% 0 0 4%;
		order: 4;
	}
	.manga_list .manga_item:nth-child(3){
		order: 1;
	}
	.manga_list .manga_item:nth-child(4){
		margin-top: 4%;
		order: 3;
	}
}
@media screen and (max-width: 767px) {
	.manga_list .manga_item {
		margin-top: 7.5px;
	}
}


.colBox.col2{
    font-size: 0;
}
.colBox.col2 .cItem{
    margin-top: 8px;
    display: inline-block;
    width: 49%;
    margin-right: 2%;
}
.colBox.col2 .cItem:nth-child(2n){
    margin-right: 0;
}
@media screen and (max-width: 767px){
    .colBox.col2 .cItem{
        width: 100%;
        margin-right: 0;
    }
    .colBox.col2 .cItem:first-child{
        margin-top: 0;
    }
}


.layoutCol2,
.layoutCol3,
.layoutCol4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.layoutCol2 .item {
    width: 48%;
    margin: 4% 4% 0 0;
}
.layoutCol2 .item:nth-child(-n+2) {
    margin-top: 0;
}
.layoutCol2 .item:nth-child(2n) {
    margin-right: 0;
}
@media screen and (max-width: 767px) {
    .layoutCol2 .item {
        width: 100%;
        margin: 4% 0 0;
    }
    .layoutCol2 .item:nth-child(-n+2) {
        margin-top: 4%;
    }
    .layoutCol2 .item:first-child {
        margin-top: 0;
    }
	.layoutCol2._spCol2 .item {
			width: 48%;
			margin: 4% 4% 0 0;
	}
	.layoutCol2._spCol2 .item:nth-child(-n+2) {
			margin-top: 0;
	}
	.layoutCol2._spCol2 .item:nth-child(2n) {
			margin-right: 0;
	}
}


.layoutCol3 .item {
	width: 32%;
	margin: 4% 2% 0 0;
}
.layoutCol3 .item:nth-child(-n+3) {
	margin-top: 0;
}
.layoutCol3 .item:nth-child(3n){
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.layoutCol3 .item {
		width: 100%;
		margin: 4% 0 0;
	}
	.layoutCol3 .item:nth-child(-n+3) {
		margin-top: 4%;
	}
	.layoutCol3 .item:first-child{
		margin-top: 0;
	}

	.layoutCol3._spCol3 .item {
		width: 32%;
		margin: 4% 2% 0 0;
	}
	.layoutCol3._spCol3 .item:nth-child(-n+3) {
		margin-top: 0;
	}
	.layoutCol3._spCol3 .item:nth-child(3n){
		margin-right: 0;
	}
}

.layoutCol4 .item {
	margin: 2% 2% 0 0;
	width: 23.5%;
}
.layoutCol4 .item:nth-child(4n) {
	margin-right: 0;
}
.layoutCol4 .item:nth-child(-n+4) {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
    .layoutCol4 .item {
        margin: 2% 0 0;
        width: 100%;
    }
    .layoutCol4 .item:nth-child(-n+4) {
        margin-top: 2%;
    }

	.layoutCol4._spCol2 {
		display: flex;
		flex-wrap: wrap;
	}
	.layoutCol4._spCol2 .item {
		margin: 7% 4.8% 0 0;
        width: 47.4%;
	}
	.layoutCol4._spCol2 .item:nth-child(2n) {
		margin-right: 0;
	}
	.layoutCol4._spCol2 .item:nth-child(-n+2) {
		margin-top: 0;
	}
}



/* ==================================================
	.recentCheckClass
================================================== */
.recentCheckClass .contsIn {
    background-color: #E1ECF2;
    padding: 40px 24px;
}
.recentCheckClass.bgOrange .contsIn {
    background-color: #FFF0BE;
    padding: 0;
}
.recentCheckClass .ttlRecent{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 24px;
    line-height: 1.2;
}
.recentCheckClass .recentWrap{
	background-color: transparent;
	border: none;
	border-radius: 0;
}
.recentCheckClass .recentWrap .index_check_box_inner .link{
	padding: 20px 0;
	display: block;
	background-color: #fff;
	border-radius: 8px;
}
.recentCheckClass .recentWrap .index_check_box_inner .link:hover{
	opacity:0.7;
}
.recentCheckClass .recentWrap .index_check_box_inner .check_box_txt{
    padding: 0 30px 0 18px;
    position: relative;
}
.recentCheckClass .recentWrap .check_box_txt:before{
	position: absolute;
    right: 10px;
    top: 45%;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(/common_2024/img/arrow/arw_r_black.svg) no-repeat;
	background-size: 16px;
}
.recentCheckClass .recentWrap .check_box_txt dt{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.recentCheckClass .recentWrap .check_box_txt .name{
    padding-top: 0;
    margin-right: 0;
    line-height: 1.2;
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap{
	display: inline-block;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject{
	width: 21px;
	line-height: 21px;
	font-size: 12px;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject.babykumon{
	width: 76px;
}
.recentCheckClass .recentWrap .check_box_txt dd li{
	font-size: 14px;
	line-height: 1.6;
    padding-bottom: 0;
}
.recentCheckClass .recentWrap .bt_check{
	text-align: center;
	margin-top: 25px;
}
.recentCheckClass .recentWrap .bt_check .btnOval{
	padding: 5px 35px 5px 25px;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap{
    margin-bottom: 8px;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject{
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin-right: 3px;
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject.math{
    background: #00A9E0;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject.eng{
    background: #FF5700;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject.jap{
    background: #69BE29;
}
@media print, screen and (min-width: 768px) {
	.recentCheckClass .recentWrap .index_check_box_inner{
		width: 32%;
		margin-right: 2%;
		float: left;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(3n){
		margin-right: 0;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(n+4){
		border-top: none;
		margin-top: 2%;
	}
	.recentCheckClass .recentWrap .index_check_box_inner .check_box_txt{
		border-right: none;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(3n) .check_box_txt{
		border-right: none;
	}
}

@media screen and (max-width: 767px) {
	.recentCheckClass .contsIn {
        padding: 48px 0 40px;
		margin-bottom: 0;
	}
	.recentCheckClass .recentWrap{
		padding: 0;
	}
	.recentCheckClass .ttlRecent {
        font-size: 28px;
        margin-bottom: 20px;
	}
	.recentCheckClass .recentWrap .index_check_box_inner{
		margin-top: 7px;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:first-child{
		margin-top: 0;
	}
	.recentCheckClass .recentWrap .index_check_box_inner .link{
		width: 100%;
		float: none;
		position: relative;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:last-child .link{
		border-bottom: #e6e6e6 1px solid;
	}
	.recentCheckClass .recentWrap .index_check_box_inner .check_box_txt{
		padding: 0 8% 0 4.8%;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(2n) .check_box_txt{
		border: none;
		height: auto !important;
		padding-left: 5.7%;
	}
	.recentCheckClass .recentWrap .check_box_txt dt{
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.recentCheckClass .recentWrap .check_box_txt .name{
		margin-right: 0;
		font-size: 20px;
		float: none;
	}
	.recentCheckClass .recentWrap .check_box_txt .subjectWrap{
		width: 100%;
		display: block;
		float: none;
		text-align: left;
	}
	.recentCheckClass .recentWrap .check_box_txt dd li{
		font-size: 14px;
		padding-bottom: 0;
	}
	.recentCheckClass .recentWrap .bt_check{
		text-align: center;
		margin-top: 15px;
	}
	.recentCheckClass .recentWrap .bt_check .btnOval{
		font-size: 18px;
		padding: 14px 30px 14px 20px;
	}
	.recentCheckClass .recentWrap .labelBox .label{
		padding: 2px;
	}
}

/* ==================================================
	cvContactArea
================================================== */
#cvContactArea{
    background-color: #ffffff;
}
#cvContactArea .inner{
    background: #fff;
    border-radius: 13px;
    border: 4px solid #D0F0FF;
    padding: 24px;
    box-shadow: 0px 6px 0px rgba(000, 000, 000, 0.1);
}
#cvContactArea .heading{
    font-size: 28px;
    text-align: center;
    margin-bottom: 0;
}
#cvContactArea .infoLink{
    margin-top: 17px;
}
#cvContactArea .telBox{
    margin-top: 16px;
    font-weight: bold;
    font-size: 16px;
    padding: 0 10px;
    text-align: center;
}
#cvContactArea .telBox .tel span{
    margin-right: 8px;
}
@media print, screen and (min-width: 768px) {
    #cvContactArea .telBox .tel .num{
        pointer-events: none;
    }
}
@media screen and (max-width: 767px){
    #cvContactArea{
        background-color: #F2F1E6;
        padding: 48px 0;
    }
    #cvContactArea .inner{
        padding: 16px 12px;
    }
    #cvContactArea .heading{
        font-size: 24px;
    }
	#cvContactArea .telBox{
		text-align: left;
	}
}
@media screen and (max-width: 325px){
	#cvContactArea .heading{
		font-size: 22px;
}
	#cvContactArea .colBox.col2 .cItem a {
		font-size: 15px;
	}
}

/* ==================================================
	relatedInfoArea
================================================== */
.relatedInfoArea {
    margin: 0 0 72px;
}
.relatedInfoArea .inner{
	background-color: #E1ECF2;
	border-radius: 13px;
    padding: 24px;
}
.relatedInfoArea .heading{
    font-size: 28px;
    text-align: center;
    margin-bottom: 0;
}
.relatedInfoArea .infoLink{
    margin-top: 17px;
}
.relatedInfoArea .infoLink .cItem{
    margin-top: 8px;
}
.relatedInfoArea .infoLink .cItem a{
    border-radius: 8px;
    text-align: left;
    display: block;
}
@media screen and (max-width: 767px){
    .relatedInfoArea{
		background-color: #E1ECF2;
        margin: 0;
        border-radius: 0;
    }
    .relatedInfoArea .inner{
		border-radius: 0;
        padding: 48px 0;
    }
    .relatedInfoArea .heading{
        font-size: 28px;
    }
    .relatedInfoArea .infoLink p:first-child{
        margin-top: 0;
    }
    .relatedInfoArea .infoLink p a{
        font-size: 16px;
    }
}
/* ==================================================
	subjectInfoArea
================================================== */
.subjectInfoArea {
    margin: 0 0 72px;
}
.subjectInfoArea .inner{
	background-color: #E1ECF2;
	border-radius: 13px;
    padding: 24px;
}
.subjectInfoArea .heading{
    font-size: 28px;
    text-align: center;
    margin-bottom: 0;
}
.subjectInfoArea .infoLink{
    margin-top: 17px;
}
.subjectInfoArea .infoLink .cItem{
    margin-top: 8px;
}
.subjectInfoArea .infoLink .cItem a{
    border-radius: 8px;
    text-align: left;
    display: block;
}
@media screen and (max-width: 767px){
    .subjectInfoArea{
		background-color: #E1ECF2;
        margin: 0;
        border-radius: 0;
    }
    .subjectInfoArea .inner{
		border-radius: 0;
        padding: 48px 0;
    }
	.subjectInfoArea .inner.pT0{
        padding: 0 0 48px;
    }
    .subjectInfoArea .heading{
        font-size: 28px;
    }
	.subjectInfoArea .infoLink{
		display:flex;
		flex-wrap: nowrap;
        gap: 2%;
	}
    .subjectInfoArea .infoLink p{
        margin-top: 0!important;
		width: auto!important;
    }
    .subjectInfoArea .infoLink .cItem_flex1{
		flex: 1;
    }
    .subjectInfoArea .infoLink p a{
        font-size: 16px;
    }
}
@media screen and (max-width: 360px){
	.subjectInfoArea .infoLink p a{
        font-size: 13px;
    }
}

/* ==================================================
	ageInfoArea
================================================== */
.ageInfoArea{
    margin: 72px 0;
}
.ageInfoArea .inner{
    padding: 24px;
	background-color: #E1ECF2;
	border-radius: 13px;
}
.ageInfoArea .heading{
    font-size: 28px;
    text-align: center;
    margin-bottom: 0;
}
.ageInfoArea .infoLink{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 17px;
}
.ageInfoArea .infoLink .cItem{
    margin-top: 8px;
	width: 18%;
	margin-right: 2.5%;
}
.ageInfoArea .infoLink .cItem:nth-child(5n){
	margin-right: 0;
}
.ageInfoArea .infoLink .cItem a{
    display: flex;
    align-items: center;
    text-align: left;
    border-radius: 8px;
    font-size: 15px;
}
@media screen and (max-width: 767px){
    .ageInfoArea{
        margin: 0;
        border-radius: 0;
    }
    .ageInfoArea .inner{
		padding: 48px 4%;
		border-radius: 0;
    }
    .ageInfoArea .inner.pT0{
        padding: 0 4% 48px;
    }
    .ageInfoArea .heading{
        font-size: 28px;
    }
    .ageInfoArea .infoLink p a{
        font-size: 16px;
    }
	.ageInfoArea .infoLink .cItem{
		margin-top: 8px;
		width: 49%;
		margin-right: 2%;
	}
	.ageInfoArea .infoLink .cItem:nth-of-type(n+3):nth-of-type(-n+8){
		width: 32%;
		margin-right: 2%;
	}
	.ageInfoArea .infoLink .cItem:nth-child(2),
	.ageInfoArea .infoLink .cItem:nth-child(5),
	.ageInfoArea .infoLink .cItem:nth-child(8),
	.ageInfoArea .infoLink .cItem:last-child{
		margin-right: 0!important;
	}
	.ageInfoArea .infoLink .cItem:nth-of-type(n+6):nth-of-type(-n+8) a{
		font-size: 14px;
	}
}
@media screen and (max-width: 385px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+6):nth-of-type(-n+8) a{
		padding: 12px 36px 12px 12px;
	}
}
@media screen and (max-width: 370px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+9):nth-of-type(-n+10) a{
		padding: 12px 36px 12px 12px;
	}
}
@media screen and (max-width: 365px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+6):nth-of-type(-n+8) a{
		font-size: 13px;
	}
}
@media screen and (max-width: 355px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+6):nth-of-type(-n+8) a{
		font-size: 12px;
	}
	.ageInfoArea .infoLink .cItem:nth-of-type(n+9):nth-of-type(-n+10) a{
		font-size: 15px;
	}
}
@media screen and (max-width: 345px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+9):nth-of-type(-n+10) a{
		font-size: 14px;
	}
}
@media screen and (max-width: 335px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+6):nth-of-type(-n+8) a{
		font-size: 11px;
	}
}
@media screen and (max-width: 325px){
	.ageInfoArea .infoLink .cItem:nth-of-type(n+9):nth-of-type(-n+10) a{
		font-size: 13px;
	}
}

/*アコーディオン*/
.acdBlock .accBtn{
	display: block;
	font-size: 18px;
	position: relative;
	border-radius: 5px;
	font-weight: bold;
	line-height: 1.4;
}
.acdBlock .accBtn:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/common_2024/img/icon/icon_plus_bl.svg);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	right: 15px;
	margin-top: -11px;
}
.acdBlock .accBtn:hover{
	opacity: 0.7;
}
.acdBlock .accArea.open .accBtn:after{
	background-image: url(/common_2024/img/icon/icon_minus_bl.svg);
}
.acdBlock .accIn{
	display: none;
	padding: 20px 15px;
}

@media print, screen and (min-width: 768px) {
	.acdBlock .accBtn{
		pointer-events: none;
	}
	.acdBlock .accBtn::after,
	.acdBlock .accBtn::before{
		content: none;
	}
	.acdBlock .accIn{
		padding: 4px 24px 24px;
		display: block!important;
	}
}
@media screen and (max-width: 767px) {
    .acdBlock .accBtn{
        opacity: 1.0!important;
        border-radius: 0;
    }
    .acdBlock .accBtn:after{
        width: 24px;
        height: 24px;
        right: 10px;
        margin-top: -12px;
    }
    .acdBlock .accIn{
        padding: 15px 4%;
    }
}

/*
featuresArea
-------------------------------------*/
.featuresArea{
    margin: 72px 0;
}
.featuresArea .conBlock{
	margin-top: 32px;
}
.featuresArea .conBlock .item{
	background: #F2F1E6;
    border-radius: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.featuresArea .conBlock .item .ttl{
	font-size: 20px;
}
.featuresArea .conBlock .item .btnBox{
    font-size: 0;
}
.featuresArea .conBlock .item .btnBox .btn{
	display: inline-block;
    width: 49%;
    margin-right: 2%;
	margin-top: 16px;
}
.featuresArea .conBlock .item .btnBox .btn:nth-child(-n+2){
	margin-top: 0;
}
.featuresArea .conBlock .item .btnBox .btn:nth-child(2n){
	margin-right: 0;
}
.featuresArea .conBlock .item .btnBox._col3 .btn{
	display: inline-block;
    width: 32%;
    margin-right: 2%;
}
.featuresArea .conBlock .item .btnBox._col3 .btn:nth-child(3n){
	margin-right: 0;
}
.featuresArea .conBlock .item .btnBox .btn a{
    display: block;
    border-radius: 8px;
	font-size: 20px;
    box-shadow: 0px 6px 0px rgba(000, 000, 000, 0.1);
}
.featuresArea .conBlock .item .btnBox .btn a:hover{
	opacity: 0.7;
}
.featuresArea .conBlock .item .btnBox .btn a p{
    padding: 8px 30px 8px 16px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    width: 100%;
    text-align: left;
    min-height: 48px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.featuresArea .conBlock .item:nth-child(4) .btnBox .btn a p{
	font-size: 14px;
}
.featuresArea .conBlock .item .btnBox .btn a img{
	width: 100%;
    height: auto;
    vertical-align: top;
	border-radius: 8px 8px 0 0;
}
.featuresArea .conBlock .item .ttl{
    background-position: top 24px left 18px;
	background-repeat: no-repeat;
}
.featuresArea .conBlock .item:nth-child(1) .ttl{
	background-image: url(/common_2024/img/icon/icon_flower01.svg);
}
.featuresArea .conBlock .item:nth-child(2) .ttl{
	background-image: url(/common_2024/img/icon/icon_flower02.svg);
}
.featuresArea .conBlock .item:nth-child(3) .ttl{
	background-image: url(/common_2024/img/icon/icon_flower03.svg);
}
.featuresArea .conBlock .item:nth-child(4) .ttl{
	background-image: url(/common_2024/img/icon/icon_flower04.svg);
}
.featuresArea .accBtn{
	background-color: transparent;
    cursor: pointer;
    padding: 24px 42px 24px 56px;
}
.featuresArea .accIn{
    padding: 0 24px 24px;
}
@media print, screen and (min-width: 768px) {
	.featuresArea .conBlock .item{
		float: left;
	}
	.featuresArea .conBlock .item:nth-child(1),
	.featuresArea .conBlock .item:nth-child(4){
		width: 39%;
	}
	.featuresArea .conBlock .item:nth-child(2),
	.featuresArea .conBlock .item:nth-child(3){
		width: 58%;
	}
	.featuresArea .conBlock .item:nth-child(1),
	.featuresArea .conBlock .item:nth-child(3){
		margin-right: 3%;
	}
	.featuresArea .conBlock .item:nth-child(-n+2){
		margin-top: 0;
	}
	.featuresArea .conBlock .item .btnBox .btn:nth-child(-n+3){
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.featuresArea{
		margin: 50px 0;
	}
	.featuresArea .conBlock .item{
		margin-top: 8px;
	}
	.featuresArea .conBlock .item:first-child{
		margin-top: 0;
	}
	.featuresArea .conBlock .item .btnBox._col3 .btn{
		width: 49%;
		margin-right: 2%;
	}
	.featuresArea .conBlock .item .btnBox._col3 .btn:nth-child(2n){
		margin-right: 0;
	}
	.featuresArea .conBlock .item .btnBox._col3 .btn:nth-child(3n){
		margin-right: 2%;
	}
}
@media screen and (max-width: 373px) {
	.featuresArea .conBlock .item .btnBox .btn a p{
    padding: 8px 30px 8px 12px;
	}
}
@media screen and (max-width: 365px) {
	.featuresArea .conBlock .item:nth-child(4) .btnBox .btn a p{
		font-size: 13px;
	}
}
@media screen and (max-width: 350px) {
	.featuresArea .conBlock .item .btnBox .btn a p.arrowBtn{
		padding: 8px 24px 8px 12px;
		background-size: 14px;
    background-position: right 8px center;
	}
	.featuresArea .conBlock .item:nth-child(4) .btnBox .btn a p{
		font-size: 12px;
	}
}


/*QA装飾*/
.qaArea .txtQ{
	text-indent: -38px;
    padding: 24px 40px 24px 56px;
}
.qaArea .txtA,
.qaArea .subA{
	font-size: 18px;
    font-weight: bold;
    text-indent: -36px;
    padding-left: 36px;
    margin-bottom: 10px;
    line-height: 1.4;
}
.qaArea .subA{
	position: relative;
	text-indent: 0;
	padding:10px 0 10px 55px;
}
.qaArea .txtQ:before,
.qaArea .txtA:before{
	display: inline-block;
	width: 28px;
	border-radius: 14px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	line-height: 28px;
	text-align: center;
	text-indent: 0;
}
.qaArea .txtQ:before{
	content: "Q";
	background-color: #00A9E0;
}
.qaArea .txtA:before{
	content: "A";
	background-color: #F7634F;
}

/*--------------------------------------------------*/
/* videoBox */
/*--------------------------------------------------*/
.videoBox{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 40px auto 0;
}
.videoBox.mT0{
	margin-top: 0;
}
.videoBox .iframeVideo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media not screen and (max-width: 767px) {
	.videoBox._pcw690{
		width: 690px;
		padding-top: 382px;
	}
}
@media screen and (max-width: 767px) {
	.videoBox{
		width: 100%;
		padding-top: 56.25%;
		margin-top: 24px;
	}
}

/* ==========================================================================
	ancMenuBlock
========================================================================== */
.ancMenuBlock{
    margin-bottom: 70px;
}
.ancMenuBlock .item{
	background: #D0F0FF;
    border: 4px solid #7DCDF4;
    border-radius: 16px;
    width: 32%;
    margin-right: 2%;
    float: left;
	text-align: center;
	margin-top: 20px;
}
.ancMenuBlock .item:nth-child(3n){
	margin-right: 0;
}
.ancMenuBlock .item:nth-child(-n+3){
	margin-top: 0;
}
.ancMenuBlock .item a{
	padding: 12px 4px 24px;
    display: block;
    position: relative;
}
.ancMenuBlock.imgAnc .item a{
	padding: 12px 4px 20px;
    position: relative;
}
.ancMenuBlock .item a::after{
	content: "";
	position: absolute;
	width: 25px;
    height: 25px;
    bottom: -12px;
	left: calc(50% - 12.5px);
    background: url(/common_2024/img/arrow/arw_b_blue.svg) no-repeat;
	background-size: contain;
}
.ancMenuBlock.imgAnc .item a::after{
	content: "";
	position: absolute;
	width: 25px;
    height: 25px;
    bottom: -12px;
	left: calc(50% - 12.5px);
    background: url(/common_2024/img/arrow/arw_b_blue.svg) no-repeat;
	background-size: contain;
}
.ancMenuBlock .item .imgBox{
	height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 4px;
}
.ancMenuBlock .item .txt{
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
	.ancMenuBlock{
		width: 96%;
		margin:0 auto 45px;
	}
	.ancMenuBlock .item {
		width: calc(96% / 3);
	}
}
@media screen and (max-width: 320px) {
	.ancMenuBlock .item .txt{
		font-size: 13px;
	}
}


/* ==========================================================================
	qna
========================================================================== */
#qna{
	background-color: #E1ECF2;
	padding: 72px 0;
}
#qna .qnaList .accBtn{
	background-color: #ffffff;
	border-radius: 16px;
}
#qna .qnaList .accArea{
	background-color: #ffffff;
	margin-top: 10px;
	border-radius: 16px;
}
#qna .qnaList .accArea.open .accBtn{
	border-radius: 16px;
	border-radius: 16px 16px 0 0;
}
#qna .qnaList .accIn{
	background: #ffffff;
	border-radius: 0 0 16px 16px;
	padding: 0 18px 24px;
}
#qna .qnaList .accBtn:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/common_2024/img/icon/icon_plus_bl.svg);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	right: 15px;
	margin-top: -11px;
}
#qna .qnaList .open .accBtn:after{
	background-image: url(/common_2024/img/icon/icon_minus_bl.svg);
}
@media screen and (max-width: 767px) {
	#qna{
		padding: 40px 0;
	}
	#qna .heading{
		margin-bottom: 28px;
	}
}


/* ==========================================================================
	detailRecentCheckClass
========================================================================== */
.detailRecentCheckClass{
	background-color: #FFF0BE;
    padding: 50px 0 70px;
}
.detailRecentCheckClass .recentCheckClass{
	text-align: center;
}
.detailRecentCheckClass .recentCheckClass .recentWrap{
	text-align: left;
}
.detailRecentCheckClass .recentCheckClass .contsIn{
	background-color: #FFF0BE;
    padding: 0;
}
.detailRecentCheckClass .ttlSearch{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 36px;
	margin-bottom: 25px;
}
.detailRecentCheckClass .ttlSearch .txt{
	display: inline-block;
	padding-left: 42px;
	background: url(/common_2024/img/icon/icon_search.svg) no-repeat left center;
	background-size: 30px;
	font-size: 36px;
}
.detailRecentCheckClass .ttlSearch .subTxt{
	position: relative;
	font-size: 22px;
    margin-bottom: 6px;
    display: inline-block;
    padding: 0px 26px;
    font-weight: bold;
}
.detailRecentCheckClass .ttlSearch .subTxt span{
	font-size: 30px;
    padding: 0 4px;
}
.detailRecentCheckClass .ttlSearch .subTxt::before,
.detailRecentCheckClass .ttlSearch .subTxt::after{
	content: "";
    display: inline-block;
    background: #FF5700;
    width: 2px;
    position: absolute;
    height: 30px;
    bottom: 5px;
}
.detailRecentCheckClass .ttlSearch .subTxt::before {
    left: 0;
    transform: rotate(-20deg);
}
.detailRecentCheckClass .ttlSearch .subTxt::after {
    right: 0;
    transform: rotate(20deg);
}
@media screen and (max-width: 767px) {
	.detailRecentCheckClass{
		border-radius: 16px;
		border: 4px solid #F0AB00;
		padding: 26px 4%;
		margin: 50px auto;
	}
	.detailRecentCheckClass .recentCheckClass .spContIn{
		width: 100%;
	}
	.detailRecentCheckClass .ttlSearch{
		line-height: 24px;
	}
	.detailRecentCheckClass .ttlSearch .subTxt{
		font-size: 16px;
		padding: 0px 20px;
	}
	.detailRecentCheckClass .ttlSearch .subTxt span{
		font-size: 24px;
	}
	.detailRecentCheckClass .ttlSearch .txt{
		font-size: 27px;
		padding-left: 36px;
		display: inline-block;
		margin: 0 auto;
		background-size: 24px;
	}
	.detailRecentCheckClass .ttlSearch .subTxt::before,
	.detailRecentCheckClass .ttlSearch .subTxt::after {
		height: 15px;
	}
}
@media screen and (max-width: 343px) {
	.detailRecentCheckClass .ttlSearch .txt{
		font-size: 24px;
	}
}

/*
detailRecentCheckClass searchWrap
-------------------------------------*/
.detailRecentCheckClass .searchWrap{
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
}
.detailRecentCheckClass .postSearch,
.detailRecentCheckClass .addressSearch,
.detailRecentCheckClass .prefSearch{
	float: left;
	margin-right: 20px;
}
.detailRecentCheckClass .prefSearch{
	float: right;
	margin: 40px 0 0;
}
.detailRecentCheckClass .postSearch .ttl,
.detailRecentCheckClass .addressSearch .ttl{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.detailRecentCheckClass .inputSearchWrap{
	font-size: 0;
}
.detailRecentCheckClass .inputSearchWrap .inputTxt{
	height: 54px;
	padding: 13px 15px;
	font-size: 16px;
}
.detailRecentCheckClass .postSearch .inputTxt{width: 210px;}
.detailRecentCheckClass .addressSearch .inputTxt{width: 325px;}
.detailRecentCheckClass .inputSearchWrap .btnSearch{
	width: 54px;
	height: 54px;
	padding: 12px;
}
.detailRecentCheckClass .prefSearch .btnOval{
	padding: 12px 40px 12px 28px;
}
.detailRecentCheckClass .prefSearch .btnOval:after{
	background-image: url(/common_2024/img/arrow/arw_r_white.svg);
	background-size: 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	right: 14px;
	top: calc(50% - 8px);
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.detailRecentCheckClass .searchWrap{
		background-color: transparent;
		padding: 0;
	}
	.detailRecentCheckClass .recentWrap{
		padding: 0;
	}
	.detailRecentCheckClass .postSearch{
		float: none;
		margin-right: 0;
	}
	.detailRecentCheckClass .inputSearchWrap .inputTxt {
		display: inline-block;
		border: none;
		border-right: 0;
		font-size: 16px;
		border-radius: 48px 0 0 48px;
		width: calc(100% - 54px);
		height: 54px;
		outline: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
		padding: 12px 20px;
		font-weight: bold;
	}
	.detailRecentCheckClass .inputSearchWrap .inputTxt::placeholder{
		color: #C3C3C3;
	}
	.detailRecentCheckClass .inputSearchWrap .btnSearch {
		display: inline-block;
		background-color: #fff;
		border-radius: 0 48px 48px 0;
		padding: 12px 14px 12px 4px;
	}

	.detailRecentCheckClass .btnWrap{
		margin-top: 16px;
	}
	.detailRecentCheckClass .btnWrap .bItem{
		width: 48.5%;
		margin-right: 3%;
		float: left;
	}
	.detailRecentCheckClass .btnWrap .bItem:last-child{
		margin-right: 0;
	}
	.detailRecentCheckClass .btnWrap .bItem a{
		text-align: left;
		padding: 12px 32px 12px 50px;
		position: relative;
		line-height: 20px;
	}
	.detailRecentCheckClass .btnWrap .bItem a::before{
		content: '';
		background-image: url(/common_2024/img/icon/icon_location.svg);
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: left center;
		width: 24px;
		height: 24px;
		position: absolute;
		top: calc(50% - 12px);
		left: 18px;
	}
	.detailRecentCheckClass .btnWrap .bItem.area a::before{
		background-image: url(/common_2024/img/icon/icon_map.svg);
	}
}
@media screen and (max-width: 368px) {
	.detailRecentCheckClass .btnWrap .bItem a {
		padding: 12px 25px 12px 40px;
		font-size: 14px;
	}
	.detailRecentCheckClass .btnWrap .bItem a::before{
		background-size: 18px;
	}
}
@media screen and (max-width: 325px) {
	.detailRecentCheckClass .btnWrap .bItem a {
		padding: 12px 25px 12px 36px;
	}
	.detailRecentCheckClass .btnWrap .bItem a::before{
		background-size: 18px;
		top: calc(50% - 9px);
		left: 10px;
		width: 18px;
		height: 18px;
	}
	.detailRecentCheckClass .btnWrap .bItem .arrowBtn{
		background-position: right 10px center;
	}
}


.detailRecentCheckClass .ttlRecent{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	padding: 45px 0 25px;
	line-height: 1.2;
    display: inline-block;
    background: url(/common_2024/img/icon/icon_classroom.svg) no-repeat;
    background-size: 40px;
	background-position: left bottom 28px;
    padding-left: 55px;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.detailRecentCheckClass .ttlRecent{
		font-size: 24px;
		background-size: 36px;
		background-position: left bottom 26px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 362px) {
	.detailRecentCheckClass .ttlRecent{
		font-size: 22px;
	}
}
@media screen and (max-width: 337px) {
	.detailRecentCheckClass .ttlRecent{
		font-size: 20px;
	}
}

/* errorWrap */
.errorWrap{
	margin-bottom: 4%;
}

.videoBox iframe {
	top: 0;
	left: 0;
}