@charset "utf-8";
/* NotoSans  Poppins */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');
/* font-family: 'Noto Sans JP', sans-serif;
font-family: "Noto Serif JP", serif;
font-family: 'Poppins', sans-serif; */

/* 変数 */
:root {
	--deco: url(../img/cmn/title_deco.svg) no-repeat center/contain;
}

/* -------------
base
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
	display: block;
}
html {
	line-height: 1;
	/* scroll-behavior: smooth;
	scroll-padding-top: 100px; */
}
ul, ol {
	list-style-type: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a.block{
	display: block;
}
a img {
	border: none;
}
img {
	vertical-align: bottom;
	border: none;
	max-width: 100%;
	width: 100%;
	height: auto;
}
img[src*=".svg"] {
	width: 100%;
}
picture{
	display: block;
	width: 100%;
	height: 100%;
}
a {
	color: inherit;
	text-decoration: none;
}
*,
:before,
:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input,
button,
select,
textarea {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	font: inherit;
	border: none;
	border-radius: 0;
	outline: none;
}
textarea {
	resize: none;
}
input[type='checkbox'],
input[type='radio'] {
	display: none;
}
input[type='submit'],
input[type='button'],
label,
button,
select {
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}


/************************************************************************
	PC/SP
**************************************************************************/
.block480, .sp, .block1024{ display: none; }

@media screen and (max-width: 1024px){
	.none1024{display: none;}
	.block1024{display: block;}
}

@media screen and (max-width: 768px) {
	.pc { display: none;}
	.sp { display: block;}
}

@media screen and (max-width: 480px) {
	.none480{ display: none;}
	.block480{ display: block;}
}


/************************************************************************
	フォント
**************************************************************************/
html {
	font-size: 62.5%;/* 1.6remで16px */
}
/* 以降 (XXpx/16)×0.625 */
@media screen and (max-width: 1200px){
	html {
		font-size: 58.59%;/* 1.6remで15px */
	}
}
@media screen and (max-width: 1024px){
	html {
		font-size: 54.69%;/* 1.6remで14px */
	}
}
/* 以降、350pxで14pxにしたいので1.4remで指定 */
/* font-size100%時、1.4rem=22.4pxなので、XXpx/22.4=目的の％ */
@media screen and (max-width: 768px){
	html {
		font-size: 93.75%;/* 1.4remで21px */
	}
}
@media screen and (max-width: 530px){/* 350px*1.5 */
	html {
		font-size: 78.13%;/* 1.4remで17.5px */
	}
}
@media screen and (max-width: 430px){
	html {
		font-size: 62.5%;/* 1.4remで14px */
	}
}

body {
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #000;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2.25;
	font-feature-settings: "palt";
	/* -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased; */
	word-wrap: normal;
}

@media screen and (max-width: 768px){
	body{/* 350pxのとき14px */
		font-size: 1.4rem;
	}
}

.en{
	font-family: 'Avenir Next','Helvetica Neue','Helvetica', sans-serif;
}

.mincho{
	font-family: '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'YuMincho', "Noto Serif JP", hiragino-mincho-pron, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font_smooth{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.b { font-weight: 700; }
.i{
	font-style: italic;
}
.u, .u_trance{
	text-decoration: underline;
}
.u_trance:hover{
	text-decoration: none;
}

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.taj{ text-align: justify;}

.ls0{
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	.sp_ls0{
		letter-spacing: 0;
	}
	.sp_pack{
		letter-spacing: -.03em;
	}
}

.v_rl{
	writing-mode: vertical-rl;
}

.wbr{
	word-break: keep-all;
}
@media screen and (max-width: 768px) {
	.wbr_pc {
		word-break: normal;
	}
}

.indent{
	text-indent: 1em;
}
span.indent{
	display: inline-block;
}

.palt{
	font-feature-settings: "palt";
}
.no_palt{
	font-feature-settings: normal;
}

.capitalize{
	text-transform: capitalize;
}
.capitalize.no{
	text-transform: none;
}
.uppercase{
	text-transform: uppercase;
}


/* -------------
文字色 装飾
-------------------------------------------------------- */
.white{
	color: #fff;
}
.red{
	color: #e60012;
}
.blue{
	color: #1404aa;
}
.orange{
	color: #e75a24;
}
.purple{
	color: #6a5fc8;
}

.t_shadow{
	text-shadow: .05em .05em .1em rgba(0, 0, 0, 0.4);
}
/* -------------
サイズ
-------------------------------------------------------- */
.fz14{
	font-size: 1.4rem;
}
.fz15{
	font-size: 1.5rem;
}
.fz16{
	font-size: 1.6rem;
}
.fz18{
	font-size: 1.8rem;
}
.fz20{
	font-size: 2rem;
}
.fz23{
	font-size: 2.3rem;
}
.fz24{
	font-size: 2.4rem;
}
.fz25{
	font-size: 2.5rem;
}
.fz26{
	font-size: 2.6rem;
}
.fz30{
	font-size: 3rem;
}
.fz34{
	font-size: 3.4rem;
}
.fz36{
	font-size: 3.6rem;
}
.fz40{
	font-size: 4rem;
}
.fz42{
	font-size: 4.2rem;
}
.fz48{
	font-size: 4.8rem;
}
.fz50{
	font-size: 5rem;
}
.fz51{
	font-size: 5.1rem;
}
.fz54{
	font-size: 5.4rem;
}
.fz56{
	font-size: 5.6rem;
}

.fz75{
	font-size: 7.5rem;
}

@media screen and (max-width: 768px){/* SPデザインなければ×0.66とか */
	.fz14{
		font-size: 1.2rem;
	}
	.fz16{
		font-size: 1.4rem;
	}
	.fz18{
		font-size: 1.45rem;
	}
	.fz20{
		font-size: 1.5rem;
	}
	.fz23{
		font-size: 1.6rem;
	}
	.fz24{
		font-size: 1.65rem;
	}
	.fz25{
		font-size: 1.65rem;
	}
	.fz26{
		font-size: 1.7rem;
	}
	.fz30{
		font-size: 2rem;
	}
	.fz34{
		font-size: 2.24rem;
	}
	.fz36{
		font-size: 2.37rem;
	}
	.fz40{
		font-size: 2.64rem;
	}
	.fz42{
		font-size: 2.77rem;
	}
	.fz48{
		font-size: 3.16rem;
	}
	.fz50{
		font-size: 3.3rem;
	}
	.fz51{
		font-size: 3.36rem;
	}
	.fz54{
		font-size: 3.56rem;
	}
	.fz56{
		font-size: 3.68rem;
	}

	.fz75{
		font-size: 4.95rem;
	}

	.fz11sp{
		font-size: 1.1rem;
	}
	.fz12sp{
		font-size: 1.2rem;
	}
	.fz13sp{
		font-size: 1.3rem;
	}
	.fz14sp{
		font-size: 1.4rem;
	}
	.fz15sp{
		font-size: 1.5rem;
	}
	.fz16sp{
		font-size: 1.6rem;
	}
	.fz18sp{
		font-size: 1.8rem;
	}
	.fz20sp{
		font-size: 2rem;
	}
	.fz21sp{
		font-size: 2.1rem;
	}
	.fz22sp{
		font-size: 2.2rem;
	}
	.fz24sp{
		font-size: 2.4rem;
	}
	.fz25sp{
		font-size: 2.5rem;
	}
	.fz30sp{
		font-size: 3rem;
	}
	.fz84sp{
		font-size: 8.4rem;
	}
}

/************************************************************************
	フレックス
**************************************************************************/
/* flex系 */
.flex {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.flex_pc{/* 768以下block */
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.nowrap {
	flex-wrap: nowrap;
}

.fd_rr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}

.fd_c {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}

.fd_cr {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}

.ai_fs {
	-webkit-box-align: start;
	align-items: flex-start;
}
.ai_fe {
	-webkit-box-align: end;
	align-items: flex-end;
}
.ai_c {
	-webkit-box-align: center;
	align-items: center;
}

.jc_fs {
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.jc_fe {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.jc_c {
	-webkit-box-pack: center;
	justify-content: center;
}
.jc_sb {
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.jc_sa {
	justify-content: space-around;
}
.order1 {
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.order2 {
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.fl_g{
	-webkit-box-flex:1;
	flex-grow:1;
}

@media screen and (max-width: 768px) {
	.flex_pc{
		display: block;
	}
}


/************************************************************************
	インナー　その他余白
**************************************************************************/
.inner{
	margin: auto;
}
.inner.primary{
	max-width: 1200px;
	width: 94%;
}

.inner.secondary{
	max-width: 990px;
	width: 92%;
}

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

}


/* padding ⚪︎⚪︎px/1600px */
.pt20{
	padding-top: min(20px, 1.3%);
}
.pb20{
	padding-bottom: min(20px, 1.3%);
}

.pt40{
	padding-top: min(40px, 2.5%);
}
.pb40{
	padding-bottom: min(40px, 2.5%);
}

.pt50{
	padding-top: min(50px, 3.1%);
}
.pb50{
	padding-bottom: min(50px, 3.1%);
}

.pt60{
	padding-top: min(60px, 3.8%);
}
.pb60{
	padding-bottom: min(60px, 3.8%);
}

.pt70{
	padding-top: min(70px, 4.4%);
}
.pb70{
	padding-bottom: min(70px, 4.4%);
}

.pt80{
	padding-top: min(80px, 5%);
}
.pb80{
	padding-bottom: min(80px, 5%);
}

.pt90{
	padding-top: min(90px, 5.6%);
}
.pb90{
	padding-bottom: min(90px, 5.6%);
}

.pt100{
	padding-top: min(100px, 6.3%);
}
.pb100{
	padding-bottom: min(100px, 6.3%);
}

.pt110{
	padding-top: min(110px, 6.9%);
}
.pb110{
	padding-bottom: min(110px, 6.9%);
}

.pt120{
	padding-top: min(120px, 7.5%);
}
.pb120{
	padding-bottom: min(120px, 7.5%);
}

.pt130{
	padding-top: min(130px, 8.1%);
}
.pb130{
	padding-bottom: min(130px, 8.1%);
}

.pt140{
	padding-top: min(140px, 8.8%);
}
.pb140{
	padding-bottom: min(140px, 8.8%);
}

.pt150{
	padding-top: min(150px, 9.4%);
}
.pb150{
	padding-bottom: min(150px, 9.4%);
}

.pt160{
	padding-top: min(160px, 10%);
}
.pb160{
	padding-bottom: min(160px, 10%);
}

.pt170{
	padding-top: min(170px, 10.63%);
}
.pb170{
	padding-bottom: min(170px, 10.63%);
}

.pt180{
	padding-top: min(180px, 11.3%);
}
.pb180{
	padding-bottom: min(180px, 11.3%);
}

.pt190{
	padding-top: min(190px, 11.88%);
}
.pb190{
	padding-bottom: min(190px, 11.88%);
}

.pt200{
	padding-top: min(200px, 12.5%);
}
.pb200{
	padding-bottom: min(200px, 12.5%);
}

.pt220{
	padding-top: min(220px, 13.75%);
}
.pb220{
	padding-bottom: min(220px, 13.75%);
}

@media screen and (max-width: 768px) {/* PCの1.8倍 */
	.pt20{
		padding-top: 2.34%;
	}
	.pb20{
		padding-bottom: 2.34%;
	}
	
	.pt40{
		padding-top: 4.5%;
	}
	.pb40{
		padding-bottom: 4.5%;
	}
	
	.pt50{
		padding-top: 5.58%;
	}
	.pb50{
		padding-bottom: 5.58%;
	}
	
	.pt60{
		padding-top: 6.84%;
	}
	.pb60{
		padding-bottom: 6.84%;
	}

	.pt70{
		padding-top: 7.92%;
	}
	.pb70{
		padding-bottom: 7.92%;
	}
	.pt80{
		padding-top: 9%;
	}
	.pb80{
		padding-bottom: 9%;
	}
	.pt90{
		padding-top: 10.08%;
	}
	.pb90{
		padding-bottom: 10.08%;
	}
	.pt100{
		padding-top: 11.34%;
	}
	.pb100{
		padding-bottom: 11.34%;
	}
	.pt110{
		padding-top: 12.42%;
	}
	.pb110{
		padding-bottom: 12.42%;
	}
	.pt120{
		padding-top: 13.5%;
	}
	.pb120{
		padding-bottom: 13.5%;
	}
	.pt130{
		padding-top: 14.58%;
	}
	.pb130{
		padding-bottom: 14.58%;
	}
	.pt140{
		padding-top: 15.84%;
	}
	.pb140{
		padding-bottom: 15.84%;
	}
	.pt150{
		padding-top: 16.92%;
	}
	.pb150{
		padding-bottom: 16.92%;
	}
	.pt160{
		padding-top: 18%;
	}
	.pb160{
		padding-bottom: 18%;
	}
	.pt170{
		padding-top: 19.14%;
	}
	.pb170{
		padding-bottom: 19.14%;
	}
	.pt180{
		padding-top: 20.34%;
	}
	.pb180{
		padding-bottom: 20.34%;
	}
	.pt190{
		padding-top: 21.39%;
	}
	.pb190{
		padding-bottom: 21.39%;
	}
	.pt200{
		padding-top: 22.5%;
	}
	.pb200{
		padding-bottom: 22.5%;
	}

	.pt220{
		padding-top: 24.75%;
	}
	.pb220{
		padding-bottom: 24.75%;
	}
}

.m_a{
	margin: auto;
}
.mb05em{
	margin-bottom: .5em;
}
.mb1em{
	margin-bottom: 1em;
}
.mb2em{
	margin-bottom: 2em;
}
.mb3em{
	margin-bottom: 3em;
}
.mb4em{
	margin-bottom: 4em;
}
.mb5em{
	margin-bottom: 5em;
}

.z1{
	position: relative;
	z-index: 1;
}
.z2{
	position: relative;
	z-index: 2;
}
.z3{
	position: relative;
	z-index: 3;
}

/************************************************************************
	リンク
**************************************************************************/
a {
	color: inherit;
	transition: .4s;
}
a:hover {
	opacity: 0.7;
}

::-moz-selection {
	color: #fff;
	background: #1a1a1a;
}
::selection {
	color: #fff;
	background: #1a1a1a;
}

a.tel{
	display: block;
	width: 100%;
	max-width: 37rem;
}
.fax{
	display: block;
	width: 100%;
	max-width: 37rem;
}

.a_block{
	display: block;
}
.a_inline_block{
	display: inline-block;
}

a.no_anchor{
	pointer-events: none;
	text-decoration: none;
}

.a_arrow{
	position: relative;
}
.a_arrow .arrow{
	display: block;
	width: 3.9rem;
	height: 3.9rem;
	border: var(--border);
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	position: absolute;
	right: 0;
	top: calc(50% - 1.95em);
	transition: .5s;
}
.a_arrow:hover .arrow{
	right: .5em;
}

.a_arrow .arrow::before{
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background-color: #006db7;
	transition: .5s;
	position: absolute;
	left: 100%;
}
.a_arrow:hover .arrow::before{
	width: 100%;
	left: 0;
}

.a_arrow .arrow::after{
	content: "";
	display: block;
	width: 33%;
	height: 33%;
	background: url(../img/cmn/arrow_r_blue.svg) no-repeat center/contain;
	position: absolute;
	inset: 0;
	margin: auto;
}
.a_arrow:hover .arrow::after{
	background: url(../img/cmn/arrow_r_white.svg) no-repeat center/contain;
}

@media screen and (max-width: 768px) {
	.a_arrow .arrow{
		width: 2.7rem;
		height: 2.7rem;
		top: calc(50% - .5em);
	}
	.a_arrow .arrow::after{
		width: 36%;
		height: 36%;
	}
}

/************************************************************************
	タイトル
**************************************************************************/
.top_title_primary{
	margin-bottom: 1.5rem;
}
.top_title_primary .main, .top_title_primary .sub{
	display: block;
}
.top_title_primary .sub{
	font-weight: 700;
	letter-spacing: 0;
	color: #4e4598;
	padding-top: .5em;
}
.top_title_primary .sub.white{
	color: #fff;
}

.top_title_primary.tac .main{
	margin: auto;
}

@media screen and (max-width: 768px) {
	.top_title_primary .sub{
		font-size: 1.3rem;
	}
}

.title_secondary{
	margin-bottom: 1.5rem;
}
.title_secondary .main{
	display: inline-block;
	width: 15rem;
	margin-right: 1.8rem;
}
.title_secondary .sub{
	font-weight: 700;
	color: #4e4598;
	vertical-align: text-top;
}

@media screen and (max-width: 768px) {
	.title_secondary .main{
		width: 10rem;
		margin-right: 1.2rem;
	}
}


/************************************************************************
	ボタン
**************************************************************************/
.btn_primary{
	display: block;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
	max-width: 40rem;
	width: 98%;
	padding: .4em 0;
	background-color: #6a5fc8;
	border-radius: 3em;
	position: relative;
	overflow: hidden;
}

.btn_primary::after{
	content: "";
	display: block;
	width: .8em;
	height: .8em;
	-webkit-mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
    mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
	background-color: #fff;
	position: absolute;
	right: 1.25em;
	top: calc(50% - .4em);
	z-index: 1;
}
.btn_primary.blank::after{
	transform: rotate(-45deg);
}
.btn_primary.under::after{
	transform: rotate(90deg);
}
.btn_primary.long{
	max-width: 60rem;
}
.btn_primary.white{
	color: #4e4598;
	background-color: #fff;
}
.btn_primary.white.purple_border{
	border: .2rem solid #4e4598;
}
.btn_primary.white::after{
	background-color: #4e4598;
}

.btn_primary.big{
	font-size: 1.8rem;
	max-width: 48rem;
	padding: 2em 0;
}
.btn_primary.big::after{
	width: 1em;
	height: 1em;
}

.btn_primary.icon::before{
	content: "";
	display: block;
	width: 2.25em;
	height: 1.3em;
	-webkit-mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
	background-color: #fff;
	position: absolute;
	left: 1.25em;
	top: calc(50% - .65em);
}
.btn_primary.icon.white::before{
	background-color: #4e4598;
}
.btn_primary.icon.mail::before{
	-webkit-mask: url(../img/cmn/icon_mail.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_mail.svg) no-repeat center/contain;
}
.btn_primary.icon.driver::before{
	-webkit-mask: url(../img/cmn/icon_driver.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_driver.svg) no-repeat center/contain;
	height: 2em;
	top: calc(50% - 1em);
}
.btn_primary.icon.people::before{
	-webkit-mask: url(../img/cmn/icon_people.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_people.svg) no-repeat center/contain;
}

@media screen and (max-width: 768px) {
	.btn_primary{
		font-size: 1.45rem;
		max-width: 32.5rem;
		width: 87%;
		padding: .8em 0;
	}

	.btn_primary.big{
		font-size: 1.5rem;
		max-width: 32.5rem;
		padding: 1em 0;
	}

	.btn_primary::after{
		right: 1em;
	}

	.btn_primary.icon::before{
		width: 2em;
		height: 1.15em;
		left: 1em;
		top: calc(50% - .56em);
	}
}

.dl_btn{
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #6a5fc8;
	text-align: center;
	padding: .33em 1.5em;
	border: .2rem solid #6a5fc8;
	border-radius: 1rem;
	position: relative;
}

.dl_btn::after{
	content: "";
	display: block;
	width: .5em;
	height: .786em;
	-webkit-mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
    mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
	background-color: #6a5fc8;
	position: absolute;
	right: 1em;
	top: calc(50% - .393em);
}

@media screen and (max-width: 768px) {
	.dl_btn{
		font-size: 1.2rem;
		letter-spacing: 0;
	}
}

/************************************************************************
	リスト
**************************************************************************/
.attention_list, .attention{
	padding-left: 1.2em;
	position: relative;
}
.attention_list::before, .attention::before{
	content: "\0203B";
	display: inline-block;
	position: absolute;
	left: 0;
}
.disk li, .disk01{
	line-height: 1.75;
	padding-left: 1.33em;
	position: relative;
}
.disk li::before, .disk01::before{
	content: "";
    display: block;
    width: 0.56em;
    height: 0.56em;
    background-color: #6a5fc8;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.62em;
}

.check_list li, .check01{
	padding-left: 2em;
	line-height: 1.75;
	position: relative;
}
.check_list li::before, .check01::before{
	content: "";
	display: block;
	width: 1.25em;
	height: 1.25em;
	border: 1px solid #d9d9d9;
	background: #fff url(../img/cmn/check.svg) no-repeat center/70% 60%;
	position: absolute;
	left: 0;
	top: .25em;
}

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

}
/************************************************************************
	アニメーション
**************************************************************************/
/* animation-delay PCだけ */
@media screen and (max-width: 768px) {
	.delay_pc{
		animation-delay: 0s !important;
	}
}


/* フェードイン　*/
.fade, .fade_down, .fade_right, .fade_left{
	opacity: 0;
}

.animation.fade{/* 下から上へ */
	animation: fadeup .8s ease forwards;
}

.animation.fade_down{/* 上から下へ */
	animation: fadedown .8s ease forwards;
}
.animation.fade_right{/* 左から右へ */
	animation: faderight .8s ease forwards;
}
.animation.fade_left{/* 右から左へ */
	animation: fadeleft .8s ease forwards;
}
	
@keyframes fadeup{
	from {
		opacity: 0;
		transform: translateY(2em);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadedown{
	from {
		opacity: 0;
		transform: translateY(-2em);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes faderight{
	from {
		opacity: 0;
		transform: translateX(-2em);
	}
	
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeleft{
	from {
		opacity: 0;
		transform: translateX(2em);
	}
	
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* スライドイン　*/
.slide_left{
	transform: translateX(-150%);
}
.animation.slide_left{
	animation: slideleft .6s ease forwards;
}

.slide_right{
	transform: translateX(150%);
}
.animation.slide_right{
	animation: slideright .6s ease forwards;
}
@keyframes slideleft{
	from {
		transform: translateX(-150%);
	}
	
	to {
		transform: translateX(0);
	}
}
@keyframes slideright{
	from {
		transform: translateX(150%);
	}
	
	to {
		transform: translateX(0);
	}
}


/* clip-path */
.clip{
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
	transition: 1.2s ease-out;
}
.clip.fast{
	transition: .6s ease-out;
}
.clip.late{
	transition: 2s ease-out;
}
.clip.left{
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
}


.clip.animation{
	-webkit-clip-path: inset(0);
	clip-path: inset(0);
}



/* 回転　*/
.rotate{
	animation:6s linear infinite rotate;
}

@keyframes rotate{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}


/* 黒背景スライドしてから本来の要素がスライド　*/

.black_slide{
	position: relative;
}
.black_slide::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #000;
}
.animation.black_slide::after{
	animation: black_slide 1.5s ease-in-out forwards;
}
.animation.delay02.black_slide::after{
	animation-delay: .2s;
}
.animation.delay04.black_slide::after{
	animation-delay: .4s;
}
.animation.delay06.black_slide::after{
	animation-delay: .6s;
}
.animation.delay08.black_slide::after{
	animation-delay: .8s;
}
.animation.delay10.black_slide::after{
	animation-delay: 1s;
}
.animation.delay12.black_slide::after{
	animation-delay: 1.2s;
}
.animation.delay14.black_slide::after{
	animation-delay: 1.4s;
}
.animation.delay16.black_slide::after{
	animation-delay: 1.6s;
}

.black_slide .black_slide_child{
	opacity: 0;
}
.animation.black_slide .black_slide_child{
	animation: black_fade 1.5s ease forwards;
}
.animation.delay02.black_slide .black_slide_child{
	animation-delay: .2s;
}
.animation.delay04.black_slide .black_slide_child{
	animation-delay: .4s;
}
.animation.delay08.black_slide .black_slide_child{
	animation-delay: .8s;
}
.animation.delay12.black_slide .black_slide_child{
	animation-delay: 1.2s;
}
.animation.delay16.black_slide .black_slide_child{
	animation-delay: 1.6s;
}


@keyframes black_fade{
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	51% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes black_slide{
	0% {
		left: 0;
		width: 0;
	}

	50% {
		left: 0;
		width: 101%;
	}
	51% {
		left: 0;
		width: 101%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}

.elasticity{
	position: absolute;
	opacity: 0;
	transform: scale(1, .5) translateY(50%);
}
.animation.elasticity{
	animation: elasticity .2s linear forwards;
}

@keyframes elasticity{
	0% {
		opacity: 0;
		transform: scale(.1, .5) translateY(50%);
	}
	50%{
		opacity: .6;
		transform: scale(.5, 1) translateY(0);
	}
	80%{
		opacity: 1;
		transform: scale(.8, 1.3) translateY(-30%);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
  }

/* アニメーション時間差 */
.animation.delay01{
	animation-delay: .1s !important;
} 
.animation.delay02{
	animation-delay: .2s !important;
} 
.animation.delay03{
	animation-delay: .3s !important;
} 
.animation.delay04{
	animation-delay: .4s !important;
}
.animation.delay05{
	animation-delay: .5s !important;
}
.animation.delay06{
	animation-delay: .6s !important;
}
.animation.delay07{
	animation-delay: .7s !important;
}
.animation.delay08{
	animation-delay: .8s !important;
}
.animation.delay09{
	animation-delay: .9s !important
}
.animation.delay10{
	animation-delay: 1s !important;
}
.animation.delay11{
	animation-delay: 1.1s !important;
}
.animation.delay12{
	animation-delay: 1.2s !important;
}
.animation.delay13{
	animation-delay: 1.3s !important;
}
.animation.delay14{
	animation-delay: 1.4s !important;
}
.animation.delay15{
	animation-delay: 1.5s !important;
}
.animation.delay16{
	animation-delay: 1.6s !important;
}

.animation.duration06{
	animation-duration: 0.6s;
}
.animation.duration10{
	animation-duration: 1s;
}


/************************************************************************
	CSSスライダー
**************************************************************************/

/*  スライダー */
.slider_wrapper{
	overflow: hidden;
}
.slider_wrapper.left, .slider_wrapper.right{
	display: -webkit-box;
	display: flex;
}

.slider_wrapper.up .slider{
	animation: slider-up 30s infinite linear 0.5s both;
}
.slider_wrapper.down .slider{
	animation: slider-down 30s infinite linear 0.5s both;
}
.slider_wrapper.left .slider{
	display: -webkit-box;
	display: flex;
	animation: slider-left 30s infinite linear 0.5s both;
}
.slider_wrapper.right .slider{
	display: -webkit-box;
	display: flex;
	animation: slider-right 30s infinite linear 0.5s both;
}

.slider .slider_item{
	width: 33rem;/* 350px時300px */
	margin: 0 .5%;
}
@keyframes slider-up {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-100%);
	}
}
@keyframes slider-down {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
@keyframes slider-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes slider-right {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}

/************************************************************************
	その他
**************************************************************************/
.youtube{
	position: relative;
}
.youtube::before{
	content: "";
	display: block;
	padding-top: 56.3%;
}
.youtube iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.anchor {
	margin-top: -100px;
	padding-top: 100px;
}

span.dib{
	display: inline-block;
}

.img_bg{
	position: relative;
	background: url(../img/cmn/mail.svg) no-repeat center/cover;
}
.img_bg::before{
	content: "";
	display: block;
	padding-top: 75%;
}

.img_ab{
	position: relative;
}
.img_ab::before{
	content: "";
	display: block;
	padding-top: 75%;
}
.img_ab img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shadow{
	box-shadow: 0 0 1.5em -.75em #777;
}

@media (max-width: 768px) {
	.shadow{
		box-shadow: 0 0 1em -.75em #555;
	}
}

.attention_mark{
	position: relative;
	padding-left: 1.1em;
}
.attention_mark::before{
	content: "\0203B";
	position: absolute;
	left: 0;
}

@media (min-width: 769px) {
	a[href*="tel:"] {
		pointer-events: none;
		text-decoration: none;
	}
}

.hidden{
	overflow: hidden;
}

/************************************************************************
	ヘッダー
**************************************************************************/
body{
	overflow-x: hidden;
}
main.lower{
	padding-top: 8rem;
}
@media screen and (max-width: 768px) {
	main.lower{
		padding-top: 5.25rem;
	}
}

header{
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
}
header a{
	display: block;
	position: relative;
}

header.in_mv{
	background-color: rgba(255, 255, 255, 0);
}

.hd_logo{
	width: 27rem;
}

@media screen and (max-width: 768px) {
	header.in_mv{
		background-color: #fff;
	}
	.hd_logo{
		width: 40%;
		max-width: 250px;
	}
}

/* -------------
ナビ
-------------------------------------------------------- */
.hd_nav{
	flex-grow: 1;
	margin-right: 2%;
}
header.in_mv .hd_nav{
	display: none;
}

.hd_nav ul li{
	margin-left: 5%;
}

@media screen and (max-width: 768px) {
	header .hd_nav{
		display: none !important;
	}
}


/* -------------
予約01,採用01
-------------------------------------------------------- */
header .btn_wrapper{
	-ms-flex-item-align: stretch;
	align-self: stretch;
	margin-left: auto;
}
.hd_btn01{
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: end;
	justify-content: flex-end;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	width: 8em;
	height: 5.33em;
	min-height: 100%;
}
.in_mv .hd_btn01{
	display: none;
}


.hd_btn02{
	-ms-flex-item-align: start;
	align-self: flex-start;
	display: none;
	font-size: 2rem;
	font-weight: 700;
	width: 34rem;
	padding: .66em 0;
	margin-right: 2rem;
	border-radius: 0 0 1.5rem 1.5rem;
}
.in_mv .hd_btn02{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}


.to_reserve{
	color: #fff;
	background-color: #6a5fc8;
}
.to_reserve::before{
	content: "";
	display: block;
	width: 2.66em;
	height: 1.6em;
	margin: auto auto .75em;
	-webkit-mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
	background-color: #fff;
}
.hd_btn02.to_reserve{
	padding: .74em 0;
}
.hd_btn02.to_reserve::before{
	margin: 0 5% 0 0;
}


.to_recruit{
	color: #6a5fc8;
	background-color: #fff;
}
.to_recruit::before{
	content: "";
	display: block;
	width: 2.4em;
	height: 2.4em;
	margin: auto;
	-webkit-mask: url(../img/cmn/icon_driver.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_driver.svg) no-repeat center/contain;
	background-color: #6a5fc8;
}
.hd_btn02.to_recruit{
	padding-right: 1.5em;
}
.hd_btn02.to_recruit::before{
	margin: 0 5% 0 0;
}


@media screen and (max-width: 1024px) {
	.hd_btn02{
		width: 30rem;
		margin-right: 1.5rem;
	}
}

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

	.hd_btn02{
		display: none !important;
	}
	.in_mv .hd_btn01{
		display: -webkit-box !important;
		display: flex !important;
	}

	.hd_btn01{
		font-size: 1.1rem;
		letter-spacing: -.02em;
		width: 6rem;
		height: 5.5rem;
		min-height: auto;
	}

	.to_recruit::before{
		margin: auto auto 0;
	}
	.to_reserve::before{
		margin: auto auto 2%;
	}
}



/* -------------
ナビ
-------------------------------------------------------- */


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




/* -------------
ハンバーガー
-------------------------------------------------------- */
body.hmb_open{
	overflow: hidden;
}


.hmb{
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
	width: 12.5rem;
	height: 8rem;
	background-color: #4e4598;
	cursor: pointer;
	transition: .4s;
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 769px) {

	.hmb{
		display: none;
	}
	
}

.hmb_bar{
	width: 60%;
	height: 46%;
	margin: auto;
	position: relative;
	transition: .5s;
}


.hmb_bar span{
	display: inline-block;
	width: 100%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	transition: .4s;
}

.hmb_bar span:nth-of-type(1){
	top: 0;
}
.hmb_bar span:nth-of-type(2){
	top: calc(50% - 1px);
}
.hmb_bar span:nth-of-type(3){
	bottom: 0;
}

.hmb_open .hmb_bar span:nth-of-type(1){
	top: 48%;
	transform: rotate(-45deg);
}
.hmb_open .hmb_bar span:nth-of-type(2){
	opacity: 0;
}
.hmb_open .hmb_bar span:nth-of-type(3){
	bottom: 43%;
	transform: rotate(45deg);
}

.hmb .text{
	text-align: center;
	line-height: 1;
	padding-top: .5em;
}
.hmb .text::before{
	content: "menu";
	font-family: 'Sen', 'Avenir Next','Helvetica Neue','Helvetica', sans-serif;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.hmb{
		width: 6rem;
		height: 5.5rem;
	}

	.hmb_bar{
		width: 54%;
	}
	.hmb_bar span{
		height: 2px;
	}
}

/* グローバル
-------------------------------------------------------- */
#global{
	display: block;
	font-size: 1.5rem;
	color: #fff;
	width: 100%;
	height: 100dvh;
	padding: 8.5rem 4% 20% 4%;
	background-color: #4e4598;
	position: fixed;
	right: -120%;
	top: 0;
	z-index: 90;
	overflow: auto;
	transition: .4s;
}
.hmb_open #global, .hmb_open header::before{
	right: 0;
}
@media (min-width: 769px) {
	#global{
		display: none !important;
	}
}

#global .gl_btn{
	display: block;
	font-weight: 700;
	text-align: center;
	width: 100%;
	padding: .8em 0;
	margin-bottom: .8em;
	border: .1rem solid #fff;
	border-radius: 1rem;
	position: relative;
}

#global .gl_btn::before{
	width: 2em;
	height: 2em;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
}

#global .list01{
	padding: 4% 0 8%;
}

#global .list01 li{
	border-top: 1px solid rgba(255, 255, 255, .5);
}
#global .list01 li:nth-last-of-type(1){
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

#global .list01 li a{
	display: block;
	text-align: center;
	padding: 1em 0;
	position: relative;
}
#global .list01 li a:hover{
	background-color: rgba(255, 255, 255, .2);
}

#global .list01 li a::before{
	content: "";
	display: block;
	width: 2.8em;
	height: 2.33em;
	background: url(../img/cmn/icon_nav01.svg) no-repeat center/contain;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
}
#global .list01 li:nth-of-type(1) a::before{
	height: 1.55em;
}
#global .list01 li:nth-of-type(2) a::before{
	height: 1.83em;
	background-image: url(../img/cmn/icon_nav02.svg);
}
#global .list01 li:nth-of-type(3) a::before{
	height: 1.6em;
	background-image: url(../img/cmn/icon_nav03.svg);
}
#global .list01 li:nth-of-type(4) a::before{
	height: 2.2em;
	background-image: url(../img/cmn/icon_nav04.svg);
}
#global .list01 li:nth-of-type(5) a::before{
	height: 2.2em;
	background-image: url(../img/cmn/icon_nav05.svg);
}
#global .list01 li:nth-of-type(6) a::before{
	height: 2.1em;
	background-image: url(../img/cmn/icon_nav06.svg);
}
#global .list01 li:nth-of-type(7) a::before{
	height: 1.6em;
	background-image: url(../img/cmn/icon_nav07.svg);
}
#global .list01 li:nth-of-type(8) a::before{
	height: 1.73em;
	background-image: url(../img/cmn/icon_nav08.svg);
}

#global .bnr_wrapper a:nth-of-type(1){
	width: 38.9%;
	margin-right: auto;
}
#global .bnr_wrapper a:nth-of-type(2){
	width: 59%;
}


/************************************************************************
	フローティングバナー
**************************************************************************/
#float_bnr{
	width: 96%;
	margin: auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 80;
	transition: .4s;
}

#float_bnr .fl_btn{
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
	width: 49%;
	padding: .8em 0 .8em 2em;
	border-radius: 1rem 1rem 0 0;
	position: relative;
	transition: .4s;
}
.is_scroll #float_bnr .fl_btn{
	padding: .5em 0 .4em 2em;
	opacity: .9;
}

#float_bnr .fl_btn::before{
	width: 2.31em;
	height: 2.31em;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
}
#float_bnr .to_reserve{
	background-color: #6a5fc8;
}
@media (min-width: 769px) {
	#float_bnr{
		display: none;
	}
}
/************************************************************************
	フッター
**************************************************************************/
footer{
	background-color: #fff;
}

footer .btn_primary.white{
	border: 1px solid #4e4598;
}

@media (max-width: 768px) {
	
}


/* 問い合わせ */

.ft_contact{
	background-color: #f7f7f7;
}

.ft_contact .container{
	max-width: 1200px;
	width: 94%;
	margin: auto;
	background-color: #fff;
	box-shadow: 0 0 1.5em -1em #555;
}

@media (max-width: 768px) {
	.ft_contact{
		padding: 20% 0;
	}
	.ft_contact .container{
		display: block;
	}

}
/* 左 */

.ft_contact .container .left_wrapper{
	width: 41.7%;
	padding: 4% 0;
	border-right: .2rem solid #f7f7f7;
}

.ft_contact h2 .main{
	width: 17.7rem;
}
.ft_contact .container .left_wrapper p{
	line-height: 1.75;
	margin-bottom: 1.85em;
}

.ft_contact .container .left_wrapper .btn_primary::after{
	right: 2.5em;
}

@media (max-width: 768px) {
	.ft_contact .container .left_wrapper{
		width: 100%;
		padding: 12.5% 4%;
		position: relative;
	}
	.ft_contact .container .left_wrapper::after{
		content: "";
		display: block;
		width: 100%;
		height: .2rem;
		background-color: #f7f7f7;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.ft_contact h2 .main{ 
		width: 13.5rem;
	}

	.ft_contact .container .left_wrapper .btn_primary{
		width: 100%;
	}
	.ft_contact .container .left_wrapper .btn_primary::after{
		right: 1em;
	}
}

/* 右 */

.ft_contact .container .right_wrapper{
	width: 58.3%;
	padding: 4% 0;
}

.ft_contact .container .right_wrapper .tel_anchor{
	display: block;
	max-width: 37rem;
	margin: auto auto 1rem;
}

.ft_contact .container .right_wrapper p{
	line-height: 1.75;
	letter-spacing: 0;
	margin-bottom: 1.5em;
}

.ft_contact .container .right_wrapper .btn_primary:nth-of-type(1){
	margin-bottom: 1rem;
}

@media (max-width: 768px) {
	.ft_contact .container .right_wrapper{
		width: 100%;
		padding: 12.5% 4%;
	}

	.ft_contact .container .right_wrapper .tel_anchor{
		width: 80%;
		max-width: none;
		margin: auto auto 2rem;
	}

	.ft_contact .container .right_wrapper p{
		margin-bottom: 2em;
	}
	.ft_contact .container .right_wrapper .btn_primary{
		width: 100%;
	}
	.ft_contact .container .right_wrapper .btn_primary.mb05em{
		margin-bottom: .75em;
	}
}

/* バナー */
footer .bnr_wrapper a{
	display: block;
}
footer .bnr_wrapper a:nth-of-type(1){
	max-width: 270px;
	width: 32.77%;
	margin-right: .5%;
}
footer .bnr_wrapper a:nth-of-type(2){
	max-width: 412px;
	width: 50%;
}

@media screen and (max-width: 768px) {
	footer .bnr_wrapper{
		width: 92%;
		padding: 5.6% 0;
		margin: auto;
	}
	footer .bnr_wrapper a:nth-of-type(1){
		max-width: none;
		width: 38.9%;
		margin-right: auto;
	}
	footer .bnr_wrapper a:nth-of-type(2){
		max-width: none;
		width: 59%;
	}
}

/* アドレス */
footer .address_wrapper{
	border-top: 1px solid #eaeaea;
}

footer .address_wrapper ul{
	line-height: 1.81;
	text-align: center;
}

footer .ft_logo{
	width: 23rem;
	margin: auto auto 1rem;
}

@media screen and (max-width: 768px) {
	footer .address_wrapper{
		padding: 8.6% 0;
	}

	footer .address_wrapper ul{
		letter-spacing: 0;
	}
	footer .ft_logo{
		width: 61%;
		margin: auto auto 1rem;
	}
}

/* コピーライト */
.copy_wrapper{
	color: #fff;
	padding: .5em 0 .25em;
	background-color: #4e4598;
}

.copy_wrapper .copy{
	letter-spacing: 0;
	line-height: 1.75;
	text-transform: uppercase;
	width: fit-content;
	text-align: center;
	padding-left: 18em;
	margin: auto;
}

.copy_wrapper ul{
	margin-left: auto;
}
.copy_wrapper ul li{
	letter-spacing: 0;
	margin-right: 2em;
}


@media screen and (max-width: 880px) {
	.copy_wrapper .copy{
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.copy_wrapper{
		display: block;
		padding: .75em 0 .5em;
	}
	.copy_wrapper ul{
		display: none;
	}
}

/************************************************************************
	トップページ
**************************************************************************/
#top_mv{
	padding: min(180px, 11%) 0 min(24px, 1.5%);
	position: relative;
}

#top_mv h2{
	line-height: 1.75;
	padding-left: 9%;
	margin-bottom: min(95px, 6%);
	position: relative;
	z-index: 2;
}

#top_mv #mv_swiper{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

#top_mv #mv_swiper .swiper_slide{
	position: relative;
}
#top_mv #mv_swiper img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
}

#float_recruit{
	width: 18.5rem;
	position: absolute;
	right: 2%;
	bottom: 2%;
	z-index: 2;
}
#float_recruit button{
	width: 20%;
	padding-top: 20%;
	background: url(../img/cmn/close01.png) no-repeat center/contain;
	position: absolute;
	right: -1%;
	bottom: -1%;
	transition: .4s;
	z-index: 2;
}
#float_recruit button:hover{
	opacity: .8;
}


#top_mv .news_wrapper{
	width: calc(98% - 18.5rem);
	max-width: 780px;
	border-radius: 0 2rem 2rem 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#top_mv .news_wrapper .title_wrapper{
	display: flex;
	width: 15rem;
	background-color: #6a5fc8;
}
#top_mv .news_wrapper .text_wrapper{
	line-height: 1.75;
	width: calc(100% - 15rem);
	padding: 1.66em 2em;
	background-color: rgba(255, 255, 255, .9);
}
#top_mv .news_wrapper .text_wrapper:hover{
	opacity: .9;
}
#top_mv .news_wrapper .text_wrapper .text_box{
	width: 79%;
}
#top_mv .news_wrapper .text_wrapper .text_box .text{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-decoration: underline;
}
#top_mv .news_wrapper .text_wrapper:hover .text_box .text{
	text-decoration: none;
}
#top_mv .news_wrapper .text_wrapper .img_ab{
	width: 19%;
}
.img_ab.news_thumb{
	border: 1px solid #e5e5e5;
}
.img_ab.news_thumb::before{
	padding-top: 70.8%;
}

@media screen and (max-width: 768px) {
	#top_mv{
		padding: 22% 0 1px;
		background: url(../img/top/mv_sp.webp) no-repeat bottom/cover;
	}
	.no-webp #top_mv{
		background-image: url(../img/top/mv_sp.jpg);
	}

	#top_mv h2{
		text-align: center;
		line-height: 1.75;
		letter-spacing: 0;
		padding-left: 0;
		margin-bottom: 50%;
	}

	#float_recruit{
		width: 13rem;
		margin-left: auto;
		margin-bottom: 3%;
		margin-right: 2%;
		position: relative;
		right: auto;
		bottom: auto;
	}

	#top_mv .news_wrapper{
		display: block;
		width: 96%;
		max-width: none;
		margin: auto auto -25%;
		border-radius: 1rem;
		box-shadow: 0 0 1.5em -.75em #555;
	}
	#top_mv .news_wrapper .title_wrapper{
		display: block;
		text-align: left;
		width: 100%;
		padding: .1em 1em;
	}
	#top_mv .news_wrapper .text_wrapper{
		width: 100%;
		padding: .75em 1em;
	}
	#top_mv .news_wrapper .text_wrapper .date{
		margin-bottom: .25em;
	}
}


/* MV下ナビ
-------------------------------------------------------- */
#top_nav{
	color: #fff;
	background-image: linear-gradient(180deg, #4e4598, #332c7a);
}

#top_nav li{
	width: calc(100% / 6);
	position: relative;
}
#top_nav li::before, #top_nav li::after{
	content: "";
	display: block;
	width: 1px;
	height: 80%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#top_nav li::after{
	display: none;
}
#top_nav li:nth-last-of-type(1)::after{
	display: block;
	left: auto;
	right: 0;
}

#top_nav a{
	display: block;
	letter-spacing: .05em;
	text-align: center;
	padding: 1.66em 0 .5em;
	position: relative;
}
#top_nav li:nth-of-type(5) a{
	letter-spacing: 0;
}

#top_nav li a::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s;
}
#top_nav li a:hover::after{
	background-color: rgba(255, 255, 255, .2);
}

#top_nav a::before{
	content: "";
	display: block;
	width: 4.78em;
	height: 2.78em;
	margin: auto auto .5em;
	background: url(../img/cmn/icon_nav02.svg) no-repeat center/contain;
}
#top_nav li:nth-of-type(2) a::before{
	background-image: url(../img/cmn/icon_nav03.svg);
}
#top_nav li:nth-of-type(3) a::before{
	background-image: url(../img/cmn/icon_nav04.svg);
}
#top_nav li:nth-of-type(4) a::before{
	background-image: url(../img/cmn/icon_nav05.svg);
}
#top_nav li:nth-of-type(5) a::before{
	background-image: url(../img/cmn/icon_nav06.svg);
}
#top_nav li:nth-of-type(6) a::before{
	width: 2.8em;
	background-image: url(../img/cmn/icon_nav07.svg);
}

@media screen and (max-width: 768px) {
	#top_nav{
		padding: .5em 0;
		margin-top: 32%;
	}

	#top_nav ul{
		width: 98%;
	}
	#top_nav li{
		width: calc(100% / 3);
		
	}

	#top_nav li::before{
		height: calc(100% - 1rem);
		top: .5rem;
		transform: none;
	}
	#top_nav li:nth-of-type(1)::before,
	#top_nav li:nth-of-type(2)::after,
	#top_nav li:nth-of-type(3)::after{
		display: block;
		width: calc(100% - .8rem);
		height: 1px;
		top: auto;
		left: .4rem;
		bottom: 0;
	}
	#top_nav li:nth-of-type(4)::before,
	#top_nav li:nth-of-type(6)::after{
		display: none;
	}

	#top_nav a{
		font-size: 1.35rem;
		padding: .5em 0;
	}
	#top_nav a::before{
		margin: auto auto .25em;
	}

}

/* ようこそ！！天理交通へ
-------------------------------------------------------- */
#top_intro{
	background: url(../img/top/intro_bg.webp) no-repeat bottom/cover;
	overflow: hidden;
}
.no-webp .img_bg{
	background-image: url(../img/top/intro_bg.jpg);
}

#top_intro .inner{
	width: 96%;
	max-width: 1400px;
	margin: auto;
}

#top_intro .flex01 .img01{
	width: 22%;
}
#top_intro .flex01 .img02{
	width: 16.6%;
}

#top_intro .flex01 .text01{
	letter-spacing: 0;
	text-align: center;
	width: 60%;
	max-width: 47em;
	padding-top: 1em;
	margin-bottom: 2em;
}

#top_intro .btn_primary{
	margin-bottom: 1em;
}

#top_intro .deco{
	width: 82%;
	margin: auto auto 3rem;
	background: url(../img/top/intro_deco.png) no-repeat bottom/contain;
}
#top_intro .deco::before{
	content: "";
	display: block;
	padding-top: 6.3%;
}

#top_intro .bnr{
	display: block;
	max-width: 1000px;
	width: 80%;
	margin: auto;
}


@media screen and (min-width: 769px) {
	#top_intro .flex02{
		display: none;
	}
}


@media screen and (max-width: 768px) {
	#top_intro{
		background: url(../img/top/intro_bg_sp.webp) no-repeat bottom/100%;
	}
	.no-webp .img_bg{
		background-image: url(../img/top/intro_bg_sp.jpg);
	}

	#top_intro .inner{
		width: 94%;
		padding: 15% 0 11%;
	}

	#top_intro .flex01 .img01, #top_intro .flex01 .img02{
		display: none;
	}

	#top_intro .flex01 .text01{
		text-align: left;
		width: 96%;
		max-width: none;
		padding-top: .5em;
		margin-bottom: 1.5em;
	}
	#top_intro .flex02{
		margin-bottom: 2em;
	}

	#top_intro .flex02 .img01{
		width: 44%;
		margin: auto;
	}
	#top_intro .flex02 .img02{
		width: 34%;
		margin: auto;
	}

	#top_intro .btn_primary{
		margin-bottom: 1.5em;
	}

	#top_intro .deco{
		width: 108%;
		margin: auto calc(50% - 50vw) 4rem;
		background-image: url(../img/top/intro_deco_sp.png);
	}
	#top_intro .deco::before{
		padding-top: 9.6%;
	}

	#top_intro .bnr{
		width: 100%;
	}
}

/* 車両紹介
-------------------------------------------------------- */
#top_vehicles{
	overflow: hidden;
}

#top_vehicles > .sp_bg{
	background: url(../img/top/vehicles_bg.webp) no-repeat right bottom/cover;
	position: relative;
}
.no-webp #top_vehicles > .sp_bg{
	background-image: url(../img/top/vehicles_bg.jpg);
}

#top_vehicles > .sp_bg::before{
	content: "";
	display: block;
	width: 97.5%;
	height: 96%;
	border: .2rem solid #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1%;
	margin: auto;
}

#top_vehicles h2 .main{
	width: 18rem;
}

#top_vehicles .guidance{
	letter-spacing: 0;
}

@media screen and (max-width: 768px) {
	#top_vehicles{
		padding: 26.6% 0;
	}
	#top_vehicles > .sp_bg{
		padding: 16% 0 26.6%;
		background: url(../img/top/vehicles_bg_sp.webp) no-repeat center/cover;
	}
	.no-webp #top_vehicles > .sp_bg{
		background-image: url(../img/top/vehicles_bg_sp.jpg);
	}

	#top_vehicles h2 .main{
		width: 12.8rem;
	}

	#top_vehicles .guidance{
		font-size: 1.35rem;
		width: 94%;
		margin: auto;
	}
	
}


/* イラスト */
#top_vehicles .deco{
	position: absolute;
}
#top_vehicles .deco01{
	width: 10.8%;
	top: -1%;
	right: 14%;
}
#top_vehicles .deco02{
	width: 8.2%;
	bottom: 4%;
	left: 15%;
	z-index: 3;
}

@media screen and (max-width: 768px) {
	#top_vehicles .deco01{
		width: 23%;
		top: -16%;
		right: 2%;
	}
	#top_vehicles .deco02{
		width: 17.4%;
		bottom: -25%;
		left: 2%;
	}
}


/* スワイパー */
#vehicles_swiper{
	padding-top: 5rem;
	margin-bottom: 5rem;
	overflow: visible;
}
#vehicles_swiper .swiper-slide{
	-ms-flex-item-align: end;
	align-self: flex-end;
	position: relative;
	opacity: .5;
	transition: opacity .4s;
}
#vehicles_swiper .swiper-slide-active{
	opacity: 1;
}

#vehicles_swiper .swiper-slide a{
	display: block;
}

#vehicles_swiper .swiper-slide .bubble{
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
	letter-spacing: -.033em;
	line-height: 1.5;
	width: 25.5rem;
	padding: 4em 2em 3em;
	background: url(../img/top/vehicles_bubble.png) no-repeat center/contain;
	position: absolute;
	right: 92%;
	top: -18%;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}
#vehicles_swiper .swiper-slide .bubble p{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transform: rotate(-4deg);
}
#vehicles_swiper .swiper-slide-active .bubble{
	opacity: 1;
	visibility: visible;
}

#vehicles_swiper .swiper-slide .img{
	font-size: 1.125em;
	position: relative;
	z-index: 1;
}
#vehicles_swiper .swiper-slide .img::after{
	content: "";
	display: block;
	width: 80%;
	padding-top: 10%;
	background: url(../img/top/bus_shadow.png) no-repeat bottom/contain;
	margin: -8% auto 2%;
	position: relative;
	z-index: -1;
}

#vehicles_swiper .swiper-slide h3{
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0;
	text-align: center;
	text-decoration: underline;
	padding: .75em 0;
	background-color: #fff;
}
#vehicles_swiper .swiper-slide a:hover h3{
	text-decoration: none;
}
@media screen and (min-width: 769px) {
	#vehicles_swiper .swiper-slide h3 br{
		display: none;
	}
}
.swiper-button-prev, .swiper-button-next{
	width: 5rem;
	height: 5rem;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 1.5em -.75em #555;
	top: 44%;
	transition: opacity .4s;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
	opacity: .7;
}
.swiper-button-prev{
	transform: scale(-1, 1);
	left: 18%;
}
.swiper-button-next{
	right: 18%;
}

.swiper-button-prev:after, .swiper-button-next:after{
	content: "";
	display: block;
	width: 56%;
	height: 35%;
	-webkit-mask: url(../img/cmn/swiper_arrow02.svg) no-repeat center/contain;
    mask: url(../img/cmn/swiper_arrow02.svg) no-repeat center/contain;
	background-color: #6a5fc8;
	position: absolute;
	inset: 0;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#vehicles_swiper{
		padding-top: 10rem;
		margin-bottom: 2.5rem;
	}

	#vehicles_swiper .swiper-slide .bubble{
		font-size: .8em;
		width: 11.5em;
		padding: 4em 3em 3.5em;
		background-image: url(../img/top/vehicles_bubble_sp.png);
		right: 60%;
		top: -39%;
		transition: .4s;
	}
	#vehicles_swiper .swiper-slide .bubble p{
		-webkit-line-clamp: 3;
	}

	#vehicles_swiper .swiper-slide h3{
		font-size: 1.07em;
		width: 90%;
		padding: .55em 0;
		margin: 1em auto auto;
		background-color: #fff;
	}

	.swiper-button-prev, .swiper-button-next{
		width: 2.8rem;
		height: 2.8rem;
		top: auto;
		bottom: 8%;
		transition: opacity .4s;
	}
	.swiper-button-prev{
		left: 1%;
	}
	.swiper-button-next{
		right: 1%;
	}
}


/* ご利用用途
-------------------------------------------------------- */
#top_usage{
	background: url(../img/top/usage_bg.webp) no-repeat bottom/cover;
	position: relative;
}
.no-webp #top_usage{
	background-image: url(../img/top/usage_bg.jpg);
}

#top_usage::after{
	content: "";
	display: block;
	width: 96%;
	max-width: 1085px;
	padding-top: 6.81%;
	max-height: 71px;
	margin: auto;
	background: url(../img/top/usage_under.webp) no-repeat bottom/contain;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#top_usage .text_wrapper{
	margin-bottom: 2rem;
}

#top_usage h2 .main{
	width: 13rem;
}

#top_usage .text{
	width: calc(95% - 13rem);
}

#top_usage ul{
	margin-bottom: 1.5rem;
}

#top_usage ul li{
	width: 30.3%;
	margin-bottom: 3%;
	box-shadow: 0 0 1.5em -.75em #777;
}
#top_usage ul li a{
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
}

#top_usage ul li .img_bg{
	background-image: url(../img/top/usage01.webp);
}
.no-webp #top_usage ul li .img_bg{
	background-image: url(../img/top/usage01.png);
}
#top_usage ul li .img_bg::before{
	padding-top: 66.7%;
}
#top_usage ul li:nth-of-type(2) .img_bg{
	background-image: url(../img/top/usage02.webp);
}
.no-webp #top_usage ul li:nth-of-type(2) .img_bg{
	background-image: url(../img/top/usage02.png);
}
#top_usage ul li:nth-of-type(3) .img_bg{
	background-image: url(../img/top/usage03.webp);
}
.no-webp #top_usage ul li:nth-of-type(3) .img_bg{
	background-image: url(../img/top/usage03.png);
}
#top_usage ul li:nth-of-type(4) .img_bg{
	background-image: url(../img/top/usage04.webp);
}
.no-webp #top_usage ul li:nth-of-type(4) .img_bg{
	background-image: url(../img/top/usage04.png);
}
#top_usage ul li:nth-of-type(5) .img_bg{
	background-image: url(../img/top/usage05.webp);
}
.no-webp #top_usage ul li:nth-of-type(5) .img_bg{
	background-image: url(../img/top/usage05.png);
}
#top_usage ul li:nth-of-type(6) .img_bg{
	background-image: url(../img/top/usage06.webp);
}
.no-webp #top_usage ul li:nth-of-type(6) .img_bg{
	background-image: url(../img/top/usage06.png);
}

.arrow_supple{
	line-height: 1.75;
	letter-spacing: .05em;
	padding: .66em 3.75em .66em 1.75em;
	background-color: #fff;
	position: relative;
}
#top_usage ul li h3{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 100%;
	padding: .5em 2.5em .5em .85em;
}
.arrow_supple::after{
	content: "";
	display: block;
	width: 1.75em;
	height: .625em;
	background: url(../img/cmn/swiper_arrow.svg) no-repeat center/contain;
	position: absolute;
	right: .5em;
	top: calc(50% - .3175em);
}

@media screen and (max-width: 768px) {
	#top_usage{
		background-image: url(../img/top/usage_bg_sp.webp);
	}
	.no-webp #top_usage{
		background-image: url(../img/top/usage_bg_sp.jpg);
	}

	#top_usage::after{
		width: 94%;
		max-width: none;
		padding-top: 9.9%;
		max-height: 71px;
		margin: auto;
		background-image: url(../img/top/usage_under_sp.webp);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	#top_usage .inner{
		padding: 13% 0 24%;
	}

	#top_usage .text_wrapper{
		display: block;
		margin-bottom: 3rem;
	}
	
	#top_usage h2{
		text-align: center;
	}
	#top_usage h2 .main{
		width: 9.5rem;
		margin: auto;
	}
	
	#top_usage .text{
		width: 100%;
	}

	#top_usage ul{
		margin-bottom: 2.25rem;
	}
	#top_usage ul li{
		width: 48%;
		margin-bottom: 5%;
	}

	.arrow_supple{
		font-size: 1.3rem;
		padding: .66em 3.25em .66em 1.75em;
	}
	.arrow_supple::after{
		width: 1.25em;
	}
	#top_usage ul li h3{
		padding: .5em 2em .5em .85em;
	}
}

/* ご利用の流れ
-------------------------------------------------------- */
#top_flow .inner{
	position: relative;
}
#top_flow .deco{
	position: absolute;
	width: 13%;
	left: 96%;
	bottom: 22%;
}

@media screen and (max-width: 1280px) {
	#top_flow .deco{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#top_flow > .inner{
		display: block;
		width: 90.7%;
		padding: 18.7% 0 20%;
	}
	#top_flow .deco{
		display: block;
		width: 23.4%;
		left: auto;
		right: 1%;
		top: 5%;
	}
}

/* 左 */
#top_flow .left_wrapper{
	width: 41%;
}

#top_flow h2 .main{
	width: 10.6rem;
}

#top_flow .left_wrapper .text01{
	margin-bottom: 2.5em;
}

#top_flow .left_wrapper .btn_primary:nth-of-type(1){
	margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
	#top_flow .left_wrapper{
		width: 100%;
	}
	#top_flow .left_wrapper .btn_primary{
		display: none;
	}

	#top_flow h2{
		margin-bottom: 1rem;
	}
	#top_flow h2 .main{
		width: 7.6rem;
	}

	#top_flow .left_wrapper .text01{
		letter-spacing: 0;
		line-height: 1.75;
		margin-bottom: 3em;
	}
}

/* 右 */
#top_flow .right_wrapper{
	width: 56%;
}
#top_flow dl .wrapper{
	line-height: 1.75;
	letter-spacing: 0;
	padding: 1px 0 6.5% 2.5em;
	border-left: .2rem solid #6a5fc8;/* 1600pxのとき2px */
	position: relative;
}
#top_flow dl .wrapper:nth-last-of-type(1){
	border-left: none;
}
#top_flow dl .wrapper::before{
	content: "";
	display: block;
	width: 1.25em;
	height: 1.25em;
	background-color: #6a5fc8;
	border-radius: 50%;
	position: absolute;
	left: calc(-1px - .625em);
	top: 0;
}
#top_flow dl dt{
	font-size: 1.5em;
	font-weight: 700;
	margin-top: -.5em;
}

@media screen and (max-width: 768px) {
	#top_flow .right_wrapper{
		width: 100%;
		margin-bottom: 1em;
	}

	#top_flow dl .wrapper{
		padding: 1px 0 2.5em 2.5em;
	}

	#top_flow dl dt{
		font-size: 1.3em;
	}

	#top_flow .sp_btn_wrapper .btn_primary{
		width: 98%;
	}
	#top_flow .sp_btn_wrapper .btn_primary{
		margin: auto;
	}
	#top_flow .sp_btn_wrapper .btn_primary:nth-of-type(1){
		margin-bottom: 1em;
	}
}

/* 採用情報
-------------------------------------------------------- */
#top_recruit{
	background: url(../img/top/recruit_bg.webp) no-repeat top/cover;
	position: relative;
	overflow: hidden;
}
.no-webp #top_recruit{
	background-image: url(../img/top/recruit_bg.jpg);
}

#top_recruit h2{
	margin-bottom: 3rem;
}
#top_recruit h2 .main{
	width: 19rem;
	margin-bottom: -1.25em;
}
#top_recruit h2 .sub{
	text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
}

#top_recruit .text_wrapper{
	width: 62.5%;
	padding: 2% 0 3%;
	margin: auto;
	background-color: rgba(255, 255, 255, .8);
	position: relative;
}

#top_recruit .text_wrapper h3{
	line-height: 1.8;
	margin-bottom: .75em;
}

#top_recruit .text_wrapper p{
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 1.5em;
	padding: 0 17%;
}

#top_recruit .bubble{
	width: 15rem;
	position: absolute;
	top: -8%;
	right: 72%;
}

#top_recruit .deco{
	position: absolute;
}
#top_recruit .deco01{
	width: 31.25%;
	bottom: 0;
	left: 1%;
}

#top_recruit .deco02{
	width: 41.3%;
	right: -15%;
	bottom: 5%;
}

@media screen and (max-width: 768px) {
	#top_recruit{
		padding: 18.7% 0 52%;
		background-image: url(../img/top/recruit_bg_sp.webp);
	}
	.no-webp #top_recruit{
		background-image: url(../img/top/recruit_bg_sp.jpg);
	}

	#top_recruit h2{
		margin-bottom: 3rem;
	}
	#top_recruit h2 .main{
		width: 14rem;
		margin-bottom: -1.25em;
	}
	
	#top_recruit .text_wrapper{
		width: 95%;
		padding: 12% 0;
		margin: auto;
		background-color: rgba(255, 255, 255, .8);
		position: relative;
	}

	#top_recruit .text_wrapper p{
		text-align: left;
		padding: 0 5%;
		margin-bottom: 2em;
	}

	#top_recruit .deco01{
		width: 49%;
		bottom: 0;
		left: 3%;
		z-index: 1;
	}
	
	#top_recruit .deco02{
		width: 60%;
		right: 1%;
		bottom: 1%;
	}
	
	#top_recruit .bubble{
		display: none;
	}
	#top_recruit .bubble.sp{
		display: block;
		width: 7.8rem;
		position: absolute;
		top: auto;
		right: auto;
		left: 44%;
		bottom: 18%;
	}
}

/* 天理交通について
-------------------------------------------------------- */
#top_about .title_wrapper{
	margin-bottom: 2.5rem;
}
#top_about h2{
	margin-right: 3%;
}
#top_about h2 .main{
	width: 14rem;
}

#top_about .link_wrapper .box01{
	width: 52.5%;
}
#top_about .link_wrapper .box02{
	width: 45.8%;
}

#top_about .link_wrapper a{
	display: block;
	box-shadow: 0 0 1.5em -.75em #555;
	position: relative;
}
#top_about .link_wrapper a:hover{
	transform: translateY(-1rem);
}

#top_about .link_wrapper .arrow_supple{
	letter-spacing: 0;
	width: fit-content;
	position: absolute;
	left: 0;
	bottom: 0;
}


@media screen and (max-width: 768px) {
	#top_about{
		padding: 20% 0;
	}
	#top_about .inner{
		padding-bottom: 0;
	}
	#top_about h2 .main{
		width: 10rem;
	}

	#top_about .link_wrapper{
		display: block;
	}

	#top_about .link_wrapper .box01{
		width: 100%;
		margin-bottom: 6%;
	}
	#top_about .link_wrapper .box02{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		width: 100%;
	}

	#top_about .link_wrapper .box02 a{
		width: 49%;
	}

	#top_about .link_wrapper .arrow_supple{
		font-size: 1.2rem;
		letter-spacing: -.05em;
		max-width: 95%;
		padding: .66em 2em .66em .5em;
	}
	#top_about .link_wrapper .box01 .arrow_supple{
		padding: .66em 2.5em .66em .8em;
	}
	#top_about .link_wrapper .arrow_supple::after{
		right: .4em;
	}
	#top_about .link_wrapper .box01 .arrow_supple::after{
		right: .7em;
	}
}

/* 天理交通は地域に根ざしたバス会社です
-------------------------------------------------------- */
#top_region{
	color: #fff;
	text-shadow: 0 0 .5em #777, 0 0 .5em #777;
	text-align: center;
	background: url(../img/top/region_bg.webp) no-repeat center/cover;
	position: relative;
}
.no-webp #top_regio{
	background-image: url(../img/top/region_bg.jpg);
}

#top_region h3, #top_region p{
	position: relative;
	z-index: 1;
}

#top_region .deco{
	position: absolute;
}
#top_region .deco01{
	width: 10.5%;
	bottom: 6%;
	right: 73%;
}
#top_region .deco02{
	width: 7.5%;
	bottom: 5%;
	left: 78%;
}

@media screen and (max-width: 768px) {
	#top_region{
		color: #000;
		text-shadow: 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .25em #fff, 0 0 .25em #fff;
		padding: 17.3% 3% 54.7%;
		background: url(../img/top/region_bg_sp.webp) no-repeat center/cover;
		position: relative;
	}
	.no-webp #top_region{
		background-image: url(../img/top/region_bg_sp.jpg);
	}

	#top_region h3{
		margin-bottom: .5em;
	}

	#top_region p{
		text-align: left;
	}

	#top_region .deco01{
		width: 25%;
		bottom: 3%;
		right: auto;
		left: 10%;
	}
	#top_region .deco02{
		width: 16.4%;
		bottom: 3%;
		left: 53%;
	}

}

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

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

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

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

/************************************************************************
	下層共通
**************************************************************************/

/* ページタイトル
-------------------------------------------------------- */
.lower .title_container{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	align-items: flex-end;
	padding-top: 10rem;
	position: relative;
	background: url(../img/news/title.webp) no-repeat center/cover;
}
.no-webp .lower .title_container{
	background-image: url(../img/news/title.jpg);
}

.lower .title_container .title_wrapper{
	width: 80%;
	max-width: 40rem;
	padding: 3rem 0 0;
	margin: auto auto 0;
	background-color: #fff;
}
.lower .title_container h1{
	text-align: center;
	margin-bottom: 0;
}
.lower .title_container h1 .main{
	width: 12rem;
}
.lower .title_container h1 .sub{
	color: #000;
	line-height: 1;
	padding-top: 1em;
}

@media screen and (max-width: 768px) {
	.lower .title_container .title_wrapper{
		padding: 2rem 0 0;
	}
	.lower .title_container h1 .main{
		width: 8rem;
	}
}

/* パンくず
-------------------------------------------------------- */
.breadcrumb{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	letter-spacing: 0;
	max-width: 1200px;
	width: 94%;
	padding: .66em 0 .5em;
	margin: auto;
}

.breadcrumb li{
	position: relative;
}
.breadcrumb li::after{
	content: "\03e";
	display: inline-block;
	font-size: 1.25em;
	color: #4e4598;
	padding: 0 .66em 0 .75em;
}
.breadcrumb li:nth-last-of-type(1)::after{
	display: none;
}

/* .breadcrumb li a{
	text-decoration: underline;
}
.breadcrumb li a:hover{
	text-decoration: none;
} */



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


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



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


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



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


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



/************************************************************************
	車輛紹介
**************************************************************************/
#vehicles .title_container{
	background-image: url(../img/vehicles/title.webp);
}
.no-webp #vehicles .title_container{
	background-image: url(../img/vehicles/title.jpg);
}

#vehicles .title_container h1 .main {
    width: 18rem;
}

#vehicles .inner .guidance{
	margin-bottom: 1.5em;
}

.vehicles_nav{
	max-width: 1000px;
	margin: auto auto 8%;
}

.vehicles_nav li{
	cursor: pointer;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: calc(100% / 3);
	background-color: #f6f6fa;
	position: relative;
	transition: .4s;
}
.vehicles_nav li:nth-of-type(-n + 3){/* 1~3 */
	border-top: 1px solid #dcdaea;
	border-bottom: 1px solid #4e4598;
	border-right: 1px solid #4e4598;
}
.vehicles_nav li:nth-of-type(-n + 3).active{/* 1~3 */
	border-top: 1px solid #4e4598;
}

.vehicles_nav li:nth-of-type(1){/* 1 */
	border-left: 1px solid #dcdaea;
}
.vehicles_nav li:nth-of-type(1).active{/* 1 */
	border-left: 1px solid #4e4598;
}

.vehicles_nav li:nth-of-type(3){/* 3 */
	border-right: 1px solid #dcdaea;
}
.vehicles_nav li:nth-of-type(3).active{/* 3 */
	border-right: 1px solid #4e4598;
}

.vehicles_nav li:nth-last-of-type(-n + 3){/* 4~6 */
	border-bottom: 1px solid #dcdaea;
	border-right: 1px solid #4e4598;
}
.vehicles_nav li:nth-last-of-type(-n + 3).active{/* 4~6 */
	border-bottom: 1px solid #4e4598;
}

.vehicles_nav li:nth-of-type(4){/* 4 */
	border-left: 1px solid #dcdaea;
}
.vehicles_nav li:nth-of-type(4).active{/* 4 */
	border-left: 1px solid #4e4598;
}

.vehicles_nav li:nth-of-type(6){/* 6 */
	border-right: 1px solid #dcdaea;
}
.vehicles_nav li:nth-of-type(6).active{/* 6 */
	border-right: 1px solid #4e4598;
}

.vehicles_nav li.active{
	color: #fff;
	background-color: #4e4598;
}

.vehicles_nav li a{
	display: block;
	line-height: 1.5;
	width: 100%;
	padding: 1em 0;
	position: relative;
	z-index: 1;
}

.vehicles_nav li a::after{
	content: "";
	display: block;
	width: 1em;
	height: .556em;
	-webkit-mask: url(../img/cmn/arrow_u.svg) no-repeat center/contain;
    mask: url(../img/cmn/arrow_u.svg) no-repeat center/contain;
	background-color: #4e4598;
	position: absolute;
	right: 5%;
	top: calc(50% - .28em);
	transition: .4s;
}
.vehicles_nav li.active::after{
	background-color: #fff;
}

.vehicles_nav li .img{
	display: block;
	width: 21.5%;
	position: absolute;
	right: 69%;
	top: 50%;
	transform: translateY(-50%);
}
.vehicles_nav li .img02{
	display: none;
}
.vehicles_nav li.active .img01{
	display: none;
}
.vehicles_nav li.active .img02{
	display: block;
}

.vehicles_nav li .text01{
	color: #4e4598;
	font-weight: 700;
}
.vehicles_nav li.active .text01{
	color: #fff;
	font-weight: 700;
}
.vehicles_nav li .text02{
	font-size: .78em;
	transition: .4s;
}


@media screen and (max-width: 768px) {
	#vehicles .title_container h1 .main {
		width: 12.2rem;
	}

	#vehicles .inner .guidance{
		text-align: left;
	}

	.vehicles_nav li{
		width: calc(100% / 2);
	}
	.vehicles_nav li:nth-of-type(2){/* 2 */
		border-right: 1px solid #dcdaea;
	}
	.vehicles_nav li:nth-of-type(2).active{/* 2 */
		border-right: 1px solid #4e4598;
	}
	.vehicles_nav li:nth-of-type(3){/* 3 */
		border-right: 1px solid #4e4598;
		border-left: 1px solid #dcdaea;
	}
	.vehicles_nav li:nth-of-type(3).active{/* 3 */
		border-left: 1px solid #4e4598;
	}
	.vehicles_nav li:nth-of-type(4){/* 4 */
		border-right: 1px solid #dcdaea;
		border-bottom: 1px solid #4e4598;
	}
	.vehicles_nav li:nth-of-type(5){/* 5 */
		border-left: 1px solid #dcdaea;
	}
	.vehicles_nav li:nth-of-type(5).active{/* 5 */
		border-left: 1px solid #4e4598;
	}

	.vehicles_nav li .text01{
		font-size: 1.35rem;
		letter-spacing: 0;
	}
	.vehicles_nav li .text02{
		font-size: .85em;
		letter-spacing: 0;
	}

	.vehicles_nav li .img{
		right: auto;
		left: 3%;
		top: 50%;
	}
}

/* 紹介内部
-------------------------------------------------------- */
.vehicles_container{
	margin-bottom: 3em;
}
.vehicles_container .wrapper{
	margin-bottom: 2em;
}
.vehicles_container .h2_wrapper{
	display: -webkit-box;
	display: flex;
	margin-bottom: 2em;
}
.vehicles_container .h2_wrapper .icon{
	display: block;
	width: 8rem;
	height: 8rem;
	background-color: #4e4598;
	position: relative;
}
.vehicles_container .h2_wrapper .icon img{
	width: 84%;
	margin: auto;
	position: absolute;
	inset: 0;
}

.vehicles_container h2{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.75;
	color: #4e4598;
	width: calc(100% - 8rem);
	padding: 0 1em;
	border: 1px solid #4e4598;
	background-color: #f6f6fa;
	position: relative;
}

.vehicles_container h3{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.75;
	padding-bottom: .33em;
	border-bottom: .2rem solid #d9d9d9;
	position: relative;
}
.vehicles_container h3::before{
	content: "";
	display: block;
	width: 44%;
	height: .2rem;
	background-color: #4e4598;
	position: absolute;
	left: 0;
	bottom: -.2rem;
}
@media screen and (min-width: 769px) {
	.vehicles_container h3 br{
		display: none;
	}
}

.vehicles_container .flex_wrapper{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	align-items: flex-start;
	padding-top: 3%;
	position: relative;
}

@media screen and (max-width: 768px) {
	.vehicles_container .h2_wrapper .icon{
		width: 5rem;
		height: 5rem;
	}
	.vehicles_container .h2_wrapper .icon img{
		width: 75%;
	}
	.vehicles_container h2{
		font-size: 1.8rem;
		width: calc(100% - 5rem);
	}

	.vehicles_container h3{
		font-size: 1.6rem;
	}

	.vehicles_container .flex_wrapper{
		display: block;
		padding-top: 3%;
	}
}

/* 左 */

.vehicles_container .left_box{
	width: 51.67%;
}

.vehicles_container .left_box .swiper{
	padding: 5%;
	margin-bottom: 10%;
	border: 1px solid #d9d9d9;
	overflow-y: visible;
}
.vehicles_container .left_box .swiper .swiper-pagination-bullets{
	bottom: -3.5rem;
}
.vehicles_container .left_box .swiper .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 .66rem;
}
.vehicles_container .left_box .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background-color: #6a5fc8;
}

.vehicles_container .left_box .btn_primary{
	max-width: 50rem;
}
@media screen and (max-width: 768px) {
	.vehicles_container .left_box{
		width: 100%;
		margin-bottom: 10%;
	}


	.vehicles_container .left_box .swiper{
		margin-bottom: 18%;
	}

	.vehicles_container .left_box .btn_primary{
		display: none;
		max-width: none;
		width: 100%;
	}
}

/* 右 */

.vehicles_container .right_box{
	width: 45%;
}

.table_primary, .table_primary th, .table_primary td{
	line-height: 1.75;
	letter-spacing: 0;
	border: 1px solid #d9d9d9;
}
.table_primary{
	margin-bottom: .66em;
}
.table_primary th, .table_primary td{
	padding: .75em;
}
.table_primary.table02 th, .table_primary.table02 td{
	padding: 1.25em 5%;
}
.table_primary th{
	text-align: center;
	width: 27.8%;
	background-color: #f6f6fa;
}
.table_primary td{
	width: 73.2%;
}

.equip_list{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.equip_list li{
	width: 20%;
	margin-right: calc(20% / 3);
	margin-bottom: 6%;
}
.equip_list li:nth-of-type(4n){
	margin-right: 0;
}
.equip_list li:nth-last-of-type(-n+4){
	margin-bottom: 0;
}

.table_primary td .seat_img{
	width: 66%;
	margin: auto auto 3%;
}

.table_primary td .seat_img + .dl_btn{
	width: 75%;
	margin: auto;
}

.vehicles_container .right_box .btn_primary{
	display: none;
}

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

	.equip_list li{
		width: 30%;
		margin-right: calc(10% / 2);
		margin-bottom: 8%;
		text-align: center;
	}
	.equip_list li img{
		width: auto;
	}
	.equip_list li:nth-of-type(4n){
		margin-right: calc(10% / 2);
	}
	.equip_list li:nth-last-of-type(-n+4){
		margin-bottom: 8%;
	}
	.equip_list li:nth-of-type(3n){
		margin-right: 0;
	}
	.equip_list li:nth-last-of-type(-n+3){
		margin-bottom: 0;
	}

	.table_primary td .seat_img{
		width: 90%;
		margin: auto auto 6%;
	}
	
	.table_primary td .seat_img + .dl_btn{
		width: 90%;
	}
	
	.vehicles_container .right_box .btn_primary{
		display: block;
		max-width: none;
		width: 100%;
		margin: 1em auto 1em;
	}
}



/* #vehicles_usage
-------------------------------------------------------- */
#vehicles_usage{
	background-color: #f0eff9;
}

#vehicles_usage .inner{
	width: 92%;
	max-width: 980px;
	margin: auto;
}

#vehicles_usage .title_wrapper{
	margin-bottom: 1em;
}

#vehicles_usage .top_title_primary{
	margin-right: 2em;
	flex-shrink: 0;
}

#vehicles_usage .top_title_primary .main{
	width: 13rem;
}

#vehicles_usage .link_wrapper .link_box{
	width: 48%;
	box-shadow: 0 0 1.5em -.75em #555;
}

#vehicles_usage .link_wrapper .link_box a{
	display: block;
	height: 100%;
}

#vehicles_usage .link_wrapper .link_box .img_bg{
	background: url(../img/vehicles/usage01.webp) no-repeat center/cover;
}
.no-webp #vehicles_usage .link_wrapper .link_box .img_bg{
	background-image: url(../img/vehicles/usage01.jpg);
}
#vehicles_usage .link_wrapper .link_box.link02 .img_bg{
	background-image: url(../img/vehicles/usage02.webp);
}
.no-webp #vehicles_usage .link_wrapper .link_box.link02 .img_bg{
	background-image: url(../img/vehicles/usage02.jpg);
}
#vehicles_usage .link_wrapper .link_box .img_bg::before{
	padding-top: 65.22%;
}

#vehicles_usage .link_wrapper .link_box h3{
	font-weight: 700;
	color: #4e4598;
	background-color: #fff;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.75;
	padding: .55em 3.1em;
	position: relative;
}
#vehicles_usage .link_wrapper .link_box h3::after{
	content: "";
	display: block;
	width: .5em;
	height: 1em;
	-webkit-mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
    mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
	background-color: #4e4598;
	position: absolute;
	right: 1em;
	top: calc(50% - .5em);
}

#vehicles_usage .link_wrapper .link_box h3::before{
	content: "";
	display: block;
	width: 1.9em;
	height: 1.25em;
	-webkit-mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
	background-color: #4e4598;
	position: absolute;
	left: 1.25em;
	top: calc(50% - .625em);
}
#vehicles_usage .link_wrapper .link_box.link02 h3::before{
	-webkit-mask-image: url(../img/cmn/icon_people.svg);
    mask-image: url(../img/cmn/icon_people.svg);
}

@media screen and (max-width: 768px) {
	#vehicles_usage{
		padding: 10% 0 2%;
	}
	#vehicles_usage .title_wrapper{
		display: block;
		margin-bottom: 3em;
	}

	#vehicles_usage .link_wrapper{
		display: block;
	}

	#vehicles_usage .link_wrapper .link_box{
		width: 100%;
		margin-bottom: 8%;
	}
}




/************************************************************************
	会社案内
**************************************************************************/
#company .title_container{
	background-image: url(../img/company/title.webp);
}
.no-webp #company .title_container{
	background-image: url(../img/company/title.jpg);
}

#company .title_container h1 .main{
    width: 20rem;
}


/* 冒頭
-------------------------------------------------------- */
#company_intro{
	background: url(../img/company/intro.webp) no-repeat bottom/cover;
	position: relative;
	overflow: hidden;
}
.no-webp #company_intro{
	background-image: url(../img/company/intro.png);
}

#company_intro h2{
	width: 72rem;
	margin-left: -1em;
	margin-bottom: .75em;
}

#company_intro .text01{
	color: #fff;
	text-shadow: 0 0 .5em #01affe, 0 0 .5em #01affe, 0 0 1em #01affe, 0 0 1em #01affe;
	margin-bottom: .5em;
}
#company_intro .text01:nth-last-of-type(1){
	margin-bottom: 2em;
}

#company_intro .safety{
	width: fit-content;
	padding: 1.5em;
	background-color: rgba(255, 255, 255, .9);
}

#company_intro .safety .img{
	width: 10rem;
	margin-right: 1.5em;
}
#company_intro .safety p{
	font-weight: 700;
	color: #222367;
	line-height: 1.75;
}

#company_intro .deco{
	width: 52%;
	max-width: 820px;
	position: absolute;
	left: 57%;
	bottom: 5%;
}

@media screen and (max-width: 768px) {
	#company_intro{
		background: #00a2ff url(../img/company/intro_sp.webp) no-repeat bottom/100%;
	}
	.no-webp #company_intro{
		background-image: url(../img/company/intro_sp.png);
	}

	#company .title_container h1 .main{
		width: 13.2rem;
	}

	#company_intro .inner{
		padding: 12% 0;
	}

	#company_intro h2{
		max-width: 24rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5em;
	}
	#company_intro .safety{
		width: 100%;
		padding: 1.5em .75em;
	}
	#company_intro .safety .img{
		width: 5rem;
		margin-right: auto;
	}
	#company_intro .safety p{
		width: calc(97% - 5rem);
	}

	#company_intro .text01:nth-last-of-type(1){
		margin-bottom: 1em;
	}

	
	#company_intro .deco{
		position: relative;
		width: 80%;
		margin: auto auto 5%;
		left: 0;
		bottom: 0;
	}
}



/* 会社概要
-------------------------------------------------------- */
#outline .inner{
	max-width: 1000px;
	width: 94%;
	margin: auto;
}

.table_secondary{
	line-height: 1.75;
}
.table_secondary th{
	font-weight: 700;
	color: #4e4598;
	text-align: center;
	width: 20%;
	padding: 1.25em 0;
	border-top: .2rem solid #6a5fc8;
}
.table_secondary tr:nth-last-of-type(1) th{
	border-bottom: .2rem solid #6a5fc8;
}
.table_secondary td{
	width: 80%;
	padding: 1.25em 1em 1.25em 3em;
	border-top: .2rem solid #d9d9d9;
}
.table_secondary tr:nth-last-of-type(1) td{
	border-bottom: .2rem solid #d9d9d9;
}

@media screen and (max-width: 768px) {
	.table_secondary, .table_secondary th, .table_secondary td{
		display: block;
		text-align: left;
		width: 100%;
	}
	.table_secondary th, .table_secondary td{
		padding: 1em;
	}

	.table_secondary tr:nth-last-of-type(1) th{
		border-bottom: none;
	}
	.table_secondary tr:nth-last-of-type(1) td{
		border-bottom: .2rem solid #6a5fc8;
	}
}

/* アクセス
-------------------------------------------------------- */
#company_access .inner{
	max-width: 1000px;
	width: 94%;
	margin: auto;
}

#company_access .map{
	margin-bottom: 1.25em;
	position: relative;
}
#company_access .map::before{
	content: "";
	display: block;
	padding-top: 51.4%;
}

#company_access .map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

#company_access .address_text{
	line-height: 1.75;
}

@media screen and (max-width: 768px) {
	#company_access .map::before{
		padding-top: 75%;
	}
	
}


/* 募集しています
-------------------------------------------------------- */
#company_recruit{
	background: url(../img/company/recruit_bg.webp) no-repeat bottom/cover;
	position: relative;
	overflow: hidden;
}
.no-webp #company_recruit{
	background-image: url(../img/company/recruit_bg.png);
}

#company_recruit .inner{
	position: relative;
}

#company_recruit .text_wrapper{
	width: 55.8%;
}
#company_recruit h2{
	color: #4e4598;
	text-shadow: 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff;
	margin-bottom: .5em;
}
#company_recruit .text{
	text-shadow: 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff, 0 0 .5em #fff;
	margin-bottom: 2.5em;
}
#company_recruit .btn_primary{
	margin: auto;
}

#company_recruit .deco, #company_recruit .bubble{
	position: absolute;
}
#company_recruit .deco01{
	width: 29.5%;
	left: 56%;
	bottom: 0;
	z-index: 1;
}
#company_recruit .deco02{
	width: 38%;
	left: 74%;
	bottom: 2%;
}
#company_recruit .bubble{
	width: 45%;
	left: 87%;
	bottom: 69%;
	z-index: 1;
}

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

	#company_recruit .inner{
		padding-bottom: 58%;
	}

	#company_recruit .text_wrapper{
		width: 100%;
	}

	#company_recruit .text{
		letter-spacing: .05em;
		margin-bottom: 1.5em;
	}

	#company_recruit .deco01{
		width: 44%;
		left: 8%;
		bottom: 0;
		z-index: 1;
	}
	#company_recruit .deco02{
		width: 56%;
		left: auto;
		right: 5%;
		bottom: 1%;
	}
	#company_recruit .bubble{
		width: 60%;
	}
}




/************************************************************************
	ご利用用途
**************************************************************************/
#usage.lower .title_container{
	background-image: url(../img/usage/title.webp);
}
.no-webp #usage.lower .title_container{
	background-image: url(../img/usage/title.jpg);
}

/* 冒頭
-------------------------------------------------------- */
#usage_intro{
	overflow: hidden;
}

#usage_intro .mv{
	position: relative;
}

#usage_intro .title_wrapper{
	width: 80%;
	max-width: 440px;
	height: fit-content;
	margin: auto;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .95);
	position: absolute;
	inset: 0;
	z-index: 1;
}
#usage_intro .title_wrapper::before{
	content: "";
	display: block;
	padding-top: 100%;
}

#usage_intro .title_wrapper h2{
	width: 84%;
	height: fit-content;
	padding-top: 8%;
	margin: auto;
	position: absolute;
	inset: 0;
}

#usage_intro .slider_wrapper{
	width: 500%;
}

#usage_intro .anchor_wrapper{
	background-color: #f0eff9;
}

#usage_intro .anchor_wrapper .text{
	margin-bottom: 2em;
}

#usage_intro .anchor_wrapper .btn_primary{
	max-width: 46rem;
	width: 48%;
	margin-bottom: 4%;
}
#usage_intro .anchor_wrapper .btn_primary:nth-of-type(1){
	margin-right: 4%;
}


@media screen and (max-width: 768px) {
	#usage_intro .title_wrapper{
		width: 92%;
		max-width: 25rem;
		height: fit-content;
	}

	#usage_intro .slider_wrapper{
		width: 420%;
	}
	

	#usage_intro .anchor_wrapper .text{
		text-align: left;
	}

	#usage_intro .anchor_wrapper{
		display: block;
	}
	#usage_intro .anchor_wrapper .btn_primary{
		width: 96%;
	}
	#usage_intro .anchor_wrapper .btn_primary:nth-of-type(1){
		margin-right: 0;
		margin-bottom: 1em;
	}
}



/* 目的に合わせてバスを選ぶ
-------------------------------------------------------- */
#usage .usage_h2{
	font-weight: 700;
	color: #4e4598;
	line-height: 1.75;
	width: fit-content;
	padding-bottom: .25em;
	margin: auto auto 1.5em;
	position: relative;
}
#usage .usage_h2::before{
	content: "";
	display: inline-block;
	width: 1.43em;
	height: .77em;
	margin-right: .5em;
	-webkit-mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
    mask: url(../img/cmn/icon_bus.svg) no-repeat center/contain;
	background-color: #4e4598;
}
#usage .usage_h2::after{
	content: "";
	display: block;
	width: 6.67em;
	height: .2rem;
	background-color: #4e4598;
	position: absolute;
	bottom: 0;
	left: calc(50% - 3.335em);
}

#usage01 .list01 li{
	width: 48.4%;
	margin-bottom: 4%;
	box-shadow: 0 0 1.5em -.75em #555;
}
#usage01 .list01 li{
	display: block;
	height: 100%;
}

#usage01 .list01 li .text_wrapper{
	padding: 1.5em;
}

#usage01 .list01 li h3{
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: .5em;
}

#usage01 .list01 li dl dt, #usage01 .list01 li dl dd{
	line-height: 1.75;
	padding: .25em .5em;
}
#usage01 .list01 li dl dt{
	font-weight: 700;
}
#usage01 .list01 li dl dd{
	background-color: #f7f7f7;
	margin-bottom: .5em;
}

#usage01 .btn_primary, #usage02 .btn_primary{
	max-width: 50rem;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#usage01 .list01{
		display: block;
	}

	#usage .usage_h2{
		font-size: 1.8rem;
		letter-spacing: 0;
		margin-bottom: 2em;
	}

	#usage01 .list01 li{
		width: 100%;
		margin-bottom: 10%;
	}

	#usage01 .list01 li .text_wrapper{
		padding: 1em;
	}
	#usage01 .list01 li h3{
		font-size: 1.8rem;
	}

	#usage01 .btn_primary, #usage02 .btn_primary{
		width: 96%;
	}
}

/* 人数・条件に合わせてバスを選ぶ！！
-------------------------------------------------------- */
#usage02{
	background-color: rgba(106, 95, 200, .1);
}
#usage02 .usage_h2{
	margin-bottom: .66em;
}
#usage02 .usage_h2::before{
	-webkit-mask-image: url(../img/cmn/icon_people.svg);
    mask-image: url(../img/cmn/icon_people.svg);
}

#usage02 h3{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.75;
	padding-left: .9em;
	margin-bottom: .25em;
	position: relative;
}
#usage02 h3::before{
	content: "";
	display: block;
	width: .42em;
	height: .42em;
	background-color: #4e4598;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .62em;
}

@media screen and (max-width: 768px) {
	#usage02 .usage_h2{
		margin-bottom: 2em;
	}
	#usage02 h3{
		font-size: 1.8rem;
		margin-bottom: .75em;
	}
}


/* 人数で選ぶ */
#usage02 .wrapper01{
	margin-bottom: 6%;
}

#usage02 .wrapper01 dl .wrapper{
	display: -webkit-box;
	display: flex;
	background-color: #fff;
	box-shadow: 0 0 1em -.75em #555;
	margin-bottom: .75em;
}

#usage02 .wrapper01 dl .wrapper dt{
	font-size: 1.125em;
	color: #fff;
	width: 28rem;
	padding: .6em 1.25em;
	background-color: rgba(106, 95, 200, .7);
	-webkit-clip-path: polygon(0 0, calc(100% - 1.33em) 0, 100% 50%, calc(100% - 1.33em) 100%, 0 100%);
	clip-path: polygon(0 0, calc(100% - 1.33em) 0, 100% 50%, calc(100% - 1.33em) 100%, 0 100%);
}

#usage02 .wrapper01 dl .wrapper dd{
	line-height: 1.875;
	padding: .85em 1em .85em 2em;
}


@media screen and (max-width: 768px) {
	#usage02 .wrapper01{
		margin-bottom: 15%;
	}

	#usage02 .wrapper01 dl .wrapper{
		margin-bottom: 1em;
	}

	#usage02 .wrapper01 dl .wrapper dt{
		letter-spacing: 0;
		line-height: 1.5;
		width: 46%;
		height: 100%;
		padding: 1.5em .9em;
	}
	#usage02 .wrapper01 dl .wrapper dt .big{
		font-size: 1.6em;
	}
	#usage02 .wrapper01 dl .wrapper dd{
		font-size: 1.7rem;
		text-align: center;
		width: 54%;
		padding: 1.2em .9em;
	}
	#usage02 .wrapper01 dl .wrapper:nth-last-of-type(1) dd{
		text-align: left;
		letter-spacing: 0;
	}
}

/* 条件で選ぶ */
#usage02 .wrapper02 h3{
	margin-bottom: .75em;
}
#usage02 .wrapper02 ul{
	margin-bottom: 5%;
}
#usage02 .wrapper02 ul li{
	width: 24.2%;
	background-color: #fff;
	box-shadow: 0 0 1.25em -.75em #555;
}

#usage02 .wrapper02 ul li .text_wrapper{
	padding: .75em 1em 1.5em;
}

#usage02 .wrapper02 ul li .text_wrapper h4{
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: .25em;
}
#usage02 .wrapper02 ul li .text_wrapper p{
	line-height: 1.875;
	letter-spacing: .02em;
}

@media screen and (max-width: 768px) {
	#usage02 .wrapper02 ul{
		display: block;
	}

	#usage02 .wrapper02 ul li{
		width: 100%;
		margin-bottom: 10%;
	}
}
/************************************************************************
	ご利用の流れ
**************************************************************************/
#flow.lower .title_container{
	background-image: url(../img/flow/title.webp);
}
.no-webp #flow.lower .title_container{
	background-image: url(../img/flow/title.jpg);
}

#flow.lower .title_container h1 .main{
	width: 11rem;
}


#flow .flow_outer{
	background-color: #f7f7f7;
}

#flow .flow_container{
	background-color: #fff;
}

.tab_wrapper .tab_box{
	display: block;
	text-align: center;
	color: #fff;
	line-height: 1.75;
	width: 50%;
	padding: 1.25em 0;
	background-color: #262626;
	position: relative;
}
.tab_wrapper .tab_box.active{
	background-color: #6a5fc8;
}
.tab_wrapper .tab_box.active::after{
	content: "";
	display: block;
	width: 3.6rem;
	height: 1.8rem;
	background-color: #6a5fc8;
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	bottom: -1.7rem;
	left: calc(50% - 1.8rem);
}
.tab_wrapper.under .tab_box.active::after{
	-webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
	bottom: 99%;
}

.tab_wrapper .title{
	font-size: 2.4rem;
	font-weight: 700;
}

#flow .flow_container .padding{
	padding: 6.6% 4% 5.8%;
}

#flow .attention_wrapper{
	width: fit-content;
	padding: 1em 2em 1.25em;
	margin: 0 auto 3.5em calc(15rem + 5%);
	border: .2rem solid #e60012;
}

#flow .attention_wrapper h3{
	color: #e60012;
	line-height: 1.75;
	text-align: center;
}

#flow .attention_wrapper .text{
	line-height: 1.875;
	text-align: center;
}

@media screen and (max-width: 1280px) {
	#flow .attention_wrapper{
		margin: 0 auto 3.5em;
	}
}

@media screen and (max-width: 768px) {
	#flow.lower .title_container h1 .main{
		width: 7rem;
	}

	.tab_wrapper .tab_box{
		padding: 1em .1em 1.25em;
	}

	.tab_wrapper .title{
		font-size: 1.6rem;
		margin-bottom: .5em;
	}
	.tab_wrapper .text{
		font-size: 1.32rem;
		text-align: center;
	}

	#flow .attention_wrapper{
		padding: 1em 1em 1.25em;
	}
	#flow .attention_wrapper h3{
		margin-bottom: .5em;
	}
	#flow .attention_wrapper .text{
		text-align: left;
	}
}

/* step01
-------------------------------------------------------- */
.step{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	align-items: flex-start;
	position: relative;
}
.step::before{
	content: "";
	display: block;
	width: .4rem;
	height: 100%;
	background-color: #6a5fc8;
	position: absolute;
	left: 7rem;
	top: 0;
}
.step:nth-last-of-type(1)::before{
	display: none;
}

.step .img{
	width: 15rem;
	position: relative;
	z-index: 3;
}
.step .img::before{
	content: "";
	display: block;
	width: 100%;
	height: 110%;
	background-color: #fff;
	position: absolute;
	top: -5%;
	left: 0;
	z-index: -1;
}

.step .container{
	width: calc(95% - 15rem);
	padding: 4% 3% 5.5%;
	margin-bottom: 2em;
	background-color: #f0eff9;
	border-radius: 2rem;
}

.step .container h3{
	font-weight: 700;
	color: #4e4598;
	line-height: 1.75;
}
.step .container .text01{
	margin-bottom: 1.5em;
}


.step .container .wrapper01{
	margin-bottom: 1.5em;
	background-color: #fff;
	border-radius: 1rem;
	overflow: hidden;
}
.step .container .wrapper01:nth-last-of-type(1){
	margin-bottom: 0;
}

.step .container .wrapper01 h4{
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.75;
	padding: .5em 1.25em;
	background-color: #6a5fc8;
}

.step .container .wrapper01 .box{
	padding: 1.5em;
}

.step .container .tel{
	margin-bottom: 1.5em;
	margin-top: 1em;
}
.step .container .fax{
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.step .container .purple_text{
	font-weight: 700;
	line-height: 1.75;
	color: #4e4598;
	padding: .5em 0;
	margin-bottom: .75em;
	position: relative;
}
.step .container .purple_text::after{
	content: "";
	display: block;
	width: 120%;
	height: 1px;
	background-color: #4e4598;
	position: absolute;
	bottom: 0;
	left: -10%;
}
.step .container .purple_text.bt::before{
	content: "";
	display: block;
	width: 120%;
	height: 1px;
	background-color: #4e4598;
	position: absolute;
	top: 0;
	left: -10%;
}

.step .container .disk{
	font-weight: 700;
}
.step .container .disk li{
	margin-bottom: .75em;
}

.step .container .check_list{
	padding-top: .5em;
}
.step .container .check_list li{
	font-weight: 500;
	margin-bottom: .5em;
}
.step .container .check_list li::before{
	border-radius: 0;
}

.step .container ul .attention{
	font-weight: 400;
	padding-left: 1.5em;
	padding-top: .5em;
}
.step .container ul .attention::before{
	left: .3em;
}


@media screen and (max-width: 768px) {
	.step{
		display: block;
	}
	.step::before{
		display: none;
	}

	.step .img{
		width: 12rem;
		margin: auto auto -4rem;
	}
	.step .img::before{
		display: none;
	}

	.step .container{
		width: 100%;
		padding: 4em 3% 3em;
	}

	.step .container h3{
		text-align: center;
		margin-bottom: .5em;
	}
	.step .container .text01{
		font-size: 1.35rem;
		line-height: 1.75;
	}
	.step .container .wrapper01 h4{
		font-size: 1.8rem;
	}

	.step .container .tel{
		margin-bottom: 1.5em;
		margin-top: .25em;
	}

}

/* step02
-------------------------------------------------------- */
.step .container .wrapper02{
	margin-bottom: 1.5em;
	background-color: #fff;
	border-radius: 1rem;
	overflow: hidden;
}
.step .container .wrapper02:nth-last-of-type(1){
	margin-bottom: 0;
}

.step .container .wrapper02 h4{
	font-size: 2rem;
	font-weight: 700;
	color: #4e4598;
	line-height: 1.75;
	padding: .5em 1.25em;
	position: relative;
}
.step .container .wrapper02 h4::after{
	content: "";
	display: block;
	width: 120%;
	height: 1px;
	background-color: #4e4598;
	position: absolute;
	left: -10%;
	bottom: 0;
}

.step .container .wrapper02 .box{
	padding: 1.5em;
}


.step .container .dl_wrapper{
	padding-top: 1em;
}
.step .container .dl_wrapper .dl_btn{
	width: 48.8%;
}

@media screen and (max-width: 768px) {
	.step .container .dl_wrapper{
		display: block;
	}
	.step .container .dl_wrapper .dl_btn{
		width: 100%;
	}
	.step .container .dl_wrapper .dl_btn:nth-of-type(1){
		margin-bottom: 1em;
	}
}



/* step3以降
-------------------------------------------------------- */
.step .container .wrapper03{
	padding-top: .5em;
}
.step .container .text03{
	line-height: 1.75;
	margin-bottom: .25em;
}

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


/* 観光バスのご利用にあたって
-------------------------------------------------------- */
#flow .flow_container .container02{
	background-color: #fff;
}

#flow .flow_container .container02 .h3_wrapper{
	border-bottom: .2rem solid #d9d9d9;
}
#flow .flow_container .container02 .h3_wrapper h3{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.75;
	width: fit-content;
	padding: 0 .9em .25em 1.15em;
	position: relative;
}
#flow .flow_container .container02 .h3_wrapper h3::after{
	content: "";
	display: block;
	width: 100%;
	height: .22rem;
	background-color: #6a5fc8;
	position: absolute;
	bottom: -.22rem;
	left: 0;
}

#flow .flow_container .container02 .box01{
	padding: 1.5em;
	margin-bottom: 1em;
}

#flow .flow_container .container02 .dl_btn{
	letter-spacing: .05em;
	width: 38rem;
	padding: .33em 3.4em;
	margin-bottom: 1em;
}

#flow .flow_container .container02 .disk li{
	margin-bottom: 1em;
}

#flow .table_primary{
	max-width: 1000px;
	margin: 1.5em auto 1.5em 1.5em;
}
#flow .table_primary th{
	width: 36%;
}
#flow .table_primary td{
	width: 64%;
}

#flow .flow_container .container02 .wrapper01{
	width: 90%;
	margin: auto auto 1.5em;
    background-color: #f6f6fa;
    border-radius: 1rem;
    overflow: hidden;
}
#flow .flow_container .container02 .wrapper01 h4{
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.75;
	padding: 0.5em 1.25em;
	background-color: #6a5fc8;
}
#flow .flow_container .container02 .wrapper01 .box{
	padding: 1.5em;
}

#flow .flow_container .container02 .check_list li{
	margin-bottom: .75em;
}

#flow .flow_container .container02 .wrapper01 .img{
	max-width: 870px;
	width: 90%;
	margin: auto;
}
@media screen and (max-width: 768px) {
	#flow .table_primary{
		width: 100%;
		margin: 1.5em auto;
	}

	#flow .table_primary th{
		text-align: left;
	}

	#flow .flow_container .container02 .dl_btn{
		width: 100%;
	}

	#flow .flow_container .container02 .wrapper01 .img{
		max-width: none;
		width: 100%;
		overflow: auto;
	}
	#flow .flow_container .container02 .wrapper01 .img img{
		max-width: none;
		width: 200%;
	}

}
/************************************************************************
	安全運輸安全マネジメント
**************************************************************************/
#management.lower .title_container{
	background-image: url(../img/management/title.webp);
}
.no-webp #management.lower .title_container{
	background-image: url(../img/management/title.jpg);
}

#management .title_container h1 .main{
	width: 27rem;
}

@media screen and (max-width: 768px) {
	#management .title_container h1 .main{
		width: 18rem;
	}
}


/* 冒頭
-------------------------------------------------------- */
#management_intro{
	background-color: #f7f7f7;
}
#management_intro .inner{
	max-width: 1100px;
	width: 94%;
}

#management_intro .flex .text_wrapper{
	width: 47.4%;
	padding: 4%;
	background-color: #fff;
	box-shadow: 0 0 1.5em -.75em #555;
}

#management_intro h3{
	max-width: 14.5rem;
	margin: auto auto 2em;
}
#management_intro .text_wrapper:nth-of-type(1) h3{
	margin-bottom: 3em;
}
#management_intro .text02{
	max-width: 35.5rem;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#management_intro .text01{
		text-align: left;
	}
	#management_intro .text01 .dib{
		display: inline;
	}

	#management_intro .flex{
		display: block;
	}
	#management_intro .flex .text_wrapper{
		width: 100%;
		padding: 12% 6%;
		margin-bottom: 10%;
		box-shadow: 0 0 1.5em -.75em #555;
	}
} 



/* 輸送の安全に関する基本的な方針　より下
-------------------------------------------------------- */
#management01 h3{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.75;
	padding: 0 1.25em;
	margin-bottom: .25em;
}

#management01 .wrapper{
	border-top: .2rem solid #d9d9d9;
	padding: 1.5em;
	margin-bottom: 1.5em;
	position: relative;
}
#management01 .wrapper:nth-last-of-type(1){
	margin-bottom: 0;
}
#management01 .wrapper::before{
	content: "";
	display: block;
	width: 15%;
	height: .22rem;
	background-color: #6a5fc8;
	position: absolute;
	top: -.2rem;
	left: 0;
}

#management01 .wrapper li{
	line-height: 2.25;
	margin-bottom: 0.5em;
}
#management01 .wrapper li::before{
	top: .75em;
}
#management01 .disk01{
	line-height: 2.25;
	margin-bottom: 0.5em;
}
#management01 .disk01::before{
	top: .75em;
}

#management01 .wrapper .table_primary{
	max-width: 1000px;
	margin: .5em auto;
}
#management01 .wrapper .table_primary th, #management01 .wrapper .table_primary td{
	text-align: left;
	padding: .75em 1em;
}

#management01 .last{
	text-align: right;
}

@media screen and (max-width: 768px) {
	#management01 h3{
		font-size: 1.6rem;
		padding: 0 1em;
		margin-bottom: .5em;
	}

	#management01 .wrapper{
		padding: 1.5em 1em;
	}
	#management01 .wrapper::before{
		width: 33%;
	}

	#management01 .wrapper .table_primary,
	#management01 .wrapper .table_primary tbody,
	#management01 .wrapper .table_primary tr,
	#management01 .wrapper .table_primary th,
	#management01 .wrapper .table_primary td{
		display: block;
		width: 100%;
	}

	#management01 .last{
		padding-top: 1em;
	}
	
}

/************************************************************************
	プライバシーポリシー
**************************************************************************/
#management.privacy.lower .title_container{
	background-image: url(../img/privacy/title.webp);
}
.no-webp #management.privacy.lower .title_container{
	background-image: url(../img/privacy/title.jpg);
}

#management.privacy .title_container h1 .main {
    width: 30rem;
}

#management01{
	counter-reset: privacy;
}
#management01 h3{
	counter-increment: privacy;
	position: relative;
}
#management01 h3::before{
	content: counter(privacy)".";
	position: absolute;
	left: 0;
}

#management.privacy address{
	line-height: 1.75;
}


@media screen and (max-width: 768px) {
	#management.privacy .title_container h1 .main {
		width: 21rem;
	}
	
}

/************************************************************************
	採用情報
**************************************************************************/
#recruit.lower .title_container{
	background-image: url(../img/recruit/title.webp);
}
.no-webp #recruit.lower .title_container{
	background-image: url(../img/recruit/title.jpg);
}

#recruit.lower .title_container h1 .main{
	width: 16rem;
}

@media screen and (max-width: 768px) {
	#recruit.lower .title_container h1 .main{
		width: 10.5rem;
	}
	
}

/* 
-------------------------------------------------------- */
#recruit_intro{
	background: url(../img/recruit/intro_bg.webp) no-repeat center/cover;
	position: relative;
	overflow: hidden;
}
.no-webp .img_bg{
	background-image: url(../img/recruit/intro_bg.jpg);
}

#recruit_intro .text_wrapper{
	padding: 5%;
	background-color: rgba(255, 255, 255, .8);
}

#recruit_intro .text_wrapper h2{
	width: 50%;
	max-width: 41rem;
	margin-bottom: 2em;
}
#recruit_intro .text_wrapper p{
	width: 50%;
	max-width: 41rem;
}

#recruit_intro .deco,
#recruit_intro .bubble{
	position: absolute;
}

#recruit_intro .deco01{
	width: 26.7%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	z-index: 2;
}
#recruit_intro .deco02{
	width: 31.25%;
	max-width: 500px;
	bottom: 2%;
	left: 68%;
	z-index: 1;
}
#recruit_intro .bubble{
	width: 35.2%;
	bottom: 60%;
	left: 84%;
}

@media screen and (max-width: 768px) {
	#recruit_intro{
		padding-bottom: 38%;
	}
	#recruit_intro .text_wrapper{
		padding: 8%;
		background-color: rgba(255, 255, 255, .8);
	}

	#recruit_intro .text_wrapper h2{
		width: 75%;
		max-width: none;
		margin: auto auto 2em;
	}
	#recruit_intro .text_wrapper p{
		width: 80%;
		max-width: none;
		margin: auto;
	}

	#recruit_intro .deco01{
		width: 44%;
		max-width: none;
		left: 2%;
	}
	#recruit_intro .deco02{
		width: 50%;
		max-width: 500px;
		right: 2%;
		left: auto;
		z-index: 1;
	}
	#recruit_intro .bubble{
		width: 50%;
		left: 90%;
	}
}



/* 天理交通では大型バス運転士を募集しています
-------------------------------------------------------- */
#recruit01 h2{
	max-width: 60rem;
	margin: auto auto 2em;
}

#recruit01 .text01{
	margin-bottom: 6em;
}

#recruit01 .flex_wrapper .img{
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: 50%;
}

#recruit01 .flex_wrapper .img img{
	height: 100%;
	object-fit: cover;
}

#recruit01 .flex_wrapper .text_wrapper{
	width: 50%;
	max-width: 640px;
	padding: 3% 2% 3% 5.5%;
}
#recruit01 .flex_wrapper.wrap02 .text_wrapper{
	padding: 3% 5.5% 3% 2%;
}


#recruit01 .wrap01 h3{
	max-width: 34rem;
	margin-bottom: 2em;
}
#recruit01 .wrap02 h3{
	max-width: 45rem;
	margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
	#recruit01 h2{
		width: 90%;
		max-width: 36rem;
	}

	#recruit01 .text01{
		text-align: left;
		width: 92%;
		margin: auto auto 3em;
	}

	#recruit01 .flex_wrapper{
		display: block;
	}

	#recruit01 .flex_wrapper .img{
		width: 80%;
		margin: auto auto 2em;
	}

	#recruit01 .flex_wrapper .text_wrapper{
		width: 92%;
		padding: 0;
		margin: auto auto 3em;
	}
	#recruit01 .flex_wrapper.wrap02 .text_wrapper{
		padding: 0;
	}

	#recruit01 .wrap01 h3{
		max-width: 26rem;
		width: 80%;
	}
	#recruit01 .wrap02 h3{
		max-width: 35rem;
		width: 96%;
	}

}


/* 充実したサポート制度
-------------------------------------------------------- */
#recruit02{
	background: url(../img/recruit/work02_bg.webp) no-repeat bottom/cover;
}
.no-webp #recruit02{
	background-image: url(../img/recruit/work02_bg.png);
}

#recruit02 .wrapper{
	width: 31.67%;
	padding: 3%;
	background-color: #fff;
	border-radius: 2rem;
}

#recruit02 .wrapper .img_ab{
	max-width: 10rem;
	margin: auto auto 1.5em;
	background: url(../img/recruit/icon01.svg) no-repeat center/contain;
}
#recruit02 .wrapper02 .img_ab{
	background-image: url(../img/recruit/icon02.svg);
}
#recruit02 .wrapper03 .img_ab{
	background-image: url(../img/recruit/icon03.svg);
}
#recruit02 .wrapper .img_ab::before{
	padding-top: 100%;
}

#recruit02 .wrapper h3{
	line-height: 1.75;
	margin-bottom: .33em;
}

@media screen and (max-width: 768px) {
	#recruit02 .flex{
		display: block;
	}

	#recruit02 .wrapper{
		width: 100%;
		max-width: 540px;
		padding: 6% 4%;
		margin: auto auto 2em;
	}
}


/* 募集要項
-------------------------------------------------------- */
#application h2{
	margin-bottom: 2em;
}
#application h2 .main{
	width: 25rem;
}
#application h2 .sub{
	color: #000;
}

#application .container{
	padding: 4%;
	margin-bottom: 3em;
	box-shadow: 0 0 1em -.75em #555;
}

#application .container h3{
	width: 92%;
	max-width: 1000px;
	margin: auto auto .5em;
}

#application .container table{
	line-height: 1.875;
	width: 92%;
	max-width: 1000px;
	margin: auto auto 3em;
}


#application .container table th{
	font-weight: 700;
	color: #4e4598;
	text-align: center;
	width: 20%;
	padding: 1.25em .5em;
	border-bottom: .2rem solid #6a5fc8;
}
#application .container table tr:nth-of-type(1) th{
	border-top: .2rem solid #6a5fc8;
}

#application .container table td{
	width: 80%;
	padding: 1.25em .5em 1.25em 5%;
	border-bottom: .2rem solid #d9d9d9;
}
#application .container table tr:nth-of-type(1) td{
	border-top: .2rem solid #d9d9d9;
}

#application .btn_primary{
	max-width: 50rem;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#application h2 .main{
		width: 18rem;
	}

	#application .container{
		padding: 8% 4%;
	}

	#application .container table,
	#application .container table tbody,
	#application .container table tr,
	#application .container table th,
	#application .container table td{
		display: block;
		width: 100%;
	}

	#application .container table th{
		text-align: left;
		padding: 1em 1em .75em;
		border-top: .2rem solid #6a5fc8;
		border-bottom: .2rem solid #d9d9d9;
	}

	#application .container table td{
		padding: .75em 1em 1em;
		border: none;
	}
	#application .container table tr:nth-of-type(1) td{
		border: none;
	}
	#application .container table tr:nth-last-of-type(1) td{
		border-bottom: .2rem solid #6a5fc8;
	}
}

/************************************************************************
	お問い合わせ
**************************************************************************/
#contact.lower .title_container{
	background-image: url(../img/contact/titlle.webp);
}
.no-webp #contact.lower .title_container{
	background-image: url(../img/contact/titlle.jpg);
}

#contact.lower .title_container h1 .main{
	width: 17rem;
}

#contact .outer{
	background-color: #f7f7f7;
}

#contact .flex_wrapper{
	margin-bottom: 3%;
}

#contact .flex_wrapper .text_wrapper01{
	width: 48.4%;
	background-color: #fff;
	box-shadow: 0 0 1em -.75em #555;
}

#contact .h3_wrapper{
	background-color: #6a5fc8;
}
#contact .h3_wrapper h3{
	max-width: 26rem;
	width: 80%;
	padding: .66em 0 1.5em;
	margin: auto;
}

#contact .flex_wrapper .text_wrapper01 .box{
	padding: 2em .5em;
}

#contact .flex_wrapper .text_wrapper01 .tel{
	max-width: 35rem;
	width: 80%;
	margin: auto auto 1em;
}

form#mailformpro{
	padding: 0;
	box-shadow: 0 0 1em -.75em #555;
}

#contact form#mailformpro h3{
	max-width: 36rem;
}

#form_container{
	padding: 4%;
	background-color: #fff;
}

#form_container .guidance02{
	margin-bottom: 1em;
}
#form_container .guidance03{
	margin-bottom: 2em;
}
#form_container .guidance04{
	text-align: center;
	margin-top: -3em;
}


@media screen and (max-width: 768px) {
	#contact.lower .title_container h1 .main{
		width: 12rem;
	}

	#contact .flex_wrapper{
		display: block;
		margin-bottom: 8%;
	}
	
	#contact .flex_wrapper .text_wrapper01{
		width: 100%;
		margin-bottom: 8%;
	}

	#contact .h3_wrapper h3{
		max-width: 21rem;
	}

	#form_container{
		padding: 8% 4%;
	}

	#form_container .guidance02{
		margin-bottom: .75em;
	}
	#form_container .guidance03{
		margin-bottom: 1.5em;
	}
#form_container .guidance04{
	text-align: left;
		margin-bottom: 1.5em;
}
	
}


/* テーブル
-------------------------------------------------------- */
.form_table{
	margin-bottom: 2em;
}
.form_table th{
	font-size: 1.125em;
	font-weight: 700;
	letter-spacing: 0;
	vertical-align: text-top;
	padding: 1.5em .5em 1.5em 0;
	width: 25rem;
}
.form_table td{
	width: calc(100% - 25rem);
}

.form_table th.required::after{
	content: "\0203B";
	display: inline-block;
	color: #e60012;
	margin-left: .5em;
}


.form_table td.input_wrapper{
	padding: 1em 0;
}

.form_table tr.textarea_tr th{
	padding-top: 2em;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
	.form_table,
	.form_table tbody,
	.form_table tr,
	.form_table th,
	.form_table td{
		display: block;
		width: 100%;
	}

	.form_table th{
		padding: 1em 0 .5em;
	}
	.form_table td.input_wrapper{
		padding: .5em 0 1em;
	}

}


/* -*-*-*-*-*- フォーム -*-*-*-*-*- */

/* -------------
input"text"など
-------------------------------------------------------- */
::placeholder {
	color: #adadad;
}

form#mailformpro .form_table input[type="text"],
form#mailformpro .form_table input[type="email"],
form#mailformpro .form_table input[type="tel"],
form#mailformpro .form_table input[type="date"],
form#mailformpro .form_table textarea,
form#mailformpro .form_table select{
	color: #1a1a1a;
	width: 100%;
	padding: .66em;
	background-color: #f7f7f7;
	box-shadow: none;
	border: 1px solid #bfbfbf;
	border-radius: .5rem;
}
form#mailformpro .form_table .select_wrap.short{
	max-width: 40rem;
}

form#mailformpro .form_table .address{
	padding-left: 2.5em;
	position: relative;
}
form#mailformpro .form_table .address::before{
	content: "\03012";
	display: inline-block;
	font-size: 1.25em;
	position: absolute;
	left: .5em;
	top: 1em;
}
form#mailformpro .form_table input:nth-last-of-type(2){
	margin-bottom: 1em;
}

form#mailformpro .form_table .post{
	max-width: 20rem;
}

form#mailformpro .form_table textarea{
	width: 100% !important;/* importantが必要 */
	height: 14em !important;/* importantが必要 */
}



@media screen and (max-width: 768px) {
	form#mailformpro .form_table .address{
		padding-left: 2em;
	}
	form#mailformpro .form_table .address::before{
		left: 0;
		top: .75em;
	}
}


/* -------------
    セレクトボックス
-------------------------------------------------------- */
select {
	-webkit-appearance: none;
	appearance: none; /* デフォルトの矢印を無効 */
}
select::-ms-expand {
	display: none;
}

.select_wrap{
	position: relative;
}
.select_wrap::after{
	content: "";
	display: block;
	width: 1em;
	height: .625em;
	-webkit-mask: url(../img/cmn/arrow_u.svg) no-repeat center/contain;
    mask: url(../img/cmn/arrow_u.svg) no-repeat center/contain;
	background-color: #595959;
	position: absolute;
	right: 1.2em;
	top: calc(50% - .3125em);
	pointer-events: none;
}
.select_wrap.type_text::after{
	content: none;
}

/* -------------
    ラジオボタン
-------------------------------------------------------- */
form#mailformpro .form_table .radio{
	position: relative;
	padding-right: 1em;
	padding-left: 2em;
	margin: 0;/* mailformpro打ち消し */
}

form#mailformpro .form_table .radio::before{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	border: 1px solid #a8a8a8;
	border-radius: 50px;
	position: absolute;
	left: 0;
	top: -.25em;
}

form#mailformpro .form_table .radio::after{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-color: #6a5fc8;
	border-radius: 50px;
	position: absolute;
	left: 0;
	top: -.25em;
	opacity: 0;
	transform: scale(.7);
	transition: .2s;
}

form#mailformpro .form_table input[type="radio"]:checked + .radio::after,
form#mailformpro .form_table input[type="radio"]:checked + input + .radio::after{
	opacity: 1;
}

/* -------------
    チェックボックス
-------------------------------------------------------- */
form#mailformpro .form_table .checkbox{
	display: inline-block;
	margin-right: 1em;
	position: relative;
}
form#mailformpro .form_table .checkbox::before{
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	margin-right: .66em;
	background-color: #fff;
	vertical-align: sub;
	border: #a8a8a8 1px solid;
	border-radius: .3rem;
	position: relative;
	vertical-align: sub;
}
form#mailformpro .form_table .checkbox::after{
	content: "";
	display: inline-block;
	width: .5em;
	height: .9em;
	border-right: 2px solid #6a5fc8;
	border-bottom: 2px solid #6a5fc8;
	opacity: 0;
	transform: rotate(45deg);
	position: absolute;
	left: .4em;
	top: .5em;
}

#form_container input[type="checkbox"]:checked + .checkbox::after, #form_container input[type="checkbox"]:checked + input + .checkbox::after{
	opacity: 1;
}

@media screen and (max-width: 768px) {
	form#mailformpro .form_table .checkbox{
		display: block;
	}
}

/* -*-*-*-*-*-*- 送信ボタン -*-*-*-*-*-*- */
#form_container .mfp_element_submit, #form_container #mfp_button_send{
	margin: auto;
	transition: .4s;
}
#form_container .mfp_element_submit:hover, #form_container #mfp_button_send:hover{
	background-color: #6a5fc8;
	opacity: .7;
}


@media screen and (max-width: 768px) {
	#form_container .mfp_element_submit,  #form_container #mfp_button_send{
		padding: .75em 3em;
	}

	#form_container .mfp_element_submit::after,  #form_container #mfp_button_send::after{
		width: 2.8em;
	}
}


/************************************************************************
	サンクスページ
**************************************************************************/
.thanks_title{
	text-align: center;
	margin-bottom: 1.5em;
}
.thanks_text{
	text-align: center;
	margin-bottom: 2.5em;
}

@media screen and (max-width: 768px) {
	.thanks_title{
		text-align: left;
	}
	.thanks_text{
		text-align: left;
	}
}

/************************************************************************
	ご予約・お見積もり
**************************************************************************/
#request.lower .title_container{
	background-image: url(../img/request/title.webp);
}
.no-webp #request.lower .title_container{
	background-image: url(../img/request/title.jpg);
}

#request.lower .title_container h1 .main{
	width: 16rem;
}


#request .outer{
	background-color: #f7f7f7;
}
#request .guidance01{
	line-height: 2;
}
#request .guidance02{
	margin-bottom: 4.5em;
}

#request .guidance03{
	margin-bottom: 2em;
}

#request .attention_wrapper{
	letter-spacing: 0;
    width: fit-content;
    padding: 1em 2em 1.25em;
    margin: 0 auto 3.5em;
    border: 0.2rem solid #e60012;
}


@media screen and (max-width: 768px) {
	#request.lower .title_container h1 .main{
		width: 12rem;
	}

	#request .tab_wrapper .title{
		margin-bottom: 0;
	}

	#request .attention_wrapper{
		padding: 1em 1em 1.25em;
	}
}

/* フォーム内
-------------------------------------------------------- */

.time_wrapper .select_wrap{
	width: 10rem;
}
.time_wrapper p{
	padding: 0 1em 0 .75em;
}

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

/* 送迎バスを予約する
-------------------------------------------------------- */
form#mailformpro #departure .radio{
	display: block;
	margin-bottom: .5em;
}
form#mailformpro #departure .radio::before{
	top: .35em;
}
form#mailformpro #departure .radio::after{
	top: .35em;
}

.form_table .check_wrapper01{
	padding-top: 2rem;
}

#total_area{
	display: none;
	width: 100%;
	padding: 2.5rem;
	background-color: #f0eff9;
	border-top: .2rem solid #6a5fc8;
	border-bottom: .2rem solid #6a5fc8;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}

#total_input{
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

#total_area p{
	width: fit-content;
}

#total_area .text01{
	flex-shrink: 0;
	color: #fff;
	background-color: #6a5fc8;
	padding: .66em 1em;
	margin-right: 3%;
}

#total_area #total_price{
	display: inline-block;
	line-height: 1;
	margin-right: .1em;
}

#total_area .red{
	line-height: 1.75;
}

@media screen and (max-width: 768px) {
	#total_area{
		padding: 1.5rem;
	}
	#total_area .text01{
		margin-right: 1em;
	}
}



/************************************************************************
	
**************************************************************************/


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


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

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


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



/************************************************************************
	お知らせ一覧
**************************************************************************/

.news_container{
	position: relative;
}
.news_container .big_text{
	line-height: .5;
}

.news_container .main_wrapper{
	width: calc(92.5% - 23rem);
}
.news_container aside{
	width: 23rem;
}

@media screen and (max-width: 768px) {
	.news_container{
		display: block;
		padding: 15% 0 10%;
	}
	.news_container .main_wrapper{
		width: 100%;
		margin-bottom: 5rem;
	}
	.news_container aside{
		width: 90%;
		margin: auto;
	}
}

/* ニュースリスト
-------------------------------------------------------- */
.news_container .news_list{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.news_container .news_list li{
	font-size: 1.5rem;
	letter-spacing: 0;
	width: 100%;
	border-bottom: 1px dashed #adadad;
}
.news_container .news_list li a{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	padding: .66em 2em .66em 0;
	position: relative;
}

.news_container .news_list li a::after{
	content: "";
	display: block;
	width: 2em;
	height: .67em;
	background: url(../img/cmn/swiper_arrow.svg) no-repeat center/contain;
	position: absolute;
	right: 0;
	top: calc(50% - .335em);
}

.news_container .news_list li a .news_thumb{
	flex-shrink: 0;
	width: 11.7%;
	margin-right: auto;
}

.news_container .news_list li a .text_wrapper{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 84.5%;
}

.date_cat{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	flex-shrink: 0;/* 縮まない */
	margin-right: 1%;
}

.date_cat .date{
	display: block;
	font-weight: 700;
	width: 6.5em;
	margin-right: 3rem;
}

.news_container .date_cat .date{
	margin-right: 1em;
}

.date_cat .cat{
	display: block;
	line-height: 1.5;
	color: #4e4598;
	padding: .1em .5em 0;
	border: 1px solid #4e4598;
}

.news_container .news_list li .text{
	width: calc(95% - 18rem);
	margin-left: auto;
	flex-shrink: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_container .news_list li a:hover .text{
	text-decoration: underline;
}


@media screen and (max-width: 768px) {
	.news_container .news_list li a{
		-webkit-box-align: start;
		align-items: flex-start;
		padding: .8em 1.66em .8em 0;
	}
	.news_container .news_list li a .news_thumb{
		width: 25%;
	}
	.news_container .news_list li a .text_wrapper{
		display: block;
		width: 73%;
	}

	.news_container .news_list li a .text_wrapper .date_cat{
		font-size: 1.4rem;
	}

	.news_container .date_cat .date{
		width: auto;
		margin-right: 1em;
	}

	.news_container .news_list li .text{
		width: 100%;
		margin-left: auto;
		flex-shrink: 0;
		white-space: normal;
		text-overflow: clip;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2; /* 任意の行数を指定 */
	}

	.news_container .news_list li a::after{
		width: 1.5em;
		height: .5em;
		top: calc(50% - .25em);
	}
}

/* 日付・カテゴリー・記事タイトル */


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


/* ページャー
-------------------------------------------------------- */
.pager .wp-pagenavi{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: 700;
	padding-top: 2em;
	text-align: center;
	position: relative;
	z-index: 1;
}
.wp-pagenavi a, .wp-pagenavi span{
	display: inline-block;
}

.wp-pagenavi .current{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 6rem;
	height: 6rem;
	color: #4e4598;
	border: 1px solid #4e4598;
	margin: 0 .25em;
	border-radius: 50%;
}
.wp-pagenavi .page{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 6rem;
	height: 6rem;
	color: #fff;
	margin: 0 .25em;
	border-radius: 50%;
	background-color: #4e4598;
	border: 1px solid #4e4598;
	position: relative;
	overflow: hidden;
}
.wp-pagenavi .page:hover{
	opacity: .7;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
	width: 6rem;
	height: 6rem;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-indent: -999999999999px;
}
.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover{
	opacity: .7;
}

.wp-pagenavi .previouspostslink::after, .wp-pagenavi .nextpostslink::after{
	content: "";
	display: block;
	width: 35%;
	height: 35%;
	-webkit-mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
    mask: url(../img/cmn/arrow.svg) no-repeat center/contain;
	background-color: #4e4598;
	position: absolute;
	inset: 0;
	margin: auto;
	z-index: 1;
	transition: .4s;
}
.wp-pagenavi .previouspostslink:hover::after, .wp-pagenavi .nextpostslink:hover::after{
	background-color: #1404aa;
}

.wp-pagenavi .previouspostslink::after{
	transform: scale(-1, 1);
}
.wp-pagenavi .previouspostslink:hover::after, .wp-pagenavi .nextpostslink:hover::after{
	background-image: url(../img/cmn/arrow_r_white.svg);
}


@media screen and (max-width: 768px) {
	.pager .wp-pagenavi{
		font-size: 1.4rem;
	}

	.wp-pagenavi .current{
		width: 4rem;
		height: 4rem;
	}
	.wp-pagenavi .page{
		width: 4rem;
		height: 4rem;
	}

	.wp-pagenavi .previouspostslink::after, .wp-pagenavi .nextpostslink::after{
		width: 28%;
		height: 28%;
	}
}

/* サイド
-------------------------------------------------------- */
.news_container aside .wrapper{
	margin-bottom: 3rem;
	background-color: #fff;
	border-radius: 2rem;
	overflow: hidden;
}
.news_container aside h3{
	letter-spacing: 0;
	padding: 0 .25em .2em;
	position: relative;
}
.news_container aside h3::before, .news_container aside h3::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999;
	position: absolute;
	left: 0;
	bottom: 0;
}
.news_container aside h3::before{
	bottom: 4px;
}

.news_container aside ul{
	padding-left: .5em;
}

.news_container aside li a{
	display: block;
	padding: .5em .5em .5em 1.5rem;
	position: relative;
	z-index: 1;
}
.news_container aside li a::before{
	content: "";
	display: block;
	width: .32em;
	height: .32em;
	border-radius: 50%;
	background-color: #4e4598;
	position: absolute;
	top: 1.5em;
	left: 0;
	transition: .4s;
}


/************************************************************************
	お知らせ記事
**************************************************************************/
#news article{

}
#news article h2{
	line-height: 1.75;
	padding-bottom: .5em;
}

#news .article_content{
	line-height: 2.25;
	padding: 2.5em 0 3em;
	border-top: 1px dashed #bfbfbf;
	border-bottom: 1px dashed #bfbfbf;
}

#news .article_content img{
	width: auto;
}

#news .article_content table th, #news .article_content table td{
	padding: 1%;
}

@media screen and (max-width: 768px) {
	#news article h2{
		padding: 0 0 1em;
	}

	#news .article_content table th, #news .article_content table td{
		display: block;
		width: 100% !important;
		padding: 2%;
	}
}


/* -*-*-*-*-*- 記事詳細ページャー -*-*-*-*-*- */
.single_pager{
	font-size: 1.4rem;
	padding-top: 1.5em;
}

.single_pager a{
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.single_pager .prev a, .single_pager .next a{
	position: relative;
}
.single_pager .prev a::before, .single_pager .next a::after{
	content: "";
	display: inline-block;
	width: 2em;
	height: .72em;
	background: url(../img/cmn/swiper_arrow.svg) no-repeat center/contain;
}
.single_pager .prev a::before{
	margin-right: .8em;
	transform: scale(-1, 1);
}
.single_pager .next a::after{
	margin-left: .8em;
}

.article_nav .to_list{
    display: block;
	color: #fff;
    padding: 0 1em;
	border-radius: 1rem;
	background-color: #4e4598;
}

@media screen and (max-width: 768px) {
	.single_pager{
		font-size: 1.4rem;
		padding-top: 2.5em;
	}

	.single_pager .prev a, .single_pager .next a{
		letter-spacing: 0;
	}
	.single_pager .prev a::before, .single_pager .next a::after{
		width: 1.5em;
		height: .54em;
	}
	.single_pager .prev a::before{
		margin-right: .33em;
	}
	.single_pager .next a::after{
		margin-left: .33em;
	}
}



/************************************************************************
	
**************************************************************************/

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

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

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

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

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

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

/************************************************************************
	
**************************************************************************/

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

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

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

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

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

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


/************************************************************************
	
**************************************************************************/

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

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

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

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

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

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