@charset "UTF-8";
.modal {
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
    background-color: #fefefe; /* モーダルウィンドウの背景色 */
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888888;
    width: 30%; /* モーダルウィンドウの横幅 */
    border-radius: 8px;
}
.modal-title {
    color: #800000; /* モーダルウィンドウの文字の色 */
    font-size: 30px; /* モーダルウィンドウの文字の大きさ */
    font-weight: bold;
    line-height: 200%;
    text-align: center;
}
.modal-content p{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    }
.close-button {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
.modal-content {
    margin: 30% auto;
    padding: 10px;
    width: 90%;
}
}


/*BOX*/
/*めくれたテープ風*/
.box {
  margin: 2em auto;
  padding: 1em;
  /*内側余白*/
  background-color: #f8f8f8;
  /*背景色*/
  position: relative;
}

.box:after {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  border-width: 0 15px 15px 0;
  border-style: solid;
  border-color: #ccc #f8fdff #ccc;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*============================================*/
/* 文字関連 */
/*============================================*/
.philosphy{font-family: "EB Garamond", sans-serif; text-align:center;}
.philosphy h1{ font-size:45px; margin:2% 0 5% 0;}
.philosphy h2{ font-size:35px; margin:5% 0 0 0;}
.philosphy h3{font-family: "EB Garamond", sans-serif; font-size:60px; line-height:64px;font-weight:bold; margin:2% 0 2% 0;}
.philosphy h3 span{ font-size:24px;font-weight:bold;}

.subtitle_eng{ font-size:20px; margin:0% 0 0 0; color:#d90b23;font-weight:bold;}

.title_txt{font-family: "Zen Kaku Gothic New", sans-serif;text-align:center;}
.title_txt p{font-size:40px; margin:4% 0 1% 0; color:#9ec3ad;}
.title_txt h2{font-size:24px;margin:0 0 5% 0;}


.group_title{ font-size:1.8em; font-family:"Zen Kaku Gothic New", sans-serif;text-align:center;margin:0 0 4% 0;}
.group_p{ font-family: "Noto Sans JP", sans-serif; font-size:11px; margin:2% 0; line-height:1.2em;}



.report_txt{font-family: "Zen Kaku Gothic New", sans-serif;text-align:center;}
.report_txt p{font-size:16px; margin:2% 0 1% 0; line-height:1.4em;}

.txt{font-family:  font-family: "Noto Sans JP", sans-serif;  font-feature-settings: "pkna";}
.txt p{ font-size:18px; font-weight:300; margin:0 0 5% 0; letter-spacing:1px;}

.item{font-family: "Zen Kaku Gothic New", sans-serif;text-align:center;}
.item h1{ font-size:28px;font-weight:bold;margin:2% 0 2% 0;}
.item h2{ font-size:20px;font-weight:bold;margin:4% 0 2% 0; line-height:1.3em;}
.item h3{ font-size:14px;margin:4% 0 0 0;border: solid 2px #fff; padding:3%; background-color:#cdb287; color:#FFF;}



.lineup_txt{position: relative; font-family: "Noto Sans JP", sans-serif;}
.lineup_txt h2{color:#443c39;font-weight:bold;margin-bottom:3%;margin-top:2%;font-size:1.3rem; text-align:center;}
/*.lineup_txt h2::before{content: url(img/linrup_icon.svg);transform: scale(0.7) ; position: absolute;top:-66px; margin: 50px auto 0px;}*/
.lineup_txt p{ font-size:16px;text-align:center; margin:0 0 6% 0;}


.item_p{ font-size:19px;}
.btn_txt{ padding:1% 5% 5% 5%;}

@media screen and (max-width: 640px) {
.philosphy h1{ font-size:33px; margin:1% 2% 5% 2%;}
.philosphy h2{ font-size:20px; margin:5% 0 2% 0;}
.philosphy h3{ font-size:42px; line-height:48px; margin:6% 0 10% 0;}
.philosphy h3 span{ font-size:18px; top:-5%;}

.subtitle_eng{ font-size:18px; margin:6% 0 0 0;}


.title_txt h2{font-size:24px;margin:4% 0 8% 0; line-height:32px;}
.title_txt p{font-size:26px; margin:2% 0 1% 0;}

.txt p{ font-size:16px; margin:0 2% 8% 2%; letter-spacing:0.5px; line-height:32px; text-align:justify;}

.group_title{ font-size:1.8em; margin:0 0 6% 0;}


.item h1{ font-size:26px;font-weight:bold;margin:5% 0 5% 0; text-align:center; line-height:36px;}
.item h2{ font-size:16px;font-weight:bold;margin:4% 0 2% 0; line-height:1.3em;}
.item h3{ font-size:13px;margin:4% 0 1% 0;border: solid 2px #fff; padding:4%; background-color:#cdb287; color:#FFF;}

.report_txt p{font-size:16px; margin:2% 0 4% 0; line-height:1.4em;}

.lineup_txt h2{color:#443c39;font-weight:bold;margin-bottom:5%;margin-left:60px;margin-top:8%;font-size:20px; text-align:left;}
.lineup_txt h2::before{content: url(img/linrup_icon.svg);transform: scale(0.7) ; position: absolute;top: -23px;left: -10px;z-index:-1;}
.lineup_txt p{ font-size:14px; line-height:28px; margin:0 2% 4% 2%; text-align:left;}

.item_p{ font-size:16px;}
.btn_txt{ padding:1% 10% 1% 10%;}
}

img.ttl01 {display: block;max-width: 180px;margin: 50px auto 0px;}