@charset "UTF-8";


/****************************
	sp
*****************************/

.sp {
	display: none !important;
}

@media only screen and (max-width: 979px) and (min-width: 641px)  {

	
	/************************
		top
	*************************/
	.swiper-slider__title {
		font-size: 4vw!important;
	}

	.show-section__title {
		font-size: 4vw!important;
	}

	.showa-article__title {
		font-size: 4vw!important;
	}

	/************************
		message
	*************************/

	.swiper--content .swiper-slider__content {
		font-size: 3vw!important;
	}

	.swiper--content .swiper-slider__signature {
		font-size: 2vw!important;
	}

	.swiper--content .swiper-slider__signature span {
		font-size: 4vw!important;
	}
	
	.show-article__text,
	.article--image__left p {
		font-size: 2vw!important;
	}
}

@media only screen and (min-device-width: 641px) and (max-device-width: 1024px) and (orientation:portrait) {
	.history__content {
		padding: 35% 0!important;
	}
}

/************************
	header
*************************/

.showa-header-container {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}

.showa-header__logo {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	display: block;
}

.showa-header__logo:hover {
	opacity: 0.5;
	transition: 0.5s;
}

.showa-header__logo img {
	width: 100%;
	height: auto;
}

.swiper-container{
	width:100%;
	height:100%;
	overflow:hidden;
}

.swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}

.swiper-slide img {
	width:100%;
	height:auto;
}

.swiper-slider__title {
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 1);
	position: absolute;
	color: #fff;
	font-size: 36px;
	top: 50%;
	left: 0;
	right: 0;
	font-weight: bold;
}

/************************
	content
*************************/

.showa-container {
	max-width: 980px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.show-inner__container{
	text-align: center;
	width: 100%;
	margin-top: 50px;
}

.show-section__title {
	width: 100%;
	height: auto;
	margin-bottom: 70px;
}

.show-section__title img {
	width: 100%;
	height: auto;
}

.showa-article{
	min-width:100%;
}

.showa-article__title {
	font-family: 'NotoSerifCJKjp-Bold', sans-serif;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 0.3em;
	margin-bottom: 70px;
	line-height: 1;
}

.show-article__text{
	margin: 0 auto;
	font-size: 21px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	font-family: 'NotoSerifCJKjp-ExtraLight',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/************************
	buttons
*************************/

.show-button {
	max-width: 980px;
	position: relative;
	margin: 100px auto;
}

.showa-button__container {
	width: 100%;
}

.showa-button {
	width: 47%;
	float:left;
	box-sizing: border-box;
	border: 2px solid #DDDDDD;
}

.showa-button:last-child {
	margin-right: 0;
	margin-left: 6%;
}

.showa-button a {
	display: block;
}

.showa-button a:hover {
	opacity: 0.9;
	transition: 0.2s;
}

.showa-button a img {
	width: 100%;
	height: auto;
}

.pagetop {
	position: absolute;
	right: 0;
	bottom: -80px;
	color: #0B409A;
}

.pagetop a {
	display: block;
	color: #0B409A;
}

.pagetop a:hover {
	transition: 0.2s;
	opacity: 0.8;
}

/************************
	footer
*************************/

.showa-footer {
	border-top: 1px solid #A4A4A4;
	max-width: 980px;
	padding: 12px 0 40px;
	margin: 0 auto;
	text-align: center;
}

.showa-footer img {
	width: 74px;
	height: 17px;
	margin-right: 35px;
}

.footer--copyright {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 0.7;
	color: #666666;
}

/************************
	message
*************************/

/************************
	header
*************************/

.message .swiper-slider__title {
	text-shadow: none;
}

.swiper--content {
	position: absolute;
	width: 65%;
	left: 3%;
	top: 23%;
	text-align: left;
}

.swiper--content .swiper-slider__title {
	width: 50%;
	height: auto;
}

.swiper--content .swiper-slider__content {
	margin-top: 50px;
	font-size: 30px;
	line-height: 1.6;
}

.swiper--content .swiper-slider__signature {
	margin-top: 15%;
	margin-left: 35%;
	font-size: 18px;
	line-height: 1.2;
}

.swiper--content .swiper-slider__signature span {
	font-size: 36px;
}

/************************
	content
*************************/


.message .show-article__text {
	font-family: Helvetica Neue, Helvetica, Arial, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.article--image__left {
	width: 100%;
	margin: 45px 0;
	text-align: left;
}

.article--image__left img {
	float: left;
	width: 232px;
	height: auto;
	margin-right: 25px;
}

.article--image__left p {
	font-size: 21px;
	line-height: 1.6;
	letter-spacing: 0.125em;
}

.message .show-article__text {
	text-align: left;
}

/************************
	history
*************************/

.history_kv {
	text-align: center;
}

.history_kv .show-section__title {
	padding-top: 120px;
	margin-bottom: 50px;
}

.history_kv .swiper-slider__content {
	color: #0B409A;
	font-size: 60px;
	line-height: 1.2;
	font-weight: bold;
}

.history_kv .swiper-slider__content span {
	font-size: 110px;
}

.history--title {
	width: 250px;
	height: auto;
	margin: 0 auto;
}

.history--title img {
	width: 100%;
	height: auto;
}

/************************
	content
*************************/

.showa-container.history {
	width: 100%;
	box-sizing: border-box;
	margin: 60px auto 0;
	text-align: center;
}

.history .show-inner__container {
	max-width: 980px;
	margin: 0 auto;
}

.history__content--history {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	height: 75vh;
	display: table;
}

.history__date {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.history__date--text {
	margin: 0 auto;
	width: 350px;
	height: 350px;
	background: #0B409A;
	background-size: 50%;
	border-radius: 50%;

}

.history__content--history h3 {
	font-family: 'Copperplate';
	font-weight: bold;
	font-size: 50px;
	color: #fff;
	line-height: 1;
	padding-top: 30%;
}

/*.history__date--animate h3 {
	-webkit-animation-name: textAnimate; 
	-webkit-animation-duration: 2s; 
	animation-name: textAnimate;
	animation-duration: 2s;
}*/

@-webkit-keyframes textAnimate {
    0%   {padding-top: 400px;}
    100% {padding-top: 0;}
}

@keyframes textAnimate {
    0%   {padding-top: 400px;}
    100% {padding-top: 0;}
}

.history__content {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	height: 75vh;
	min-height: 650px;
	max-height: 700px;
	display: table;
	vertical-align: middle;
}

.history__table {
	display: table-cell;
	vertical-align: middle;
}

.history__content.history__content--text {
    padding: 25% 0;
}

.history__content.history__content--text p {
    font-size: 2.5vw;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0 15%;
    top: 45%;
	font-weight: bold;
	box-sizing: border-box;
}

.history__table a {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	color: #333333;
	font-size: 19px;
	letter-spacing: 0.125em;
	line-height: 1.5;
	text-decoration: underline;
	transition: all .2s linear;
}

.history__table a:hover {
	opacity: .7;
}

.p__reset {
	text-align: left;
}

.history__content h3 {
	font-family: 'Copperplate';
	font-weight: bold;
	font-size: 55px;
	color: #0B409A;
	line-height: 1;
	margin-bottom: 10px;
}

.history__content .history_image_content {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10%;
	height: auto;
	margin-bottom: 10px;
	max-height: 275px;
}

.adjust__height,
.adjust__height img {
	max-height: 275px !important;
}

.oneimg-portrait {
	height: 100% !important;
}

.oneimg img {
	max-width: 350px;
	max-height: 275px;
	height: auto;
}

.oneimg02 img {
	max-width: 500px;
	max-height: unset;
	height: auto;
}

.oneimg-portrait img {
	width: auto;
	max-width: 250px;
	max-height: 275px;
	height: 100%;
}

.twoimg img {
	max-width: 380px;
	width: 48%;
	height: auto;
	display: inline-block;
	max-height: 225px;
}

.twoimg img:first-child {
	padding-right: 2%;
}

.twoimg-portrait img {
	width: auto;
	max-height: 275px;
}

.history_image_content.threeimg {
	padding-top: 2%;
	padding-bottom: 2%;
}

.threeimg img {
	width: 32%;
	height: auto;
	padding-right: 1%;
}

.threeimg img:last-child {
	padding-right: 0;
}

.history_image_content.fourimg {
	padding-top: 2%;
	padding-bottom: 2%;
}

.fourimg img {
	width: 23.5%;
	height: auto;
	padding-right: 1%;
}

.fourimg img:last-child {
	padding-right: 0;
}

.history__content p {
	color: #333333;
	font-size: 19px;
	letter-spacing: 0.125em;
	line-height: 1.5;
	position: relative;
	z-index: 3;
	width: 65%;
	margin: 0 auto;
}

.footprint__container--right {
	position: absolute;
	top: 0;
	width: 50%;
	right: 0;
	height: 100%;
	z-index: -1;
}

.footprint__container--right .footprint {
	width: 7%;
	height: auto;
	position: absolute;
	opacity: 0;
}

.footprint__container--right .footprint:nth-of-type(1) {
	transform: rotate(320deg);
	top: 0;
	left: 0;
}

.footprint__container--right .footprint:nth-of-type(2) {
	transform: rotate(300deg);
	top: 4%;
	left: 7%;
}

.footprint__container--right .footprint:nth-of-type(3) {
	transform: rotate(290deg);
	top: 7%;
	left: 15%;
}

.footprint__container--right .footprint:nth-of-type(4) {
	transform: rotate(279deg);
	top: 9%;
	left: 25%;
}

.footprint__container--right .footprint:nth-of-type(5) {
	transform: rotate(278deg);
	top: 11%;
	left: 35%;
}

.footprint__container--right .footprint:nth-of-type(6) {
	transform: rotate(275deg);
	top: 11%;
	left: 46%;
}

.footprint__container--right .footprint:nth-of-type(7) {
	transform: rotate(279deg);
	top: 12%;
	left: 55%;
}

.footprint__container--right .footprint:nth-of-type(8) {
	transform: rotate(292deg);
	top: 14%;
	left: 65%;
}

.footprint__container--right .footprint:nth-of-type(9) {
	transform: rotate(306deg);
	top: 17%;
	left: 73%;
}

.footprint__container--right .footprint:nth-of-type(10) {
	transform: rotate(320deg);
	top: 22%;
	left: 81%;
}

.footprint__container--right .footprint:nth-of-type(11) {
	transform: rotate(328deg);
	top: 28%;
	left: 87%;
}

.footprint__container--right .footprint:nth-of-type(12) {
	transform: rotate(341deg);
	top: 34%;
	left: 91%;
}

.footprint__container--right .footprint:nth-of-type(13) {
	transform: rotate(353deg);
	top: 40%;
	left: 93%;
}

.footprint__container--right .footprint:nth-of-type(14) {
	transform: rotate(1deg);
	top: 47%;
	left: 93%;
}

.footprint__container--right .footprint:nth-of-type(15) {
	transform: rotate(8deg);
	top: 54%;
	left: 92%;
}

.footprint__container--right .footprint:nth-of-type(16) {
	transform: rotate(8deg);
	top: 54%;
	left: 92%;
}

.footprint__container--right .footprint:nth-of-type(17) {
	transform: rotate(19deg);
	top: 61%;
	left: 90%;
}

.footprint__container--right .footprint:nth-of-type(18) {
	transform: rotate(26deg);
	top: 67%;
	left: 86%;
}

.footprint__container--right .footprint:nth-of-type(19) {
	transform: rotate(42deg);
	top: 72%;
	left: 81%;
}

.footprint__container--right .footprint:nth-of-type(20) {
	transform: rotate(60deg);
	top: 76%;
	left: 73%;
}

.footprint__container--right .footprint:nth-of-type(21) {
	transform: rotate(75deg);
	top: 79%;
	left: 63%;
}

.footprint__container--right .footprint:nth-of-type(22) {
	transform: rotate(75deg);
	top: 81%;
	left: 53%;
}

.footprint__container--right .footprint:nth-of-type(23) {
	transform: rotate(85deg);
	top: 82%;
	left: 43%;
}

.footprint__container--right .footprint:nth-of-type(24) {
	transform: rotate(81deg);
	top: 83%;
	left: 33%;
}

.footprint__container--right .footprint:nth-of-type(25) {
	transform: rotate(75deg);
	top: 84%;
	left: 23%;
}

.footprint__container--right .footprint:nth-of-type(26) {
	transform: rotate(60deg);
	top: 88%;
	left: 13%;
}

.footprint__container--right .footprint:nth-of-type(27) {
	transform: rotate(46deg);
	top: 92%;
	left: 4%;
}

.footprint__container--left {
	position: absolute;
	top: 0;
	width: 50%;
	left: 0;
	height: 100%;
	z-index: -1;
}

.footprint__container--left .footprint {
	width: 7%;
	height: auto;
	position: absolute;
	opacity: 0;
}

.footprint__container--left .footprint:nth-of-type(1) {
	transform: rotate(40deg);
	top: 0;
	right: 0;
}

.footprint__container--left .footprint:nth-of-type(2) {
	transform: rotate(60deg);
	top: 4%;
	right: 7%;
}

.footprint__container--left .footprint:nth-of-type(3) {
	transform: rotate(70deg);
	top: 7%;
	right: 15%;
}

.footprint__container--left .footprint:nth-of-type(4) {
	transform: rotate(81deg);
	top: 9%;
	right: 25%;
}

.footprint__container--left .footprint:nth-of-type(5) {
	transform: rotate(82deg);
	top: 11%;
	right: 35%;
}

.footprint__container--left .footprint:nth-of-type(6) {
	transform: rotate(85deg);
	top: 11%;
	right: 46%;
}

.footprint__container--left .footprint:nth-of-type(7) {
	transform: rotate(81deg);
	top: 12%;
	right: 55%;
}

.footprint__container--left .footprint:nth-of-type(8) {
	transform: rotate(68deg);
	top: 14%;
	right: 65%;
}

.footprint__container--left .footprint:nth-of-type(9) {
	transform: rotate(54deg);
	top: 17%;
	right: 73%;
}

.footprint__container--left .footprint:nth-of-type(10) {
	transform: rotate(40deg);
	top: 22%;
	right: 81%;
}

.footprint__container--left .footprint:nth-of-type(11) {
	transform: rotate(32deg);
	top: 28%;
	right: 87%;
}

.footprint__container--left .footprint:nth-of-type(12) {
	transform: rotate(19deg);
	top: 34%;
	right: 91%;
}

.footprint__container--left .footprint:nth-of-type(13) {
	transform: rotate(7deg);
	top: 40%;
	right: 93%;
}

.footprint__container--left .footprint:nth-of-type(14) {
	transform: rotate(359deg);
	top: 47%;
	right: 93%;
}

.footprint__container--left .footprint:nth-of-type(15) {
	transform: rotate(352deg);
	top: 54%;
	right: 92%;
}

.footprint__container--left .footprint:nth-of-type(16) {
	transform: rotate(352deg);
	top: 54%;
	right: 92%;
}

.footprint__container--left .footprint:nth-of-type(17) {
	transform: rotate(341deg);
	top: 61%;
	right: 90%;
}

.footprint__container--left .footprint:nth-of-type(18) {
	transform: rotate(334deg);
	top: 67%;
	right: 86%;
}

.footprint__container--left .footprint:nth-of-type(19) {
	transform: rotate(318deg);
	top: 72%;
	right: 81%;
}

.footprint__container--left .footprint:nth-of-type(20) {
	transform: rotate(300deg);
	top: 76%;
	right: 73%;
}

.footprint__container--left .footprint:nth-of-type(21) {
	transform: rotate(285deg);
	top: 79%;
	right: 63%;
}

.footprint__container--left .footprint:nth-of-type(22) {
	transform: rotate(285deg);
	top: 81%;
	right: 53%;
}

.footprint__container--left .footprint:nth-of-type(23) {
	transform: rotate(275deg);
	top: 82%;
	right: 43%;
}

.footprint__container--left .footprint:nth-of-type(24) {
	transform: rotate(279deg);
	top: 83%;
	right: 33%;
}

.footprint__container--left .footprint:nth-of-type(25) {
	transform: rotate(285deg);
	top: 84%;
	right: 23%;
}

.footprint__container--left .footprint:nth-of-type(26) {
	transform: rotate(300deg);
	top: 87%;
	right: 13%;
}

.footprint__container--left .footprint:nth-of-type(27) {
	transform: rotate(314deg);
	top: 91%;
	right: 4%;
}

.is-active .footprint {
	opacity: 1;
}

.history--dates {
	transition: opacity 0.2s ease-out;
	position: fixed;
	top: 30%;
	overflow: hidden;
	opacity: 0;
	font-family: 'Copperplate';
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	letter-spacing: 0.05em;
}

.history--dates ul {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
}

.history--dates ul li:hover,
.history--dates ul .current {
	background: #0B409A;
} 

.history--dates ul li a {
	display: block;
	color: #0B409A;
	font-size: 18px;
	line-height: 1;
	padding: 10px;
}

.history--dates ul li:hover a,
.history--dates ul .current a {
	color: #ffffff;
	transition: 0.2s;
}

.history--dates.visible {
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	transform: translate(0,0);
}

@media screen and (min-width: 1281px) {


	.history__content02 p {
		font-size: 19px !important;
		margin: 10px auto 15px;
	}	

}