@charset "utf-8";

html{font-size: 16px;}
body{
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: var(--text);
}
/*--------------------------------------------------*/
/*ラッパー、ヘッダー*/
/*--------------------------------------------------*/
.loaded #wapper {
	opacity: 1;
	visibility: visible;
}
#wapper {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
header#site-header {
	width: 100%;
	margin-bottom:95px;
}
/*WPがbodyに出力するクラス配下*/
body.page header#site-header,
body.archive header#site-header,
body.single header#site-header,
body.error404 header#site-header{
	padding-bottom:120px;
}
/*メインイメージ*/
#header-img {
	position: relative;
	z-index: var(--zindex-head2);
	margin-top:150px;
}
/*グロナビ下半調のぼかし*/
#header-bg {
	/*background: linear-gradient(0deg, rgb(255, 255, 255, 0), rgb(255, 255, 255, 0.9), rgb(255, 255, 255, 0.9));*/
	/*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);*/
	background: #fff;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	z-index: var(--zindex-head3);
	height:150px;
	width:100%; 
}
/*ページヘッダ、ナビ展開時ヘッダ*/
#wapper #page-header,#wapper #nav-header{
	position: fixed;
	top: 50px;
	/*top: clamp(10px, 4.5vw, 50px);*/
	left: 0;
	right: 0;
	z-index: var(--zindex-head1);
}
#page-header, #nav-header{
	display: flex;
	justify-content: space-between;
	margin: auto;
	padding: 0;
	width: 100%;
	max-width: var(--contents-width);
	/*border: 1px solid green;*/
}
#page-header .site-title{
	margin: -10px 0 0 0;
	line-height: 1;
}
/*グロナビ*/
.main_nav{
	font-family: 'Kiwi Maru', serif;
	display: flex;
	gap: 0 40px;
	font-size:0.85rem;
	margin-top: 18px;
	margin-right:88px;
	/*border: 1px solid blue;*/
}
.site-logo {
	width: 100%;
	max-width: 205px;
	height: auto;
	/*padding-right:30px;*/
}
.pc_only{
	display: block;
}
.sp_only{
	display: none;
}
#pc_main_imgbox{
	padding-bottom: 3px;
}
#pc_main_imgbox img{
	width: 100%;
	height: auto;
}
#sp_main_imgbox, .sp_imgbox{
	display: none;
}
/*--------------------------------------------------*/
/*コンテンツ*/
/*--------------------------------------------------*/
.contbox{
	width: 100%;
	max-width: var(--contents-width);
	margin: 0 auto;
	padding: 0 0 50px 0;
	/*border : 1px solid red;*/
}
.contbox.full{
	max-width: 100%;
}
article.contbox{
	padding: 0 0 80px 0;
}

/*--------------------------------------------------*/
/*H2～H5見出し（英字はH2,H3）*/
/*--------------------------------------------------*/
h2{
	padding-top:8px;
	font-family: 'Kiwi Maru', serif;
	font-size: 1.25rem;
	font-weight: normal;
	line-height:1.5;
	color: var(--primary);
}
.header-h2{
	padding: 0 0 12px 0;
	margin-bottom:15px;
	/*border:1px solid purple;*/
}
.header-h2 .title-en{
	font-family: 'Oswald', sans-serif;
	display: block;
	font-size:3.25rem;
	/*font-weight: bold;*/
	line-height:1;
}
h3{
	padding-top:8px;
	font-family: 'Kiwi Maru', serif;
	font-size: 1.125rem;
	font-weight: normal;
	line-height:1.5;
	color: var(--primary);
	margin-bottom:8px;
}
.header-h3 {
	padding: 0 0 20px 0;
	/*margin-bottom:15px;*/
}
.header-h3 .title-en{
	font-family: 'Oswald', sans-serif;
	display: block;
	font-size:2.75rem;
	/*font-weight: bold;*/
	line-height:1;
}
h4 {
	margin:0;
	padding:40px 0 20px 0;
	color: var(--primary);
	font-size:1.2rem;
	font-weight: bold;
}
h5 {
	margin:0;
	padding:0 0 0.4rem 0;
	color: var(--primary);
	font-size:1rem;
	font-weight: bold;
}
.title-en::first-letter{
	color: var(--accent);
}
.sub-copy{
	font-size:0.9rem;
	font-weight: bold;
	color: var(--accent);
	padding:0 0 45px 0;
}

/*--------------------------------------------------*/
/*プラン*/
/*--------------------------------------------------*/
.plan-category{
	display: flex;
	/*justify-content: left;*/
	width:100%;
	max-width:var(--contents-width);
	margin:0 auto;
	margin-bottom:30px;
	border: 1px solid var(--primary);
	background: var(--primary);
	height:45px;
}
.plan-category p{
	/*flex: 0 0 200px;*/
	text-align:center;
	align-self:center;
	width: 200px;
	color: var(--white);
}
.plan-menu{
	position: relative;
	/*flex: 0 1 900px;*/
	width:100%;
	max-width:900px;
	padding-left:1em;
	padding-right:2em;
	cursor: pointer;
	text-indent: 0.01px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: var(--white);
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	color: var(--gray);
}
.select-wapper{
	position: relative;
}
.select-wapper::before {
	position: absolute;
	top: 18px;
	right: 20px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #666666;
	transition: all  0.3s ease;
	pointer-events: none;
	z-index:50;
}
.select-wapper:hover::before {
	/*border-top: 8px solid var(--accent);*/
}
.plan-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px 10px;
}
.pickup{
	width: calc(100% / 2 - (10px * 1 / 2));
}
.general{
	width: calc(100% / 3 - (10px * 2 / 3));
}
.plan-explan {
	position: absolute;
	left: 0;
	bottom: 0;
	letter-spacing: 0;
	color: var(--white);
	background: rgba(81,75,67,0.85);
	width: 100%;
	margin: 0 auto;
	padding: 16px 14px 12px;
	line-height: 1.3;
	/*font-size: 1rem;*/
}
.plan-explan p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*--------------------------------------------------*/
/*コンシェルジュ*/
/*--------------------------------------------------*/
.lead-sentence {
	padding-bottom:	25px;
}
.concierge{
	display: flex;
	flex-direction: row;
	margin:0;/*26px*/
	padding:0 0 60px 0;
	/*border: 1px solid red;*/
}
.concierge-img{
	flex:0 1 26.36363%;/*290/1100*/
	margin-right:6.36363%;/*70/1100*/
}
.concierge-name{
	display:block;
	margin-top:30px;
	/*border:1px solid green;*/
}
.concierge-name-en{
	display:inline-block;
	font-size:0.85rem;
	padding-bottom:5px;
}
.concierge-name-jp{
	color:var(--text);
	font-size:1.1rem;
	font-weight:bold;
}
.concierge-text{
	flex:1;
}
/*--------------------------------------------------*/
/*山口の旅*/
/*--------------------------------------------------*/
.trip{
	display: flex;
	flex-direction: row-reverse;
	margin:0;/*26px*/
	padding:0 0 15px 0;
	/*border: 1px solid red;*/
}
.trip-text{
	flex:1;
}
.trip-img{
	flex:0 1 42.72727%;/*470/1100*/
	/*margin-left:3.63636%;*//*40/1100*/
	margin-left:3.27272%;/*36/1100*/
}
.trip-table{
	display:block;
	width: 100%;
	min-width:960px;
	border-collapse: collapse;
	padding-bottom:15px;
}
.trip-table th,
.trip-table td {
	border: #c8c6c8 solid 1px !important;
	padding: 20px !important;
	line-height:1.6;
}
.trip-table td.col1{width:170px;}
.trip-table th.col2,
.trip-table th.col3{width:465px;}
.trip-table td.col1,
.trip-table th.col2,
.trip-table th.col3{padding: 8px !important;}
.trip-table th, 
.trip-table .cell-bg{background-color:#f2f2f2;}
.trip-table th.pickup-col{
	border-top : 3px solid var(--accent) !important;
	border-left : 3px solid var(--accent) !important;
	border-right : 3px solid var(--accent) !important;
	background-color:var(--accent) !important;
	color:var(--white) !important;
}
.trip-table td.pickup-side-col{
	border-left : 3px solid var(--accent) !important;
	border-right : 3px solid var(--accent) !important;
}
.trip-table td.pickup-bottom-col{
	border-bottom : 3px solid var(--accent) !important;
}

/*--------------------------------------------------*/
/*事例のご紹介*/
/*--------------------------------------------------*/
.case-study{
	display: flex;
	flex-direction: row;
	margin:0;/*26px*/
	padding:0 0 30px 0;
	/*border: 1px solid red;*/
}
.case-study-text{
	flex:1;
}
.case-study-img{
	flex:0 1 42.72727%;/*470/1100*/
	margin-right:3.27272%;/*36/1100*/
}

/*--------------------------------------------------*/
/*店舗一覧*/
/*--------------------------------------------------*/
.store{
	display: flex;
	flex-direction: row;
	margin:0;
	padding:0 0 130px 0;
	/*border: 1px solid red;*/
}
.store-img{
	flex:0 1 42.72727%;/*470/1100*/
	margin-right:7.27272%;/*80/1100*/
}
.store-text{
	flex:1;
}
.store-text h4{
	padding: 30px 0 24px 0;
	font-size: 1.375rem;
	line-height: 1.4;
}
.store-text .sub-copy{
	padding: 0 0 30px 0;
}
.store-text li {
	line-height: 1.6;
}
.store-text .label {
	display: inline-block;
	white-space: nowrap;
	width: 4.2em;
}
.store-text table{
	width:100%;
	max-width:550px;
	/*border :1px solid purple;*/
}
.store-text th{
	position:relative;
	width:83px;
	text-align:left;
	font-weight: normal;
	vertical-align:top;
}
.store-text th, .store-text td{
	padding:1px 0;
}
.store-text th:before{
	position:absolute;
	top:0;
	right:0;
	content:'：';
}
.store-text .link-btn{
	padding-top:46px;
	justify-content:flex-start;
}
/*--------------------------------------------------*/
/*会社概要*/
/*--------------------------------------------------*/
.message{
	display: flex;
	flex-direction: row;
	margin:0;/*26px*/
	padding:0 0 60px 0;
}
.message-img{
	flex:0 1 26.36363%;/*290/1100*/
	margin-right:6.36363%;/*70/1100*/
	/*border: 1px solid blue;*/
}
.message-name-text{
	display:block;
	margin-top:28px;
	/*border:1px solid green;*/
}
.message-cname{
	font-size:1rem;
	padding-bottom:5px;
}
.job-title {
	display:inline-block;
	font-size:0.8125rem;
	margin-right:5px;
}
.message-name{
	display:inline-block;
	/*color:var(--text);*/
	font-size:1.1rem;
	font-weight:bold;
}
.message-text{
	flex:1;
}

.message-text h4 {
	margin:0;
	padding:30px 0 20px 0;
	color: var(--primary);
	font-size:1rem;
	font-weight: bold;
}
/*--------------------------------------------------*/
/*企業理念*/
/*--------------------------------------------------*/
.ci-text h4 {
	font-size:1.375rem;
	padding-top:0;
}
.ci-text ol {
	/*border: 1px solid green;*/
	list-style:none;
}
.ci-text ol li {
	font-weight: bold;
	font-size:1.0625rem;
}
.ci-text ol li p{
	font-weight: normal;
	font-size:1rem;
	padding:8px 0 27px 0;
}
/*--------------------------------------------------*/
/*NTAトラベルの取組み*/
/*--------------------------------------------------*/
.effort{
	display: flex;
	flex-direction: row;
	margin:0;/*26px*/
	padding:0 0 40px 0;
}
.effort-img{
	flex:0 1 42.72727%;/*470/1100*/
	margin-right:3.63636%;/*40/1100*/
	/*border: 1px solid blue;*/
}
.effort-text{
	flex:1;
}
.effort-text h4 {
	font-size:1.375rem;
	padding: 30px 0 18px 0;
}

.effort-text ul{
	list-style-type: disc !important;
	margin-left:-.25em;
	padding-left:1.5em;
}
.effort-text ul li{
	margin-bottom:0;
}

.effort-text ol {
	position: relative;
	margin: 0;
	padding: 0
}
.effort-text ol li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
.effort-text ol li span {
	position: absolute;
	left: 0;
	margin: 0
}

/*--------------------------------------------------*/
/*Company*/
/*--------------------------------------------------*/
.company{
	padding-bottom: 120px;
}

/*募集要項も同じ*/
.about-list {
	/*display: flex;*/
	width: 100%;

	border-top:1px solid var(--gray);
}
.about-list p{
	display: flex;
	justify-content: flex-start;
	/*align-items: center;*/
	padding:24px 0 23px 0;
	
}
.about-list li .label {
	flex:0 1 31.81818%;/*350/1100*/
}
.about-list li .item {
	flex:1;
}
.about-list li {
	border-bottom:1px solid var(--gray);
}

/*--------------------------------------------------*/
/*Contact（フォームはcommon.css）*/
/*--------------------------------------------------*/
.contact-method {
	display:block;
	padding:80px 0 25px;
	width:100%;
	text-align:center;
}
.contact-method dt {
	font-size: 1.125rem;
	padding-bottom:10px;
}
.contact-method dd {
	font-size: 1.25rem;
	padding-bottom:40px;
	font-weight: bold;
}
.contact-method .line-account {
	font-size: 1.25rem;
	padding-bottom:0;
	font-weight: bold;
}
.line-qr-code{
	width: 100%;
	height: auto;
	max-width: 255px;
	padding-bottom:80px;
}

/*--------------------------------------------------*/
/*採用*/
/*--------------------------------------------------*/
.recruit{
	padding:20px 0 65px;
}
.recruit.last{
	padding-bottom:80px;
}

.recruit dl dt{
	font-weight:bold;
	padding-bottom:10px;
}
.recruit dl dd{
	padding-bottom:30px;
}
.recruit-header {
	font-weight: bold;
	/*font-size: 1.1rem;*/
	padding-bottom:8px;
}
/*会社概要も同じ*/
.recruit-list {
	width: 100%;
	border-top:1px solid var(--gray);
}
.recruit-list p{
	display: flex;
	justify-content: flex-start;
	/*align-items: center;*/
	padding:24px 0 23px 0;

}
.recruit-list li .label {
	flex:0 1 31.81818%;/*350/1100*/
}
.recruit-list li .item {
	flex:1;
}
.recruit-list li {
	border-bottom:1px solid var(--gray);
}

/*--------------------------------------------------*/
/*NTAオンライン相談*/
/*--------------------------------------------------*/
.consultation-menu{
	display:flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: stretch;
	gap: 1%;
	padding-bottom:70px;/*要調整*/
}
.consultation-menu li{
	width: 100%;
	max-width: 360px;
}
.consultation-menu img {
	width: 100%;
	max-width: 360px;
	height: auto;
}
.menu-title{
	padding: 14px 0 0;
	color: var(--accent);
	font-weight:bold;
}
/*--------------------------------------------------*/
/*ブランドバナースライド*/
/*--------------------------------------------------*/
.brand-banner {
	margin: 25px 0 0;
	padding: 50px 0 0;
	width: 100%;
	height:480px;
	background: var(--primary);
}
.brand-item {
	margin: 0 10px;
	width: 100%;
	max-width:640px;
}
.brand-item img {
	width: 100%;
	height: auto;
}
.slick-dots {
	bottom: 30px !important;
}
.slick-dots li button:before{
	font-size: 14px !important;
	opacity: 1 !important;
	color: var(--white) !important;
}
.slick-dots li.slick-active button:before {
	font-size: 14px !important;
	opacity: 1 !important;
	color:var(--accent) !important;
}
footer {
	margin-top:120px;
	width: 100%;
	background: var(--white);
	text-align: center;
	padding:50px 0 100px;
	/*border:1px solid red;*/
}
footer p {
	font-size:1rem;
}
/*--------------------------------------------------*/
/*お知らせ*/
/*--------------------------------------------------*/
.news-list {
	width: 100%;
	border-top:1px solid  var(--gray);
}
.news-list li a{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	/*align-items: center;*/
	padding:19px 0 19px 0;
}
.news-list li {
	border-bottom:1px solid  var(--gray);
}
.news-list li time {
	color: var(--accent);
	white-space: nowrap;
	margin-right: 2em;
	display:block;
	font-size:.85rem;
	display:block;
	padding-top:3px;
}
.news-list li a:hover time{
	text-decoration: none ;
}
.archive .news-list{
	margin-top:25px;
	border-top:1px solid  var(--gray);
}
.news-list li a:link{
	/*text-decoration: underline 1px var(--gray);*/
}
/*--------------------------------------------------*/
/*プラン, お知らせ詳細*/
/*--------------------------------------------------*/
.plan-date, .news-date{
	font-size: 1rem;
	margin: 0;
	padding:15px 0 10px;
}
.news-date time{
	color: var(--accent);
	font-size:.85rem;
}
.plan-title, .news-title{
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0 0 40px;
	padding: 0;

}
.plan-single-category{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 25px;
	
}
.plan-single-category li{
	font-size: .9rem;
	color: var(--accent);
	padding: 0;
	line-height: 112.5%;
	margin: 0;
	margin-right: 1.5em;
}
.plan-single-category  > *:last-child {
	margin-right: 0;
}
.plan-single-category li a,
.plan-single-category li a:link {
	color:var(--accent);
}
.display-none-page{
	margin:40px 0 80px;
	padding:80px 20px;
	text-align:center;
	background:#ededed;
}
.single-plan .btn-group {
	padding: 40px 0 20px;
}
.single-plan .link-btn {
	padding: 0 0 20px;
	margin-bottom: 0;
}
.single-plan .link-btn a {
	padding:0 10px;
	width: auto;
	max-width: 100%;
	min-width: 400px;
}
@media screen and (max-width: 500px) {
	.single-plan .link-btn a{
		max-width: 100%;
		min-width: 100%;
	}
}
/*--------------------------------------------------*/
/*約款・利用規約*/
/*--------------------------------------------------*/
.conditions, .terms {
	padding-top:25px;
}
.item-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px 10px;
	padding-bottom:85px;
}
.item-wrapper li {
	width: calc(100% / 3 - (10px * 2 / 3));
	height: 90px;
}
.item-wrapper li a{
	display: flex;
	align-items: center;
	justify-content:center;
	width: 100%;
	height: 90px;
	border: 1px solid var(--gray);
}
@media screen and (max-width:768px) {
	.item-wrapper{
		flex-direction: column;
	}
	.item-wrapper li {
		width: 100%;
	}
}
/*--------------------------------------------------*/
/*プライバシーポリシー*/
/*--------------------------------------------------*/
.privacy ol {
	padding-left:1.25em;
}
.privacy ol li {
	padding-bottom:24px;
}
.privacy address{
	font-style: normal;
}
/*--------------------------------------------------*/
/*公式リンク*/
/*--------------------------------------------------*/
ul.official-link {
	padding-bottom: 40px;
	list-style-type: none;
	font-size: 1.1rem;
}
ul.official-link li{
	margin-left: 1em;
	margin-bottom: 25px;
	color: var(--accent);
}
ul.official-link li{
	padding-top:3px;
	padding-left:15px;
	margin-left:0;
	margin-bottom:30px;
	line-height:1;
	background-image:url(../images/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom: 1px solid var(--accent);
	display:table;;
}
ul.official-link li:last-child {
	margin-bottom:0;
}
ul.official-link li a {
	color: var(--accent);
}
ul.official-link li a:hover {
	text-decoration: none;
}

@media screen and (max-width: 1220px) {
	#page-header,
	#nav-header {
		width: 90%;
		/*border :1px solid blue;*/
	}
	.contbox{
		width: 95%;
		padding: 0 0 50px 0;
	}
	.contbox.full{
		width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	/*グローバルナビのリスト非表示*/
	.main_nav li{
		display: none;
	}
}
@media screen and (max-width: 1100px) {
	.table-wrapper{
		overflow-x: scroll;
	}
}
@media screen and (max-width: 768px) {
	#header-bg {
		height:120px;
	}
	#header-img {
		margin-top:120px;
	}
	#wapper #page-header,#wapper #nav-header{
		top: 40px;
	}
	.page header#site-header {
		padding-bottom: 80px;
	}
	#pc_main_imgbox{
		display: none;
	}
	#sp_main_imgbox{
		display: block;
	}
	#sp_main_imgbox img{
		width: 100%;
		height: auto;
	}
	#wapper #page-header,
	#wapper #nav-header{
		width: 90%;
	}
	.contbox{
		width: 100%;
		padding: 0 15px 50px 15px;
	}
	.contbox.full{
		width: 1000%;
	}
	article.contbox{
		padding: 0 0 100px 0;
	}
	.concierge, .trip, .case-study, .store, .message, .effort, .company, .history, .formbox{
		flex-direction: column;
	}
	.case-study{
		margin-bottom:40px;
	}
	.sub-copy{
		padding-bottom: 30px;
	}
	.trip-img, .case-study-img {
		flex: 1;
		margin-left: 0;
	}
	.pickup{
		width: 100%;
	}
	.general{
		width: calc(100% / 2 - (10px * 1 / 2));
	}
	.plan-category p{
		/*width:200px;*/
	}
	/*--------------------------------------------------*/
	/*プラン、おしらせ記事*/
	/*--------------------------------------------------*/
	.entry img{
		max-width: 100%;
		margin: 0 0 30px 0;
	}
	.aligncenter {
		margin: 0;
	}
	.alignleft {
		float: none;
		margin-right: 0;
		margin: 0;
	}
	.alignright {
		float: none;
		margin-left: 0;
		margin: 0;
	}
	.not-sp {
		display: none;
	}
	.sp_only{
		display: block;
	}
	.sp_only.general{
		display: block;
	}
	.pc_only{
		display: none;
	}
	/*NTAオンライン相談*/
	.consultation-menu{
		flex-direction: column;
	}
	.consultation-menu li{
		max-width: 100%;
	}
	.consultation-menu img {

		max-width: 100%;
		height: auto;
	}
	.menu-item{
		padding-bottom:20px;
	}
	/*ページャー*/
	/*.pager{
		padding: 60px 0 20px;
	}*/
	/*リンクボタン*/
	.link-btn a{
		max-width: 100%;
	}

	/*ブランドバナースライド*/
	.brand-banner {
		padding-bottom:60px;
		height:auto;
	}
	.brand-item {
		margin: 0 10px;
		width: 100vw;
	}
	.brand-item img {
		width: 90vw;
		height: auto;
	}
}

@media screen and (max-width: 600px) {
	h2 .title-en{
		/*font-size: clamp(1.5rem, -1.125rem + 14vw, 3.25rem);
		font-size: clamp(0.15625rem, -2.9375rem + 16.5vw, 3.25rem);
		font-size: clamp(0.1875rem, -2.875rem + 16.3333vw, 3.25rem);*/
	}
	h3 .title-en{
		/*font-size: clamp(1.5rem, 0.25rem + 8vw, 2.75rem);*/
		/*font-size: clamp(0.125rem, -2.5rem + 14vw, 2.75rem);*/
	}
	h2,h3{
		/*padding-top:clamp(1.5625rem, -1.7188rem + 17.5vw, 3.75rem);*/
	}

	.about-list p,
	.recruit-list p{
		flex-direction: column
	}
	.about-list li .label,
	.recruit-list li .label {
		flex:1;
	}
}

@media screen and (max-width: 500px) {
	#wapper #page-header,
	#wapper #nav-header{
		/*top: 20px;*/
	}
	.news-list li a{
		flex-direction: column;
	}

}
@media screen and (max-width: 375px) {
	#wapper #page-header,
	#wapper #nav-header{
		/*top: 10px;*/
	}

	.plan-list, .about-list p{
		flex-direction: column;
	}
	.pickup, .general{
		width: 100%;
	}
}
@media screen and (max-width: 300px) {
	.store-text table tr{
		width:100%;
		display:flex;
		flex-direction:column;
	}
	.store-text th{
		position:static;
		border-bottom:1px solid gray;
	}
	.store-text th, .store-text td{
		width:100%;
	}
	.store-text td{
		padding-bottom:10px !important;
	}
}