@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
/*font-family: 'Noto Sans JP', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600&display=swap');
/*font-family: 'Noto Serif JP', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*font-family: 'Bebas Neue', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap');
/*font-family: 'Teko', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@600&display=swap');
/*font-family: 'Overpass', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@700&display=swap');
/*font-family: 'Cardo', serif;*/


html,
body { width:100%;}
body { height:auto; background: url("../img/share/back.png") top left #fff;}


/* フォントの指定 */
html { font-size: 62.5%;}
body,input,select,textarea { 
	font-size: 16px; font-size: 1.6rem; 
	line-height: 1.8; 
	letter-spacing: 0.05em;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-feature-settings: "palt";
	color: #231815;}
	
a { color: #231815; text-decoration: none;}
p { text-align: justify; text-justify: inter-ideograph;}
p a { color: #231815; text-decoration: underline;}

/* セレクト時の色指定 */
::selection {
    background: #0A439A;
    color: #fff;
}
::-moz-selection {
    background: #0A439A; /*Firefox*/
    color: #fff;
}

.showPc {}
.showSp { display: none;}
@media screen and (max-width:768px){
html { font-size: 50%; }
.showPc { display: none ;}
.showSp { display: block ;}
}

.font-serif { font-family: 'Noto Serif JP', serif;}
.font-bebas { font-family: 'Bebas Neue', cursive;}
.font-teko { font-family: 'Teko', sans-serif;}
.font-cardo { font-family: 'Cardo', serif;}

.font-blue { color: #0A439A;}
.font-blue.font-bebas { color: rgba(10,67,154,0.05);}
.font-red { color: #BD2930;}
.font-red.font-bebas { color: rgba(189,41,48,0.05);}

/*-----------------------------------------

header

------------------------------------------*/
.header {
  position: fixed; top: 0; left: 0; z-index: 50;
  width: 100%;
  background-color: #fff;
}
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (max-width:980px){
.header-inner {
  padding: 8px 0;
}
}

/*-- logo --*/
.header-logo {
  width: 45%; max-width: 265px; min-width: 150px;
  margin-left: 26px;
}
/* .header-logo {
  width: 45%;
  margin-left: 30px;
} */
/* .header-logo a {
  display: inline-block;
  color: #2c2d5c;
  font-size: 1.8rem;
  vertical-align: middle;
  line-height: 1.3;
  padding-bottom: 0.5rem;
} */

.header-logo img {
  display: block;
  width: 100%;
}
@media screen and (max-width:980px){
/* .header-logo {
  margin-left: 10px;
} */
.header-logo {
  margin-left: 20px;
}
/* .header-logo a {
  font-size: 1.6rem;
} */
}

/*-- text --*/
.header-text {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 40%; max-width: 167px;
  padding: 25px 0;
  font-size: 16px; font-size: 1.6rem;
  text-align: center;
  color: #fff;
  background-color: #2C2D5C;
}
@media screen and (max-width:980px){
.header-text {
  position: fixed; top: 0; left: 0; z-index: 1;
  width: 100%; max-width: none;
  padding: 3px 0;
  font-size: 13px;
}
}

.header-info {
  display: flex;
  justify-content: space-between;
  width: 65%; max-width: 430px;
}
@media screen and (max-width:980px){
.header-info {
  max-width: 85px;
  margin-right: 65px;
}
}

.header-info .header-contact-box {
  display: flex;
  width: 65%;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width:980px){
.header-info .header-contact-box {
  display: none;
}
}

.header-contact-box p {
  position: relative;
  box-sizing: border-box;
  width: 55%;
  padding-right: 25px;
  font-size: 20px; font-size: 2rem;
  text-align: right;
  line-height: 1.2;
  color: #2C2D5C;
}
.header-contact-box p::after {
  display: inline-block;
  content: "";
  position: absolute; top: 45%; right: 10px;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #000;
}
.header-contact-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  font-size: 20px; font-size: 2rem;
  color: #fff;
  /* background-color: #2C2D5C; */
  background-color: #116845;
}

.header-mark {
  box-sizing: border-box;
  width: 40%;
  padding: 10px;
}
@media screen and (max-width:980px){
.header-mark {
  width: 100%;
  padding: 5px;
}
}

.header-mark img {
  display: block;
  width: 100%;
}


/*-- hamburger --*/
.hamburger {
  display: none;
  position: absolute; top: 12px; right: 5px; z-index:100;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
	/* background-color: #2C2D5C; */
  background-color: #116845;
}
@media screen and (max-width:980px){
.hamburger {
  display: block;
}
}

.hamburger span {
  display: block;
  position: absolute; right: 0; left: 0; z-index: 2;
  width: 30px;
  height: 2px;
  margin: auto;
  background-color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}

/*-- position --*/
.hamburger span:nth-of-type(1) {
  top: 12px;
}
.hamburger span:nth-of-type(2) {
  top: 22px;
}
.hamburger span:nth-of-type(3) {
  top: 32px;
}

/*-- active --*/
.hamburger.active span {
  background : #fff; z-index: 99;
}
.hamburger.active span:nth-of-type(1) {
  top : 22px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-of-type(2),
.hamburger.active span:nth-of-type(3) {
  top: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}


/*-----------------------------------------

nav

------------------------------------------*/
.header-nav {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 12px 0;
	/* background-color: #2C2D5C; */
  background-color: #116845;
	transition: all 0.6s;
	z-index: 50;
}
@media screen and (max-width:980px){
.header-nav {
  display: block;
  box-sizing: border-box;
  overflow-y: auto;
  position: fixed; top: 0; right: 0;
  width: 100%;
  height: 100%;
  padding: 5% 0;
  transform: translateX(100%);	z-index: 80;
}
.header-nav.active {
  transform: translateX(0);

}
}

.header-nav-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;	

}
@media screen and (max-width:980px){
.header-nav-list {
  display: block;
  width: 90%;
  margin: 0 auto 20px;
}
}

.header-nav-list li {
  margin: 0 15px;
}
.header-nav-list li:nth-last-of-type(1) {
  display: none;
}
.header-nav-list li a {
  display: block;
  position: relative;
  font-size: 19px; font-size: 1.9rem;
  text-align: center;
  color: #fff;
}
.header-nav-list li a::after {
  display: block;
  content: "";
  opacity: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transition: 0.3s;
}
@media screen and (min-width:1024px){
.header-nav-list li:hover a::after {
  opacity: 1;
}
}
@media screen and (max-width:1280px){
.header-nav-list li a {
  font-size: 18px; font-size: 1.8rem;
}
}
@media screen and (max-width:980px){
.header-nav-list li {
  margin: 0;
  border-bottom: 1px solid #fff;
  
}
.header-nav-list li:nth-last-of-type(1) {
  display: block;
}

.header-nav-list li a {
  padding: 2.8% 0;
  font-size: 16px;
}
}

.header-nav-movie {
  position: absolute; top: 25%; left: 2%;
  width: 30%; max-width: 156px;
}
.header-nav-movie img {
  display: block;
  width: 100%;
}
@media screen and (max-width:1280px){
.header-nav-movie {
  max-width: 120px;
}
}
@media screen and (max-width:980px){
.header-nav-movie {
  display: block;
  position: static;
  margin: auto;
}
}


/*-----------------------------------------

main

------------------------------------------*/
.contents {
  position: relative;
  padding-bottom: 10em;
}
.contents--tpl {
  padding-top: 10em;
}

.tpl-section {
  margin-bottom: 20px;
}
.tpl-heading {
  margin-bottom: 20px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background-color: #2C2D5C;
}


/*
page-head
------------------------------------------*/
/*.page-head {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 20px;
}
.page-head::after {
  display: block;
  content: "";
  position: absolute; top: 0; left: 10%; z-index: 1;
  width: 50%; max-width: 450px;
  padding-top: 100%;
  background-color: rgba(0,1,58,0.7);
  transform:skewX(16deg);
}
@media screen and (max-width:980px){
.page-head::after {
  position: absolute; top: 0; left: 0;
  transform:skewX(0);
}
}

.page-head-box {
  box-sizing: border-box;
  position: absolute; top: 0; right: 0; z-index: 2;
  width: 100%;
  height: 100%;
}

.page-head__title {
  position: absolute; bottom: 55px; left: 10%;
  font-size: 32px; font-size: 3.2rem;
  font-weight: 500;
  margin: auto;
  padding-left: 30px;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width:980px){
.page-head__title {
  position: absolute; bottom: 15%; right: auto; left: 5%;
  padding-left: 15px;
  font-size: 25px; font-size: 2.5rem;
}
}

.page-head__sub-title {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: 0.34em;
  line-height: 1;
}
.page-head__title::before {
  display: block;
  content: "";
  position: absolute; bottom: 0; left: 0;
  width: 3px;
  height: 100%;
  background-color: #fff;
}

.page-head__image {}
.page-head__image img {
  display: block;
  width: 100%;
}*/
.page-head {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 20px;
}
@media screen and (max-width:980px){
.page-head {
  margin-bottom: 80px;
}
}

.page-head::after {
  display: block;
  content: "";
  position: absolute; top: 0; left: 10%; z-index: 1;
  width: 50%; max-width: 450px;
  padding-top: 100%;
  /* background-color: rgba(0,1,58,0.7); */
  background-color: rgba(17,104,69,0.7);
  transform:skewX(16deg);
}
@media screen and (max-width:980px){
.page-head::after {
  position: absolute; top: 0; left: 0;
  transform:skewX(0);
}
}

.page-head__text-box {
  box-sizing: border-box;
  position: absolute; top: 0; right: 0; z-index: 2;
  width: 100%;
  height: 100%;
}
.page-head__text-box .title {
  position: absolute; bottom: 55px; left: 10%;
  font-size: 32px; font-size: 3.2rem;
  font-weight: 500;
  margin: auto;
  padding-left: 30px;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width:980px){
.page-head__text-box .title {
  position: absolute; bottom: 15%; right: auto; left: 5%;
  padding-left: 15px;
  font-size: 25px; font-size: 2.5rem;
}
}
@media screen and (max-width:599px){
.page-head__text-box .title {
  font-size: 22px; font-size: 2.2rem;
}
}


.page-head__text-box .title__sub {
  display: block;
  margin-top: 10px;
  font-size: 16px; font-size: 1.6rem;
  letter-spacing: 0.34em;
  line-height: 1;
}
@media screen and (max-width:599px){
.page-head__text-box .title__sub {
  font-size: 14px;
}
}

.page-head__text-box .title__sub::before {
  display: block;
  content: "";
  position: absolute; bottom: 0; left: 0;
  width: 3px;
  height: 100%;
  background-color: #fff;
}

.page-head__image {}
.page-head__image img {
  display: block;
  width: 100%;
}


/*
heading
------------------------------------------*/

/*-- heading --*/
.heading {
  position: relative;
}

/* border */
.heading.-border::before {
  display: block;
  content: "";
  width: 1px;
  height: 82px;
  margin: 0 auto 20px;
  background-color: #000;
}
@media screen and (max-width:980px){
.heading.-border::before {
  height: 50px;
}
}

/*-- heading01 --*/
.heading-01 {
  text-align: center;
}
.heading-01 .heading-en {
  display: block;
  font-size: 98px; font-size: 9.8rem;
  font-size: 98px; font-size: 9.8rem;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.heading-01 .heading-jp {
  position: absolute; bottom: 0; left: 0; z-index: 1;
  width: 100%;
  font-size: 26px; font-size: 2.6rem;
  text-align: center;
  letter-spacing: 0.27em;
  line-height: 1.6;
}
@media screen and (max-width: 599px) {
.heading-01 .heading-en {
  display: block;
  font-size: 80px; font-size: 8rem;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
}

/*-- heading02 --*/
.heading-02 {
  text-align: center;
}
.heading-02 .heading-jp {
  display: block;
  margin-bottom: 10px;
  font-size: 28px; font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.heading-02 .heading-en {
  display: block;
  font-size: 19px; font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.2;
	letter-spacing: 0.2em;
}

/*-- heading03 --*/
.heading-03 {}
.heading-03 .heading-jp {
  display: inline-block;
  font-size: 28px; font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.17em;
}
.heading-03 .heading-en {
  font-size: 19px; font-size: 1.9rem;
  font-weight: 400;
  letter-spacing: 0.2em;
}

/*-- heading04 --*/
.heading-04 {
  padding-bottom: 10px;
  text-align: center;
}
.heading-04::after {
  display: block;
  content: "";
  position: absolute; bottom: 0; left: 0; right: 0;
  width: 18px;
  height: 2px;
  margin: auto;
}
.heading-04.-red::after {
  background-color: #C53D43;
}
.heading-04.-bule::after {
  background-color: #0A439A;
}
.heading-04 .heading-jp {
  font-size: 29px; font-size: 2.9rem;
  font-weight: 500;
  letter-spacing: 0.12em;
}

/*-- heading05 --*/
.heading-05 {}
.heading-05::before {
  display: block;
  content: "";
  width: 22px;
  height: 4px;
  margin-bottom: 10px;
}
.heading-05.-red::before {
  background-color: #C53D43;
}
.heading-05.-blue::before {
  background-color: #1E50A2;
}
@media screen and (max-width:768px){
.heading-05.-blue::before {
  margin: 0;
}
}

.heading-05 .heading-jp {
  font-size: 32px; font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}
@media screen and (max-width:768px){
.heading-05 .heading-jp {
  font-size: 25px; font-size: 2.5rem;
}
}

/*-- heading06 --*/
.heading-06 {
  padding-bottom: 25px;
  text-align: center;
  line-height: 1.6;
}
.heading-06::after {
  display: block;
  content: "";
  position: absolute; bottom: 0; left: 0; right: 0;
  width: 18px;
  height: 2px;
  margin: auto;
}
.heading-06--red::after {
  background-color: #C53D43;
}
.heading-06--blue::after {
  background-color: #0A439A;
}

.heading-06__en {
  display: block;
  margin-bottom: 5px;
  font-size: 68px; font-size: 6.8rem;
  font-weight: 400;
  line-height: 1;
}
.heading-06--red .heading-06__en {
  color: #C53D43;
}
.heading-06--blue .heading-06__en {
  color: #0A439A;
}
.heading-06__jp {
  display: block;
  font-size: 25px; font-size: 2.5rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
.heading-06__en {
  font-size: 55px; font-size: 5.5rem;
}
.heading-06__jp {
  font-size: 20px; font-size: 2rem;
}
}

/*-- heading07 --*/
.heading-07 {
  text-align: center;
}
.heading-07__jp {
  display: inline-block;
  font-size: 28px; font-size: 2.8rem;
  border-bottom: 2px solid #000;
}

@media screen and (max-width: 768px) {
.heading-07__jp {
  font-size: 25px; font-size: 2.5rem;
 }
}
@media screen and (max-width: 599px) {
.heading-07__jp {
  font-size: 19px; font-size: 1.9rem;
 }
}



/*
link
------------------------------------------*/

/*-- facilty --*/
.facilty-links {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 90%; max-width: 880px;
  margin: auto;
}
.facilty-links:nth-of-type(1) {
  max-width: 730px;
  margin-bottom: 30px;
}
@media screen and (max-width:980px){
.facilty-links,
.facilty-links:nth-of-type(1) {
  width: 80%; max-width: 500px;
  margin-bottom: 0;
}
}


.facilty-links__item {
  position: relative;
  overflow: hidden;
  min-width: 132px;
  background-color: #1E50A2;
}
.facilty-links__item::after {
  display: block;
  content: "";
  position: absolute; top: 0; right: -5%;
  width: 55%;
  height: 100%;
  transform:skewX(-25deg);
  background-color: #0A439A;
}
@media screen and (max-width:980px){
.facilty-links__item {
  width: 100%;
  margin-bottom: 10px;
}
.facilty-links__item::after {
  width: 35%;
  transform:skewX(-25deg);
}
}

.facilty-links__item.-red {
  background-color: #C53D43;
}
.facilty-links__item.-red::after {
  background-color: #BD2930;
}
/*@media screen and (max-width:980px){
.facilty-links__item.-red:nth-last-of-type(1) {
  margin-bottom: 0;
}
}*/

.facilty-links__item a {
  display: block;
  position: relative; z-index: 1;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 6px 50px 5px 20px;
  font-size: 20px; font-size: 2rem;
  letter-spacing: 0.1em;
}
.facilty-links__item a::after {
  display: block;
  content: "";
  position: absolute; top: 45%; right: 20px; z-index: 3;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.facilty-links__item a span {
  display: block;
  position: relative; z-index: 1;
  width: 100%;
  height: 100%;
  color: #fff;
}
@media screen and (max-width:980px){
.facilty-links__item a {
  padding: 6px 20px 8px 20px;
  font-size: 18px; font-size: 1.8rem;
}
}


/*-- company --*/
.company-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 90%; max-width: 1070px;
  margin: 0 auto;
}
@media screen and (max-width:980px){
.company-links {
  width: 80%; max-width: 500px;
}
}

.company-links__item {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 33.333%;
  border: 1px solid #fff;
  background-color: #1E50A2;
}
.company-links__item::after {
  display: block;
  content: "";
  position: absolute; top: 0; right: -5%;
  width: 55%;
  height: 100%;
  transform:skewX(-25deg);
  background-color: #0A439A;
}
@media screen and (max-width:980px){
.company-links__item {
  width: 100%;
  margin-bottom: 10px;
}
.company-links__item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.company-links__item::after {
  width: 35%;
  transform:skewX(-25deg);
}
}

.company-links__item a {
  display: block;
  position: relative; z-index: 1;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 6px 50px 5px 20px;
  font-size: 20px; font-size: 2rem;
  color: #fff;
  letter-spacing: 0.1em;
}
.company-links__item a::after {
  display: block;
  content: "";
  position: absolute; top: 45%; right: 20px; z-index: 3;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width:980px){
.company-links__item a {
  padding: 6px 20px 8px 20px;
  font-size: 18px; font-size: 1.8rem;
}
}

/*
button
------------------------------------------*/
.more-button {
  display: block;
  position: relative;
  overflow: hidden;
  width: 80%; min-width: 200px;
  height: 50px;
  font-size: 19px; font-size: 1.9rem;
  text-align: center;
  line-height: 50px;
  color: #fff;
}
@media screen and (max-width: 980px) {
.more-button {
  font-size: 17px; font-size: 1.7rem;
}
}

.more-button.-red {
  background-color: #C53D43;
}
.more-button.-blue {
  background-color: #1E50A2;
}


/*
pagetop
------------------------------------------*/
.pagetop {
  position: fixed; bottom: 0; right: 0; z-index: 44;
  width: 65px;
  height: 65px;
}
.pagetop img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
.pagetop {
  width: 55px;
  height: 55px;
}
}




/*-----------------------------------------

footer

------------------------------------------*/
.footer {}
.footer-map {
  width: 100%;
  height: 300px;
}
.footer-map iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  box-sizing: border-box;
  padding: 30px 2.5%;
}
@media screen and (max-width:980px){
.footer-inner {
  display: block;
}
}

.footer-info {
  width: 50%; max-width: 400px;
}
@media screen and (max-width:980px){
.footer-info {
  width: 100%; max-width: 400px;
  margin: auto;
}
}


/*-- logo --*/
.footer-info-logo {
  width: 100%; max-width: 265px;
  margin-bottom: 20px;
}
/* .footer-info-logo {
  width: 100%;
  margin-bottom: 20px;
} */
/* .footer-info-logo a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #2c2d5c;
} */
.footer-info-logo img {
  display: block;
  width: 100%;
}
@media screen and (max-width:980px){
.footer-info-logo {
  width: 100%; max-width: 264px;
  margin: 0 auto 20px;
}
/* .footer-info-logo {
  width: 100%;
  text-align: center;
  margin: 0 auto 20px;
} */
}

/*-- text --*/
.footer-info-text {
  font-size: 15px;
}
.footer-info-text:nth-last-of-type(1) {
  margin-bottom: 10px;
}
@media screen and (max-width:980px){
.footer-info-text {
  text-align: center;
}
}


/*-- tel --*/
.footer-info-contact {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width:980px){
.footer-info-contact {
  display: block;
  text-align: center;
}
}

.footer-info-tel {
  font-size: 30px; font-size: 3rem;
}
.footer-info-tel::before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 20px;
  margin: -5px 10px 0 0;
  vertical-align: middle;
  background: url("../img/share/icon_tel.png") center no-repeat;
  background-size: contain;
}

.footer-info-fax {
  margin-bottom: 10px;
}
@media screen and (max-width:980px){
.footer-info-tel,
.footer-info-fax {
  text-align: center;
  line-height: 1.4;
}
}

/*-- certification --*/
/* .footer-cartification {
  width: 50%; max-width: 205px;
} */
.footer-cartification {
  width: 50%; max-width: 102px;
}
.footer-cartification img {
  display: block;
  width: 100%;
}
@media screen and (max-width:980px){
.footer-certification {
  width: 60%; max-width: 205px;
  margin: auto;
}
}

/*-- copy --*/
.footer-copy {
  display: block;
  width: 100%;
  padding: 20px 0;
  font-size: 12px;
  text-align: center;
}