/* デモなので簡易的なリセット */
* {
	margin: 0;
	padding: 0;
}
*::after, * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Lato', sans-serif;
	background: #FFF;
	line-height: 1.9;
}
@media screen and (max-width: 798px) {
	body {
		font-size: 12px;
	}
}
article {}
article p {
	margin-bottom: 1em;
}
a {
	color: #0b8793;
}
#main-visual {}
footer {
	padding: 30px;
	text-align: center;
}
footer a {
	color: #666;
	text-decoration: none;
}
/* ▲▲▲ここまではナビゲーションに関係ない設定▲▲▲ */
.inner {
	padding: 0 30px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}
/* header */
#top-head {
	font-size: 14px;
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 30px 0 30px;
	line-height: 1;
	z-index: 999;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
#global-nav ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 15px;
	font-size: 14px;
}
#top-head #global-nav a, #top-head #global-nav {
	color: #FFF;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head.fixed #global-nav li.btn a, #top-head #global-nav li.btn a {
	color: #2c1e68;
	background-color: #ffda00;
	padding: 5px 10px;
	border-radius: 20px;
	margin: 0 5px;
	-webkit-transition: .3s;
	transition: .3s;
	margin: 5px;
	font-weight: 600;
}
#top-head #global-nav li.btn a:hover {
	color: #2c1e68;
	background: #FFF;
}
#top-head .logo img {
	width: 390px;
}
@media screen and (max-width: 1200px) {
	#top-head .logo img {
		width: 300px;
		padding-top: 5px;
	}
}
#global-nav ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	position: absolute;
	right: 20px;
	top: 10px;
}
#global-nav ul li {
	float: left;
	position: relative;
}
#global-nav ul li a {
	padding: 0 15px;
}
/* Btn Hover */
#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #FFF;
	bottom: -17px;
}
#global-nav ul li.btn:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#top-head.fixed #global-nav ul li.btn:hover:after, #global-nav ul li.btn:hover:after {
	background: none;
}
/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding: 10px 0 5px;
	height: 60px;
	background: rgba(255, 255, 255, .7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
	box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, .1);
}
#top-head.fixed .logo img {
	width: 300px;
	padding-top: 5px;
}
#top-head.fixed #global-nav a, #top-head.fixed #global-nav {
	color: #383838;
	/* text-shadow: 0px 0px 3px #808080; */
	text-decoration: none;
}
#top-head.fixed #global-nav ul li a {
	color: #000;
	padding: 3px 10px;
}
/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: -10px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #FFF;
	bottom: -10px;
}
/* Transition */
/*
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
*/
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
@media screen and (max-width: 1200px) {
	article {
		padding: 0 30px;
	}
	.inner {
		width: 100%;
		padding: 0 20px;
	}
	#global-nav ul li a {
		padding: 0 20px;
	}
	#top-head.fixed #global-nav ul li a {
		padding: 0 15px;
	}
}
@media screen and (max-width: 1200px) {
	#slider {
		padding-top: 50px;
	}
	#main-visual {
		padding-top: 60px;
		height: auto;
	}
	#top-head, .inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}
	#mobile-head {
		background: #FFF;
		width: 100%;
		height: 60px;
		z-index: 999;
	}
	/*	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 18px;
		color: #333;
		font-size: 16px;
	}*/
	#top-head.fixed .logo, #top-head .logo {
		position: absolute;
		position: absolute;
		left: 13px;
		top: 10px;
		text-align: left;
		color: #383838;
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}
	#top-head.fixed .logo span {
		color: #FFF;
		font-size: 13px;
		border: solid 1px #FFF;
		padding: 3px 5px 5px;
		margin-left: 10px;
		line-height: 1em;
	}
	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: #333;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		display: block;
		list-style: none;
		position: static;
		right: 0;
		bottom: 20px;
		font-size: 11px;
		padding: 0 15px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li:after {
		display: none;
	}
	#top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 18px 0;
	}
	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
}
/*ページトップへ戻る・ページ内スクロール*/
#page_top {
	width: 90px;
	height: 90px;
	position: fixed;
	right: 0;
	bottom: 60px;
	opacity: 0.9;
}
#page_top a {
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	text-decoration: none;
}
#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #F9A47A;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after {
	content: 'PAGE TOP';
	font-size: 13px;
	position: absolute;
	top: 45px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #F9A47A;
}
/*ページトップへ戻る・ページ内スクロール*/
/*最新情報ページ*/
.topics dl {
	color: #000;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
.topics dt {}
@media screen and (min-width: 768px) {
	.topics dt {
		clear: left;
		float: left;
		width: 10%;
		font-size: 0.9em;
	}
	.topics dd {}
}
/*/最新情報ページ*/
.container {
	width: 1200px;
	padding: 4% 0;
	margin: 0 auto;
}
@media screen and (max-width: 1200px) {
	.container {
		width: 100%;
		padding: 4% 4%;
	}
}
.container970 {
	width: 970px;
	padding: 4% 0;
	margin: 0 auto;
}
@media screen and (max-width: 970px) {
	.container970 {
		width: 100%;
		padding: 4% 4%;
	}
}
.cntr {
	text-align: center;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1200px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}
.info {
	background-color: #F4F4F4;
}
.messageimg {
	margin: 6% 10%;
}
.messageimg img {
	width: 100%;
	margin: 6% 0;
}
@media only screen and (max-width: 1200px) {
	.messageimg {
		margin: 4%;
	}
	.messageimg img {
		width: 100%;
	}
}
.message {
	background-color: #EFEFEF;
}
.content {
	background-color: #EFEFEF;
}
.recruit {
	background-color: #EFEFEF;
}
.recruit p {
	text-align: center;
}
/*2カラム1カラム*/
.flex21 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch;
}
.flex21 div.flex21_in {
	width: 46%;
	margin: 2%;
}
.flex21 div.flex21_in img {
	width: 100%;
}
@media screen and (max-width:590px) {
	.flex21 div.flex21_in {
		width: 100%;
		margin: 5px 0;
	}
}
/*2カラム1カラム*/
/*4カラム2カラム*/
.flex42 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch;
}
.flex42 div.flex42_in {
	width: 23%;
	margin: 1%;
}
.flex42 div.flex42_in img {
	width: 100%;
}
@media screen and (max-width:590px) {
	.flex42 div.flex42_in {
		width: 48%;
		margin: 1%;
	}
}
/*2カラム1カラム*/
/*2カラム2カラム採用スタッフ*/
.flexstaff {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.flexstaff div.flexstaff_in {
	width: 30%;
	margin: 3%;
}
.flexstaff div.flexstaff_in img {
	width: 100%;
}
@media screen and (max-width:790px) {
	.flexstaff div.flexstaff_in {
		width: calc(48%);
		margin: 1%;
	}
}
/*2カラム1カラムスタッフインタビュー経営理念*/
.flexint {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch;
}
.flexint div.flexint_in {
	width: 50%;
	margin: 0;
}
.flexint div.flexint_in img {
	width: 100%;
}
@media screen and (max-width:590px) {
	.flexint div.flexint_in {
		width: 100%;
		margin: 4%;
	}
}
/*2カラム1カラムスタッフインタビュー経営理念*/
/* ***********************************************************
 * bg-scale
 * *********************************************************** */
.bg-scale {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 130px 0;
	background: #000;
}
.bg-scaleleft:after, .bg-scaleright:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.bg-scaleleft:after {
	background: url("../img/top/rinen.jpg") no-repeat center center;
	background-size: cover;
}
.bg-scaleright:after {
	background: url("../img/top/st.jpg") no-repeat center right;
	background-size: cover;
}
.bg-scale:hover:after {
	opacity: .7;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.bg-scale .bg-scaleinner {
	z-index: 1;
	position: relative;
}
.bg-scale p {
	font-size: 32px;
	color: #FFF;
	line-height: 1.5;
	margin-bottom: 20px;
}
.bg-scale a.btn-more {
	color: #FFF;
	border: #FFF 1px solid;
	padding: 10px 28px;
	font-size: 16px;
	text-decoration: none;
}
.bg-scale a.btn-more:hover {
	background: rgba(40, 50, 40, .1);
}
@media screen and (max-width:590px) {
	.bg-scale {
		position: relative;
		overflow: hidden;
		text-align: center;
		text-shadow: 0 0 12px #474747;
		padding: 60px 0;
		background: #000;
	}
}
/* ***********************************************************
 * bg-scale
 * *********************************************************** */
.hedding2 {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1;
	color: #FFF;
	margin-bottom: 1%;
	text-align: center;
	letter-spacing: 5px;
	letter-spacing: 3px;
	position: relative;
	display: block;
}
@media screen and (max-width:590px) {
	.hedding2 {
		font-size: 1.5rem;
	}
}
h3.title2 {
	font-size: 1rem;
	font-weight: 600;
	line-height: 2;
	color: #FFF;
	margin-bottom: 2%;
}
article {
	text-align: center;
	line-height: 1.9;
}
a {
	color: #0b8793;
}
section a {
	text-decoration: none;
}
section.sample4 img {
	vertical-align: bottom;
	object-fit: cover;
	width: 100%;
	height: 240px;
}
@media screen and (max-width:1080px) {
	section.sample4 img {
		vertical-align: bottom;
		object-fit: cover;
		width: 100%;
		height: 160px;
	}
}
section figure {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #000;
}
section figcaption p {
	font-size: 12px;
}
/* -----------------------------------
		/*  sample4
		/* ----------------------------------- */
.sample4 {
	color: #fff;
	padding: 0;
}
.sample4 figure:after {
	position: absolute;
	background: #fff;
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	left: 5%;
	top: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .9s ease-out;
	-moz-transition: all .9s ease-out;
	transition: all .9s ease-out;
}
.sample4 figure:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.sample4 figcaption p, .sample4 figcaption h3 {
	position: absolute;
	text-align: center;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .4s ease-out .4s;
	-moz-transition: all .4s ease-out .4s;
	transition: all .4s ease-out .4s;
}
.sample4 figcaption h3 {
	bottom: 51%;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	transform: translateY(-30px);
}
.sample4 figcaption p {
	top: 52%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
}
.sample4 figure:hover figcaption p, .sample4 figure:hover figcaption h3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.sample4 figure img {
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}
.sample4 figure:hover img {
	opacity: .4;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}
.hedding1 {
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1;
	color: #F9A47A;
	margin-bottom: 3%;
	text-align: center;
	letter-spacing: 5px;
	letter-spacing: 3px;
	position: relative;
	display: block;
	margin-bottom: 1em;
}
.hedding1:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px; /*線の上下位置*/
	display: inline-block;
	width: 80px; /*線の長さ*/
	height: 3px; /*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); /*位置調整*/
	background-color: #D24627; /*線の色*/
}
.hedding1:first-letter {
	color: #D24627;
	font-size: 130%;
}
@media screen and (max-width:590px) {
	.hedding1 {
		font-size: 1.5rem;
	}
}
.juyo {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	color: #D24627;
	line-height: 2;
}
.kaisha {
	padding-top: 18px;
	text-align: right;
	font-weight: 500;
	line-height: 2em;
}
.shacho {
	text-align: right;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 2em;
}
.readmore {
	line-height: 3em;
}
.ttl {
	text-align: center;
	color: #FFF;
	padding: 5px 0;
	background-color: #D24627;
	font-weight: normal;
	font-size: 16px;
}
@media screen and (max-width:590px) {
	.juyo {
		font-size: 1.2rem;
		line-height: 1.6;
	}
	.kaisha {}
	.shacho {
		font-size: 1.1em;
	}
	.readmore {
		line-height: 3em;
	}
	.ttl {
		font-size: 14px;
	}
}
.rec_staff {
	position: relative;
	padding-bottom: 0px;
}
.box_white {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.box_white p {
	color: #000;
	text-align: left;
}
.name {
	font-weight: bold;
}
.site-footer {
	background: #fcfcfc;
	padding: 80px 0;
}
.copyright {
	color: #D24627;
	font-size: 12px;
	text-align: center;
}
@media only screen and (min-width: 960px) {
	/*----------------------------------------------------------------*/
	/* 共通 */
	/*----------------------------------------------------------------*/
	.sp-hide {
		display: inline !important;
	}
	.pc-hide {
		display: none !important;
	}
}
@media only screen and (max-width: 960px) {
	/*----------------------------------------------------------------*/
	/* 共通 */
	/*----------------------------------------------------------------*/
	.sp-hide {
		display: none !important;
	}
	.pc-hide {
		display: inline !important;
	}
}
/*フッター固定*/
.site-footer {
	padding-bottom: 100px;
}
#footfix {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #D24627;
	z-index: 2;
}
#footfix_in {
	width: 1200px;
	display: flex;
	margin: 0 auto;
	color: #FFFFFF;
	padding: 10px 0;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
}
.footfix_in_1 {
	font-size: 1.2em;
	color: #FFF;
	border: solid 1px #FFF;
	padding: 5px 15px;
	vertical-align: middle;
}
.footfix_in_2 a {
	font-size: 28px;
	padding: 0 20px;
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: none;
}
.footfix_in_3 a {
	background-color: #FFF;
	color: #D24627;
	padding: 5px 20px;
	border-radius: 30px;
	font-size: 19px;
	font-weight: 600;
	text-decoration: none;
}
.footfix_in_2 {
	text-align: center;
	line-height: 150%;
}
/*フッター固定*/
/*----------------------------------------------------------------*/
/* フッター スマホ用電話 */
/*----------------------------------------------------------------*/
@media screen and (max-width:1200px) {
	.site-footer {
		padding: 60px 15px 130px;
	}
	#sp-footer-tel {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		background-color: #fff;
	}
	#sp-footer-tel ul {
		font-size: 0;
	}
	#sp-footer-tel li {
		text-align: center;
		width: 50%;
		border-right: 1px solid #fff;
		box-sizing: border-box;
		display: inline-grid;
		vertical-align: middle;
	}
	#sp-footer-tel li:last-child {
		border: none;
	}
	#sp-footer-tel a {
		display: block;
		font-size: 20px;
		font-size: 1.0rem;
		font-weight: 600;
		line-height: 100%;
		background: #D24627;
		color: #fff;
		text-decoration: none;
		padding: 5% 0;
	}
	#sp-footer-tel li:last-child a {
		background: #FFF;
		color: #D24627;
		;
	}
	#sp-footer-tel a .fas, #sp-footer-tel a .far {
		margin: 0 5px 0 0;
	}
	#sp-footer-tel .time {
		font-size: 80%;
	}
}
.foot_logo {
	text-align: center;
}
.foot_logo img {
	width: 300px;
}
.footmenu_out {
	padding: 2% 0 4%;
}
ul.footmenu {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footmenu li a {
	text-align: center;
	color: #D24627;
	text-decoration: none;
	padding: 0 13px;
	border-right: solid 1px #D24627;
}
.footmenu li:last-child a {
	border-right: none;
}
@media screen and (max-width: 1180px) {
	ul.footmenu {
		list-style: none;
		display: block;
		text-align: center;
	}
	.footmenu li a {
		text-align: center;
		color: #D24627;
		text-decoration: none;
		padding: 0 15px;
		border-right: none;
		line-height: 2em;
	}
	.footmenu li {
		border-bottom: dotted 1px #ccc;
	}
	.footmenu li:last-child a {
		border-right: none;
	}
}
/* 第二見出し要素
----------------------------------------------------------- */
/*    body, html, main {
    /* important 
    height: 100%;
}*/
.cd-fixed-bg {
	height: 350px;
	background-size: cover;
	/*    background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-position: center center;
}
.cd-fixed-bg_01 {
	background-image: url("../img/daini/1.jpg");
}
.cd-fixed-bg_02 {
	background-image: url("../img/daini/2.jpg");
}
.cd-fixed-bg_03 {
	background-image: url("../img/daini/3.jpg");
}
.cd-fixed-bg_04 {
	background-image: url("../img/daini/4.jpg");
}
.cd-fixed-bg_05 {
	background-image: url("../img/daini/5.jpg");
}
.cd-fixed-bg_06 {
	background-image: url("../img/daini/6.jpg");
}
.cd-fixed-bg_07 {
	background-image: url("../img/daini/7.jpg");
}
.cd-scrolling-bg {
	min-height: 100%;
}
.cd-fixed-bg h1 {
	color: #FFFFFF;
	text-align: center;
	padding-top: 170px;
	font-size: 38px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	letter-spacing: 5px;
}
.cd-fixed-bg .dainikomidashi {
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	letter-spacing: 2px;
}
@media screen and (max-width: 790px) {
	.cd-fixed-bg {
		height: 260px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.cd-scrolling-bg {
		min-height: 100%;
	}
	.cd-fixed-bg h1 {
		color: #FFFFFF;
		text-align: center;
		padding-top: 140px;
		font-size: 20px;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	}
	.cd-fixed-bg .dainikomidashi {
		color: #FFFFFF;
		text-align: center;
		font-size: 11px;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	}
}
/* ・第二見出し要素*/
.daini .hedding1 {
	font-size: 2.3rem;
	font-weight: 600;
	line-height: 1;
	color: #D24627;
	margin-bottom: 3%;
	text-align: center;
	letter-spacing: 5px;
	letter-spacing: 3px;
	position: relative;
	display: block;
	margin-bottom: 2em;
}
.daini .hedding1 span {
	font-size: 1rem;
	display: block;
	color: #D24627;
	padding: 20px 0 10px;
}
.daini .hedding1:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px; /*線の上下位置*/
	display: inline-block;
	width: 40px; /*線の長さ*/
	height: 1px; /*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); /*位置調整*/
	background-color: #D24627; /*線の色*/
}
.daini .hedding1:first-letter {
	font-size: 100%;
}
@media screen and (max-width:590px) {
	.daini .hedding1 {
		font-size: 1.2rem;
		line-height: 1.4em;
		letter-spacing: 0;
	}
	.daini .hedding1 span {
		font-size: 12px;
		padding: 10px 0 5px;
	}
	.daini .hedding1:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -30px; /*線の上下位置*/
		display: inline-block;
		width: 40px; /*線の長さ*/
		height: 1px; /*線の太さ*/
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%); /*位置調整*/
		background-color: #D24627; /*線の色*/
		margin-bottom: 20px;
	}
}
/*経営理念・ビジョンページ*/
section.philosophy {
	padding: 4% 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) fixed, url(../img/philosophy/messagebk.jpg);
	background-size: 80%;
	background-position: bottom right;
	background-repeat: no-repeat;
	/*    background-attachment: fixed;*/
}
.philosophy_txt {
	display: flex;
	/*    justify-content: center;*/
	align-items: center;
	padding: 30px 0;
}
.philosophy_txt p {
	font-size: 50px;
	color: #000;
	line-height: 2.3em;
	letter-spacing: 2px;
}
/*以下フェードイン表示の指定*/
.philosophy_txt .fadein {
	opacity: 0;
	animation: fadein 1s ease forwards;
}
@keyframes fadein {
	100% {
		opacity: 1;
	}
}
/*以下遅延の指定*/
.philosophy_txt .txt01 {
	animation-delay: 1s;
}
.philosophy_txt .txt02 {
	animation-delay: 2s;
}
.philosophy_txt .txt03 {
	animation-delay: 3s;
}
@media screen and (max-width:590px) {
	.philosophy_txt p {
		font-size: 23px;
		color: #000;
		line-height: 2.3em;
		letter-spacing: 2px;
	}
}
section.vision {
	padding: 4% 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)) fixed, url(../img/philosophy/visionbk.png);
	background-size: cover;
	background-position: bottom center;
	/*    background-attachment: fixed;*/
}
.daini img {
	width: 100%;
}
.vision_txt {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 30px 0;
}
.vision_txt p {
	font-size: 34px;
	color: #000;
	line-height: 3em;
	letter-spacing: 2px;
}
/*以下フェードイン表示の指定*/
.vision_txt .fadein {
	opacity: 0;
	animation: fadein 1s ease forwards;
}
@keyframes fadein {
	100% {
		opacity: 1;
	}
}
/*以下遅延の指定*/
.vision_txt .txt01 {
	animation-delay: 1s;
}
.vision_txt .txt02 {
	animation-delay: 2s;
}
.vision_txt .txt03 {
	animation-delay: 3s;
}
.vision_txt .txt04 {
	animation-delay: 4s;
	font-size: 38px;
}
.guidelines_txt {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}
.guidelines_txt p {
	font-size: 28px;
	color: #000;
	line-height: 1.6em;
	letter-spacing: 2px;
	font-weight: 500;
	padding: 2% 0;
}
/*以下フェードイン表示の指定*/
.guidelines_txt .fadein {
	opacity: 0;
	animation: fadein 1s ease forwards;
}
@keyframes fadein {
	100% {
		opacity: 1;
	}
}
/*以下遅延の指定*/
.guidelines_txt .txt01 {
	animation-delay: 1s;
}
.guidelines_txt .txt02 {
	animation-delay: 2s;
}
.guidelines_txt .txt03 {
	animation-delay: 3s;
}
.guidelines_txt .txt04 {
	animation-delay: 4s;
}
/*4カラム2カラム*/
.flexguidelines {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch;
}
.flexguidelines div.flexguidelines_in {
	width: 23%;
	margin: 1%;
}
.flexguidelines div.flexguidelines_in img {
	object-fit: cover;
	width: 100%;
	height: 230px;
	border-radius: 10px;
}
@media screen and (max-width:590px) {
	.flexguidelines div.flexguidelines_in {
		width: 48%;
		margin: 1%;
	}
	.flexguidelines div.flexguidelines_in img {
		object-fit: cover;
		width: 100%;
		height: 120px;
	}
}
/*2カラム1カラム*/
.marker_yellow_hoso {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.aka {
	color: #c30003;
}
.heart p {
	padding-bottom: 10px;
}
.heart_box .kokoro {
	font-size: 32px;
	padding: 30px 0;
}
.heart_box {
	text-align: center;
	padding: 40px 0;
	margin: 0 auto;
	text-align: left;
}
section.guidelines {
	padding: 4% 0;
	background-color: #F4F4F4;
	/*background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6) ) fixed,url(../img/philosophy/bk.jpg);
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;*/
}
@media screen and (max-width:970px) {
	.vision_txt p {
		font-size: 15px;
		color: #000;
		line-height: 2em;
		letter-spacing: 1px;
	}
	.vision_txt .txt04 {
		font-size: 16px;
	}
	.guidelines_txt p {
		font-size: 15px;
		color: #000;
		line-height: 1.6em;
		letter-spacing: 1px;
		padding-bottom: 10px;
		text-align: left;
	}
	.heart_box .kokoro {
		color: #c30003;
		font-weight: 700;
		font-size: 16px;
		padding: 10px 0;
	}
	.heart_box {
		width: 100%;
		text-align: left;
		padding: 20px 0;
	}
}
/*4カラム2カラム*/
.flexheart {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch;
}
.flexheart div.flexheart_in {
	width: 31%;
	margin: 1%;
}
.flexheart div.flexheart_in img {
	object-fit: cover;
	width: 100%;
	height: 280px;
	border-radius: 10px;
}
@media screen and (max-width:590px) {
	.flexheart div.flexheart_in {
		width: 48%;
		margin: 1%;
	}
	.flexheart div.flexheart_in img {
		object-fit: cover;
		width: 100%;
		height: 150px;
	}
}
/*2カラム1カラム*/
/*経営理念・ビジョンページ*/
/*会社概要*/
section .company {
	width: 970px;
	margin: 0 auto;
}
@media screen and (max-width: 970px) {
	section .company {
		width: 100%;
	}
}
/*シマシマテーブル*/
.tbl {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.tbl tr {
	background-color: #f9f9f9;
	border-bottom: 2px solid #f9f9f9;
}
.tbl tr:nth-child(even) {
	background-color: #FFF;
}
.tbl th, .tbl td {
	padding: 1em 1.5em;
}
.tbl th {
	width: 25%;
}
.tbl thead th {
	font-size: .85em;
	padding: 1em;
}
.tbl thead tr {
	background-color: #F4F4F4;
	color: #fff;
}
.tbl tbody th {
	text-align: left;
}
.tblimg {
	text-align: center;
	margin: 0 auto;
}
@media screen and (max-width: 600px) {
	.tbl {
		border: 0;
		width: 100%
	}
	.tbl p {
		line-height: 1.4em;
		padding-bottom: 5px;
	}
	.tbl th {
		background-color: #F4F4F4;
		display: block;
		border-right: none;
	}
	.tbl th {
		width: 100%;
	}
	.tbl thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.tbl tr {
		display: block;
		border: 1px solid #F4F4F4;
	}
	.tbl td {
		background-color: #FFF;
		border-bottom: 1px dotted #F4F4F4;
		display: block;
		position: relative;
		padding: 8px;
		border-right: none;
	}
	.tbl td::before {
		content: attr(data-label);
		font-weight: bold;
		position: absolute;
		left: 10px;
	}
	.tbl td:last-child {
		border-bottom: 0;
	}
	.tbl tbody th {
		padding: 8px;
	}
	.tbl tr:nth-child(even) {
		background-color: #fff;
	}
	.tbl img {
		width: 100%;
	}
}
.tbl span {
	color: #0053a5;
}
.tbl a {
	text-decoration: underline;
}
/*シマシマテーブル*/
.gmap {
	height: 400px;
	overflow: hidden;
	padding-bottom: 20%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 400px;
	width: 100%;
}
section {
	padding: 3% 0;
}
.history h3 {
	font-size: 30px;
	font-weight: bold;
	padding: 0 0 40px 0;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
.contents-menu {
	margin-top: 10px;
	font-size: 18px;
	text-align: center;
}
.contents-menu ul {
	display: inline-block;
	width: 60%;
}
li.p_item {
	list-style: none;
	text-align: center;
	margin: 0 4% 15px 0;
	padding: 10px 0;
	line-height: 1.6em;
	float: left;
	width: 48%;
	position: relative;
	background-color: #D24627;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
}
li.p_item:hover {
	background-color: #F9A47A;
	color: #D24627;
}
li.p_item:active {
	top: 3px;
	box-shadow: none;
}
li.p_item:nth-child(even) {
	margin: 0;
}
.caset {
	margin: 40px 0 0 0;
}
.clear {
	clear: both;
	display: block;
}
.history h4 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
.history p {
	font-size: 16px;
	line-height: 1.5em;
	width: 90%;
	padding: 20px 0 20px 5%;
	margin: 0 0 0 5%;
	border-left: 1px solid #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.topics {
	background: #F4F4F4;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin: 20px 0 0 0;
}
.logo_img {
	display: block;
	margin: 0 auto;
}
.sum {
	width: 25%;
	float: right;
	display: block;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;
}
.sum2 {
	width: 25%;
	float: left;
	display: block;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;
	margin: 0 5% 0 0;
}
.sum3 {
	width: 15%;
	float: right;
	display: block;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;
}
.sum4 {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;
	margin: 0 5% 0 0;
}
.sum img, .sum2 img, .sum3 img, .sum4 img {
	width: 100%;
}
.tx {
	width: 75%;
	display: block;
	float: left;
	padding: 0 5% 0 0;
	box-sizing: border-box;
}
.tx2 {
	width: 75%;
	display: block;
	float: left;
	margin: 0 5% 0 0;
	box-sizing: border-box;
}
.tx3 {
	width: 85%;
	display: block;
	float: left;
	padding: 0 5% 0 0;
	box-sizing: border-box;
}
.imgbox {
	padding: 20px 0 0 0;
	display: block;
	text-align: center;
}
/*
.page-top {
	width:60px;
	height:70px;
	background:#999999;
	display: block;
	border-radius:5px;
	text-align:center;
	margin:0 20px 20px 0;
	text-decoration:none;
	position: fixed;
	bottom:0;
	right:0;
}

.page-top a {
	width:100%;
	text-align:center;
}

.page-top .sankaku {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 20px 10px;
	border-color: transparent transparent #000000 transparent;
	margin:5px auto 0 auto;
}

.page-top p {
	font-size:10px;
	margin:7px 0 0 0 ;
	padding:0;
	text-decoration:none;
	border:none;
}
*/
@media (max-width: 992px) and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
	.history p {
		font-size: 12px;
	}
	.sum {
		width: 50%;
		float: none;
		display: block;
		font-size: 12px;
		text-align: center;
		line-height: 1.5em;
		margin: 0 auto 10px auto;
	}
	.sum2, .sum4 {
		width: 50%;
		float: none;
		display: block;
		font-size: 12px;
		text-align: center;
		line-height: 1.5em;
		margin: 0 auto 10px auto;
	}
	.sum3 {
		width: 50%;
		float: none;
		display: block;
		font-size: 12px;
		text-align: center;
		line-height: 1.5em;
		margin: 0 auto 10px auto;
	}
	.sum img, .sum2 img {
		width: 100%;
	}
	.tx, .tx3 {
		width: 100%;
		display: block;
		float: left;
		padding: 0 5% 0 0;
		box-sizing: border-box;
	}
	.tx2 {
		width: 100%;
		display: block;
		float: left;
		margin: 0 5% 0 0;
		box-sizing: border-box;
	}
	.contents-menu ul {
		display: inline-block;
		width: 100%;
	}
	li.p_item {
		margin: 0 3% 10px 2%;
		width: 46%;
	}
	li.p_item:nth-child(even) {
		margin: 0 2% 10px 0;
	}
	li.p_item:hover {
		color: #fff;
	}
}
.logo_img {
	display: block;
	margin: 0 auto;
}
img.logo_img {
	width: 60%;
}
a.anchor {
	display: block;
	padding-top: 60px;
	margin-top: -60px;
} /*ページ内リンクのずれ解消*/
/*会社概要*/
/*教育研修制度*/
.education {
	width: 1180px;
	margin: 0 auto;
}
@media screen and (max-width:1180px) {
	.education {
		width: 100%;
		padding: 4%;
	}
}
.education h2 {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 500;
	color: #D24627;
}
.oneArea {
	background: linear-gradient(90deg, #D24627 0%, #D24627 50%, #F4F4F4 50%, #F4F4F4 100%);
}
.oneArea2 {
	background: linear-gradient(90deg, #F9A47A 0%, #F9A47A 50%, #FFF 50%, #FFF 100%);
}
.oneArea .education h3, .oneArea2 .education h3 {
	color: #FFF;
	font-size: 35px;
	line-height: 1.6em;
	font-weight: 600;
	padding-bottom: 20px;
}
@media screen and (max-width:590px) {
	.education h2 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: 500;
		color: #D24627;
	}
	.oneArea {
		background: linear-gradient(180deg, #648de5 0%, #648de5 50%, #648de5 50%, #648de5 100%);
	}
	.oneArea2 {
		background: linear-gradient(180deg, #20448d 0%, #20448d 50%, #20448d 50%, #20448d 100%);
	}
	.oneArea .education h3, .oneArea2 .education h3 {
		color: #FFF;
		font-size: 23px;
		line-height: 1.6em;
		font-weight: 600;
		text-align: center;
	}
}
.education p {
	color: #FFF;
}
/*2カラム1カラム教育研修制度*/
.flexeducation {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;
	padding: 40px 0;
}
.flexeducation div.flexeducation_in {
	width: 42%;
	margin: 4%;
}
.flexeducation div.flexeducation_in img {
	width: 100%;
}
@media screen and (max-width:590px) {
	.flexeducation div.flexeducation_in {
		width: 96%;
		margin: 2%;
	}
}
/*2カラム1カラム教育研修制度*/
.edu_box {
	margin: 4% 0;
}
.edu_box p {
	padding-bottom: 10px;
}
p.ttl2 {
	font-weight: 600;
	border-bottom: dotted 1px #FFF;
	padding-bottom: 0;
	margin-bottom: 5px;
}
/*教育研修制度*/
/*インタビュー*/
.stinterview {
	width: 970px;
	margin: 0 auto;
}
@media screen and (max-width: 1200px) {
	.stinterview {
		width: 100%;
	}
}
.sample1 {
	width: 80%;
	margin: 0 auto;
	height: 260px;
	overflow: hidden;
	position: relative; /* 相対位置指定 */
	background-color: #F7CDBF;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right 20px top 10px;
	margin-bottom: 30px;
}
.sample1.yanai {
	background-image: url("../img/interview/yanaikiri.png");
}
.sample1.sato {
	background-image: url("../img/interview/satokiri.png");
}
.sample1.moriguchi {
	background-image: url("../img/interview/moriguchikiri.png");
}
.sample1.yamasitarisa {
	background-image: url("../img/interview/yamasitarisakiri.png");
}
.sample1.suzukihidekado {
	background-image: url("../img/interview/suzukihidekado.png");
}
.sample1.member02 {
	background-image: url("../img/interview/02_top.webp");
}
.sample1.member03 {
	background-image: url("../img/interview/03_top.webp");
}
.sample1.member04 {
	background-image: url("../img/interview/04_top.webp");
}
.sample1_in {
	padding: 40px 30px;
}
.sample1 img {
	width: 200px;
}
.member_ttl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
}
.sample1 h2 {
	font-size: 14px;
	font-weight: 600;
	color: #383838;
	border: #383838 1px solid;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 20px;
	line-height: 1em;
	margin-left: 15px;
}
.sample1 h3 {
	color: #D24627;
	line-height: 1em;
	text-align: left;
	padding: 15px 0;
	font-size: 36px;
	letter-spacing: 2px;
}
.sample1 p {
	font-size: 14px;
	line-height: 1.5em;
	color: #383838;
}
.sample1 .caption {
	font-size: 160%;
	text-align: center;
	padding-top: 60px;
	color: #FFF;
	margin: 20px;
}
.sample1 .mask {
	width: 100%;
	height: 100%;
	position: absolute; /* 絶対位置指定 */
	top: 0;
	left: 0;
	opacity: 0; /* マスクを表示しない */
	background-color: rgba(210, 70, 39, 0.8); /* マスクは半透明 */
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sample1:hover .mask {
	opacity: 1; /* マスクを表示する */
}
.reedmore {
	color: #FFF;
	position: absolute;
	right: 20px;
	bottom: 20px;
	border: solid #FFF 1px;
	padding: 5px 10px;
	letter-spacing: 2px;
	background: rgba(000, 000, 000, .1);
}
p.reedmore {
	color: #FFF;
}
@media screen and (max-width: 1200px) {
	.sample1_in {
		padding: 20px 20px;
	}
	.sample1 img {
		width: 130px;
	}
	.sample1 h2 {
		font-size: 12px;
		font-weight: 600;
		color: #FFF;
		border: #FFF 2px solid;
		display: inline-block;
		padding: 3px 10px;
		border-radius: 20px;
		line-height: 1em;
	}
	.sample1 {
		width: 100%;
		height: 150px;
	}
	.sample1 .caption {
		font-size: 130%;
		text-align: center;
		padding-top: 30px;
		color: #fff;
	}
	.sample1 h3 {
		color: #D24627;
		line-height: 1em;
		text-align: left;
		padding: 10px 0;
		font-size: 26px;
		letter-spacing: 2px;
	}
	.reedmore {
		font-size: 12px;
		color: #383838;
		position: absolute;
		right: 20px;
		bottom: 20px;
		border: solid #383838 1px;
		padding: 3px 5px;
		letter-spacing: 2px;
	}
}
.interview-index_main {
	background-color: #F7CDBF;
	background-size: 25%;
	background-position: 80% 10%;
}
@media (max-width: 768px) {
	.interview-index_main {
		background-size: 70%;
		background-position: 100% -30%;
	}
}
.cd-fixed-bg_yanai {
	background-image: url("../img/interview/yanaikiri.png");
}
.cd-fixed-bg_sato {
	background-image: url("../img/interview/satokiri.png");
}
.cd-fixed-bg_moriguchi {
	background-image: url("../img/interview/moriguchikiri.png");
}
.cd-fixed-bg_suzukih {
	background-image: url("../img/interview/suzukihidekado.png");
}
.cd-fixed-bg_yamasitar {
	background-image: url("../img/interview/yamasitarisakiri.png");
}
.cd-fixed-bg_01 {
	background-image: url("../img/interview/01_top.webp");
}
.cd-fixed-bg_02 {
	background-image: url("../img/interview/02_top.webp");
}
.cd-fixed-bg_03 {
	background-image: url("../img/interview/03_top.webp");
}
.cd-fixed-bg_04 {
	background-image: url("../img/interview/04_top.webp");
}
.cd-fixed-bg2 h1 {
	color: #D24627;
	text-align: left;
	padding-top: 230px;
	font-size: 38px;
	letter-spacing: 5px;
}
.cd-fixed-bg2 h1 span {
	font-size: 26px;
}
.cd-fixed-bg2 .dainikomidashi {
	color: #323C46;
	text-align: left;
	font-size: 14px;
	letter-spacing: 2px;
}
.cd-fixed-bg2 {
	height: 500px;
	background-color: #F7CDBF;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right 90px top 40px;
}
.cd-fixed-bg2_in {
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1200px) {
	.cd-fixed-bg2 {
		height: 400px;
		background-color: #CEDAE8;
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: right 10px bottom 0;
	}
	.cd-fixed-bg2_in {
		width: 100%;
		padding: 0 4%;
	}
	.cd-fixed-bg2 h1 {
		color: #D24627;
		text-align: left;
		padding-top: 190px;
		font-size: 28px;
		letter-spacing: 2px;
	}
	.cd-fixed-bg2 h1 span {
		font-size: 13px;
	}
	.cd-fixed-bg2 .dainikomidashi {
		color: #323C46;
		text-align: left;
		font-size: 11px;
		letter-spacing: 0px;
	}
}
@media screen and (max-width: 598px) {
	.cd-fixed-bg2 {
		height: 280px;
		background-color: #CEDAE8CEDAE8;
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: right -20px bottom 0;
	}
	.cd-fixed-bg2 h1 {
		color: #D24627;
		text-align: left;
		padding-top: 130px;
		font-size: 20px;
		letter-spacing: 2px;
	}
	.cd-fixed-bg2 h1 span {
		font-size: 13px;
	}
	.cd-fixed-bg2 .dainikomidashi {
		color: #323C46;
		text-align: left;
		font-size: 11px;
		letter-spacing: 0px;
	}
}
.int_blue {
	background-color: #D24627;
}
.int_blue p {
	color: #FFF;
	line-height: 1.6em;
}
.interview {
	width: 1200px;
	padding: 0;
	margin: 0 auto;
}
@media screen and (max-width: 1200px) {
	.interview {
		width: 100%;
	}
}
.interview img {
	width: 240px;
	padding-right: 15px;
}
.int_blue h2 {
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	border: #FFF 3px solid;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 20px;
	line-height: 1em;
}
.int_blue h3 {
	font-size: 36px;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 3px;
	line-height: 1em;
	padding-bottom: 20px;
}
@media screen and (max-width:590px) {
	.interview img {
		width: 140px;
	}
	.int_blue h2 {
		font-size: 11px;
		font-weight: 600;
		color: #FFF;
		border: #FFF 2px solid;
		display: inline-block;
		padding: 3px 10px;
		border-radius: 20px;
		line-height: 1em;
	}
	.int_blue h3 {
		font-size: 20px;
		font-weight: 600;
		color: #FFF;
		letter-spacing: 3px;
		line-height: 1em;
		padding-bottom: 10px;
	}
}
/*2カラム1カラムスタッフインタビュー*/
.flex_interview {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center; /* 子要素をflexboxにより中央に配置する */
}
.flex_interview div.flex_interview_in {
	width: 46%;
	margin: 2%;
}
@media screen and (max-width:590px) {
	.flex_interview div.flex_interview_in {
		width: 92%;
		margin: 2% 4%;
	}
	.flex_interview div.flex_interview_in:last-child {
		border-left: none;
		padding-left: 0px;
	}
}
/*2カラム1カラムスタッフインタビュー*/
/*2カラム1カラムスタッフインタビュー中身*/
.flex_int {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch; /* 子要素をflexboxにより中央に配置する */
	margin-bottom: 60px;
}
.flex_int div.flex_int_in {
	width: 48%;
	margin: 1%;
}
.flex_int div.flex_int_in img {
	object-fit: cover;
	width: 100%;
	height: 400px;
}
.flex_int div.flex_int_in:last-child {
	border-left: solid 1px #383838;
	padding-left: 4%;
}
@media screen and (max-width:590px) {
	.flex_int div.flex_int_in {
		width: 92%;
		margin: 2% 4%;
	}
	.flex_int div.flex_int_in img {
		object-fit: cover;
		width: 100%;
		height: 300px;
	}
	.flex_int div.flex_int_in:last-child {
		border-left: none;
		padding-left: 0px;
	}
}
/*2カラム1カラムスタッフインタビュー中身*/
.interview h4 {
	font-size: 30px;
	line-height: 1.6em;
	padding-bottom: 20px;
	font-weight: bold;
	color: #000000;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
.interview h4 span {
	color: #c30003;
	font-size: 130%;
}
@media screen and (max-width:590px) {
	.interview h4 {
		font-size: 20px;
	}
}
/*5カラム2カラムスタッフインタビュー写真*/
.flex_52 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: stretch; /* 子要素をflexboxにより中央に配置する */
	margin-bottom: 60px;
}
.flex_52 div.flex_52_in {
	width: 23%;
	margin: 1%;
}
.flex_52 div.flex_52_in img {
	width: 100%;
	padding: 0;
	object-fit: cover;
	width: 100%;
	height: 290px;
}
@media screen and (max-width:590px) {
	.flex_52 div.flex_52_in {
		width: 48%;
		margin: 1%;
	}
}
/*インタビュー*/
/*Gallery*/
/* 見出し*/
.hedding_3 {
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1;
	color: #D24627;
	margin-bottom: 3%;
	text-align: center;
	letter-spacing: 5px;
	letter-spacing: 3px;
	position: relative;
	display: block;
	margin-bottom: 2em;
}
.hedding_3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px; /*線の上下位置*/
	display: inline-block;
	width: 80px; /*線の長さ*/
	height: 1px; /*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); /*位置調整*/
	background-color: #D24627; /*線の色*/
}
@media screen and (max-width:590px) {
	.hedding_3 {
		font-size: 1.2rem;
		line-height: 1.4em;
		letter-spacing: 0;
	}
	.hedding_3:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -30px; /*線の上下位置*/
		display: inline-block;
		width: 60px; /*線の長さ*/
		height: 1px; /*線の太さ*/
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%); /*位置調整*/
		background-color: #D24627; /*線の色*/
		margin-bottom: 20px;
	}
}
/*３カラム2カラム*/
.flex3 {
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: center;
	margin-bottom: 8%;
}
.flex3 div.flex3_in {
	width: calc(31%);
	margin: 1%;
}
.flex3 div.flex3_in img {
	vertical-align: bottom;
	object-fit: cover;
	width: 100%;
	height: 270px;
}
@media screen and (max-width:480px) {
	.flex3 div.flex3_in {
		width: calc(46%);
		margin: 2%;
	}
}
/*３カラム2カラム*/
.click {
	text-align: center;
	margin: 4% 0;
}
.click p {
	background-color: #F4F4F4;
	padding: 5px 30px;
	width: auto;
	text-align: center;
	display: inline-block;
	border-radius: 8px;
	color: #616161;
}
/*Gallery*/
/*----------------------------------------------------------------*/
/* サイトマップ*/
/*----------------------------------------------------------------*/
.sitemap ul {
	list-style: none;
}
.sitemap ul li a {
	color: #383838;
}
.sitemap ul li ul {
	margin-top: .8em;
	margin-bottom: .75em;
	margin-left: 30px;
	line-height: 2em;
}
.sitemap ul li ul li {
	margin-bottom: .25em;
	position: relative;
}
.sitemap ul li ul li::before {
	content: "";
	position: absolute;
	top: -0.5em;
	left: -16px;
	width: 10px;
	height: calc(100% + .75em);
	border-left: 1px solid #999;
}
.sitemap ul li ul li:last-child::before {
	height: calc(1em + .25em);
}
.sitemap ul li ul li::after {
	content: "";
	position: absolute;
	top: .75em;
	left: -16px;
	width: 10px;
	border-bottom: 1px solid #999;
}
/*----------------------------------------------------------------*/
/* サイトマップ*/
/*----------------------------------------------------------------*/
/*2カラム1カラム*/
.flex_img {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.flex_img .flex_img_in_left {
	width: calc(56%);
	margin: 2%;
	padding: 0;
}
.flex_img .flex_img_in_right {
	width: calc(36%);
	margin: 2%;
	padding: 0;
}
.flex_img img {
	width: 100%;
	padding-top: 0;
}
@media screen and (max-width: 768px) {
	.flex_img .flex_img_in_left {
		order: 1;
	}
	.flex_img .flex_img_in_right {
		order: 2;
	}
}
.flex_img .txt {
	font-size: 1.4em;
	color: #006605;
	font-weight: 600;
}
@media screen and (max-width: 790px) {
	.flex_img {}
	.flex_img .flex_img_in_left {
		width: calc(100%);
		margin: 0 auto;
		padding: 2%;
		text-align: center;
	}
	.flex_img .flex_img_in_right {
		width: calc(100%);
		margin: 0 auto;
		padding: 2%;
		text-align: center;
	}
	.flex_img img {
		max-width: 60%;
	}
}
/*2カラム1カラム*/
.ttl03 {
	background-color: #F4F4F4;
	padding: 5px 10px;
	font-weight: 600;
	margin: 20px 0 20px;
}
ul li {
	list-style: none;
}
.box_gly {
	background-color: #F4F4F4;
	padding: 2%;
	margin: 2% 0 3%;
}
/*お問い合わせ*/
section.contact {
	background-color: #F4F4F4;
}
.otoi_tel {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
}
.otoi_tel a {
	color: #000;
}
@media screen and (max-width: 790px) {
	.otoi_tel {
		font-size: 23px;
		font-weight: 600;
		text-align: center;
	}
}
/*トップページ*/ /* added at Feb 23, 2022 */
.f-sns ul {
	display: flex;
	justify-content: center;
	margin: 50px auto;
}
.f-sns ul li {
	padding: 0 7px 0 8px;
	width: 55px;
}
/*PC
-----------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px) {
	/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
	#history .device-sp {
		display: none;
	}
	#history .device-pc {
		display: block;
	}
	/* --------------------------------------------------------------------------------
山本海苔店のあゆみ
-------------------------------------------------------------------------------- */
	#history {
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	}
	#history a {
		color: #333;
	}
	#history h2 img {
		width: 600px;
		/*width: 645px;*/
		margin: 0 auto;
	}
	#history section figure {
		background: inherit;
	}
	/* ----------------------------------------
メニュー
---------------------------------------- */
	#history .menu-list {
		position: relative;
		width: 1284px;
		height: 895px;
		margin: -145px auto 90px;
		background: url("../img/history/bg-menu.png") no-repeat 0 0;
	}
	#history .menu-list .menu-list-box {
		/*padding: 270px 170px 0 0;*/
		padding: 250px 170px 0 0;
	}
	#history .menu-list ul {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
	}
	#history .menu-list ul li {
		position: relative;
		/*padding: 0 0 0 39px;*/
		padding: 0 0 0 20px;
	}
	#history .menu-list ul li.list-1858 {
		padding-top: 20px;
	}
	#history .menu-list ul li.list-1869 {
		padding-top: 12px;
	}
	#history .menu-list ul li.list-1902 {
		margin-top: -2px;
	}
	#history .menu-list ul li.list-1946 {
		margin-top: -27px;
	}
	#history .menu-list ul li.list-1965 {
		margin-top: -43px;
	}
	#history .menu-list ul li.list-1978 {
		margin-top: -55px;
	}
	#history .menu-list ul li.list-2014 {
		margin-top: -65px;
	}
	#history .menu-list ul li.list-2019 {
		margin-top: -40px;
	}
	#history .menu-list li a {
		display: flex;
		flex-direction: row-reverse;
		text-decoration: none;
	}
	#history .menu-list ul li a .num {
		/* 縦中横で配置する */
		text-combine-upright: all;
	}
	#history .menu-list ul li .datetime {
		padding: 0 0 0 10px;
		writing-mode: vertical-rl;
		font-size: 19px;
		font-weight: bold;
		color: #1E5E2D;
	}
	#history .menu-list ul li .title {
		padding: 33px 0 0;
		writing-mode: vertical-rl;
		font-size: 26px;
		font-weight: bold;
		/*background: url("../img/history/icon-menu-arr.svg") no-repeat 7px 0;*/
		background: url("../img/history/icon-menu-arr.svg") no-repeat 13px 0;
		background-size: 23px auto;
	}
	#history .menu-list ul li:hover .title {
		background-image: url("../img/history/icon-menu-arr-hover.svg");
	}
	/* ----------------------------------------
history details
---------------------------------------- */
	#history .details {
		width: 1100px;
		margin: 0 auto;
		padding: 0 0 245px;
	}
	/* point */
	#history .details .point {
		position: absolute;
	}
	#history .details .point-0 {
		right: -43px;
	}
	#history .details .point-1 {
		top: 32px;
		right: -43px;
		border-top: solid 14px #fff;
		border-bottom: solid 14px #fff;
	}
	#history .details .point-2 {
		top: 32px;
		left: -43px;
		border-top: solid 14px #fff;
		border-bottom: solid 14px #fff;
	}
	#history .details .point-1a {
		top: 92px;
		right: -43px;
		border-top: solid 14px #fff;
		border-bottom: solid 14px #fff;
	}
	#history .details .point-2a {
		top: 92px;
		left: -43px;
		border-top: solid 14px #fff;
		border-bottom: solid 14px #fff;
	}
	#history .details .point-end {
		bottom: 0;
		left: calc(50% - 8px);
		border-top: solid 14px #fff;
	}
	#history .details .point img {
		display: block;
		width: 17px;
		height: 17px;
	}
	/* li-heading */
	#history .details .details-box {
		position: relative;
		background: url("../img/history/bg-history.svg") repeat-y 50% 0;
		background-size: 3px auto;
	}
	#history .details .li-heading {
		position: relative;
		padding: 80px 0 25px;
	}
	#history .details .li-heading h3 {
		position: absolute;
		top: 0;
		display: flex;
	}
	#history .details .li-heading h3 img {
		width: auto;
		height: 135px;
	}
	#history .details .li-heading p {
		position: relative;
		z-index: 5;
		line-height: 1.2;
		font-size: 23px;
		font-weight: bold;
	}
	/* 日本初 */
	/*
mark-nihon-hatsu-2とすると右側用になります。
うまくいかないときは個別に（例）#1971等に追加して調整してください。
*/
	#history .details .li-heading p.mark-nihon-hatsu {
		position: relative;
	}
	#history .details .li-heading p.mark-nihon-hatsu span {
		position: relative;
		top: -7px;
		content: '';
		min-height: 37px;
		box-sizing: border-box;
		display: table;
		padding: 8px 0 0 76px;
		background: url("../img/history/icon-nihon-hatsu.svg") no-repeat 0 100%;
		background-size: 70px auto;
	}
	/* （左）←日本初 */
	#history .details .li-heading p.mark-nihon-hatsu-1 span {
		margin: 0 0 0 auto;
	}
	/* （右）日本初→ */
	#history .details .li-heading p.mark-nihon-hatsu-2 span {
		margin: 8px 0 0 0;
		padding: 8px 76px 0 0;
		background: url("../img/history/icon-nihon-hatsu.svg") no-repeat 100% 100%;
		background-size: 70px auto;
	}
	/*
↓コンテンツが増えたときにulの高さを変更してください。

*/
	#history .details > .details-box > ul {
		height: 9725px;
	}
	#history .details > .details-box > ul > li {
		width: 515px;
	}
	#history .details > .details-box > ul > li .txt {
		position: relative;
		width: 510px;
		background: #F5F5F0;
		padding: 25px 30px;
		color: #000;
		box-sizing: border-box;
	}
	#history .details ul li p {
		line-height: 1.7;
	}
	#history .details ul li .txt::before {
		content: '';
		position: absolute;
		top: -25px;
		display: block;
		width: 0;
		height: 0;
	}
	#history .details ul li .txt-1::before {
		right: 40px;
		border-right: 18px solid transparent;
		border-bottom: 25px solid #F5F5F0;
		border-left: 18px solid transparent;
	}
	#history .details ul li .txt-2::before {
		left: 40px;
		border-right: 18px solid transparent;
		border-bottom: 25px solid #F5F5F0;
		border-left: 18px solid transparent;
	}
	/* ----------------------------------------
section-1
---------------------------------------- */
	#history .details .section-1 .li-heading h3 {
		top: 0;
		right: 0;
		justify-content: flex-end;
	}
	#history .details .section-1 .li-heading p {
		text-align: right;
	}
	/* ----------------------------------------
section-2
---------------------------------------- */
	#history .details .section-2 .li-heading h3 {
		position: absolute;
		top: 0;
		left: 0;
	}
	#history .details .section-2 .li-heading p {
		text-align: left;
	}
	/* ----------------------------------------
個別指定
---------------------------------------- */
	/* ----------1849---------- */
	#history .details #section-1849 {
		position: absolute;
		top: -50px;
	}
	#history .details #section-1849 .point {
		top: 106px;
	}
	#history .details #section-1849 .point {}
	/* ----------1858---------- */
	#history .details #section-1858 {
		position: absolute;
		top: 100px;
		right: 0;
	}
	#history .details #section-1858 .txt-img {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0 0 10px;
	}
	#history .details #section-1858 .txt-img .txt-box {
		width: 280px;
	}
	#history .details #section-1858 .txt-img .img {
		width: 140px;
	}
	#history .details #section-1858 .txt-img .img figure figcaption {
		text-align: center;
	}
	#history .details #section-1858 .txt-img .img img {
		width: 140px;
	}
	/* ----------1869---------- */
	#history .details #section-1869 {
		position: absolute;
		top: 461px;
		left: 0;
	}
	#history .details #section-1869 .txt-first {
		padding: 0 0 15px;
	}
	#history .details #section-1869 .txt-1 .img-1 img {
		display: block;
		width: 158px;
	}
	#history .details #section-1869 .txt-1 .txt-img-1 {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0 0 20px;
	}
	#history .details #section-1869 .txt-1 .txt-img-1 .txt-box {
		width: 280px;
	}
	#history .details #section-1869 .txt-1 .img-1 figure figcaption {
		text-align: center;
	}
	#history .details #section-1869 .txt-2 .txt-img-2 .txt-box {
		width: 280px;
	}
	#history .details #section-1869 .txt-1 .img-2 img {
		display: block;
		width: 135px;
	}
	#history .details #section-1869 .txt-1 .img-2 figure figcaption {
		text-align: center;
	}
	#history .details #section-1869 .txt-img-2 {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1869 .txt-img-2 .txt-second {
		width: 280px;
	}
	#history .details #section-1869 .img-1869-3 {
		position: absolute;
		right: 0;
	}
	#history .details #section-1869 .img-1869-3 {
		position: absolute;
		right: -365px;
		top: 330px;
	}
	#history .details #section-1869 .img-1869-3 img {
		display: block;
		width: 305px;
	}
	/* ----------1882---------- */
	#history .details #section-1882 {
		position: absolute;
		top: 1205px;
		right: 0;
	}
	#history .details #section-1882 .point-2 {
		top: 20px;
	}
	#history .details #section-1882 h3 img {
		width: 175px;
	}
	#history .details #section-1882 p {
		font-size: 17px;
	}
	/* ----------1900---------- */
	#history .details #section-1900 {
		position: absolute;
		top: 1490px;
		left: 0;
	}
	#history .details #section-1900 h3 img {}
	#history .details #section-1900 p {}
	/* ----------1902---------- */
	#history .details #section-1902 {
		position: absolute;
		top: 1640px;
		right: 0;
	}
	#history .details #section-1902 .txt-img {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1902 .txt-img .txt-box {
		width: 290px;
	}
	#history .details #section-1902 .img-1 {
		width: 137px;
	}
	#history .details #section-1902 .img-1 img {
		display: block;
		width: 137px;
	}
	#history .details #section-1902 .img-1 figure figcaption {
		text-align: center;
	}
	#history .details #section-1902 .img-1902-2 {
		position: absolute;
		top: -200px;
		right: 0;
	}
	#history .details #section-1902 .img-1902-2 img {
		width: 369px;
	}
	/* ----------1917---------- */
	#history .details #section-1917 {
		position: absolute;
		top: 1918px;
		left: 0;
	}
	#history .details #section-1917 h3 img {}
	#history .details #section-1917 p {}
	/* ----------1923---------- */
	#history .details #section-1923 {
		position: absolute;
		top: 2185px;
		right: 0;
	}
	/* ----------1931---------- */
	#history .details #section-1931 {
		position: absolute;
		top: 2340px;
		left: 0;
	}
	#history .details #section-1931 ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1931 p {
		margin: 0 0 20px;
	}
	#history .details #section-1931 ul li figcaption {
		text-align: center;
	}
	#history .details #section-1931 ul li:nth-of-type(1) img {
		width: 253px;
	}
	#history .details #section-1931 ul li:nth-of-type(2) img {
		width: 166px;
	}
	/* ----------1941---------- */
	#history .details #section-1941 {
		position: absolute;
		top: 2690px;
		right: 0;
	}
	#history .details #section-1941 p {
		width: 600px;
	}
	/* ----------1945---------- */
	#history .details #section-1945 {
		position: absolute;
		top: 2925px;
		left: 0;
	}
	#history .details #section-1945 .imgs ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0 0 20px;
	}
	#history .details #section-1945 .txt-first {
		padding: 0 0 5px;
	}
	#history .details #section-1945 .imgs ul li figcaption {
		text-align: center;
	}
	#history .details #section-1945 .imgs ul li img {
		display: block;
		margin: 0 0 8px;
	}
	#history .details #section-1945 .imgs ul li:nth-of-type(1) img {
		width: 218px;
	}
	#history .details #section-1945 .imgs ul li:nth-of-type(2) img {
		width: 207px;
	}
	#history .details #section-1945 .img-1945-3 {
		padding: 10px 0;
	}
	#history .details #section-1945 .img-1945-3 img {
		display: block;
		width: 342px;
		margin: 0 auto;
	}
	/* ----------1946---------- */
	#history .details #section-1946 {
		position: absolute;
		top: 3285px;
		right: 0;
	}
	/* ----------1954---------- */
	#history .details #section-1954 {
		position: absolute;
		top: 3850px;
		left: 0;
	}
	#history .details #section-1954 .txt-first {
		padding: 0 0 20px;
	}
	#history .details #section-1954 .txt-img-1 {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1954 .txt-img-1 .txt-box {
		width: 220px;
	}
	#history .details #section-1954 .img-1 img {
		display: block;
		width: 218px;
		margin: 0 0 5px;
	}
	#history .details #section-1954 .img-1 figcaption {
		text-align: center;
	}
	#history .details #section-1954 .img-1954-2 {
		position: absolute;
		right: 0;
		top: 200px;
	}
	#history .details #section-1954 .img-1954-2 {
		position: absolute;
		right: -405px;
		top: 60px;
	}
	#history .details #section-1954 .img-1954-2 img {
		display: block;
		width: 347px;
	}
	/* ----------1961---------- */
	#history .details #section-1961 {
		position: absolute;
		top: 4260px;
		right: 0;
	}
	#history .details #section-1961 .point-2 {
		top: 20px;
	}
	#history .details #section-1961 h3 img {
		width: 175px;
	}
	#history .details #section-1961 p {
		font-size: 17px;
	}
	/* ----------1963---------- */
	#history .details #section-1963 {
		position: absolute;
		top: 4495px;
		left: 0;
	}
	#history .details #section-1963 h3 img {
		width: 175px;
	}
	#history .details #section-1963 p {
		font-size: 17px;
	}
	/* ----------1965---------- */
	#history .details #section-1965 {
		position: absolute;
		top: 4610px;
		right: 0;
	}
	#history .details #section-1965 .txt-first {
		padding: 0 0 20px;
	}
	#history .details #section-1965 .imgs ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1965 .imgs ul li:nth-of-type(1) {
		width: 134px;
	}
	#history .details #section-1965 .imgs ul li:nth-of-type(2) {
		width: 271px;
	}
	#history .details #section-1965 .imgs ul li img {
		width: 100%;
	}
	#history .details #section-1965 .imgs ul li figcaption {
		text-align: center;
	}
	#history .details #section-1965 p.mark-nihon-hatsu {
		width: 600px;
	}
	#history .details #section-1965 .img-1965-3 {
		position: absolute;
		left: -405px;
		top: 100px;
	}
	#history .details #section-1965 .img-1965-3 img {
		width: 335px;
	}
	/* ----------1966---------- */
	#history .details #section-1966 {
		position: absolute;
		top: 5165px;
		left: 0;
	}
	#history .details #section-1966 h3 img {
		width: 175px;
	}
	#history .details #section-1966 p {
		font-size: 17px;
	}
	/* ----------1967---------- */
	#history .details #section-1967 {
		position: absolute;
		top: 5405px;
		right: 0;
	}
	#history .details #section-1967 .txt-img {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1967 .txt-img .txt-box {
		width: 290px;
	}
	#history .details #section-1967 .img-1 img {
		width: 140px;
	}
	#history .details #section-1967 .img-1 figcaption {
		text-align: center;
	}
	/* ----------1971---------- */
	#history .details #section-1971 {
		position: absolute;
		top: 5645px;
		left: 0;
	}
	#history .details #section-1971 ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .details #section-1971 p {
		margin: 0 0 20px;
	}
	#history .details #section-1971 ul li figcaption {
		text-align: center;
	}
	#history .details #section-1971 ul li:nth-of-type(1) img {
		width: 210px;
	}
	#history .details #section-1971 ul li:nth-of-type(2) img {
		width: 210px;
	}
	/* ----------1972---------- */
	#history .details #section-1972 {
		position: absolute;
		top: 5940px;
		right: 0;
	}
	#history .details #section-1972 .point-2 {
		top: 20px;
	}
	#history .details #section-1972 h3 img {
		width: 175px;
	}
	#history .details #section-1972 p {
		font-size: 17px;
	}
	/* ----------1976---------- */
	#history .details #section-1976 {
		position: absolute;
		top: 6255px;
		right: 0;
	}
	#history .details #section-1976 .point-2 {
		top: 20px;
	}
	#history .details #section-1976 h3 img {
		width: 175px;
	}
	#history .details #section-1976 p {
		font-size: 17px;
	}
	/* ----------1974---------- */
	#history .details #section-1974 {
		position: absolute;
		top: 6145px;
		left: 0;
	}
	#history .details #section-1974 h3 img {
		width: 175px;
	}
	#history .details #section-1974 p {
		font-size: 17px;
	}
	/* ----------1978---------- */
	#history .details #section-1978 {
		position: absolute;
		top: 6380px;
		left: 0;
	}
	#history .details #section-1978 h3 img {}
	#history .details #section-1978 p {}
	/* ----------1992---------- */
	#history .details #section-1992 {
		position: absolute;
		top: 6725px;
		right: 0;
	}
	#history .details #section-1992 h3 img {}
	#history .details #section-1992 p {}
	/* ----------2000---------- */
	#history .details #section-2000 {
		position: absolute;
		top: 6865px;
		left: 0;
	}
	#history .details #section-2000 h3 img {
		width: 175px;
	}
	#history .details #section-2000 p {
		text-align: right;
		font-size: 17px;
	}
	/* ----------2002---------- */
	#history .details #section-2002 {
		position: absolute;
		top: 7050px;
		right: 0;
	}
	#history .details #section-2002 h3 img {}
	#history .details #section-2002 p {}
	#history .details #section-2002 .img-2002-1 {
		padding: 0 0 0 50px;
	}
	#history .details #section-2002 .img-2002-1 img {
		display: block;
		width: 161px;
	}
	/* ----------2003---------- */
	#history .details #section-2003 {
		position: absolute;
		top: 7290px;
		left: 0;
	}
	#history .details #section-2003 h3 img {}
	#history .details #section-2003 p {}
	#history .details #section-2003 .txt-1 .img-2003-1 {
		float: right;
		width: 156px;
	}
	#history .details #section-2003 .txt-1 .img-2003-1 img {
		width: 100%;
		margin: 0 0 15px 15px;
	}
	/* ----------2007---------- */
	#history .details #section-2007 {
		position: absolute;
		top: 7620px;
		right: 0;
	}
	#history .details #section-2007 h3 img {}
	#history .details #section-2007 p {}
	/* ----------2009---------- */
	#history .details #section-2009 {
		position: absolute;
		top: 7910px;
		left: 0;
	}
	#history .details #section-2009 h3 img {}
	#history .details #section-2009 p {}
	#history .details #section-2009 .img-2003-1 {}
	#history .details #section-2009 .img-2009-1 img {
		display: block;
		width: 320px;
		margin: 0 0 0 auto;
	}
	/* ----------2011---------- */
	#history .details #section-2011 {
		position: absolute;
		top: 8280px;
		right: 0;
	}
	#history .details #section-2011 h3 img {}
	#history .details #section-2011 p {}
	/* ----------2014---------- */
	#history .details #section-2014 {
		position: absolute;
		top: 8425px;
		left: 0;
	}
	#history .details #section-2014 h3 img {}
	#history .details #section-2014 p {
		padding: 0 0 20px;
	}
	#history .details #section-2014 .img-2014-1 img {
		display: block;
		width: 340px;
		margin: 0 auto 5px;
	}
	#history .details #section-2014 .img-2014-1 figcaption {
		text-align: center;
	}
	/* ----------2015---------- */
	#history .details #section-2015 {
		position: absolute;
		top: 8735px;
		right: 0;
	}
	#history .details #section-2015 h3 img {}
	#history .details #section-2015 p {}
	/* ----------2016---------- */
	#history .details #section-2016 {
		position: absolute;
		top: 9085px;
		left: 0;
	}
	#history .details #section-2016 h3 img {
		width: 175px;
	}
	#history .details #section-2016 p {
		text-align: right;
		font-size: 17px;
	}
	/* ----------2019---------- */
	#history .details #section-2019 {
		position: absolute;
		top: 9200px;
		right: 0;
	}
	#history .details #section-2019 h3 img {}
	#history .details #section-2019 p {}
	/* ----------2021---------- */
	#history .details #section-2021 {
		position: absolute;
		top: 9315px;
		left: 0;
	}
	#history .details #section-2021 h3 img {}
	#history .details #section-2021 p {}
	/* ----------2022---------- */
	#history .details #section-2022 {
		position: absolute;
		top: 9485px;
		right: 0;
	}
	#history .details #section-2022 h3 img {}
	#history .details #section-2022 p {}
	/* --------------------------------------------------------------------------------
フェードスライドイン
-------------------------------------------------------------------------------- */
	#history .details ul li.anime_section {
		transform: translateY(100px);
		opacity: 0;
		visibility: hidden;
		transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
	}
	#history .details ul li.anime_section.fede_slide_in_active {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}
	/* --------------------------------------------------------------------------------
ヘッダー固定 アンカー位置調整
-------------------------------------------------------------------------------- */
	#history .details #section-1849, #history .details #section-1858, #history .details #section-1869, #history .details #section-1902, #history .details #section-1946, #history .details #section-1965, #history .details #section-1978, #history .details #section-2014, #history .details #section-2019 {
		margin-top: -60px;
		padding-top: 60px;
	}
}
/*スマホ
-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
	/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
	#history .device-sp {
		display: block;
	}
	#history .device-pc {
		display: none;
	}
	/* --------------------------------------------------------------------------------
山本海苔店のあゆみ
-------------------------------------------------------------------------------- */
	#history {
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	}
	#history a {
		color: #333;
	}
	#history img {
		width: 100%;
	}
	#history h2 img {
		width: 75.5vw;
		margin: 0 0 0 12vw;
	}
	#history section figure {
		background: inherit;
	}
	/* ----------------------------------------
メニュー
---------------------------------------- */
	#history .menu-list {
		position: relative;
		margin: -8vw 0 10vw 0;
		padding: 0 5vw 0 0;
		z-index: 2;
		-webkit-overflow-scrolling: touch;
	}
	#history .menu-list .menu-list-wrapper {
		position: relative;
		z-index: 1;
		width: 100%;
		padding: 33.5vw 0 0 1vw;
		box-sizing: border-box;
		overflow: auto;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		background: url("../img/history-device/img-menu-list.png") no-repeat 5vw 0;
		background-size: 80vw auto;
	}
	#history .menu-list .menu-list-box {
		width: 210vw;
		height: 129.5vw;
		padding: 20vw 11vw 20vw 0;
		box-sizing: border-box;
		background: url("../img/history-device/bg-menu-list.png") no-repeat 100% 0;
		background-size: auto 100%;
		transform: translateX(0);
	}
	#history .menu-list .menu-list-box ul {}
	#history .menu-list .menu-list-box ul li {
		position: relative;
		padding: 0 0 0 3.5vw;
	}
	#history .menu-list .menu-list-box ul li.list-1858 {
		padding-top: 0;
	}
	#history .menu-list .menu-list-box ul li.list-1869 {
		padding-top: 0;
	}
	#history .menu-list .menu-list-box ul li.list-1902 {
		margin-top: 0;
	}
	#history .menu-list .menu-list-box ul li.list-1946 {
		margin-top: -3vw;
	}
	#history .menu-list .menu-list-box ul li.list-1965 {
		margin-top: -3vw;
	}
	#history .menu-list .menu-list-box ul li.list-1978 {
		margin-top: -3vw;
	}
	#history .menu-list .menu-list-box ul li.list-2014 {
		margin-top: -4vw;
	}
	#history .menu-list .menu-list-box ul li.list-2019 {
		margin-top: -3vw;
	}
	#history .menu-list .menu-list-box li a {
		display: flex;
		flex-direction: column;
		text-decoration: none;
		-ms-writing-mode: unset;
		writing-mode: unset;
	}
	#history .menu-list .menu-list-box ul li a .num {
		/* 縦中横で配置する */
		text-combine-upright: all;
	}
	#history .menu-list .menu-list-box ul li .datetime {
		padding: 0 0 0 0.5vw;
		writing-mode: vertical-rl;
		font-size: 3.5vw;
		font-weight: bold;
		color: #1E5E2D;
	}
	#history .menu-list .menu-list-box ul li .title {
		padding: 5vw 0 0;
		writing-mode: vertical-rl;
		font-size: 4vw;
		font-weight: bold;
		background: url("../img/history/icon-menu-arr.svg") no-repeat 2vw 0;
		background-size: 4vw auto;
	}
	/*
ミディアムミニコメント
-------------------- */
	/* 非表示 */
	#history .prev-next-nav {
		display: none;
	}
	#history .prev-next-nav {
		position: absolute;
		bottom: 14vw;
		left: 9vw;
		z-index: 10;
		width: 14vw;
	}
	#history .prev-next-nav ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#history .prev-next-nav ul li img {
		display: block;
		width: 6vw;
		height: 6vw;
	}
	/* ----------------------------------------
history details
---------------------------------------- */
	#history .details {
		padding: 0 0 32vw;
	}
	/* point */
	#history .details .point {}
	#history .details .point-0 {
		margin: 0 0 0 -5.3vw;
	}
	#history .details .point-1, #history .details .point-2 {
		position: absolute;
		margin: 0 0 0 -5.3vw;
		top: 4.5vw;
	}
	#history .details .point-1a, #history .details .point-2a, #history .details .point-3 {
		position: absolute;
		margin: 0 0 0 -5.3vw;
		top: 34.5vw;
	}
	#history .details .point-end {
		margin: 0 0 0 -5.3vw;
		bottom: 4vw;
	}
	#history .details .point img {
		display: block;
		width: 4vw;
		height: 4vw;
	}
	/* li-heading */
	#history .details .details-box {
		padding: 0 12vw 0 10vw;
		position: relative;
		background: url("../img/history-device/bg-history.svg") repeat-y 6.3vw 0;
		background-size: 0.6vw auto;
		padding-top: 1vw;
	}
	#history .details .li-heading {
		position: relative;
		padding: 14vw 0 8vw;
	}
	#history .details .li-heading h3 {
		position: absolute;
		top: 0;
		display: flex;
	}
	#history .details .li-heading h3 img {
		display: block;
		width: auto;
		height: 25vw;
	}
	#history .details .li-heading p {
		position: relative;
		z-index: 5;
		line-height: 1.2;
		font-size: 5.8vw;
		font-weight: bold;
	}
	/* 日本初 */
	/*
mark-nihon-hatsu-2とすると右側用になります。
うまくいかないときは個別に（例）#1971等に追加して調整してください。
*/
	#history .details .li-heading p.mark-nihon-hatsu {
		position: relative;
	}
	#history .details .li-heading p.mark-nihon-hatsu span {
		position: relative;
		top: -1vw;
		content: '';
		box-sizing: border-box;
		display: table;
		padding: 1vw 0 0 18vw;
		background: url("../img/history/icon-nihon-hatsu.svg") no-repeat 0 100%;
		background-size: 15.8vw auto;
	}
	/* スマホではどちらも共通 */
	#history .details .li-heading p.mark-nihon-hatsu-1 span, #history .details .li-heading p.mark-nihon-hatsu-2 span {
		margin: 2vw 0 0 0;
		padding: 1vw 18vw 0 0;
		background: url("../img/history/icon-nihon-hatsu.svg") no-repeat 100% 100%;
		background-size: 15.8vw auto;
	}
	#history .details > .details-box > ul {}
	#history .details > .details-box > ul > li {
		position: relative;
		padding: 0 0 15vw;
	}
	#history .details > .details-box > ul > li .txt {
		position: relative;
		background: #F5F5F0;
		margin: 0 0 5vw;
		padding: 7vw 6vw;
		color: #000;
		box-sizing: border-box;
		font-size: 4vw;
	}
	#history .details ul li p {
		line-height: 1.7;
	}
	#history .details ul li .txt::before {
		content: '';
		position: absolute;
		top: -6.5vw;
		display: block;
		width: 0;
		height: 0;
	}
	#history .details ul li .txt-1::before, #history .details ul li .txt-2::before {
		left: 14vw;
		border-right: 3vw solid transparent;
		border-bottom: 6.5vw solid #F5F5F0;
		border-left: 3vw solid transparent;
	}
	/* ----------------------------------------
section-1
---------------------------------------- */
	#history .details .section-1 .li-heading h3 {
		padding: 0 0 2vw;
	}
	#history .details .section-1 .li-heading p {}
	/* ----------------------------------------
section-2
---------------------------------------- */
	#history .details .section-2 .li-heading h3 {
		padding: 0 0 2vw;
	}
	#history .details .section-2 .li-heading p {
		text-align: left;
	}
	/* ----------------------------------------
個別指定
---------------------------------------- */
	#history .details #section-1849 {
		height: 200vw;
	}
	#history .details #section-1849 .section-1849-inner {
		position: absolute;
		margin: -3vw 0 0;
	}
	#history .details #section-1849 .point {
		position: absolute;
		margin-top: 2vw;
	}
	#history .details #section-1849 .point {}
	/* ----------1858---------- */
	#history .details #section-1858 .txt-img {}
	#history .details #section-1858 .txt-img .txt-box {}
	#history .details #section-1858 .txt-img .img {
		width: 36.8vw;
		margin: 0 auto;
		padding: 2vw 0 4vw;
	}
	#history .details #section-1858 .txt-img .img figure figcaption {
		text-align: center;
	}
	#history .details #section-1858 .txt-img .img img {
		width: 100%;
	}
	/* ----------1869---------- */
	#history .details #section-1869 .txt-first {
		padding: 0 0 4vw;
	}
	#history .details #section-1869 .txt-1 .img-1 img {
		display: block;
		width: 40vw;
		margin: 0 auto;
	}
	#history .details #section-1869 .txt-1 .txt-img-1 {
		padding: 0 0 4vw;
	}
	#history .details #section-1869 .txt-1 .txt-img-1 .txt-box {
		padding: 0 0 2vw;
	}
	#history .details #section-1869 .txt-1 .img-1 figure figcaption {
		text-align: center;
	}
	#history .details #section-1869 .txt-2 .txt-img-2 .txt-box {}
	#history .details #section-1869 .txt-1 .img-2 img {
		display: block;
		width: 33vw;
		margin: auto;
	}
	#history .details #section-1869 .txt-1 .img-2 figure figcaption {
		text-align: center;
	}
	#history .details #section-1869 .txt-img-2 {
		display: flex;
		flex-direction: column-reverse;
	}
	#history .details #section-1869 .txt-img-2 .txt-second {
		margin-bottom: 5vw;
	}
	#history .details #section-1869 .img-1869-3 {
		width: 67vw;
		margin: 0 0 0 7vw;
		padding: 5vw 0 0;
	}
	#history .details #section-1869 .img-1869-3 img {
		display: block;
	}
	/* ----------1882---------- */
	#history .details #section-1882 .point-2 {}
	#history .details #section-1882 h3 img {}
	#history .details #section-1882 p {
		width: calc(100% + 5vw);
		font-size: 5vw;
	}
	/* ----------1900---------- */
	#history .details #section-1900 h3 img {}
	#history .details #section-1900 p {}
	/* ----------1902---------- */
	#history .details #section-1902 .txt-img {}
	#history .details #section-1902 .txt-img .txt-box {}
	#history .details #section-1902 .img-1 {}
	#history .details #section-1902 .img-1 img {
		display: block;
		width: 36vw;
		margin: 0 auto;
	}
	#history .details #section-1902 .img-1 figure figcaption {
		text-align: center;
	}
	#history .details #section-1902 .img-1902-2 {
		padding: 4vw 0 0;
	}
	#history .details #section-1902 .img-1902-2 img {
		width: 100%;
	}
	/* ----------1917---------- */
	/* ----------1923---------- */
	/* ----------1931---------- */
	#history .details #section-1931 ul {}
	#history .details #section-1931 p {
		margin: 0 0 20px;
	}
	#history .details #section-1931 ul li figcaption {
		text-align: center;
	}
	#history .details #section-1931 ul li:nth-of-type(1) {
		padding: 0 0 5vw;
	}
	#history .details #section-1931 ul li:nth-of-type(1) img {
		display: block;
		width: 55vw;
		margin: 0 auto;
	}
	#history .details #section-1931 ul li:nth-of-type(2) img {
		display: block;
		width: 36vw;
		margin: 0 auto;
	}
	/* ----------1941---------- */
	#history .details #section-1941 p {}
	/* ----------1945---------- */
	#history .details #section-1945 .imgs ul {
		padding: 0 0 2vw;
	}
	#history .details #section-1945 .txt-first {
		padding: 0 0 2vw;
	}
	#history .details #section-1945 .imgs ul li figcaption {
		text-align: center;
		margin-bottom: 2vw;
	}
	#history .details #section-1945 .imgs ul li img {
		display: block;
		margin: 0 0 5vw;
	}
	#history .details #section-1945 .imgs ul li:nth-of-type(1) img {
		display: block;
		margin: 0 auto;
		width: 46vw;
	}
	#history .details #section-1945 .imgs ul li:nth-of-type(2) img {
		display: block;
		margin: 0 auto;
		width: 46vw;
	}
	#history .details #section-1945 .img-1945-3 {
		padding: 3vw 0 0;
	}
	#history .details #section-1945 .img-1945-3 img {
		display: block;
		width: 52vw;
		margin: 0 auto;
	}
	/* ----------1946---------- */
	/* ----------1954---------- */
	#history .details #section-1954 .txt-first {
		padding: 0 0 5vw;
	}
	#history .details #section-1954 .txt-img-1 {}
	#history .details #section-1954 .txt-img-1 .txt-box {}
	#history .details #section-1954 .img-1 img {
		display: block;
		width: 50vw;
		margin: 0 auto 1vw;
	}
	#history .details #section-1954 .img-1 figcaption {
		text-align: center;
	}
	#history .details #section-1954 .img-1954-2 {
		padding: 4vw 0 0;
	}
	#history .details #section-1954 .img-1954-2 img {
		display: block;
		width: 60vw;
		/*width: auto;*/
	}
	/* ----------1961---------- */
	#history #section-1961 {
		padding-bottom: 5vw;
	}
	#history .details #section-1961 .point-2 {
		top: 3vw;
	}
	#history .details #section-1961 h3 img {}
	#history .details #section-1961 p {
		font-size: 4.8vw;
	}
	/* ----------1963---------- */
	#history .details #section-1963 {
		padding-bottom: 5vw;
	}
	#history .details #section-1963 p {
		font-size: 4.8vw;
	}
	/* ----------1965---------- */
	#history .details #section-1965 .txt-first {
		padding: 0 0 2vw;
	}
	#history .details #section-1965 .imgs ul {
		width: 100%;
	}
	#history .details #section-1965 .imgs ul li:nth-of-type(1) {
		padding: 0 0 4vw;
	}
	#history .details #section-1965 .imgs ul li:nth-of-type(1) img {
		display: block;
		width: 40vw;
		margin: 0 auto;
	}
	#history .details #section-1965 .imgs ul li:nth-of-type(2) {}
	#history .details #section-1965 .imgs ul li:nth-of-type(2) img {
		display: block;
		width: 53vw;
		margin: 0 auto;
	}
	#history .details #section-1965 .imgs ul li img {
		width: 100%;
	}
	#history .details #section-1965 .imgs ul li figcaption {
		text-align: center;
	}
	#history .details #section-1965 p.mark-nihon-hatsu {
		width: calc(100% + 5vw);
	}
	#history .details #section-1965 .img-1965-3 {}
	#history .details #section-1965 .img-1965-3 img {
		width: 62.5vw;
		margin: 0 auto;
	}
	/* ----------1966---------- */
	#history .details #section-1966 h3 img {}
	#history .details #section-1966 p {
		width: calc(100% + 5vw);
		font-size: 4.8vw;
	}
	/* ----------1967---------- */
	#history .details #section-1967 {
		padding-bottom: 5vw;
	}
	#history .details #section-1967 .txt-img {}
	#history .details #section-1967 .txt-img .txt-box {}
	#history .details #section-1967 .img-1 img {
		display: block;
		width: 36vw;
		margin: 0 auto;
	}
	#history .details #section-1967 .img-1 figcaption {
		text-align: center;
	}
	/* ----------1971---------- */
	#history .details #section-1971 {
		padding-bottom: 5vw;
	}
	#history .details #section-1971 ul {}
	#history .details #section-1971 p {
		margin: 0 0 2vw;
	}
	#history .details #section-1971 ul li figcaption {
		text-align: center;
	}
	#history .details #section-1971 ul li:nth-of-type(1) {
		padding: 0 0 5vw;
	}
	#history .details #section-1971 ul li:nth-of-type(1) img {
		display: block;
		margin: 0 auto;
		width: 53vw;
	}
	#history .details #section-1971 ul li:nth-of-type(2) img {
		display: block;
		margin: 0 auto;
		width: 53vw;
	}
	/* ----------1972---------- */
	#history .details #section-1972 {
		padding-bottom: 5vw;
	}
	#history .details #section-1972 .point-2 {}
	#history .details #section-1972 p {
		font-size: 4.8vw;
	}
	/* ----------1976---------- */
	#history .details #section-1976 {
		padding-bottom: 5vw;
	}
	#history .details #section-1976 .point-2 {}
	#history .details #section-1976 p {
		width: calc(100% + 5vw);
		font-size: 4.8vw;
	}
	/* ----------1974---------- */
	#history .details #section-1974 {
		padding-bottom: 5vw;
	}
	#history .details #section-1974 h3 img {}
	#history .details #section-1974 p {
		font-size: 4.8vw;
	}
	/* ----------1978---------- */
	#history .details #section-1978 {
		padding-bottom: 5vw;
	}
	#history .details #section-1978 h3 img {}
	#history .details #section-1978 p {}
	/* ----------1992---------- */
	#history .details #section-1992 {
		padding-bottom: 5vw;
	}
	#history .details #section-1992 h3 img {}
	#history .details #section-1992 p {}
	/* ----------2000---------- */
	#history .details #section-2000 {
		padding-bottom: 5vw;
	}
	#history .details #section-2000 h3 img {}
	#history .details #section-2000 p {
		font-size: 4.8vw;
	}
	/* ----------2002---------- */
	#history .details #section-2002 {
		padding-bottom: 5vw;
	}
	#history .details #section-2002 h3 img {}
	#history .details #section-2002 p {
		font-size: 4.8vw;
	}
	#history .details #section-2002 .img-2002-1 {
		padding: 0 0 0;
	}
	#history .details #section-2002 .img-2002-1 img {
		display: block;
		width: 33vw;
		margin: 0 auto;
	}
	/* ----------2003---------- */
	#history .details #section-2003 {
		padding-bottom: 5vw;
	}
	#history .details #section-2003 h3 img {}
	#history .details #section-2003 .txt-1 {
		display: flex;
		flex-direction: column-reverse;
	}
	#history .details #section-2003 p {}
	#history .details #section-2003 .txt-1 .img-2003-1 {
		width: 50vw;
		margin: 0 auto;
		padding: 3vw 0 0;
	}
	#history .details #section-2003 .txt-1 .img-2003-1 img {
		display: block;
		width: 100%;
	}
	/* ----------2007---------- */
	#history .details #section-2007 {
		padding-bottom: 5vw;
	}
	#history .details #section-2007 h3 img {}
	#history .details #section-2007 p {
		font-size: 4.8vw;
	}
	/* ----------2009---------- */
	#history .details #section-2009 {
		padding-bottom: 5vw;
	}
	#history .details #section-2009 h3 img {}
	#history .details #section-2009 p {
		width: calc(100% + 5vw);
	}
	#history .details #section-2009 .img-2003-1 {}
	#history .details #section-2009 .img-2009-1 img {
		display: block;
		width: 60vw;
		margin: 0 auto;
	}
	/* ----------2011---------- */
	#history .details #section-2011 {
		padding-bottom: 5vw;
	}
	#history .details #section-2011 h3 img {}
	#history .details #section-2011 p {}
	/* ----------2014---------- */
	#history .details #section-2014 {
		padding-bottom: 5vw;
	}
	#history .details #section-2014 h3 img {}
	#history .details #section-2014 p {
		padding: 0 0 3vw;
	}
	#history .details #section-2014 .img-2014-1 img {
		display: block;
		width: 56vw;
		margin: 0 auto 2vw;
	}
	#history .details #section-2014 .img-2014-1 figcaption {
		text-align: center;
	}
	/* ----------2015---------- */
	#history .details #section-2015 {
		padding-bottom: 5vw;
	}
	#history .details #section-2015 h3 img {}
	#history .details #section-2015 p {}
	/* ----------2016---------- */
	#history .details #section-2016 {
		padding-bottom: 5vw;
	}
	#history .details #section-2016 h3 img {}
	#history .details #section-2016 p {
		font-size: 4.8vw;
	}
	/* ----------2019---------- */
	#history .details #section-2019 {
		padding-bottom: 5vw;
	}
	#history .details #section-2019 h3 img {}
	#history .details #section-2019 p {}
	/* ----------2021---------- */
	#history .details #section-2021 {
		padding-bottom: 5vw;
	}
	#history .details #section-2021 h3 img {}
	#history .details #section-2021 p {}
	/* ----------2022---------- */
	#history .details #section-2022 {
		padding-bottom: 0;
	}
	#history .details #section-2022 h3 img {}
	#history .details #section-2022 p {}
	/* --------------------------------------------------------------------------------
フェードスライドイン
-------------------------------------------------------------------------------- */
	#history .details ul li.anime_section {
		transform: translateY(30vw);
		opacity: 0;
		visibility: hidden;
		transition: transform 0.5s, opacity 0.5s, visibility 0.5s;
	}
	#history .details ul li.anime_section.fede_slide_in_active {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}
	/* --------------------------------------------------------------------------------
ヘッダー固定 アンカー位置調整
-------------------------------------------------------------------------------- */
	#history .details #section-1849, #history .details #section-1858, #history .details #section-1869, #history .details #section-1902, #history .details #section-1946, #history .details #section-1965, #history .details #section-1978, #history .details #section-2014, #history .details #section-2019 {
		margin-top: -30vw;
		padding-top: 30vw;
	}
}