@charset "UTF-8";

html { height: 100%; font-size: 62.5%;}
html, body { height: 100%;}

body { font-size: 1.6rem; line-height: 1.6em; font-family: "Noto Sans JP"; font-feature-settings: "palt"; text-align:justify; background-color: #ffffff; color: #333333;padding-bottom: 130px;opacity: 0;animation: fadeIn 3s ease forwards;}


@keyframes fadeIn {
  to {opacity: 1;}
}

@media screen and (max-width: 767px) {
 body { font-size: 1.4rem;}
}

* { margin: 0; padding: 0; box-sizing: border-box;}

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

/* pcスマホパーツ切り替え */
.pc_part { display: block;}
.smp_part { display: none;}

@media screen and (max-width: 767px) {
.pc_part { display: none;}
.smp_part { display: block;}
}

/* スマホ版改行 */
br.smp_break { display: none; width: 0; height: 0; visibility: hidden; content: ""; font-size:0;}

@media screen and (max-width: 767px) {
br.smp_break { display: block;}	
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* 見出しテキスト */
h1,h2,h3,h4,h5,p{font-weight:normal;}

h1 {}
h2 {}
h3 {font-size: 2.8rem;font-weight: bold;}
h4 {font-size: 2.8rem;font-weight: bold;}
h5 {}
p {font-size: 2rem;line-height: 1.8em;}

@media screen and (max-width: 900px) {
 h3 {font-size: 2.4rem;line-height: 1.5em;}
 h4 {font-size: 2.4rem;line-height: 1.5em;}
 p {font-size: 1.8rem;line-height: 1.8em;}
}


@media screen and (max-width: 767px) {
 h3 {font-size: 2rem;line-height: 1.5em;}
 h4 {font-size: 2rem;line-height: 1.5em;}
 p {font-size: 1.6rem;line-height: 1.8em;}
}

.fadein {
   opacity: 0;
   transform: translateY(30px);
   transition: all 0.5s 0.2s ease-out;
 }
.fadein_x {
   opacity: 0;
   transform: translateX(30px);
   transition: all 0.5s 0.2s ease-out;
 }

.flex{display: flex;justify-content: space-between;}
.pkg900{width: 900px;margin: 0 auto;}
.mgn_s{margin-bottom: 40px;}
.mgn_l{margin-bottom: 130px;}
.center{text-align: center;margin: 0 auto;}

img {display: block;margin: 0 auto;}

h3{position: relative;padding-left: 2em;}
h3::before {content: "";position: absolute;left: 0;top: 50%;width: 1.5em;height: 2px;background-color: #333;transform: translateY(-50%);}
h4{margin-bottom: 25px;}

.title-img{margin-bottom:50px;margin-left:-10px;height:85px;}

#firstview{width: 100%;background-color: #f8f8f5;}
picture img {width: 100%;display: block;}

#message{width: 100%;background-color: #f8f8f5;}
.sign{width: 260px; margin:50px 0 150px auto;}
.big3{width: 640px;}

#logo-exp{width: 100%;background-color: #fff;padding: 130px 0;}
.logo-exp__wrapper{width: 450px;}
img.logo-exp__logo{width: 310px;height:338px;margin: auto;}

#history{width: 100%;background-color: #f8f8f5;padding: 130px 0;}
.his__bg{width: 100%;position: relative;}
.his__bg_img{width: 500px;position: absolute;right: 0;}
table {width: 100%;line-height: 3em;vertical-align: top;text-align: left;margin-left: 60px;}
th {width: 150px;}
td {}
span.month0 {color: transparent;}


#future{width: 100%;background-color: #fff;padding: 130px 0;}
.copyright{font-size: 1.6rem;}
.logo_footer{width: 340px;}
.tvwlogo_footer{width: 460px;}

@media screen and (max-width: 900px) {
	.flex{display:block;}
	.pkg900{width: 80%;}
	.mgn_s{margin-bottom: 5%;}
	.mgn_l{margin-bottom: 15%;}
	
	h3{position: relative;padding-left: 2em;}
	h4{margin-bottom: 5%;}
	
	.title-img{margin-bottom:5%;height: 15vw;max-height: 85px;}
	.sign{width: 70%;max-width: 260px; margin:10% 0 15% auto;}
	.big3{width: 90%;max-width: 640px;}
	
	#logo-exp{width: 100%;padding: 15% 0;}
	.logo-exp__wrapper{width: 100%;}
	img.logo-exp__logo{width: 80%;height:auto;margin: 0 auto 15% auto;}
	
	#history{width: 100%;padding: 15% 0;}
	.his__bg_img{display: none;}

	#future{width: 100%;padding: 15% 0;}
	.copyright{font-size: 1.4rem;}
	.logo_footer{width: 90%;max-width: 340px;}
	.tvwlogo_footer{width: 90%;max-width: 460px;}
}
@media screen and (max-width: 767px) {
	table, tbody, tr, th, td {display: block;width: 100%;margin-left: 0;line-height: 2em;}
	tr {margin-bottom: 2%;border-bottom: 1px solid #ddd;padding-bottom: 2%;}
	th {width: 100%;}
	td {width: 100%;}
}
@media screen and (max-width: 580px) {
	h3{padding-left: 0;}
	h3::before {display: none;}
}