/*----------------------------------------------------------------
ベーシック
----------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}/*supはキャンセル解除*/
html {font-size:62.5%}
body {line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul, ul, li{list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color: #333;text-decoration: none}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}
body{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}
body:lang(en){font-family: Helvetica, Verdana, Arial, sans-serif}

.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}
.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}.pb100{padding-bottom:100px}
.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}
.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pt100{padding-top:100px}
.indent1{padding-left:1em;}.indent2{text-indent:2em;/*padding-left:2em;*/}.kome{font-size: 1.3rem;text-indent:-1em;padding-left:1em;}
.bold{font-weight: bold;}

.box2{margin-top: 5px;text-align:center;}
.box2 a{border: solid 1px #fff !important;padding: 0 0 !important;font-size: 15px !important;}
.box2 a::after{display: none !important;}
.box2 a:hover{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;border: solid 1px #fff !important;opacity: 0.5;}

main {display:flex;flex-direction: column;min-height:calc(100vh - 247px);}/*footerをブラウザ最下部に固定*/
main{margin-top: 131px}/*ヘッダー固定分の高さ*/
@media screen and (max-width: 768px) {
  main {min-height: calc(100vh - 236px);}
  main{margin-top: 75px}/*ヘッダーの高さ分*/
}
img{-webkit-backface-visibility: hidden;}
body.is-modal-active {overflow: hidden;position:fixed;width: 100%;height: 100%;left:0;}
body.is-modal-active header{height: 74px;z-index: 1}
body.is-modal-active header .head_container .logo {top:12px}
body.is-modal-active header .head_container .logo a img{height:50px;}
body.is-modal-active header .head_container{position:relative;height:74px;}
body.is-modal-active header .head_container .head_navi_PC{width:100%;text-align:right;height:74px}
body.is-modal-active header nav {margin-top:13px}
body.is-modal-active header nav ul li{font-size:1.7rem}
body.is-modal-active header nav .lang{font-size: 1.6rem;display: inline-block;margin-bottom: 18px;}

/*----------------------------------------------------------------
共通
----------------------------------------------------------------*/
/*グローバルナビ*/
header{background-color: #FFF;border-bottom:solid 1px #CECECE;position:fixed;height:130px;width:100%;top:0;z-index:100;transition:0.3s}
header .head_container {height:130px;transition:0.3s}
header .head_container .logo {display:inline-block;position:absolute;top:18px;transition:0.3s}
header .head_container .logo a img{transition:0.3s;max-width: 230px;}
header .head_container .head_navi_PC{width:100%;text-align:right;height:130px}
@media screen and (max-width: 768px) {
  header{height: 74px;}
  header .head_container .logo {top:12px}
  header .head_container .logo a img{height:60px;}
  header .head_container{position:relative;height:74px;}
  header.smaller {opacity:1}
}
nav {display:inline-block;margin-top:20px;transition:0.3s}
nav ul li{display:inline-block;text-align:right;font-size:1.5rem;font-weight:bold;margin: 0 0 0 20px}
nav ul li:lang(en){display:inline-block;text-align:center;font-size:1.5rem;font-weight:bold;margin: 0 0 0 30px;vertical-align: middle;}
nav ul li a{transition:0.5s;position:relative}
nav ul li a:hover{color:#444285;opacity:0.8}
nav ul li a::after{position:absolute;bottom:-2px;left:0;content:"";width:100%;height:2px;background-color:#444285;visibility:hidden;transition:0.5s;opacity:0}
nav ul li a:hover::after{bottom:-6px;visibility:visible;opacity:0.8}
nav ul{text-align:right}

/*言語切替*/
.lang{font-size: 1.6rem;display: inline-block;margin-bottom: 58px;transition:0.5s;color:#333;font-family: Helvetica, Verdana, Arial, sans-serif !important}
.lang:lang(en){font-size: 1.5rem;margin-bottom: 60px;}
.lang a{transition:0.5s;position:relative;font-family: Helvetica, Verdana, Arial, sans-serif !important}
.lang a:hover{color:#444285;opacity:1}
.lang a::after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:2px;background-color:#444285;visibility:hidden;transition:0.5s;opacity:0}
.lang a:hover::after{visibility:visible;opacity:1}
.lang_sp{display: -webkit-flex;display: flex;align-content:space-between;background-color: #5a5a5a;font-size: 18px;text-align: center;}
.lang_sp a{display: table-cell;width: 50%;padding: 20px 0;box-sizing: border-box;color:#bbbbbb;}
.lang_sp a:first-child{border-right:solid 1px #ffffff;}
.lang_pc_active{}
.lang_sp_active{background-color: #797979;color: #FFFFFF !important;}

/*SPハンバーガーメニュー*/
.p-header-menu__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;width:74px;height:74px;border:none;background:none;cursor:pointer}
.p-header-menu__button i{display:block;width:35px;height:3px;background-color:#333333}
.p-header-menu__button i+i{margin-top:9px}
.is-menu-active .p-header-menu__button i{position:absolute;top:50%;left:50%;-webkit-transition:-webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);transition:-webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1)}
.is-menu-active .p-header-menu__button i:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:-16px}
.is-menu-active .p-header-menu__button i:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-4px;margin-left:-16px}
.is-menu-active .p-header-menu__button i:nth-child(2){display:none}
/*SPメニューパネル*/
body.is-menu-active{height:100%;overflow:hidden}/*メニューオープン時固定*/
.p-header-menu__panel{position:absolute;top:75px;left:0;z-index:100;width:100%;height:calc( 100vh - 60px);overflow:auto;background-color:#fff;pointer-events:none;opacity:0;-webkit-transition:opacity 1s cubic-bezier(0.19, 1, 0.22, 1);transition:opacity 1s cubic-bezier(0.19, 1, 0.22, 1)}
.is-menu-active .p-header-menu__panel{pointer-events:auto;opacity:1}
/*SPメニュー*/
.p-header-menu__nav{margin: 0 auto;width:100%;}
.p-header-menu__nav ul li a{display:block;font-size:2rem;line-height:1.5;border-bottom:1px solid #cccccc;padding:13px 5%;font-weight:bold}
.p-header-menu__nav--close a{display:block;padding:22px 0;background-color:#333333;color:#fff;font-size:16px;text-align:center}
.p-header-menu__nav--close .fa{margin-left:8px}

/*フッター*/
footer{background-color:#525255;color:#FFFFFF;margin-top:90px}
footer p{text-align:center;font-size:1.3rem}
footer p a{color:#FFFFFF;transition:0.5s;padding: 0 20px;}
footer p a:hover{text-decoration:underline}
.footer_container{position:relative}
.footer_link{padding:30px 0 0 0}
.copyright{font-size:1.3rem;padding:30px 0;letter-spacing:0.1rem;line-height:1.5}
#page_top{margin:-84px auto -60px auto;width:90%;max-width:980px;position:relative;height:54px}
#page_top a{width:54px;height:54px;display:block;text-decoration:none;background:rgba(0,0,0,0.4);position:absolute;right:0;top:0;text-align:center;transition: 0.5s}
#page_top a:hover{opacity: 0.5}
.footer_sns_icon{display: flex;justify-content: center;margin-top: 20px;}
.footer_sns_icon a{padding: 0 15px;transition: all 0.5s;}
.footer_sns_icon a img{width: 52px;}
.footer_sns_icon a:hover{opacity: 0.7;}
@media screen and (max-width: 768px) {
  footer p a{display: block;padding: 20px 0px;}
  .footer_link{padding:40px 0 0 0}
  .copyright{padding:30px 0 40px 0}
  #page_top{display:none}
}
/* ぱんくず */
.pnkz{margin:15px auto;width:90%;max-width:980px;}
.pnkz p {font-size:1.3rem}
.pnkz p a:hover{text-decoration: underline;}
@media screen and (max-width: 768px) {
  .pnkz{display:none}
}



/*----------------------------------------------------------------
レイアウト
----------------------------------------------------------------*/
article p{font-size: 1.7rem;line-height:1.8;color:#333333;margin: 0 0 20px 0}
article li{font-size: 1.7rem;line-height:1.8;color:#333333;
  padding-left: 1em;}
article ul{font-size: 1.7rem;line-height:1;color:#333333}
article h1{font-size: 4.5rem;}
article h2{font-size: 3.5rem;line-height:1.5}
article h3{font-size: 2.3rem;color: #333333;margin: 0 0 20px 0;line-height:1.5}
article h4{font-size: 1.8rem;color: #333333;margin: 0 0 20px 0;line-height:1.5}
article h4:lang(en) {font-size: 1.8rem;color: #333333;margin: 0 0 20px 0;line-height:1.7}
@media screen and (max-width: 768px) {
  article h1{font-size:3.2rem}
  article h2{font-size:2.8rem}
  article h3{font-size:1.8rem}
  article h4 {font-size: 1.7rem}
  article h4:lang(en) {font-size: 1.7rem}
}

table, tr, th, td {font-size:1.7rem;text-align:left}
table{width:100%;}
.section_title_inner, .head_container, .footer_container, .main_visual_container, .container, .sp_maincopy_container{margin: 0 auto;width:90%;max-width: 980px}
.container {padding:45px 0px}
.section_sub {margin: 0 auto;width:90%;max-width: 900px;padding: 60px 0px}
.section_title{height:200px;background-size:cover;background-position: center;}
.section_title_inner{height:200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;	-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.section_title_inner::before{content:"";background-color:rgba(0,0,0,0.8);position:absolute;}
@media screen and (min-width: 769px) {
  .section_title_inner::before{height:200px;width:200%;right:50%;}
}
@media screen and (max-width: 768px) {
  .section_title{height:130px}
  .section_title_inner{height:130px;display:-webkit-box;display:-ms-flexbox;display:flex;	-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;-webkit-flex-wrap: nowrap;flex-wrap: wrap;}
  .section_title_inner::before{height:130px;width:70%;left:-10%}
}
.section_title_inner h1{color: #FFFFFF;position:relative;z-index:10;}
.section_title_inner h1:lang(en){font-size: 38px;}
@media screen and (max-width: 768px) {
  .section_title_inner h1{font-size: 28px;padding-top: 0;}
  .section_title_inner h1:lang(en){font-size: 25px;line-height: 1.3}
}
.section_title_inner ul {position:relative;z-index:10;padding-top:40px;}
.section_title_inner ul::before{content:"";background-color: #FFFFFF;position:absolute;height:1px;width:30px;left:0;top:20px;}
.section_title_inner ul li{position:relative;display:inline-block;color:#FFFFFF;margin-right: 45px;}
.section_title_inner ul li a{font-size:1.3rem;color:#FFFFFF;display:inline-block;transition: 0.5s}
.section_title_inner ul li a:lang(en){line-height: 1.7;font-size:1.3rem;color:#FFFFFF;display:inline-block;transition: 0.5s;}
.section_title_inner ul li a:hover{opacity: 0.7;}
.section_title_inner_harf{width: 50%}
@media screen and (max-width: 768px) {
  .section_title_inner_harf{width: 60%}
}

.section_title_sub{background-color:#333;}
.section_title_sub_inner{margin:0 auto;width:90%;max-width:980px;color:#FFFFFF;}
.section_title_sub_inner h1{padding:35px 0;}
.h2-blue{color:#444285;text-align:center;font-size:3.5rem;font-weight:normal;margin: 0 0 35px 0}
@media screen and (max-width: 768px) {
  .section_title_sub_inner h1{padding:30px 0}
  .h2-blue{font-size:2.8rem}
}


.l-top-whitebox{box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1);box-sizing:border-box;}
.l-top-table tr {border-top:solid 1px #CECECE}
@media screen and (min-width: 769px) {
  .l-top-table tr {
    display: flex; 
    align-items: center;
}
}
.l-top-table tr:last-child {border-bottom:solid 1px #CECECE}
.l-top-table th, .l-top-table  td {padding:20px 0}
.l-top-table td{line-height:1.7;}
.l-top-table td ul li{line-height:1.5;margin:0 0 15px 0;text-indent:-2em;padding-left:2em}
.l-top-table th{width:140px;padding-right: 30px;line-height: 1.5}
@media screen and (max-width: 768px) {
  .l-top-table th, .l-top-table  td {display:block}
  .l-top-table th{padding:20px 0 8px 0;width: 100%}
  .l-top-table td{padding:8px 0 20px 0}
}
.l-top-btn-flex{display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;-ms-flex-wrap: wrap;-webkit-flex-wrap: nowrap;flex-wrap: wrap;}
.l-top-btn-flex-box{width:47.4%;margin: 0 auto 40px;}
.l-top-btn-flex-box a{transition: 0.5s;position: relative;width: 100%;display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;font-weight: bold;border: solid 1px #a1a1a1;height: 66px;}
.l-top-btn-flex-box a::after{position: absolute;right: 20px;display: inline-block;content:"";width: 15px;height: 15px;border: 1px solid;border-color: #ADADAD #ADADAD transparent transparent;transform: rotate(45deg);}
.l-top-btn-flex-box a:hover{box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);border: solid 1px #cccccc;}
.pdf::after{display: inline-block;content:"";width: 50px;height: 50px;background: url(/common/img/pdf_ico2.jpg) no-repeat 0 0;margin-left: 15px}
.word::after{display: inline-block;content:"";width: 50px;height: 50px;background: url(/common/img/word_ico.jpg?001) no-repeat 0 0;margin-left: 15px}
.l-top-btn-flex-box a{padding: 0 50px;  box-sizing: border-box;position: relative;width: 100%;display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;font-weight: bold;border: solid 1px #a1a1a1;height: 66px;}
.l-top-btn-flex-box a:lang(en) {font-size: 18px;text-align: center;}
.modal .l-top-btn-flex-box a{font-size: 16px;font-weight: normal;padding: 0 40px 0 20px;box-sizing: border-box;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
.modal .pdf::after{margin-left: 15px;width: 50px;height: 50px;}
@media screen and (max-width: 768px) {
  .l-top-btn-flex-box{width:100%}
}

.tbl{display: table;width: 100%}
.tbl_row{display: table-row;}
.tbl_cell_th{display: table-cell;width: 280px}
.tbl_cell_td{display: table-cell;}
@media screen and (max-width: 480px) {
  .tbl_cell_th{display: table-cell;width: 150px}
}

#contents{margin-bottom:90px;}

/*----------------------------------------------------------------
トップページ
----------------------------------------------------------------*/

/*キービジュアル*/
.mainvisual_bg {background-color: #aa9496}
.main_visual {width:100%;height:0;padding-top: calc(644 / 1080 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */position: relative;-webkit-backface-visibility: hidden;}
@media screen and (min-width: 1280px){
  .main_visual {width:1280px;height: 0;padding-top: 650px;margin: auto;}
}
.main_visual {background: url(/img/keyvisual.jpg?001) center center / cover no-repeat;}
.main_visual:lang(en) {background: url(/img/keyvisual.jpg?001) center center / cover no-repeat;}

/*ニュース*/
#news section h2{color:#444285;text-align:center;font-size:3.5rem;font-weight:normal;margin: 0 0 35px 0}
#news dl {display: table-row;color: #333333;}
#news dl dt {display: table-cell;font-size:1.5rem;font-weight:bold;margin: 0 0 10px 0;vertical-align:top;line-height:1.5;width: 250px;padding: 10px 0;}
#news dl dd {display: table-cell;font-size:1.7rem;line-height:1.5;padding: 10px 0;}
#news dl dt .topocs-date{width: 135px;display: inline-block;}
#news dl dt .topocs-label{width:90px;display: inline-block;font-size:1.3rem;font-weight: normal;padding:2px 0px;text-align: center;}
#news .topocs_gray{background-color:#dadada}
#news .topocs_gray_top{background-color:#6593ba;color: #fff;}
#news .topocs_black{background-color:#333333;color: #FFF}
#news dl dd a:hover{opacity:0.7;text-decoration:underline;}
#news {padding-bottom:20px}
#news section h2.topics_h2{color:#444285;text-align:left;font-size:3rem;font-weight:normal;margin: 0 0 35px 0}
.fa_black{color:#333}
.fa_text{margin-left:10px;}
.news_topics:not(:last-of-type){margin-bottom: 40px;}

/* 一覧ボタン */
.btn_link {position: relative;background-color: #F68B23;text-align: center;color: #FFF;transition: 0.5s;font-size: 1.6rem;font-weight: bold;padding: 15px;box-sizing: border-box;margin: auto;display: block;border: solid 1px #F68B23;width: 100%;max-width: 220px;margin-top: 30px;}
.btn_link:hover{background-color: #FFF;color:#F68B23;}
.arrow01{display:inline-block;width:8px;height:8px;border-top: solid 2px #FFFFFF;border-right: solid 2px #FFFFFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:15px;top:18px;transition: 0.5s}
.btn_link:hover .arrow01{border-top:solid 2px #F68B23;border-right: solid 2px #F68B23}

@media screen and (max-width: 768px) {
  #news section h2.topics_h2{font-size:2rem}
  #news dl dt {display: block;width: 100%}
  #news dl dd {display: block;width: 100%}
  #news dl dt:lang(en) {display: block;width: 100%}
  #news dl dd:lang(en) {display: block;width: 100%}
}

/*財団概要*/
#about .section_title{background-image: url(/img/about_title.jpg);}
#about-feature li{text-indent: -1em;}
/*募集概要*/
#appli .section_title{background-image: url(/img/appli_title.jpg)}
#appli .calendar img{width: 90%;padding: 60px 0px;}
#appli .calendar {text-align: center;}

/*ギャラリー*/
#gallery .section_title{background-image: url(/img/gallery_title.jpg)}
.l-gallery-flex{display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;-ms-flex-wrap: wrap;-webkit-flex-wrap: nowrap;flex-wrap: wrap;}
.l-gallery-flex-box{width: 18.2%;margin-bottom: 20px;overflow:hidden;transition: 0.5s;}
.l-gallery-flex-box img{width: 100%;transition: 0.5s;}
.l-gallery-flex-box:hover{box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3)}
.l-gallery-flex-box img:hover{;transform:scale(1.1);}
@media screen and (max-width: 768px) {
  .l-gallery-flex-box{width: 23%;}
  .l-gallery-flex::before{content:"";display:block;width: 23%;height:0;order:1;}
  .l-gallery-flex::after{content:"";display:block;width: 23%;height:0;}
}
@media screen and (max-width: 550px) {
  .l-gallery-flex-box{width: 31%;}
  .l-gallery-flex::before{content:none;}
  .l-gallery-flex::after{content:"";display:block;width: 31%;height:0;}
}
@media screen and (max-width: 400px) {
  .l-gallery-flex-box{width: 47%;}
  .l-gallery-flex::before{content:none;}
  .l-gallery-flex::after{content:none;}
}

/*モーダル*/
.modal {position: fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:200;}
.overLay {position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:300;}
.modal__inner {position:fixed;width: 80%;max-width: 900px;max-height: 100vh;z-index:400;margin-top:80px;margin-left: 50%;transform: translateX(-50%);top:0;left:0;overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;}
@media only screen and (max-width: 768px){
  .modal__inner {margin-top:100px;width: 90%;}
}
.modal__inner::-webkit-scrollbar {display: none;}
.modal__inner::after{content: "";display: inline-block;height: 200px}
.modal__inner article{padding: 50px;box-sizing: border-box;background-color: #FFFFFF;}
.modal__inner-gallery {text-align: center;background-color: rgba(0,0,0,0.6);}
.modal__inner-gallery article{padding: 15px;background-color: #FFFFFF}
.modal__inner-gallery article p{margin-bottom: 0;color: #333333;font-size: 15px;text-align: left;line-height: 1.3}
.modal__inner-gallery img{max-width: 900px;max-height: 75vh;vertical-align: bottom;}
@media only screen and (max-width: 768px){
  .modal__inner-gallery img{max-width: 90vw;}
}
.modal__inner-gallery.modal__inner::after{content: none;}
@media only screen and (max-width: 550px){
  .modal__inner article{padding: 50px 20px;}
  .modal__inner-gallery article{padding: 20px}
}
.modal__inner article .modal-flex{display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;-ms-flex-wrap: wrap;-webkit-flex-wrap: nowrap;flex-wrap: wrap;}
.modal__inner article .modal-flex-box{width: 47%}
@media only screen and (max-width: 768px){
  .modal__inner article .modal-flex-box{width: 100%}
}
.modal__inner article h4{border-bottom: 1px solid #CECECE}
.l-modalClose{display: inline-block;position: fixed;z-index:  500;margin-top: 80px;right:10%;text-align: right;transform: translateX(150%)}
@media only screen and (max-width: 768px){
  .l-modalClose{margin-top: 60px;transform: translateX(0%);right:5%}
}
.l-modalClose img{cursor: pointer;transition: 0.3s}
.l-modalClose img:hover{opacity: 0.7}
.l-modalClose-pc{position: relative;width: 100%;background-color: #4a4a4a;color: #FFF ;background-color: #FFF;text-align: center;}
.l-modalClose-pc p {background-color: #4a4a4a;display: inline-block;box-sizing: border-box;padding: 15px 0;width: 50%;max-width: 250px;margin: 20px auto 40px auto;cursor: pointer;transition: 0.3s}
.l-modalClose-pc p:hover {opacity: 0.7}
.modal__inner-footer{height: 200px}
.modal-ul-1col li{line-height: 1.5;margin-bottom: 12px}
.modal-ul-2col {display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-pack: space-between;-ms-flex-wrap: wrap;-webkit-flex-wrap: nowrap;flex-wrap: wrap;}
.modal-ul-2col li{width: 47%;line-height: 1.3;margin-bottom: 12px}
@media only screen and (max-width: 550px){
  .modal-ul-2col li{width: 100%;}
}

@media only screen and (max-width: 768px){
  .l-modalClose-sp{position: relative;width: 100%;max-width: 400px;margin: 40px auto 0 auto;background-color: #4a4a4a;color: #FFF;text-align: center;}
  .l-modalClose-sp p{margin: 0 ;padding: 15px;font-weight: normal;;font-size: 17px;}
}
@media only screen and (max-width: 480px){
  .l-modalClose{margin-top: 13%}
}
.officer-table {width: 100%;max-width: 715px;margin: 0 auto;}
.officer-table td{padding: 8px 0;}
@media only screen and (min-width: 769px){
  .officer-table tr td:nth-child(1){width:70px;}
  .officer-table tr td:nth-child(2){width:155px;line-height: 1.8;}
  .officer-table tr td:nth-child(3){width:300px;padding-left: 10px;line-height: 1.8;}
}
@media only screen and (min-width: 551px) and (max-width: 768px){
  .officer-table tr td:nth-child(1){width:80px;}
  .officer-table tr td:nth-child(2){width:105px;}
}
@media only screen and (max-width: 550px) {
  .officer-table tr td{display: inline-block;padding: 5px 15px 5px 0;}
  .officer-table tr td:last-child {padding: 5px 15px 15px 0;}
}
.modalClose-btn{border: solid 1px #cccccc;text-align: center;line-height: 1;padding: 20px;box-sizing: border-box;cursor: pointer;width: 100%;margin: 0 auto;max-width: 400px;transition: 0.5s;}
.modalClose-btn:hover{box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);border: solid 1px #cccccc;}

/*アンカーリンク調整*/

#about {margin-top:-34px;padding-top:74px;}
#about #about-intro  {margin-top:-54px;padding-top:104px;}
#about #about-basic  {margin-top:-54px;padding-top:104px;}
#about #about-feature  {margin-top:-54px;padding-top:104px;}
#appli {margin-top:14px;padding-top:74px;}
#appli #appli-about{margin-top:-54px;padding-top:104px;}
#appli #appli-appli{margin-top:-54px;padding-top:104px;}
#appli #appli-date{margin-top:-54px;padding-top:104px;}
#gallery {margin-top:14px;padding-top:74px;}
#gallery #gallery-2019{margin-top:-54px;padding-top:104px;}
#gallery #gallery-2018{margin-top:-54px;padding-top:104px;}
#gallery #gallery-2017{margin-top:-54px;padding-top:104px;}
@media screen and (max-width: 768px) {
  #about {margin-top:-70px;padding-top:74px}/*アンカーリンク調整*/
  #appli {margin-top:-70px;padding-top:74px}/*アンカーリンク調整*/
  #gallery {margin-top:-70px;padding-top:74px}/*アンカーリンク調整*/
}

/*その他アイテム*/
.arrow05{margin-top:22px;display:inline-block;width:12px;height:12px;border-top:solid 2px #FFF;border-right:solid 2px #FFF;-webkit-transform:rotate(-45deg);transform: rotate(-45deg)}
.btn_contact{position:relative;background-color:#F68B23;text-align:center;color:#FFF;transition:0.5s;font-size:1.8rem;font-weight:bold;padding:24px;box-sizing:border-box;margin:auto;display:block;border:solid 1px #F68B23;width:100%;max-width:440px}
.btn_contact:hover{background-color:#FFF;color:#F68B23;}
.arrow02{display:inline-block;width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:25px;top:27px;transition: 0.5s}
.btn_contact:hover .arrow02{border-top: solid 2px #F68B23;border-right: solid 2px #F68B23;}
.arrow04{margin:13px 8px 13px 0;display:inline-block;width:8px;height:8px;border-top:solid 2px #444285;border-right:solid 2px #444285;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:0.5s;vertical-align:middle}

/* プライバシーポリシー */
ul.policy_list{margin-bottom: 20px;text-indent: -3em;padding-left: 3em;}
.policy_list li{line-height: 1.5;}


@media screen and (max-width: 768px) {
  .hideonSP{display: none}
  .head_navi_PC{display: none}
}
@media screen and (min-width: 769px) {
  .hideonPC{display:none}
  .head_navi_SP{display:none}
}


@media screen and (min-width: 769px) {
  .hideonPC{display:none}
  .head_navi_SP{display:none}
  /*スクロール時縮小*/
  header.smaller {height:74px;opacity:0.9}
  header.smaller .head_container {height:74px}
  header.smaller .head_container .logo {display:inline-block;position:absolute;top:12px}
  header.smaller .head_container .logo a img{height:60px}
  header.smaller .head_container .head_navi_PC{height:74px}
  header.smaller nav {margin-top:13px}
  header.smaller nav ul li{font-size:1.7rem}
  header.smaller nav .lang{font-size: 1.6rem;display: inline-block;margin-bottom: 18px;}
  header.smaller nav .lang:lang(en){font-size: 1.5rem;margin-bottom: 18px;}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .section_title_inner::before{background-color:rgba(0,0,0,0.6);-ms-transform:translateY(-50%); }
  .btn_contact{padding:28px 24px 20px 24px}
}

/* SNSポリシー */
main.page-sns-policy a{text-decoration: underline;transition: all 0.2s;color: blue;}
main.page-sns-policy a:hover{transition: all 0.2s;opacity: 0.6;}
.sns-policy-list2{text-indent: -13em;padding-left: 13em;margin-bottom: 20px;line-height: 1.5;}
.sns-policy-list span.indent5{text-indent: -5em;padding-left: 5em;display: inline-block;}
.sns-policy-list span.indent12{text-indent: -12em;padding-left: 12em;display: inline-block;}

.page-sns-policy table{line-height: 1.5;margin-bottom: 20px;}
.page-sns-policy table th{font-weight: normal;min-width: 200px;}
.page-sns-policy table td{text-indent: -1.5em;padding-left: 1.5em;}
/* .hideonSP-400{display: inline-block;}
.hideonPC-400{display: none;}
@media screen and (max-width: 400px) {
  .hideonSP-400{display: none;}
  .hideonPC-400{display: inline-block;}
  .page-sns-policy table th{min-width: initial;width: 100%;display: block;}
  .page-sns-policy table td{width: 100%;display: block;}
} */