@charset "UTF-8";


@media screen and (max-width: 1280px) {
.tp-HeroSlider{
height: 770px;
}

.tp-Hero{
max-height: 770px;
}
}


.consulting .tp-BusTour{
    background:#EAE7DF;
    margin-top: 50px;
    margin-bottom: 0;
}

.cm .tp-BusTour{
    background:#197bff;
    margin-top: 50px;
    margin-bottom: 0;
}

@media screen and (min-width: 767px) {
.cm .tp-BusTour_Link{
	padding: 50px 110px;
}
}



.consulting .tp-BusTour .tp-Schedule_Note{
	display:block;
	margin:10px 0;
	color:#000;
}

html body#top div.st-Wrapper section.tp-PickUp nav.tp-Event div.consulting p.tp-BusTour a.tp-BusTour_Link{
	text-decoration-line:none !important;
}

@media screen and (max-width: 767px) {

.consulting .tp-BusTour .tp-Schedule_Note{
	margin:-15px 20px 20px;
}

}


/** 2020 **/
@media screen and (min-width: 767px) {

.tp-Event_List{
gap: 15px;
}

.tp-Event_Item{
/*
width: 100%;
*/
width: calc((100% + -30px) / 3);
padding: 0;
}

.tp-Event + .tp-Event{
padding-top: 0;
}

}

@media screen and (max-width: 768px) {

.tp-Event_Item{
width:100%;
}

.tp-Event_Item:nth-child(2){
margin-top: 1.5rem;
}

}

.tp-Hero_Title{
text-shadow:
#FFF 1px -1px 5px,
#FFF -1px 1px 5px,
#FFF 1px -1px 5px,
#FFF -1px -1px 5px;
}

.tp-Hero_Lead{
text-shadow:
#000 1px -1px 5px,
#000 -1px 1px 5px,
#000 1px -1px 5px,
#000 -1px -1px 5px;
}


/** 2021 **/
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 24px;
    text-decoration: none;
    font-weight:bold;
    font-size:140%;
    text-align:left;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.oc2023_sougou::before,
.oc202305::before,
.oc_spring2022::before,
.oc2022_sougou::before,
.oc_online2021::before,
.oc202205::before,
.oc_spring2021::before,
.advice2020_ippan::before,
.oc2020_autumn::before,
.exam_event_2020::after,
.oc_online2020_autumn::before,
.oc_online2020::before,
.exam_event_web::before{
    left: 8px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fff;
}

.oc2023_sougou::after,
.oc202305::after,
.oc_spring2022::after,
.oc2022_sougou::after,
.oc_online2021::after,
.oc202205::after,
.oc_spring2021::after,
.advice2020_ippan::after,
.oc2020_autumn::after,
.exam_event_2020::after,
.oc_online2020_autumn::after,
.oc_online2020::after,
.exam_event_web::after{
    left: 2px;
    width: 12px;
    height: 8px;
    border-left: 8px solid #fff;
}

.webconsultation .tp-BusTour{
    background:#00b9e7;
    margin-top: 50px;
    margin-bottom: 0;
}

@media screen and (min-width: 767px) {
.webconsultation .tp-BusTour_Link{
	padding: 70px 40px;
}
}

.exam_event_2020 .tp-BusTour{
    background: #e9bc9c;
    margin-top: 50px;
    margin-bottom: 0;
}

@media screen and (min-width: 767px) {
.exam_event_2020 .tp-BusTour_Link{
    padding: 36px;
}
}

.oc_online2020_autumn .tp-BusTour{
    background: #dcedde;
    margin-top: 50px;
    margin-bottom: 0;
}


.oc_online2020 .tp-BusTour{
    background: #d1ecf8;
    margin-top: 50px;
    margin-bottom: 0;
}


.oc2020_autumn .tp-BusTour{
    background: #fdd359;
    margin-top: 50px;
    margin-bottom: 0;
}

.exam_event_web .tp-BusTour{
    background: #d1ecf8;
    margin-top: 50px;
    margin-bottom: 0;
}

.advice2020_ippan .tp-BusTour{
    background: #5594d8;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc_spring2022 .tp-BusTour{
    background: #fff;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc_spring2021 .tp-BusTour{
    background: #fff;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc202205 .tp-BusTour{
    background: #fff;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc_online2021 .tp-BusTour{
    background: #fafaf2;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc2022_sougou .tp-BusTour{
    background: #fff;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc202305 .tp-BusTour{
    background: #fff;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc2023_sougou .tp-BusTour{
    background: #fff;
    margin-top: 50px;
    margin-bottom: 0;
}


@media screen and (min-width: 767px) {
.oc2020_autumn .tp-BusTour_Link,
.oc_online2020_autumn .tp-BusTour_Link,
.oc_online2020 .tp-BusTour_Link{
	padding: 30px 40px;
}


.advice2020_ippan .tp-BusTour_Link{
	padding: 106px 20px;
}

.oc_spring2022 .tp-BusTour_Link{
	padding: 0;
}

.oc_spring2021 .tp-BusTour_Link{
	padding: 60px 20px;
}

.oc202205 .tp-BusTour_Link{
	padding: 0;
}

.oc_online2021 .tp-BusTour_Link{
	padding: 0;
}

.oc2022_sougou .tp-BusTour_Link{
	padding: 0;
}

.exam_event_web .tp-BusTour_Link{
	padding: 0;
}

.oc2023_sougou .tp-BusTour_Link{
	padding: 0;
}

.oc202305 .tp-BusTour_Link{
	padding: 0;
}

}

@media screen and (max-width: 1199px) {
.webconsultation .tp-BusTour_BG{
height: 80%;
right: 0;
top: 10%
}

.oc202305 .tp-BusTour_BG {
right: 0;
width: calc(100% - 55%);
object-fit: cover;
}

.oc2023_sougou .tp-BusTour_BG {
right: 0;
width: calc(100% - 55%);
object-fit: cover;
}

.oc202305 .tp-BusTour_Info{
width: calc(100% - 45%);
}

.oc2023_sougou .tp-BusTour_Info{
width: calc(100% - 45%);
}



.oc202205 .tp-BusTour_BG {
right: 0;
padding-bottom: 30px;
}


.oc2022_sougou .tp-BusTour_BG {
right: 0;
padding-bottom: 30px;
}

.oc_online2021 .tp-BusTour_BG {
right: 0;
padding-bottom: 0;
}

.oc_online2021 .tp-BusTour_Info{
width: calc(100% - 55%);
}

}


.tp-Summer{
margin: 50px 0;
}

@media screen and (max-width: 767px) {


.oc202305 .tp-BusTour_BG {
width: 100%;
max-width: 100%;
}

.oc202305 .tp-BusTour_Info{
margin: 0;
max-width: 100%;
width: 100%;
}

.oc2023_sougou .tp-BusTour_BG {
width: 100%;
max-width: 100%;
}

.oc2023_sougou .tp-BusTour_Info{
margin: 0;
max-width: 100%;
width: 100%;
}


.oc202205 .tp-BusTour_Info{
margin: 0;
max-width: 100%;
}

.oc2022_sougou .tp-BusTour_Info{
margin: 0;
max-width: 100%;
}

.oc_online2021 .tp-BusTour_Info{
margin: 0;
max-width: 100%;
}

.oc_online2021 .tp-BusTour_Info{
width: 100%;
}


}


/***/


@media screen and (min-width: 767px) {

.tp-Hero{
padding-bottom: 500px;
}

}

@media screen and (max-width: 767px) {
.tp-Hero{
/*
padding-bottom: 580px;
*/
}

.tp-HeroSlider{
height: 400px;
}

}



@media screen and (min-width: 767px) {
		.tp-Point_Item{
			width: 50%;
		}
}

@media screen and (max-width: 768px) {
	.tp-Point_Item{
	width:100%;
}

	.tp-Point_Item:nth-child(2){
		margin-top: 1.5rem;
	}
}



/***/
@media screen and (min-width: 767px) {

/*
.tp-Event_Item{
width: 100%;
}
*/

.oc2021_autumn .tp-BusTour .tp-BusTour_Link{
padding: 56px 70px;
}

.advice2021_ippan .tp-BusTour .tp-BusTour_Link{
padding: 66px 25px;
}

}
/***/

.oc2021_autumn .tp-BusTour{
    background: #f7f5ee;
    margin-top: 50px;
    margin-bottom: 0;
}

.advice2021_ippan .tp-BusTour{
    background: #918fbc;
    margin-top: 50px;
    margin-bottom: 0;
}

.oc_spring2022 .tp-BusTour_Link{
    border: 2px solid #b74358;
}

.oc_online2021 .tp-BusTour_Link{
	border: 2px solid #00e26c;
}


.oc2022_sougou .tp-BusTour_Link{
    border: 2px solid #b74358;
}

.oc202205 .tp-BusTour_Link{
    border: 2px solid #b74358;
}

.oc2023_sougou .tp-BusTour_Link{
    border: 2px solid #b74358;
}

.oc202305 .tp-BusTour_Link{
    border: 2px solid #b74358;
}

@media screen and (max-width: 767px) {
.tp-HeroSlider_Item-01 {
    background-image: url(/oc_list/img/top/index_hero_01SP.jpg);
}
.tp-HeroSlider_Item-02 {
    background-image: url(/oc_list/img/top/index_hero_02SP.jpg);
}
.tp-HeroSlider_Item-03 {
    background-image: url(/oc_list/img/top/index_hero_03SP.jpg);
}
}





.tp-BusTour .tp-Summer_Link{
position: absolute;
right: calc(100% - 82%);
bottom: 16px;
height: 40px;
width: 200px;
margin: 0 auto;
}

@media screen and (max-width: 1199px) {
.tp-BusTour .tp-Summer_Link{
right: calc(100% - 88%);
}
}

@media screen and (max-width: 767px) {
.tp-BusTour .tp-Summer_Link{
position: absolute;
left: 0;
right: 0;
bottom: 10px;
height: clamp(20px, 10vw, 40px);
width: clamp(100px, 50vw, 400px);
}
}

.tp-BusTour_Link:hover .tp-Summer_Link{
background: #CD255D;
color: #fff;
}


@media screen and (min-width: 1200px) {
.tp-Recommended.oc_banner a{
display: block;
width: 1200px;
margin: auto;
}
}

@media screen and (max-width: 1199px) {
.tp-Recommended.oc_banner a{
display: block;
text-align: center;
}
}