@charset "utf-8";
/* CSS Document */


/*-- common上書き --*/
.tss_wrap{
    font-family: Helvetica,Arial,sans-serif;
}
/*-- ****--*/


.tap_bn{
  display: block;
  width: 100%;
  padding: 0 16px;
  max-width: 832px;
  margin: -1em auto 3em;
  background: #FFF;
}



.tap_wrap{
  padding-bottom: 400px;
  background: url(../img/msbg.jpg) center center repeat-y !important;
  position: relative;
}


.tap_head{
  padding-bottom: clamp(16px, calc(1em + 2vw),54px);
}

.tap_changelang a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  height: 48px;
  margin: 0 0.5em 1em auto;
  padding: 0 0 0 3em;
  font-size: 1.125rem;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  background-repeat: no-repeat;
  background-size: 2em auto;
  background-position: left 0.25em center;
}
.tap_changelang a.tap_ja{
  background-image: url("../img/ic_ja.svg");
}
.tap_changelang a.tap_en{
  background-image: url("../img/ic_en.svg");
}


.tap_titlebox{
  width: 40%;
  max-width: 680px;
  margin: 0 5%;
}


.tap_ytb{
  margin-bottom: 80px;
  text-align: center;
}
.tap_ytb h2{
  margin-bottom: 14px;
  color: #005CAF;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: Georgia, "Times New Roman", Times, "游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tap_ytb div{
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16/9;
  margin: 0 auto 40px;
}
.tap_ytb div iframe{
  width: 100%;
  height: 100%;
}
.tap_ytb p{
  font-size: clamp(0.75rem, 0.605rem + 0.54vw, 0.875rem);/*12-14 430-800*/
}


.tap_about{
  max-width: 960px;
  margin: 0 auto 96px;
  width: 90%;
}
.tap_about h2{
  width: 100%;
  margin-bottom: 24px;
  padding: 0.5em;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, "游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: clamp(18px, calc(10px + (1vw)), 20px);
  font-weight: bold;
  color: #005CAF;
}
.tap_detailtxt{
  line-height: 1.875;
  margin-bottom: 32px;
  font-size: clamp(0.875rem, 0.73rem + 0.54vw, 1rem);/*14-16 430-800*/
}
.tap_detailtxt p:nth-of-type(n+2){
  margin-top: 1.5em;
}
.tap_bold{
  font-weight: bold;
}
.tap_signature{
  text-align: right;
}

.tap_pdflinklist ul{
  display: flex;
  justify-content: center;
  gap: 24px 50px;
}
.tap_pdflinklist li{
  width: 50%;
  max-width: 460px;
  background-image: url(../img/bg_nobel.jpg);
  background-size: cover;
  background-position: center center;
  border: 1px #FFFFFF solid;
  box-shadow: 0px 3px 6px rgba(0, 68, 103, 0.2);
}
.tap_pdflinklist li a{
  position: relative;
  display: block;
  padding:  36px 32px;
  transition: all .3s;
}
.tap_pdflinklist li a::before{
  content: "PDF";
  position: absolute;
  display: block;
  width: 4em;
  height: 1.2em;
  padding: 6px 6px 0;
  right: 18px;
  top: 12px;
  text-align: center;
  font-size: 0.75em;
  color: #C29500;
  border: 1px #C29500 solid;
  transition: all .3s;
}
.tap_pdflinklist li a h3{
  position: relative;
  min-height: 5em;
  line-height: 1.875;
  margin-bottom: 1em;
  font-size: clamp(0.875rem, 0.73rem + 0.54vw, 1rem);/*14-16 430-800*/
  font-weight: bold;
  color: #B37B05;
}
.tap_pdflinklist li a h3 span{
  display: block;
  color: #666666;
}
.tap_pdflinklist li a div{
  line-height: 1.4;
  font-size: clamp(0.75rem, 0.605rem + 0.54vw, 0.875rem);/*12-14 430-800*/
  color: #000;
}

.tap_sitelink h2,
.tap_relation h2{
width: 100%;
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, "游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: clamp(16px, calc(0.875em + 0.5vw), 20px);
    color: #005CAF;
    margin-bottom: clamp(1em, 2vw, 3vw);
    text-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff, 3px -3px 3px #fff, 3px 0px 3px #fff, -3px -0px 3px #fff, 0px 3px 3px #fff, 0px -3px 3px #fff;
    font-weight: bold;
}
.tap_sitelink h2 span{display: inline-block;}

.tap_video{
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16/9;
  padding: 2px 0 24px;
}
.tap_gntxt{
  line-height: 2;
  text-align: center;
  font-size: clamp(0.875rem, 0.73rem + 0.54vw, 1rem);/*14-16 430-800*/
  font-weight: bold;
  color: #069B5B;
}


.tap_flier > a{
  font-family:Arial, Helvetica, "sans-serif";
}
.tap_flier p{
  max-width: none;
  text-align: center;
}

.tap_sitelink{
  padding-bottom: 112px;
  background-image: url(../img/il_relation_bdrtop.svg);
  background-position: center top 26px;
  background-repeat: no-repeat;
  background-size: 100% 8px;
}

.tap_sitelink ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 52px;
  max-width: 832px;
  margin: auto;
}
.tap_sitelink ul li a{
  text-decoration: underline;
  font-size: clamp(0.75rem, 0.605rem + 0.54vw, 0.875rem);/*12-14 430-800*/
  color: #001685;
}
.tap_sitelink ul li a::before{
  content: "▸";
  display: inline-block;
  color: #005CAF;
}

.tap_relation p{
  max-width: 768px;
  line-height: 1.75;
  margin: 0 auto 72px;
  text-align: center;
  font-size: clamp(0.75rem, 0.605rem + 0.54vw, 0.875rem);/*12-14 430-800*/
}

.tap_footer {padding-top: 14.25vw;}


.tap_ipdate_sp{width:80%; margin: 0 auto 80px;}

#tss_gototop img{width: 80px;}
.tss_footer{background-color: #2EA9DF !important;}







@media screen and (min-width:801px){
  .tap_ipdate_sp{display: none;}

  .tap_bn a:hover{
    opacity: 0.6;
  }
}

@media screen and (max-width:800px){
  .tap_head{
    margin-top: 16px;
    margin-bottom: 40px;
    padding: 1vh  0 0;
    background-image: url("../img/bg_header4ie.jpg");
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: center top;
  }

  .tap_ytb{margin-bottom: 32px;}
  .tap_changelang a{
    font-size: 0.875em;
    width: 8em;
    height: auto;
    line-height: 2.4;
    margin: 0.5em 0.5em 0.5em auto;
  }
  .tap_sitelink h2{font-size: 1em;}

  .tap_pdflinklist ul{
  display: block;
  }
  .tap_pdflinklist li{
    width: 80%;
    margin: 0 auto;
  }

  .tap_pdflinklist li:first-of-type{margin-bottom: 1em;}

  .tss_footer{display: block !important; font-size: 0.875em !important;}
}


@media screen and (min-width:641px){
  .tap_pdflinklist li a:hover{opacity: 0.5;}
  .tap_sitelink ul li a:hover{text-decoration: none;}
  
}
@media screen and (max-width:640px){
}