@charset "utf-8";
img { -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; touch-callout:none; user-select:none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src$=".svg"] {
		width: 100%;
		height: auto;
	}
}
body { min-width: 100%; }
article {
	font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Meiryo", sans-serif;
	  font-size: 16px;
	font-size: min(3.3vw, 16px);
	font-weight: 500;
	background: #afd462;
	color: #1e1e1e;
	letter-spacing: 0.1em;
	line-height: 1.7;
	overflow: hidden;
}
img { vertical-align: middle; width: 100%; height: auto; }
.sp { display: none!important; }
.pc { display: block!important; }
@media only screen and (min-width: 641px) {
	article {
		  font-size: 15px;
		font-size: min(1.5vw, 15px);
	}
	.sp { display: block!important; }
	.pc { display: none!important; }
}
	@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }

	@keyframes fadeInUp { from{opacity:0;transform:translate3d(0, 20px, 0);} to{opacity:1;transform:none;} }
.fadeInUp { animation-name: fadeInUp; animation-timing-function: cubic-bezier(0.42, 0.2, 0.16, 1); }

	@keyframes fadeInLeft { from{opacity:0;transform:translate3d(-10px, 0, 0);} to{opacity:1;transform:none;} }
.fadeInLeft { animation-name: fadeInLeft; animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); }

	@keyframes zoomInUp { 0%{opacity:0;transform:translateY(10px) scale(0.7);} 100%{opacity:1;transform:translateY(0) scale(1);} }
.zoomInUp { animation-name: zoomInUp; animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); }

img { transition: .3s; }
img.lazyload { opacity: 0; }
img.lazyloaded { opacity: 1; }
.iv { opacity: 0; }
.iv.visible { animation-duration: 0.5s; animation-fill-mode: forwards; }

section { padding: min(8vw, 80px) min(2vw, 20px); }
section + section { padding-top: 0; }
.inner {
	position: relative;
	margin: 0 auto;
	padding: 2em;
	max-width: 1100px;
	box-sizing: border-box;
}
@media only screen and (max-width: 1100px) {
	.frame {
		width: 100%;
		min-width: 100%;
	}
}
@media only screen and (max-width: 750px){
	.at-pagination .at-inner {
		width: 100%;
		min-width: 100%;
	}
}
@media only screen and (max-width: 640px){
	section {
		padding: 30px 20px;
	}
	.inner {
/*		padding: 2em 22px;*/
		padding: 2em 0;
	}
}

/***** common *****/
#diary-contents a { color: inherit; transition: .3s; }

.marker {
	position: relative;
}
.marker::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: -0.2em;
	left: -0.05em;
	right: -0.05em;
	height: min(0.7em, 16px);
	background: #fff;
	border-radius: 0.1em;
}
span.marker {
	display: inline-block;
	line-height: 1;
}

@media only screen and (max-width: 640px) {
	.marker::before {
		bottom: -0.3em;
		height: min(2.5vw, 11px);
	}
	.contents .inner .topics h2.marker::before,
	.contents .inner .items .title h2 .marker::before {
		height: min(3vw, 16px);
	}
}
/***** /common *****/


/***** mainvisual *****/
#mainvisual {
	overflow: hidden;
    position: relative;
	z-index: 2;
	margin: 0 auto;
	opacity: 0;
	will-change: animation;
	animation: fadeIn 0.5s forwards;
	padding-top: min(145px, 160px);
}
#mainvisual .inner {
	padding: 0;
	animation-duration: 0.3s;
}
#mainvisual .inner .collablogo {
	position: absolute;
	top: -2.5em;
	right: min(10vw, 60px);
}
#mainvisual .inner .collablogo > * {
	vertical-align: middle;
}
#mainvisual .inner .collablogo > img {
	width: auto;
	height: min(5vw, 30px);
	transition: none;
}
#mainvisual .inner .collablogo > span {
	margin: 0 0.7em;
	font-size: 1.2em;
	font-weight: 700;
}

#mainvisual .inner .mv_title {
	position: absolute;
	bottom: 5%;
	left: 1%;
	display: flex;
	flex-direction: column;
}
#mainvisual .inner .mv_title > * {
}
#mainvisual .inner .mv_title p {
	font-size: min(2.2vw, 25px);
}
#mainvisual .inner .mv_title h1 {
	position: relative;
	z-index: 1;
	font-size: min(7.5vw, 90px);
	font-weight: 700;
	line-height: 1;
}
#mainvisual .inner.mv_lead {
	margin-top: min(5vw, 50px);
	line-height: 2;
	font-size: 1.2em;
	max-width: 900px;
}

@media not screen and (max-width: 1100px) {
}
@media not screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
	#mainvisual .inner .collablogo {
		left: min(8vw, 30px);
	}
	#mainvisual .inner .collablogo > img {
		height: min(5vw, 20px);
	}
	#mainvisual .inner .collablogo > span {
		font-size: 0.8em;
	}
	#mainvisual .inner .mv_title {
		bottom: 9%;
		left: 5%;
		padding: 0.5rem;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 10px;
    }
	}
	/* #mainvisual .inner .mv_title p {
		font-size: min(2.1vw, 12px);
	} */
	/* #mainvisual .inner .mv_title h1 {
		font-size: min(6.5vw, 40px);
	} */
	#mainvisual .inner .mv_title .marker::before {
		bottom: -0.2em;
		/* height: max(0.5em, 14px); */
	}
	#mainvisual .inner.mv_lead {
		font-size: 1.1em;
	}
@media only screen and (max-width: 500px) {
	#mainvisual {
		padding-top: 105px;
	}
}
/***** /mainvisual *****/


/***** contents *****/
.contents {
	position: relative;
	z-index: 1;
}
.contents .inner > * {
	margin-top: min(10vw, 190px);
}
.contents .inner > *[data-en]::after {
    content: attr(data-en);
    position: absolute;
    top: 0;
	color: #00913a;
	opacity: 0.2;
    font-size: calc(min(1.5vw, 16px) * 5);
    writing-mode: vertical-rl;
    z-index: 1;
    letter-spacing: .05em;
    line-height: 1;
}
.contents .inner > * > * {
    position: relative;
    z-index: 2;
}
.contents .inner h2 {
	display: inline;
	padding: 0;
	color: #1e1e1e;
	font-size: min(4.5vw, 42px);
	font-weight: 700;
	line-height: 1;
}
.contents .inner h2::after {
	content: none;
}

.contents .inner .topics {
/*	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 900px;
	max-width: calc(min(5vw, 45px) * 14 / 0.95);*/
	
	margin-top: 0;
	display: flex;
	max-width: calc(min(5vw, 45px)* 18 / 0.95);
	align-items: flex-start;
}
.contents .inner .topics::after {
    right: -0.2em;
}
/*
.contents .inner .topics .lead {
	margin-top: 2.5em;
	line-height: 2;
	font-size: 1.2em;
}
*/
.contents .inner .topics h2 {
	line-height: 1.8;
	text-align: left;
}
.contents .inner .topics h2 br {
	display: none;
}
.contents .inner .topics h2 span:last-of-type {
	padding-left: 0.5em;
}

.contents .inner .profiles {
/*	margin-top: min(8vw, 150px);*/
	margin-top: 5em;
	display: flex;
	gap: 2em;
}	
.contents .inner .profile {
	position: relative;
	background: #fff;
	border-radius: 3em;
}
.contents .inner .profile .txt {
	padding: 2em;
}
.contents .inner .profile .txt .topic {
	margin-bottom: 1em;
	font-weight: 700;
}

.contents .inner .profile.driver {
	display: flex;
	align-items: flex-end;
	width: calc(55% - 1em);
}
.contents .inner .profile.truck {
	width: calc(45% - 1em);
}

/*
.contents .inner .profile.driver::after,
.contents .inner .profile.truck::after {
	content: "";
	position: absolute;
	top: -1.3em;
	height: 1.5em;
}

.contents .inner .profile.driver::after {
	background: url("../img/contents03diary/profile_driver_title.svg") no-repeat center / contain;
	right: 5em;
	width: min(21vw, 240px);
}
*/
.contents .inner .profile.driver .photo {
	width: 260%;
}
.contents .inner .profile.driver .photo img {
	transform: scale(1.05);
	transform-origin: bottom left;
}
.contents .inner .profile.driver .txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 2em;
	height: 100%;
}

/*
.contents .inner .profile.truck::after {
	background: url("../img/contents03diary/profile_truck_title.svg") no-repeat center / contain;
	left: 3em;
	width: min(20vw, 230px);
}
*/
.contents .inner .profile.truck::before {
	content: "";
	float: left;
	height: calc(1em * 1.7 * 6);
}
.contents .inner .profile.truck .photo {
	float: left;
	clear: both;
	width: 55%;
	height: calc(1em * 1.7 * 6);
}
.contents .inner .profile.truck .photo img {
	transform: scale(1.05);
	transform-origin: top right;
}
.contents .inner .profile.truck .txt {
	padding-top: min(4vw, 4.8em);
}
.contents .inner .profile.truck .txt .topic {
	margin-bottom: 0.2em;
}

.contents .inner .items {
	margin-top: min(20vw, 190px);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 3em;
	padding: 0 4em;
}
.contents .inner .items::before {
	content: "";
	position: absolute;
	top: calc(-1 * min(20vw, 190px) - 10px);
	bottom: 50%;
	left: 0;
	right: 0;
	margin: auto;
	width: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}
.contents .inner .items::after {
	top: -1em;
    left: -0.4em;
}
.contents .inner .items .title {
	display: flex;
	width: 100%;
}
.contents .inner .items .title::before {
	content: "";
/*	width: calc(50% - 1.5em);*/
	width: 50%;
}
.contents .inner .items .title h2 {
/*	width: calc(50% - 1.5em);*/
	width: 50%;
	line-height: 1.8;
	text-align: left;
	padding-left: 1em;
}
.contents .inner .items .title span:last-of-type {
	margin-left: 2em;
}
.contents .inner .items .item {
	width: calc(33.333333% - 2em);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contents .inner .items .item:nth-of-type(3) {
	margin-top: 10%;
}
.contents .inner .items .item:nth-of-type(4) {
	margin-top: 20%;
}
.contents .inner .items .item .photo {
	margin-bottom: 1em;
}
.contents .inner .items .item .catch {
	display: block;
/*	font-size: min(3vw, 16px);*/
	font-size: min(1.9vw, 22px);
	font-weight: 700;
/*	line-height: 1;*/
	text-align: center;
}
.contents .inner .items .item .txt p {
	margin-top: 0.7em;
}

.contents .inner .schedules {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 10em;
	padding-bottom: 5em;
}
.contents .inner .schedules::before {
	content: "";
	position: absolute;
	top: calc(-1 * min(10vw, 190px) - min(10vw, 100px));
/*	bottom: 5%;*/
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}
.contents .inner .schedules::after {
    right: -0.5em;
}
.contents .inner .schedules .title {
	display: flex;
	width: 100%;
}
.contents .inner .schedules .title::after {
	content: "";
/*	width: calc(50% - 1.5em);*/
	width: 50%;
}
.contents .inner .schedules .title h2 {
/*	display: inline-block;
	width: calc(1em * 7);*/
	width: 50%;
	line-height: 1.8;
	text-align: right;
	padding-right: 1em;
}
.contents .inner .schedules .schedule {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 2em;
}
.contents .inner .schedules .schedule::after {
	content: "";
/*	width: calc(40% - 1em);*/
}
.contents .inner .schedules .schedule.reverse {
	flex-direction: row-reverse;
}
.contents .inner .schedules .schedule.past_half {
	margin-top: -13em;
}
/*
.contents .inner .schedules .schedule.fullsize::after {
	content: none;
}
*/
.contents .inner .schedules .schedule .schedule_content,
.contents .inner .schedules .schedule::after {
	width: calc(40% - 1em);
/*	width: calc(1.2em * 1.1 * 20 - 0.4em);*/
}
.contents .inner .schedules .schedule .schedule_clock {
	width: calc(20% - 2em);
/*	width: calc(100% - calc(1.2em * 1.1 * 20 - 0.4em) * 2 - 4em);*/
}
.contents .inner .schedules .schedule .schedule_clock::after{
	content: attr(data-time);
	display: block;
	width: 100%;
	text-align: center;
/*	font-size: 1.6em;*/
	font-size: min(3vw, 24px);
}
/*
.contents .inner .schedules .schedule:last-of-type .schedule_clock,
.contents .inner .schedules .schedule:last-of-type .schedule_clock img {
	position: relative;
}
.contents .inner .schedules .schedule:last-of-type .schedule_clock::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 80%;
	right: 0;
	margin: auto;
	width: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	transform: rotate(-65deg);
}
.contents .inner .schedules .schedule:last-of-type .schedule_clock + .schedule_content {
	margin-top: 1em;
	font-size: 2em;
	font-weight: 400;
}
.contents .inner .schedules .schedule:last-of-type .schedule_clock + .schedule_content span {
	margin-left: 2em;
}
*/
.contents .inner .txt_last {
	margin-top: 0.5em;
	font-size: min(7vw, 38px);
	font-weight: 700;
	text-align: center;
}

.contents .inner .schedules .schedule .photo {
	margin-bottom: 1em;
}
.contents .inner .schedules .schedule .photo.double img {
	transform: scale(1.1);
	transform-origin: right bottom;
}
.contents .inner .schedules .schedule.sd_02 .photo.double img,
.contents .inner .schedules .schedule.sd_04 .photo.double img,
.contents .inner .schedules .schedule.sd_08 .photo.double img {
	transform-origin: left bottom;
}

.contents .inner .schedules .schedule .catch {
/*	display: inline-block;
	font-size: min(3vw, 16px);
	font-size: min(1.9vw, 20px);*/
	font-size: min(2.5vw, 22px);
	font-weight: 900;
/*	line-height: 1;*/
	text-align: right;
}
.contents .inner .schedules .schedule .name {
	font-weight: 900;
}
/*
.contents .inner .schedules .schedule.reverse .catch,
.contents .inner .schedules .schedule.fullsize .schedule_content:last-of-type .catch {
	text-align: left;
}
*/
.contents .inner .schedules .schedule.reverse .catch {
	text-align: left;
}
.contents .inner .schedules .schedule .txt p {
	margin-top: 0.7em;
	font-size: 1.2em;
}

.contents .inner .schedules .schedule[data-en] > * {
    position: relative;
    z-index: 2;
}
.contents .inner .schedules .schedule[data-en]::after {
    content: attr(data-en);
    position: absolute;
	top: -10%;
	width: auto;
	height: 12em;
	color: #00913a;
	opacity: 0.2;
    font-size: calc(min(1.5vw, 16px) * 5);
    writing-mode: vertical-rl;
    z-index: 1;
    letter-spacing: .05em;
    line-height: 1;
}
.contents .inner .schedules .schedule.past_half + .schedule[data-en]::after {
	top: -30%;
}
.contents .inner .schedules .schedule.bg_en_last[data-en]::after {
	top: 0;
}
.contents .inner .schedules .schedule.bg_en_left[data-en]::after {
    left: -0.4em;
}
.contents .inner .schedules .schedule.bg_en_right[data-en]::after {
    right: -0.5em;
}

.contents .inner .schedules .schedule.sd_06::after {
/*	content: none;*/
}
.contents .inner .schedules .schedule.sd_06 .schedule_content {
    margin-bottom: auto;
}
.contents .inner .schedules .schedule.sd_06 .schedule_content.comment {
	padding: 1.5em;
	background: #fff;
	box-sizing: border-box;
	border-radius: 3em;
}
.contents .inner .schedules .schedule.sd_06 .schedule_content.comment .marker::before {
    background: #afd462;
}
.contents .inner .schedules .schedule.sd_06 .schedule_content.comment .catch {
	text-align: left;
}
.contents .inner .schedules .schedule.sd_06 .schedule_content.comment .photo img {
	width: 75%;
}
@media screen and (min-width: 768px) {
	.contents .inner .schedules .schedule.sd_06 .schedule_content.comment .photo img {
		width: 50%;
	}
}

@media not screen and (max-width: 1100px) {
	.contents .inner .items .item .catch,
	.contents .inner .schedules .schedule .catch {
		font-size: min(2vw, 23px);
	}
	.contents .inner .profile .txt {
		font-size: 1.1em;
	}
	.contents .inner .profile.truck .txt {
/*		padding-top: 4.8em;*/
		padding-top: 2.8em;
	}
}
@media not screen and (max-width: 1200px) {
	.contents .inner .schedules .schedule .photo.double img {
		transform: scale(1.15);
	}
}
@media not screen and (max-width: 1250px) {
	.contents .inner .schedules .schedule .photo.double img {
		transform: scale(1.2);
	}
}
@media not screen and (max-width: 1300px) {
	.contents .inner .schedules .schedule .photo.double img {
		transform: scale(1.25);
	}
}
@media only screen and (max-width: 640px) {
	.contents .inner > * {
		margin-top: min(25vw, 100px);
	}
	.contents .inner > *::after {
		font-size: calc(min(1.5vw, 16px) * 10);
	}
	.contents .inner h2 {
		font-size: min(5vw, 35px);
	}
	.contents .inner .topics::after {
/*		top: -1.1em;*/
		right: -0.35em;
	}
	.contents .inner .topics h2 br {
		display: block;
	}
	.contents .inner .topics h2 span:last-of-type {
		padding-left: 0;
		margin-left: 8.5em;
	}
	.contents .inner .profiles {
		margin-top: calc(1em + 30px);
		flex-direction: column;
	}
	.contents .inner .profile .txt {
		padding: 1.5em;
		  font-size: 0.7em;
		font-size: min(2.4vw, 0.85em);
	}
	.contents .inner .profile.driver {
		align-items: center;
		width: 86%;
	}
	.contents .inner .profile.driver .photo {
		padding-left: 1em;
		width: 210%;
	}
	.contents .inner .profile.driver .photo img {
		transform: scale(1.10);
	}
	.contents .inner .profile.driver .txt {
		padding: 1em 1.5em;
	}
	.contents .inner .profile.driver .txt .topic {
		margin-bottom: 0.5em;
	}
	.contents .inner .profile.truck {
		margin-left: 6%;
		width: 84%;
	}
	.contents .inner .profile.driver::after,
	.contents .inner .profile.truck::after {
		height: 1em;
	}
	.contents .inner .profile.driver::after {
		top: -0.9em;
		right: 3em;
		width: min(35vw, 140px);
	}
	.contents .inner .profile.truck::after {
		top: -0.8em;
		left: auto;
		right: 3em;
		width: min(34vw, 136px);
	}
	.contents .inner .profile.truck::before {
		float: right;
		height: calc(1em* 1.7* 3);
	}
	.contents .inner .profile.truck .photo {
		float: right;
		height: calc(1em* 1.7* 5);
		width: 44%;
	}
	.contents .inner .profile.truck .photo img {
		transform-origin: top center;
	}
	.contents .inner .profile.truck .txt {
		padding: min(5vw, 4.8em) 1.0em 1.5em 1.7em;
	}
	
	.contents .inner .items {
		padding: 0;
		gap: 1.6em;
	}
	.contents .inner .items::after {
		left: -0.2em;
	}
	.contents .inner .items::before {
		top: calc(-1 * min(100vw, 400px));
		bottom: 70%;
		left: 14%;
		right: auto;
	}
	.contents .inner .items .title {
		margin-bottom: 3em;
		flex-direction: row-reverse;
	}
	.contents .inner .items .title::before {
		content: none;
	}
	.contents .inner .items .title h2 {
		width: 100%;
		padding-left: 0;
	}
	.contents .inner .items .item {
		width: calc(50% - 0.8em);
	}
	.contents .inner .items .item .txt {
		text-align: center;
	}
	.contents .inner .items .item .catch {
		font-size: min(3.3vw, 22px);
	}
	.contents .inner .items .item p {
		text-align: left;
		font-size: 0.8em;
	}
	.contents .inner .items .item:nth-of-type(3) {
		margin-top: 0;
	}
	.contents .inner .items .item:nth-of-type(4) {
		margin-top: 2em;
		width: 100%;
		flex-direction: row;
		gap: 2em;
	}
	.contents .inner .items .item:nth-of-type(4) .photo {
		width: 50%;
	}
	.contents .inner .items .item:nth-of-type(4) .txt {
		width: 50%;
	}
	.contents .inner .items .item:nth-of-type(4) .catch {
		text-align: left;
	}
	
	.contents .inner .schedules {
		justify-content: center;
		gap: 4em;
	}
	.contents .inner .schedules::before {
		top: calc(-1 * min(50vw, 200px));
		bottom: 95%;
		left: 14%;
		right: auto;
	}
	.contents .inner .schedules::after {
		top: -2%;
		right: -0.35em;
	}
	.contents .inner .schedules > *:nth-of-type(1) { z-index: 9; }
	.contents .inner .schedules > *:nth-of-type(2) { z-index: 8; }
	.contents .inner .schedules > *:nth-of-type(3) { z-index: 7; }
	.contents .inner .schedules > *:nth-of-type(4) { z-index: 6; }
	.contents .inner .schedules > *:nth-of-type(5) { z-index: 5; }
	.contents .inner .schedules > *:nth-of-type(6) { z-index: 4; }
	.contents .inner .schedules > *:nth-of-type(7) { z-index: 3; }
	.contents .inner .schedules > *:nth-of-type(8) { z-index: 2; }
	.contents .inner .schedules > *:nth-of-type(9) { z-index: 1; }
	.contents .inner .schedules .title {
		margin-bottom: 2em;
	}
	.contents .inner .schedules .title::after {
		content: none;
	}
	.contents .inner .schedules .title h2 {
		width: 100%;
		text-align: left;
		padding-left: 4em;
		padding-right: 0;
	}
	.contents .inner .schedules .schedule {
		flex-direction: row-reverse;
		align-items: flex-start;
		gap: 1em;
		width: 96%;
	}
	.contents .inner .schedules .schedule::after {
		content: none;
	}
	.contents .inner .schedules .schedule .schedule_content {
		width: calc(70% - 0.5em);
		font-size: 0.8em;
	}
	.contents .inner .schedules .schedule .schedule_clock {
		width: calc(30% - 0.5em);
	}
	.contents .inner .schedules .schedule .schedule_clock::after{
		font-size: min(4.5vw, 22px);
	}
	
	.contents .inner .schedules .schedule.past_half {
		margin-top: 0;
	}
	.contents .inner .schedules .schedule.reverse {
		flex-direction: row;
	}
	
	.contents .inner .schedules .schedule .photo {
		margin-top: -1em;
		margin-bottom: 1.5em;
	}
	.contents .inner .schedules .schedule .photo.double img {
		transform: none;
	}
	.contents .inner .schedules .schedule .catch {
		margin-bottom: 1em;
		font-size: min(4.5vw, 22px);
		text-align: left;
	}
	.contents .inner .schedules .schedule .txt {
		margin-left: calc(-1* 42% - 1em);
		width: calc(100% + 42% + 1em);
	}
	.contents .inner .schedules .schedule.reverse .txt {
		margin-left: 0;
		width: calc(100% + 42% + 1em);
	}
	
	.contents .inner .schedules .schedule > * {
		position: relative;
		z-index: 2;
	}
	.contents .inner .schedules .schedule::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: 25%;
		left: 0%;
		right: 0;
		margin: auto;
		width: 10px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 5px;
		transform: rotate(-42deg);
		height: 67vw;
	}
	.contents .inner .schedules .schedule.sd_01::before {
		height: min(75vw, 380px);
		transform: rotate(-40deg);
	}
	.contents .inner .schedules .schedule.sd_02::before {
		top: 26%;
		height: min(70vw, 380px);
		transform: rotate(40deg);
	}
	.contents .inner .schedules .schedule.sd_03::before {
		top: 18%;
		height: min(130vw, 670px);
		transform: rotate(-24deg);
	}
	.contents .inner .schedules .schedule.sd_04::before {
		top: 25%;
		height: min(75vw, 400px);
		transform: rotate(40deg);
	}
	.contents .inner .schedules .schedule.sd_05::before {
		top: 25%;
		height: min(75vw, 400px);
		transform: rotate(-40deg);
	}
	.contents .inner .schedules .schedule.sd_06::before {
		top: 25%;
		height: min(75vw, 400px);
		transform: rotate(40deg);
	}
	.contents .inner .schedules .schedule.sd_07::before {
		top: 25%;
		height: min(75vw, 400px);
		transform: rotate(-40deg);
	}
	.contents .inner .schedules .schedule.sd_08::before {
		top: 37%;
		left: 30%;
		height: min(70vw, 360px);
		transform: rotate(25deg);
	}
/*	.contents .inner .schedules .schedule.reverse::before {
		transform: rotate(40deg);
	}*/

	.contents .inner .schedules .schedule.sd_06 {
		flex-wrap: wrap;
	}
	.contents .inner .schedules .schedule.sd_06 .schedule_content:first-of-type	 {
		order: 1;
	}
	.contents .inner .schedules .schedule.sd_06 .schedule_clock	 {
		order: 2;
		width: calc(29.5% - 0.5em);
	}
	.contents .inner .schedules .schedule.sd_06 .schedule_content.comment {
		order: 3;
		width: 100%;
		margin-top: 1em;
		margin-bottom: 1em;
		padding-right: 1em;
	}
	.contents .inner .schedules .schedule.sd_06 .schedule_content.comment .photo {
		margin-top: 0;
		margin-bottom: 0;
/*        width: calc(50% - 0.5em);*/
		margin-right: 1.2em;
		width: calc(50% - 4em);
		float: left;
	}
	.contents .inner .schedules .schedule.sd_06 .schedule_content.comment .txt {
/*		width: calc(50% - 0.5em);*/
        width: 100%;
		margin-left: 0;
	}
	
	
	.contents .inner .schedules .schedule.sd_04,
	.contents .inner .schedules .schedule.sd_06,
	.contents .inner .schedules .schedule.sd_08	{
		flex-direction: row;
	}
	.contents .inner .schedules .schedule.sd_04 .txt,
	.contents .inner .schedules .schedule.sd_06 .txt,
	.contents .inner .schedules .schedule.sd_08 .txt {
		margin-left: 0;
		width: calc(100% + 42% + 1em);
	}
	.contents .inner .schedules .schedule.sd_05,
	.contents .inner .schedules .schedule.sd_07	{
		flex-direction: row-reverse;
	}
	.contents .inner .schedules .schedule.sd_05 .txt,
	.contents .inner .schedules .schedule.sd_07 .txt {
		margin-left: calc(-1* 42% - 1em);
		width: calc(100% + 42% + 1em);
	}
	.contents .inner .schedules .schedule.sd_08 .schedule_content:last-of-type {
		flex-direction: column;
		align-items: center;
		gap: 0;
		line-height: 1;
	}
	.contents .inner .schedules .schedule.sd_08 .schedule_content:last-of-type span {
		margin-left: 0;
	}
	.contents .inner .schedules .schedule.sd_08 .schedule_content:last-of-type .marker::before {
		bottom: -0.2em;
		height: max(0.5em, 12px);
	}
	
	.contents .inner > *[data-en]::after,
	.contents .inner .schedules .schedule[data-en]::after {
		font-size: calc(min(1.5vw, 16px) * 10);
	}
	.contents .inner .schedules .schedule.bg_en_left[data-en]::after {
		left: -0.35em;
	}
	.contents .inner .schedules .schedule.sd_03[data-en]::after {
		top: -25%;
	}
	.contents .inner .schedules .schedule.sd_04[data-en]::after,
	.contents .inner .schedules .schedule.sd_06[data-en]::after	{
		content: none;
	}
	.contents .inner .schedules .schedule.sd_05[data-en]::after {
		top: -150%;
		left: auto;
		right: -0.5em;
	}
	.contents .inner .schedules .schedule.sd_07[data-en]::after {
		top: -130%;
/*		left: -0.5em;*/
		left: -0.35em;
		right: auto;
	}
	.contents .inner .schedules .schedule:last-of-type .schedule_clock::before {
		content: none;
	}
}
@media only screen and (max-width: 500px) {
	.contents .inner .profile.truck .txt {
		padding-top: min(6vw, 4.8em);
		padding-bottom: 1.0em;
	}
	
	.contents .inner .schedules .schedule.sd_01::before {
		height: 69vw;
		transform: rotate(-40deg);
	}
	.contents .inner .schedules .schedule.sd_02::before {
		top: 21%;
		height: 82vw;
		transform: rotate(40deg);
	}
	.contents .inner .schedules .schedule.sd_03::before {
		top: 22%;
		height: 78vw;
		transform: rotate(-34deg);
	}
	.contents .inner .schedules .schedule.sd_04::before {
		top: 23%;
		height: 73vw;
		transform: rotate(37deg);
	}
	.contents .inner .schedules .schedule.sd_05::before {
		top: 25%;
		height: 75vw;
		transform: rotate(-37deg);
	}
	.contents .inner .schedules .schedule.sd_06::before {
		top: 15%;
		height: 133vw;
		transform: rotate(22deg);
	}
	.contents .inner .schedules .schedule.sd_07::before {
		top: 25%;
		height: 72vw;
		transform: rotate(-37deg);
	}
	.contents .inner .schedules .schedule.sd_08::before {
		top: 35%;
		left: 30%;
		height: 67vw;
		transform: rotate(20deg);
	}
}
@media only screen and (max-width: 400px) {
	.contents .inner .profile .txt {
		font-size: min(2.3vw, 0.85em);
	}
}
/***** /contents *****/


/***** footer *****/
/* footer {
	padding: 5em 0 1em;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: #46A0AF;
}
footer .logo {
	  margin: 3em auto;
	margin: min(20vw, 3em) auto;
	width: 30%;
	max-width: 150px;
}
.copyrights {
	margin-top: 8em;
	padding: 1.0em 0;
	font-size: 0.7em;
	font-weight: 700;
} */
/***** /footer *****/