@charset "UTF-8";
/* CSS Document */
/* 2022　追加ワールド	*/
/* 2021/06 リニューアル */
/* 2022年度ワールド */
/*----------------------------------------

	2023年度ワールド
	※前年度と同じ色でも全て指定します
	※各SCSSの修正箇所は「2023年度」で検索すると調べられます

----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
/*----------------------------------------

	2024年度ワールド
	※前年度と同じ色でも全て指定します
	※各SCSSの修正箇所は「2024年度」で検索すると調べられます

$color-[01]-2024: #[02]; $color-[01]-2024-hover: #[03]; $color-[01]-2024-light: #[04];

$color-[01]-2024-l: #[02];
$color-[01]-2024-d: #[02];
$color-[01]-2024-d2: #[02];
----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
.is-2024 {
		/*明るめ暗め追加 2022/7/26 山下*/
		/*明るめ暗め追加 2022/7/26 山下*/
}
.is-2024 .color-hotel {
		color: #245B4E;
}
.is-2024 .color-bridal {
		color: #D0628A;
}
.is-2024 .color-tourism {
		color: #877c9e;
}
.is-2024 .color-airline {
		color: #6595a5;
}
.is-2024 .color-hotel-l {
		color: #397063;
}
.is-2024 .color-bridal-l {
		color: #e5779f;
}
.is-2024 .color-tourism-l {
		color: #9c91b3;
}
.is-2024 .color-hotel-d {
		color: #0f4639;
}
.is-2024 .color-bridal-d {
		color: #bb4d75;
}
.is-2024 .color-airline-d {
		color: #508090;
}
.is-2024 .bg_color-hotel {
		background-color: #245B4E;
}
.is-2024 .bg_color-bridal {
		background-color: #D0628A;
}
.is-2024 .bg_color-tourism {
		background-color: #877c9e;
}
.is-2024 .bg_color-airline {
		background-color: #6595a5;
}
.is-2024 .bg_color-english {
		background-color: #6595a5;
}
.is-2024 .bg_color-hotel-l {
		background-color: #397063;
}
.is-2024 .bg_color-bridal-l {
		background-color: #e5779f;
}
.is-2024 .bg_color-tourism-l {
		background-color: #9c91b3;
}
.is-2024 .bg_color-airline-l {
		background-color: #6595a5;
}
.is-2024 .bg_color-hotel-d {
		background-color: #0f4639;
}
.is-2024 .bg_color-bridal-d {
		background-color: #bb4d75;
}
.is-2024 .bg_color-tourism-d {
		background-color: #726789;
}
.is-2024 .bg_color-airline-d {
		background-color: #508090;
}
.is-2024 .bg_color-hotel-d2 {
		background-color: #003124;
}
.is-2024 .bg_color-bridal-d2 {
		background-color: #a63860;
}
.is-2024 .bg_color-tourism-d2 {
		background-color: #5d5274;
}
.is-2024 .bg_color-airline-d2 {
		background-color: #3b6b7b;
}
.is-2024 .border_color-hotel {
		border-color: #245B4E;
}
.is-2024 .border_color-bridal {
		border-color: #D0628A;
}
.is-2024 .border_color-tourism {
		border-color: #877c9e;
}
.is-2024 .border_color-airline {
		border-color: #6595a5;
}

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

	2025年度ワールド
	※前年度と同じ色でも全て指定します
	※各SCSSの修正箇所は「2024年度」で検索すると調べられます

$color-[01]-2025: #[02]; $color-[01]-2025-hover: #[03]; $color-[01]-2025-light: #[04];

$color-[01]-2025-l: #[02];
$color-[01]-2025-d: #[02];
$color-[01]-2025-d2: #[02];
----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
.is-2025 .color-hotel {
		color: #245B4E;
}
.is-2025 .color-bridal {
		color: #D0628A;
}
.is-2025 .color-tourism {
		color: #877c9e;
}
.is-2025 .color-airline {
		color: #6595a5;
}
.is-2025 .color-cafe {
		color: #f08300;
}
.is-2025 .color-hotel-l {
		color: #397063;
}
.is-2025 .color-bridal-l {
		color: #e5779f;
}
.is-2025 .color-tourism-l {
		color: #9c91b3;
}
.is-2025 .color-airline-l {
		color: #6595a5;
}
.is-2025 .color-cafe-l {
		color: #ffad2a;
}
.is-2025 .color-hotel-d {
		color: #0f4639;
}
.is-2025 .color-bridal-d {
		color: #bb4d75;
}
.is-2025 .color-tourism-d {
		color: #726789;
}
.is-2025 .color-airline-d {
		color: #508090;
}
.is-2025 .color-cafe-d {
		color: #db6e00;
}
.is-2025 .bg_color-hotel {
		background-color: #245B4E;
}
.is-2025 .bg_color-bridal {
		background-color: #D0628A;
}
.is-2025 .bg_color-tourism {
		background-color: #877c9e;
}
.is-2025 .bg_color-airline {
		background-color: #6595a5;
}
.is-2025 .bg_color-cafe {
		background-color: #f08300;
}
.is-2025 .bg_color-hotel-l {
		background-color: #397063;
}
.is-2025 .bg_color-bridal-l {
		background-color: #e5779f;
}
.is-2025 .bg_color-tourism-l {
		background-color: #9c91b3;
}
.is-2025 .bg_color-airline-l {
		background-color: #6595a5;
}
.is-2025 .bg_color-cafe-l {
		background-color: #ffad2a;
}
.is-2025 .bg_color-hotel-d {
		background-color: #0f4639;
}
.is-2025 .bg_color-bridal-d {
		background-color: #bb4d75;
}
.is-2025 .bg_color-tourism-d {
		background-color: #726789;
}
.is-2025 .bg_color-airline-d {
		background-color: #508090;
}
.is-2025 .bg_color-cafe-d {
		background-color: #db6e00;
}
.is-2025 .bg_color-hotel-d2 {
		background-color: #003124;
}
.is-2025 .bg_color-bridal-d2 {
		background-color: #a63860;
}
.is-2025 .bg_color-tourism-d2 {
		background-color: #5d5274;
}
.is-2025 .bg_color-airline-d2 {
		background-color: #3b6b7b;
}
.is-2025 .bg_color-cafe-d2 {
		background-color: #c65900;
}
.is-2025 .border_color-hotel {
		border-color: #245B4E;
}
.is-2025 .border_color-bridal {
		border-color: #D0628A;
}
.is-2025 .border_color-tourism {
		border-color: #877c9e;
}
.is-2025 .border_color-airline {
		border-color: #6595a5;
}
.is-2025 .border_color-cafe {
		border-color: #f08300;
}

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

	2026年度ワールド
	※前年度と同じ色でも全て指定します

$color-[01]-2026: #[02]; $color-[01]-2026-hover: #[03]; $color-[01]-2026-light: #[04];

$color-[01]-2026-l: #[02];
$color-[01]-2026-d: #[02];
$color-[01]-2026-d2: #[02];
----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
.is-2026 .color-hotel {
		color: #245B4E;
}
.is-2026 .color-bridal {
		color: #D0628A;
}
.is-2026 .color-tourism {
		color: #877c9e;
}
.is-2026 .color-airline {
		color: #6595a5;
}
.is-2026 .color-patissier_cafe {
		color: #f08300;
}
.is-2026 .color-hotel-l {
		color: #397063;
}
.is-2026 .color-bridal-l {
		color: #e5779f;
}
.is-2026 .color-tourism-l {
		color: #9c91b3;
}
.is-2026 .color-airline-l {
		color: #6595a5;
}
.is-2026 .color-patissier_cafe-l {
		color: #ffad2a;
}
.is-2026 .color-hotel-d {
		color: #0f4639;
}
.is-2026 .color-bridal-d {
		color: #bb4d75;
}
.is-2026 .color-tourism-d {
		color: #726789;
}
.is-2026 .color-airline-d {
		color: #508090;
}
.is-2026 .color-patissier_cafe-d {
		color: #db6e00;
}
.is-2026 .bg_color-hotel {
		background-color: #245B4E;
}
.is-2026 .bg_color-bridal {
		background-color: #D0628A;
}
.is-2026 .bg_color-tourism {
		background-color: #877c9e;
}
.is-2026 .bg_color-airline {
		background-color: #6595a5;
}
.is-2026 .bg_color-patissier_cafe {
		background-color: #f08300;
}
.is-2026 .bg_color-hotel-l {
		background-color: #397063;
}
.is-2026 .bg_color-bridal-l {
		background-color: #e5779f;
}
.is-2026 .bg_color-tourism-l {
		background-color: #9c91b3;
}
.is-2026 .bg_color-airline-l {
		background-color: #6595a5;
}
.is-2026 .bg_color-patissier_cafe-l {
		background-color: #ffad2a;
}
.is-2026 .bg_color-hotel-d {
		background-color: #0f4639;
}
.is-2026 .bg_color-bridal-d {
		background-color: #bb4d75;
}
.is-2026 .bg_color-tourism-d {
		background-color: #726789;
}
.is-2026 .bg_color-airline-d {
		background-color: #508090;
}
.is-2026 .bg_color-patissier_cafe-d {
		background-color: #db6e00;
}
.is-2026 .bg_color-hotel-d2 {
		background-color: #003124;
}
.is-2026 .bg_color-bridal-d2 {
		background-color: #a63860;
}
.is-2026 .bg_color-tourism-d2 {
		background-color: #5d5274;
}
.is-2026 .bg_color-airline-d2 {
		background-color: #3b6b7b;
}
.is-2026 .bg_color-patissier_cafe-d2 {
		background-color: #c65900;
}
.is-2026 .border_color-hotel {
		border-color: #245B4E;
}
.is-2026 .border_color-bridal {
		border-color: #D0628A;
}
.is-2026 .border_color-tourism {
		border-color: #877c9e;
}
.is-2026 .border_color-airline {
		border-color: #6595a5;
}
.is-2026 .border_color-patissier_cafe {
		border-color: #f08300;
}

/*----------------------------------------
	幅など
----------------------------------------*/
/*===============================================================

	layout

===============================================================*/
body {
		font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
		body {
				font-size: 1.3rem;
		}
}
/*===============================================================

	font

===============================================================*/
body {
		font-family: YakuHanJP_Narrow, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.yu {
		font-family: YakuHanJP_Narrow, "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
		font-weight: normal;
}

.en {
		font-family: "Bellefair", YakuHanJP_Narrow, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/*===============================================================

	color

===============================================================*/
.bg_beige {
		background: -webkit-gradient(linear, left top, right top, from(#FAF7F2), to(#F2ECDF));
		background: linear-gradient(to right, #FAF7F2, #F2ECDF);
}

/*===============================================================

	header

===============================================================*/
.header_wrp .header {
		z-index: 3;
		position: relative;
}
.header_wrp .header .logo {
		position: absolute;
		width: 350px;
		top: 20px;
		left: 30px;
}
@media screen and (max-width: 1023px) {
		.header_wrp .header {
				position: relative;
		}
		.header_wrp .header .logo {
				position: absolute;
				width: 250px;
				top: 20px;
				left: 30px;
		}
}
@media only screen and (max-width: 767px) {
		.header_wrp .header {
				padding: 3vw 2vw;
		}
		.header_wrp .header .logo {
				position: static;
				width: 74vw;
		}
}

/*===============================================================

	headline

===============================================================*/
.headline {
		margin-bottom: 4rem;
}
.headline .title {
		font-size: 3rem;
		text-align: center;
		line-height: 1.6;
}
@media only screen and (max-width: 767px) {
		.headline {
				margin-bottom: 1rem;
		}
		.headline .title {
				font-size: 1.8rem;
				text-align: center;
				line-height: 1.6;
		}
}

/*===============================================================

hoge

===============================================================*/
.l-footer__sticky {
		display: none;
}

/*===============================================================

	kv

===============================================================*/
.section_kv {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.section_kv .titile_block {
		width: 45%;
}
.section_kv .titile_block .title {
		z-index: 2;
		position: relative;
		margin: 3rem auto 0;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding-left: 1rem;
		border: solid 0px #000;
		font-size: 5rem;
		line-height: 1.2;
		letter-spacing: 0.1em;
}
.section_kv .titile_block .title .en {
		font-size: 105%;
		line-height: 0.7;
		display: inline-block;
		padding-top: 0.4em;
}
.section_kv .titile_block .title .label {
		font-size: 60%;
		line-height: 1;
		display: inline-block;
		letter-spacing: 0.15em;
		padding: 0.08em 0.3em 0.15em 0.5em;
		background-color: #A58745;
		color: #fff;
		font-weight: 400;
}
.section_kv .titile_block .title .lead {
		display: block;
		font-size: 80%;
		margin-top: 0.6em;
}
.section_kv .titile_block::before {
		position: absolute;
		content: "";
		top: 0;
		right: 42vw;
		margin: auto;
		width: 18vw;
		height: 28vw;
		background: rgb(255, 255, 255);
		-webkit-transform: skewX(-10deg) translateX(-10vw);
		        transform: skewX(-10deg) translateX(-10vw);
}
.section_kv .fig_block {
		width: 55%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
.section_kv .fig_block .kv_fig {
		background-size: cover;
		overflow: hidden;
		height: auto;
		width: 50%;
		height: 14vw;
}
.section_kv .fig_block .kv_fig.fig_01 {
		background: url("/contents/feature/thl_opencampus/common/images/kv_fig_01.jpg") no-repeat center;
		background-size: cover;
}
.section_kv .fig_block .kv_fig.fig_02 {
		background: url("/contents/feature/thl_opencampus/common/images/kv_fig_02.jpg") no-repeat center;
		background-size: cover;
}
.section_kv .fig_block .kv_fig.fig_03 {
		background: url("/contents/feature/thl_opencampus/common/images/kv_fig_03.jpg") no-repeat center;
		background-size: cover;
}
.section_kv .fig_block .kv_fig.fig_04 {
		background: url("/contents/feature/thl_opencampus/common/images/kv_fig_04.jpg") no-repeat center;
		background-size: cover;
}
.section_kv .fig_block::before {
		position: absolute;
		content: "";
		top: 0;
		margin: auto;
		width: 19vw;
		height: 28vw;
		background: rgba(255, 255, 255, 0.6);
		-webkit-transform: skewX(-10deg) translateX(-10vw);
		        transform: skewX(-10deg) translateX(-10vw);
}
.section_kv .fig_block::after {
		position: absolute;
		content: "";
		top: 0;
		margin: auto;
		width: 16vw;
		height: 28vw;
		background: rgba(255, 255, 255, 0.6);
		-webkit-transform: skewX(-10deg) translateX(-10vw);
		        transform: skewX(-10deg) translateX(-10vw);
}
@media screen and (max-width: 1400px) {
		.section_kv .titile_block .title {
				margin: 2rem auto;
				font-size: 3.5vw;
		}
		.section_kv .titile_block::before {
				top: 0;
				right: 42vw;
				width: 18vw;
				height: 40vw;
		}
		.section_kv .fig_block .kv_fig {
				height: 20vw;
		}
		.section_kv .fig_block::before {
				top: 0;
				left: 45vw;
				width: 19vw;
				height: 40vw;
		}
		.section_kv .fig_block::after {
				top: 0;
				left: 45vw;
				width: 16vw;
				height: 40vw;
		}
}
@media only screen and (max-width: 767px) {
		.section_kv {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
		}
		.section_kv .titile_block {
				width: 100%;
		}
		.section_kv .titile_block .title {
				margin: 5vw auto 5vw;
				text-align: center;
				line-height: 1.1;
				font-size: 7.2vw;
		}
		.section_kv .titile_block .title .en {
				padding-bottom: 0.2em;
				padding-top: 0.5em;
		}
		.section_kv .titile_block .title .lead {
				margin-top: 3vw;
				font-size: 6vw;
		}
		.section_kv .titile_block::before {
				display: none;
		}
		.section_kv .fig_block {
				width: 100%;
		}
		.section_kv .fig_block .kv_fig {
				height: 28vw;
		}
		.section_kv .fig_block::before {
				display: none;
				left: 0;
				height: 73vw;
		}
		.section_kv .fig_block::after {
				display: none;
				right: -80vw;
				height: 73vw;
		}
}

/*===============================================================

section_offer_top

===============================================================*/
.section_offer_top .section_inner {
		padding: 8rem 0;
}
@media only screen and (max-width: 767px) {
		.section_offer_top .section_inner {
				padding: 6vw 5vw;
		}
}

.content_offer_top .data_wrp .offer_btn {
		display: none;
}
.content_offer_top .time_wrp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 3rem;
}
.content_offer_top .time_wrp .time + .time {
		margin-left: 3rem;
}
.content_offer_top .time_wrp .time {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 3.3rem;
}
.content_offer_top .time_wrp .time .label {
		margin-right: 1.6rem;
		padding: 0.8rem 1rem 0.5rem;
		font-size: 2.2rem;
		background-color: #404040;
		color: #fff;
}
.content_offer_top .offer_btn {
		margin: 4rem 0 0;
}
.content_offer_top .offer_btn .btn_detail {
		width: 54rem;
		margin: 0 auto;
}
.content_offer_top .offer_btn .btn_detail a {
		text-align: center;
		display: block;
		padding: 2.6rem 0;
		background: #eb8824;
		border: 1px solid #eb8824;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		color: #fff;
		font-size: 3rem;
}
.content_offer_top .offer_btn .btn_detail a:hover {
		background: #fff;
		color: #404040;
		border: 1px solid #404040;
}
@media only screen and (max-width: 767px) {
		.content_offer_top .time_wrp {
				margin-top: 5vw;
		}
		.content_offer_top .time_wrp .time + .time {
				margin-left: 5vw;
		}
		.content_offer_top .time_wrp .time {
				font-size: 2rem;
		}
		.content_offer_top .time_wrp .time .label {
				margin-right: 1rem;
				padding: 0.7rem 1rem 0.5rem;
				font-size: 1.2rem;
		}
		.content_offer_top .offer_btn {
				margin: 2.5rem 0 0;
		}
		.content_offer_top .offer_btn .btn_detail {
				width: 100%;
		}
		.content_offer_top .offer_btn .btn_detail a {
				padding: 1.5rem 0;
				font-size: 1.8rem;
				font-weight: bold;
		}
}

/*===============================================================

data_wrp

===============================================================*/
.data_wrp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 6rem;
		/* for SP */
}
.data_wrp .data {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
}
.data_wrp .data .day {
		font-size: 10rem;
		letter-spacing: -0.03em;
		color: #A58745;
		-webkit-transform: translateX(-0.03em);
		        transform: translateX(-0.03em);
		text-align: center;
}
.data_wrp .data .weekday {
		display: block;
		margin-top: 1.5rem;
		font-size: 2.2rem;
		line-height: 1;
		padding: 0.5rem 0;
		text-align: center;
		letter-spacing: 0.5rem;
		color: #A58745;
		border: solid 1px #A58745;
}
.data_wrp .data .weekday.red {
		color: #D85757;
		border: solid 1px #D85757;
}
.data_wrp .data .weekday.blue {
		color: #579CD8;
		border: solid 1px #579CD8;
}
.data_wrp .offer_btn {
		margin: 1rem 0 0;
}
.data_wrp .offer_btn .btn_detail {
		width: 100%;
		margin: 0 auto;
}
.data_wrp .offer_btn .btn_detail a {
		text-align: center;
		display: block;
		padding: 1.5rem 0;
		background: #eb8824;
		border: 1px solid #eb8824;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		color: #fff;
		font-size: 2.2rem;
}
.data_wrp .offer_btn .btn_detail a:hover {
		background: #fff;
		color: #404040;
		border: 1px solid #404040;
}
@media screen and (max-width: 1200px) {
		.data_wrp {
				gap: 4.5vw;
		}
		.data_wrp .data .day {
				font-size: 8vw;
		}
		.data_wrp .data .day .weekday {
				font-size: 1.6rem;
		}
		.data_wrp .offer_btn .btn_detail {
				width: 100%;
				margin: 0 auto;
		}
		.data_wrp .offer_btn .btn_detail a {
				text-align: center;
				display: block;
				padding: 1.2rem 0;
				background: #eb8824;
				border: 1px solid #eb8824;
				-webkit-transition: all 0.6s ease;
				transition: all 0.6s ease;
				color: #fff;
				font-size: 1.6rem;
		}
		.data_wrp .offer_btn .btn_detail a:hover {
				background: #fff;
				color: #404040;
				border: 1px solid #404040;
		}
}
@media only screen and (max-width: 767px) {
		.data_wrp {
				gap: 5vw;
		}
		.data_wrp .data .day {
				font-size: 7.5vw;
				font-size: 11vw;
		}
		.data_wrp .data .weekday {
				display: block;
				margin-left: 0;
				margin-top: 0.5rem;
				padding: 0.3rem 0.5rem 0.3rem 0.7rem;
				font-size: 3vw;
		}
		.data_wrp .offer_btn {
				margin: 1rem 0 0;
		}
		.data_wrp .offer_btn .btn_detail {
				width: 100%;
		}
		.data_wrp .offer_btn .btn_detail a {
				display: block;
				padding: 2vw 2vw;
				font-size: 3.5vw;
				font-weight: bold;
		}
}

/*===============================================================

section_offer

===============================================================*/
.section_offer .section_inner {
		padding: 60px 0;
}
@media only screen and (max-width: 767px) {
		.section_offer .section_inner {
				padding: 5vw;
		}
}

.content_offer_top .textlink,
.content_offer .textlink {
		margin-top: 3rem;
		text-align: center;
}
.content_offer_top .textlink a,
.content_offer .textlink a {
		text-decoration: underline;
		color: #404040;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
}
.content_offer_top .textlink a:hover,
.content_offer .textlink a:hover {
		color: #9F8753;
}
/*===============================================================

	タイムテーブル

===============================================================*/
/* time-schedule */
.timetable {
		position: relative;
		list-style: none;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}
.timetable li {
		width: 100%;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
}
.timetable li::after {
		z-index: 1;
		position: absolute;
		content: "";
		top: 2rem;
		left: 5.5%;
		border-left: solid 1px #A58745;
		height: 100%;
}
.timetable li .table_data {
		z-index: 2;
		display: inline-block;
		padding: 1rem 3rem;
		margin-top: 2rem;
		text-align: right;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		font-size: 2rem;
		background-color: #fff;
		border: solid 1px #A58745;
		color: #A58745;
}
.timetable li .table_box {
		width: 100%;
		margin-left: 6rem;
		padding: 3rem 0;
		border-bottom: solid 1px #E0E0E0;
}
.timetable li .table_box .table_title {
		font-size: 2.8rem;
}
.timetable li .table_box .table_txt {
		margin-top: 2rem;
		line-height: 1.6;
}
.timetable li:last-child::after {
		display: none;
}
.timetable li:last-child .table_box {
		border-bottom: none;
}
@media screen and (max-width: 1023px) {
		.timetable {
				padding: 0 5rem;
		}
		.timetable li::after {
				left: 5rem;
		}
		.timetable li .table_data {
				font-size: 1.8rem;
		}
}
@media only screen and (max-width: 767px) {
		.timetable {
				padding: 0 5vw;
		}
		.timetable li::after {
				left: 4.5rem;
		}
		.timetable li .table_data {
				padding: 1rem 2rem;
				margin-top: 1.5rem;
				font-size: 1.6rem;
		}
		.timetable li .table_box {
				width: 100%;
				margin-left: 2rem;
				padding: 1.8rem 0;
		}
		.timetable li .table_box .table_title {
				font-size: 1.8rem;
		}
		.timetable li .table_box .table_txt {
				margin-top: 0.5rem;
		}
}

/*===============================================================

section_about

===============================================================*/
.section_about .photo {
		max-width: 900px;
		margin: 0 auto;
}
.section_about .joblist {
		max-width: 900px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: -10px;
		padding: 0 30px;
}
.section_about .joblist li {
		width: calc((100% - 10px) / 2);
		text-align: center;
		border: solid 1px #A58745;
		color: #A58745;
		padding: 20px;
		font-size: 2rem;
		line-height: 1;
		margin-top: 10px;
}
@media only screen and (max-width: 767px) {
		.section_about .joblist {
				margin-top: -1vw;
				padding: 0 5vw;
		}
		.section_about .joblist li {
				width: 100%;
				padding: 3vw;
				margin-top: 1vw;
		}
}
/*# sourceMappingURL=style.css.map */