@charset "utf-8";

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/

.openbtn span {background-color: #000;}
.contents { margin-bottom:80px; }
@media screen and ( min-width:768px) {
    .contents { margin-bottom:120px; }
}

@media (min-width: 767px) {
    .h1_wrap .head-subtext {
      margin-bottom: 100px;
      margin-bottom: 80px;
    }
}

/*背景によって、ヘッダーのロゴ、ハンバーガーの色を変更*/
.logo_white { display:none; }


.outline dd { line-height: 48px; }
.Link{text-decoration: underline;}
.Link a {color: #000;}
.Link:hover{text-decoration: none;}
.link_img {width: 24px; padding-top:0px;}
.TEL_num {color: #000;}
.outline iframe{ width:95%; height: 200px; margin-top:20px; }
@media screen and ( min-width:768px) {
    .outline iframe{ width: 100%; height: 240px; margin-top: 30px; }
}
.last {border-bottom: 1px solid #CCCCCC;}


/*ボタン*/
a:link {text-decoration: none;}
.button_wrap {width: 200px; margin: 16px 0 20px 0;}
.button_wrap .button {width: 200px; height: 50px; display: flex; align-items: center; background: #000000; color: #ffffff; line-height: 45px;float: left; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;position: relative;}
.button_wrap .button.link.inline_sp {width: 212px; position: relative;display: none;}
.button_wrap .button span {width: 95%;text-align: right;font-size: 16px; font-family: "Cormorant Garamond", serif; font-weight: 400;font-style: normal; margin-left: 0%;display: inline-block;padding: 0 14%;}
.circle {position: relative; width: 27px; height: 27px; border-radius: 50%; overflow: hidden; display: flex; lign-items: center; justify-content: center; background: #fff; color: #000;  position: absolute; /*right: 20px;*/}
.circle .arrow {position: absolute; font-size: 13px; animation: none; transition: transform 0.3s ease; color: #000; left: 2px; top: -1.5pt;}

.button_wrap .button:hover {box-shadow: 0 12px 20px rgba(30, 125, 251, 0.4), 0 6px 10px rgba(30, 125, 251, 0.2);}
.button_wrap .button:hover .circle .arrow {animation: slideArrow 0.7s linear infinite;}

@media screen and ( min-width:768px) {
    .button_wrap {margin: 60px 0 0 0;}
}

/*カンパニーボタン*/
.button span {
    width: 95%;
    text-align: right;
    font-size: 16px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 0%;
    display: inline-block;
    padding: 0 10%;
}
.button .circle {
    position: relative;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    float: light;
    position: absolute;
    left: 20px;
    transform:  rotate(180deg);
}
.button .arrow {
    position: absolute;
    font-size: 13px;
    animation: none;
    transition: transform 0.3s ease;
    color: #000;
    left: 0px;
    top: -6.5pt;
  }
.button.link.inline_sp {
    width: 212px;
    /*position: relative;*/
}
a:link {
    text-decoration: none;
}

.button {
    background: #000000;
    color: #ffffff;
    line-height: 45px;
    float: left;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
    position: relative;
}
.button_wrap{width:200px;margin: 0 auto;padding-bottom: 80px;}
.button {width: 200px;height:50px;display: flex;align-items: center;}
.button:hover {box-shadow: 0 12px 20px rgba(30, 125, 251, 0.4), 0 6px 10px rgba(30, 125, 251, 0.2);}
.button:hover .arrow {animation: slideArrow 0.7s linear infinite;}
.button.link.inline_sp {display: none;}


/*リンク*/
.links_wrap {background-color: #B4B4B415; padding: 5% 20px; margin-top: 20px;}
.links_wrap .links {display: block; margin: 0 auto;}
.links_wrap .links .banner_link {position: relative; width: auto; height: 174px; display: block; margin-bottom: 20px;}
.links_wrap .links .banner_link .link_img {width: 100%; height: auto; padding-top: 0; background-color: #000;}
.links_wrap .links .banner_link .link_img img {opacity: 0.4;}
.links_wrap .links .banner_link .link_title {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; display: block; width: fit-content; height: fit-content;}
.links_wrap .links .banner_link .link_title .english {display: block; font-size: 32px;font-weight: 400;font-style: normal;font-family: "Cormorant Garamond", serif;}
.links_wrap .links .banner_link .link_title .sub {display: block; font-size: 16px;letter-spacing: 0.1em;font-weight: normal;font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
.links_wrap .links .banner_link  .circle {position: absolute; right: 20px; bottom: 20px;}
.links_wrap .links .banner_link  .circle .arrow {left: 6px; top: -1.5px}

.links_wrap .links li:hover .banner_link .link_img img {opacity: 0.6; transition: 0.2s;}
.links_wrap .links li:hover .circle .arrow {animation: slideArrow 0.7s linear infinite;}



@media screen and ( min-width:768px) {
    .links_wrap {padding: 5% 0;}
    .links_wrap .links {display: flex; justify-content: space-between; gap: 0 20px; max-width: 1080px; margin: 0 auto;}
    .links_wrap .links .banner_link {margin-bottom: 0px;}
    .contents .outline dd { line-height:2em; }
    .links_wrap ul li {width: 33%;}
}

.head-subtext { color:#000; }