@charset "utf-8";

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.catCase   { --bg:#4F81BD; --tr:#eaf4ff; --color:#4F81BD; --border:#4F81BD; }
.catCN   { --bg:#FFC000; --tr:#fdf3d8; --color:#FFC000; --border:#FFC000; }
.catMaaS    { --bg:#FF3300; --tr:#ffede8; --color:#FF3300; --border:#FF3300; }
.catStartUP    { --bg:#FF9999; --tr:#fff0f0; --color:#FF9999; --border:#FF9999; }
.catCosmo { --bg:#0070C0; --tr:#e5f2fb; --color:#0070C0; --border:#0070C0; }
.catSmart   { --bg:#60497A; --tr:#efe6f9; --color:#60497A; --border:#60497A; }
.catMoter    { --bg:#92D050; --tr:#ebfbda; --color:#92D050; --border:#92D050; }
.catH2     { --bg:#4BACC6; --tr:#ecf6f9; --color:#4BACC6; --border:#4BACC6; }
.catDenchi   { --bg:#E26B0A; --tr:#fdf1e8; --color:#E26B0A; --border:#E26B0A; }
.catOther    { --bg:#00B050;    --tr:#def5e9; --color:#00B050;    --border:#00B050; }

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased; /* Safari / Chrome / iOS */
  -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
  text-rendering: optimizeLegibility;
  word-wrap: break-word;
  overflow-x: hidden;
  scroll-behavior: smooth;
text-align:center;
}


/* リストのマークを消す */
ul,
ol {
  list-style: none;
}

/* 見出しの初期リセット */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
}

/* フォーム要素のフォントを継承 */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

table{
border-collapse:collapse;
}
/*  */
button {
  cursor: pointer;
}

header {position: sticky;  background-color: #fff;
top:0;
padding: 20px 40px;
min-width:1280px;
z-index:100;
align-items:center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
display:flex;
justify-content:space-between;

}
section{
padding:100px 0;
position:relative}
section.noPDG{
padding:0}
/* ロゴ */
#logo {
width:500px;
}#logo img{
width:100%}



header nav a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
display:block;
margin: 0 0 0 1.8em;
transition: all 0.3s ease;
}

header nav a:hover{
color:#3cd6ff}

/*  */


h2{

margin: 0 0 1em;
font-size:2.25rem}


.kaso h2{
font-size:2.5rem}

.kaso h2.lineB{
margin:0 0 1.8em;
padding:0 0 1em;
position:relative;
}


.kaso h2.lineB::after{
position:absolute;
width:3em;
content:"";
left:calc(50% - 1.5em);
height: 3px;
background:#1898c2;
bottom:0;
}
h2, h3 , h4, h5, h6{
line-height: 1.6
}

p {
line-height:2
}

.catch{
color:#da0000;
font-weight:bold;
}

.Colulmn .box{
padding: 0 0 2em}

.ju{
justify-content:space-between;}

.aCENTER{
text-align:center;}
.aRIGHT{
text-align:right}


a[href^="tel:"] {
font-family: 'Roboto', sans-serif;
font-weight:bold;
color:#000;
}
img{
max-width: 100%;
}
/* ---------------------------
   フッター
--------------------------- */
footer {
background:#f4f4f4;

}
footer .Inner{
padding: 80px 0;
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
}

footer .about{
text-align:left}

footer .about a{
text-decoration:underline;
}

footer img{
width:420px;
}
footer figcaption{
line-height: 1.8em;
padding: 2em 0 4em;
}

footer .telephone{
text-align:right}
footer .telephone p{
line-height: 1.2em;
font-weight:bold;
font-size:1.125rem;
}


footer .telephone a[href^="tel:"] {
font-size:36px;
display:block;
padding: .4em 0 .4em 1.2em;
background: url(../images/ico_tel.png) no-repeat left center / 1em;
}

#Copyright{
color:#00a1c4;
padding: 80px 0;
background:#FFF;

}
/**/
.bnrFIX {
  position: fixed;
  right: 0;
  top: 156px;
  width: 220px;
  z-index: 9998;
min-height:150px;
color:#FFF;
background:#00a1c4;
border-radius:0 0 0 10px;
padding: 15px 10px; transition: transform 0.4s ease;
}
.exhibition .CV,
.exhibition .cv-toggle,
.exhibition .bnrFIX{
opacity: 0;
display: none}
.bnrFIX .Inn{
display:flex;
text-align:left;
align-items:flex-start;
}

.bnrFIX img{
width:62px;
}
.bnrFIX p{
font-size:.75rem;
font-weight:bold;
line-height:1.8em}
.bnrFIX p strong{
display:block;
font-size:1.125rem;
font-weight:bold;
margin: .6em 0;
}
.bnrFIX.closed {
 /**/ transform:translateX(100%);
}

.bnrFIX .btn {
font-size:.75rem;
font-weight:bold;  display:block;
  margin: .4em auto 0;
  padding: .88em 0;
  text-align: center;
  background: #001162;
  color: #fff;
  text-decoration: none;
  transition: .6s;
  border-radius: 30px;
}
section.CV .btn a:hover,
.bnrFIX .btn:hover{
background-color: #F8A200}

/* OPEN / CLOSE ボタン */
.cv-toggle {
  position:fixed;
  top: 156px;
right:220px;
  font-size: .75rem;
  padding: 2em .4em;
  background: #0078d7;
  color: #fff;
  border: none;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  letter-spacing: .4em;
  transition: transform 0.4s ease;
  writing-mode: vertical-rl;
  text-orientation: upright;z-index: 9997;
}


/* バナーが閉じているとき → ボタンは右端 */
.cv-toggle.closed {
 transform: translateX(220px)
}
/**/
.Inner{
margin:auto}
/* */
a {
  color: inherit;
  text-decoration: none;
color:#333;
}

.btnMore{
padding-top:5em;
text-align:center}

.btnMore a{
font-size:1.125rem;
display:inline-block;
padding: 1em 4em;
background:#2fcad4;
position:relative;
border:1px solid #2fcad4; transition: all 0.3s ease;
color:#FFF;
text-decoration:none!important;
}
.btnMore a::after{
content:"";
position: absolute;
right: 1em;
top: calc(50% - .25em);
    width: .5em;
    height: .5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btnMore a:hover{
background:#fff;
color:#000;
}
.btnMore a:hover::after{
border-color:#2fcad4;
}

/**/

/* ----- */
ul.listNormal, .articleCo ul {
	margin: 0 0 2em .4em;
}
ul.listNormal li, .articleCo ul li {
	position: relative;
line-height: 1.8em;
text-align:left;
	padding: 0 0 .8em 1em;
}
ul.listNormal li::after, ul.listNormal li::before, .articleCo ul li::after, .articleCo ul li::before {
 display: block;
 content: '';
 position: absolute;
}
 ul.listNormal li::before, .articleCo ul li::before {
top: .4em;
width: 8px;
 height: 8px;
 border: 4px solid;
 border-color:  #ccc #ccc transparent transparent;
 transform: rotate(45deg);
 left: 0;
}
/**/
section#mainINDEX{
background:url(../images/main.png) no-repeat center;
margin:0;
padding:0;
}


section#mainINDEX .Inner{
position:relative;
text-align:left; }


section#mainINDEX .Inner h1{

padding: 80px 0 40px;
}


section#mainINDEX dl{
width:640px;
padding: 25px 0 25px 25px;
margin:0 auto 0 0;
display: flex;
    background: #fff;
    border-radius: 6px;
align-items:center;
flex-wrap:wrap;
}
section#mainINDEX dt{
background:#002789;
color: #fff;
text-align: center;
font-weight:bold;
font-size:1.125rem;
line-height: 1em;
letter-spacing:.2em;
}
section#mainINDEX dt:nth-of-type(2){
margin-top:1em}

section#mainINDEX dd{/* font-family: 'Roboto', sans-serif;*/
width:530px;
font-weight:bold;
text-align:left;
}

section#mainINDEX dd.Date{
font-size: 1.75rem;
line-height: 2em;
font-feature-settings: "palt";}
section#mainINDEX dd *{
font-weight:bold;

}
section#mainINDEX dd.Info{
display:flex;
align-items:flex-start;
}


section#mainINDEX dd.Info .date{
 padding:0 0 0 20px;
  }

section#mainINDEX dd.Info small.week{
font-size:20px;
}
section#mainINDEX dd.Info small.year,
section#mainINDEX dd.Info .time {
font-size:30px;
}

section#mainINDEX dd.Info small.year{
padding:.4em 0 0}
section#mainINDEX dd.Info strong{
font-size:76px}

section#mainINDEX dd.place{
line-height: 1.6em;
font-size:30px;
}
section#mainINDEX dd.place small{
font-size:24px;
display:block}


/**/

#pageTop{
position: fixed;
right: 30px;
bottom:50px;
}
/**/
nav[aria-label="Breadcrumb"] {
  /* ナビゲーション全体のスタイル */
padding: 3em 0 0;
  font-size: .875rem;
}

nav[aria-label="Breadcrumb"] ol {
  display: flex;
  gap: 0.5em;
flex-wrap:wrap;
  list-style: none; /* デフォルトの点を消す */
  padding: 0;
  margin: 0 auto;
width:1200px;
}

nav[aria-label="Breadcrumb"] li::after {
  content: ">";
  margin-left: 0.5em;
}

nav[aria-label="Breadcrumb"] li:last-child::after {
  content: ""; /* 最後の > を消す */
}

/**/

#Anniversary{
background:url(../images/20th_bg.jpg) no-repeat center top;
}
/**/
#Introduction{
	padding-bottom:20px

}

#Introduction p{
margin: 2.4em 0;
font-size:1.125rem;
}
#Introduction p.catch{
font-size:1.875rem;
margin: 0}

#Introduction .Features{
display:flex;
padding: 60px 0 0;
justify-content:space-between;
align-items:flex-start;
}

#Introduction .Features .Inn{
width:380px;
}

#Introduction .Features .Inn .feature {
color:#FFF;
      flex: 1 1 300px;
      background-color: #2fcad4;
background-position: center bottom;
background-repeat: no-repeat;
      border-radius: 50%;
      width: 380px;
      height: 380px;
      display: flex;
      flex-direction: column;
      justify-content:flex-start;


    }

#Introduction .Features .Inn:nth-of-type(1) .feature{
background-image:url(../images/feauture_01.png);
}#Introduction .Features .Inn:nth-of-type(2) .feature{
background-image:url(../images/feauture_02.png);
}#Introduction .Features .Inn:nth-of-type(3) .feature{
background-image:url(../images/feauture_03.png);
}


#Introduction .Features .Inn .feature h3{
color:#000;
font-size:30px;
font-style:italic;
line-height: 1.4em;
padding: 1.4em 0 .2em
}
#Introduction .Features .Inn p{
text-align:left;
font-size:1rem;}

#Introduction .Features .Inn .feature h3 em{
font-size:60px;
color:#FFf;
}

#Introduction .Features .Inn .feature p{
font-size:30px;
font-weight:bold;
line-height: 1.48em;
margin:0;
text-align:center;
}

#Introduction .Features .Inn:nth-of-type(3) .feature p{
line-height:1.2}

/**/

#PickUp{
background:#ccf6f0;}

#PickUp h2 span{
color:#1cbec4}

#PickUp .box{
text-align:left;
background:#FFF;
}

#PickUp h3{
  background: var(--bg);
color:#FFF;
font-size:1.375rem;
font-weight:bold;
line-height: 1.2em;
padding: .4em 1em;
display:flex;
justify-content:space-between;}


#PickUp h3 span{
color:#333;
font-size:.875rem;
background:#FFF;
padding: .2em 1em;
border-radius:50px;
}
#PickUp .box{
margin-top:2em}

#PickUp .box .shosai{
padding:20px;

}
#PickUp .box .shosai h4{
font-size: 1.25rem;
color: var(--color);
}
#PickUp .box .shosai p.subject{
padding: 0 0 .6em;
margin: 0 0 1em;
border-bottom:1px dotted #eee;
}
#PickUp .box .Inn{
display:flex;
align-items:flex-start;}
#PickUp .photo{
border: 1px solid #CCC;
margin: 0 1em 0 0;
overflow: hidden;
 display: flex;
justify-content: center;
align-items: center;
}
#PickUp .photo img{  object-fit: contain;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}


#PickUp dt,
#PickUp dd{
line-height: 1.2em;
margin: 0 0 1em 0;
}
#PickUp dt{
float:left;
text-align:center;
font-size:.875rem;
border: 1px solid #1cbec4;
padding: .2em 0;
width:5em;
clear:left;
}

#PickUp dd{
padding: .2em 0 .2em 5.2em;
margin: 0 0 1em;
}


/**/

#Overview .gaiyo{
padding:60px 0;
display:inline-block

}

#Overview img{
transition: .8s}
#Overview a:hover img{
box-shadow: 0 0 10px #777;
opacity: .6;}

#Overview .gaiyo h2{
padding: 1em 0;
margin:0;
background: url(../images/gaiyo_pct.png) no-repeat left bottom / auto 100%;
}

#Overview .gaiyo table{
width:auto;
margin:auto;
border-top: 2px solid #2fcad4}

#Overview .gaiyo th,
#Overview .gaiyo td{
text-align:left;
border-top:1px solid #ddd;
padding: 1.4em .6em;
font-size:1.063rem;
line-height: 1.8em;
}

#Overview .gaiyo tr:nth-of-type(1) th,
#Overview .gaiyo tr:nth-of-type(1) td{
border:0}

#Overview .gaiyo th{
padding-right:1.6em;
border-top: 2px solid #2fcad4}

/**/

#Overview .swiper-wrapper {
  display: flex;animation: scroll 20s linear infinite;
}

#Overview .swiper-slide {
  width: 300px;          /* 画像幅固定 */
  margin: 0 10px;        /* 左右マージン */
  flex-shrink: 0;        /* 幅固定を優先 */
}

#Overview .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* 複製分だけ移動 */
}



/**/

section#mainK{
background:url(../images/main_k.png) no-repeat center;
padding:0;
color:#000;
font-size:3.5rem;
line-height:250px;text-shadow:0 10px 0 #FFF
}
/**/

section.CV{
background:#00a1c4 url(../images/cv_pct.png) no-repeat left center;
width:810px;
margin:0 auto 100px;
color:#FFF;
border-radius:10px;
padding: 1.6em 0
}


section.CV h2{
font-size:1.25rem;
padding:20px 0 0;
margin:0;
}

section.CV h2+p{
font-size:34px;
font-weight:bold;

}

section.CV .btn{
padding: 1em 0;

}

section.CV .btn a{
font-size:1.125rem;
font-weight:bold;
display:inline-block;
color:#FFF;
border-radius:50px;
background:#001162;
padding: 1em 2em;
transition:.6s;}

/**/

section.past h2{
text-align:left;
font-size: 2rem;
padding: 0 0 0 .8em;
border-left: 2px solid #001162;
}

section.DL ul,
section#past-events ul{display:flex;
justify-content:space-between;
width: ;
}
section.DL ul li,
section#past-events ul li{
width:380px;
font-size:1.125rem;
font-weight:bold
}

section.DL ul li a,
#PanelPdfInformation a,
section#past-events ul li a{border-radius:8px;
display:block;
padding: 2.2em 0 2.2em 1em;
background:#01438e url(../images/ico_pdf.png) no-repeat 1em center / auto 2.4em;
color:#FFF;
transition: .6s;

}
section#past-events .wp-block-buttons .wp-block-button__link{
display: flex;
justify-content: center;
align-items: center}

section#past-events .wp-block-buttons .wp-block-button__link img{
margin:  0 10px 0 0}

section#past-events .wp-block-spacer{
border-top: 2px dotted #CCC;
margin: 3em 0;
}
@media (min-width: 768px) {

section#past-events .wp-block-buttons .wp-block-button__link{
width: 380px;
margin: 10px;
  }
}

@media (max-width: 767px) {
.wp-block-buttons>.wp-block-button{
width: 100%;
}
.wp-block-button__link{
font-size: 4vw!important;
margin-bottom: 1em;

}

}


#PanelPdfInformation a:hover,section#past-events ul li a:hover{
background-color: #4FB7E9
}

#PanelPdfInformation {
text-align: center;
padding-top: 0!important;
}
#PanelPdfInformation a{
display: inline-block;
padding: 1.8em 2.2em 1.8em 4.6em;
font-size: 1.375rem;
}
.listCategory{
display:flex;
flex-wrap:wrap;}

#PanelInformation{
border-top: 1px dotted #CCC;
}

.listCategory li a{
display:block;
border-radius:8px;
padding: .8em 0;
 border: 2px solid var(--border);  color: var(--color);
}



.catCase h3,
.catCN h3,
.catMaaS h3,
.catStartUP h3,
.catSmart h3,
.catMoter h3,
.catCosmo h3,
.catH2 h3,
.catDenchi h3,
.catSozai h3,
.catOther h3 {
  color: var(--color);
}


/**/
.shuttenCategory {
text-align:left;}

.shuttenCategory h3{
font-size:1.875rem;
margin: 2em 0 1em;

}

.shuttenCategory table{
width:100%}

.shuttenCategory th,
.shuttenCategory td{
font-size: .938rem;
border:1px solid #ccc;
padding:.8em .4em;

}
.shuttenCategory th {
white-space: nowrap;
  background: var(--bg);
  color: #fff;
  text-align: center;
}
.shuttenCategory td{
font-feature-settings: "palt";
line-height: 1.5em}
.shuttenCategory td.Num+td{
width: 20%}

.shuttenCategory td.Num+td+td{
width: 24%}
.shuttenCategory td.Num+td+td+td+td{
width: 15%}
.shuttenCategory td.Num+td+td+td+td+td{
width: 22%}
/**/

#infoDetails{
text-align:left;
}

h2 .catSub{
display:inline-block;
font-size:1.125rem;
  background: var(--bg);
color:#FFF;
line-height: 1em;
margin: 0 0 .6em;
padding: .6em 1em;
border-radius:8px
}


#infoDetails h2{
font-feature-settings: "palt";
}
#infoDetails p{
font-size:1.125rem}
/**/

#Movies{
background:#f0f0f0;
padding: 20px;
align-items:center;
display:flex;
justify-content:space-between;
}
#Movies .movie {
  flex-grow: 1;
}


#Movies .movie > div[style] {
  padding-top: 56.25% !important; /* 16:9 */
}
@media (max-width: 767px) {
  /* 縦長動画だけ特定する方法 */
#Movies .movie[data-portrait="true"] > div[style] {
    padding-top: 177.78% !important;
  }
}


/**/

#companyDATA{
background:#fffee4;
padding: 80px 0;
margin: 0 0 80px;
text-align:left;
}

#companyDATA h2{
padding: 0 0 0 .8em;
border-left:2px solid #cc0000;
font-size: 1.5rem;
}

#companyDATA table{
border-top:1px bottom rgba(0,0,0,.2);
width:100%;
}
#companyDATA th,
#companyDATA td{
line-height: 1.8em;
border-top:1px solid rgba(0,0,0,.2);
padding: 1em .2em;
font-weight:normal;
vertical-align:top;
}
#companyDATA th{
width:20%}
#companyDATA td li{
line-height: 1.8em;
padding: 0 0 .2em 1em;
text-indent:-1em;
}

#companyDATA td a{
text-decoration:underline}



/**/
.shuttenCategory tr:nth-of-type(even) {
  background: var(--tr);
}

.shuttenCategory .Num{
text-align:center}
/**/
.shuttenCategory td a{
color:#333!important;
text-decoration:underline;}

/**/

/* レイアウト */
.gallery {
  display: flex;
  gap: 5px;
align-items: stretch;
}

.gallery .Inn{
border: 1px solid #CCC;
  flex: 1;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

}
.gallery .Inn img {
width:auto;
max-height: 100%;
  object-fit: cover;
  transition: opacity 0.5s ease;
  opacity: 1;

}

.thumbnails {
display:flex;
}.thumbnails li{
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #CCC;
overflow: hidden;
}
.thumbnails img {
  display: block;
  width: 100%;
  height:100%;
  object-fit: cover;
  cursor: pointer
}



.thumbnails img:hover {
opacity:.6;
}
/**/

/**/


/* ******************************** /*/
#searchINDEX ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;

}



#searchINDEX h3{
color:#FFF;
font-size:1.375rem;
background:#00a1c4;
line-height: 1em;
padding: .88em 0;
text-align:center;
margin: 2em 0;

border-radius:6px;}

#searchINDEX ul li{
display:block;
font-weight:bold;
transition:.8s;
padding: 1.8em 0;
position:relative;
margin: 3em 0 0;
border:4px solid #f6f6f6;
border-radius:10px;}
#searchINDEX ul li img{
display:block;
margin: 1.6em 0 0;
width:100%}

#searchINDEX ul li:hover{
border-color:#00a1c4
}
#searchINDEX ul li span{
display:inline-block;
position:absolute;
right:1.2em;
bottom:1.2em;
background:#000066;
color:#FFF;
line-height: 1em;
padding: .2em 1em .4em;
cursor:pointer;
font-size:.813rem;
border-radius:50px;
}
#searchINDEX ul li{
width:380px;
}
#searchSECOND ul.listAnk{
justify-content:center;
padding:0 0 3em;
display:flex;
flex-wrap:wrap;}

#searchSECOND ul.listAnk li{
margin: .4em;}


#searchSECOND li a{
display:block;
font-weight:bold;
transition:.8s;
padding: .8em 2.4em;
position:relative;
border:2px solid #00a1c4;
border-radius:4px;}

#searchSECOND li a:hover{
color:#FFF;
background:#00a1c4}



#searchSECOND .areaINFO{
position:relative;
margin: 2em 0 0;
padding: 1em;
border: 4px solid #f2f2f2}


#searchSECOND .areaINFO h3{
padding: .4em .8em;
margin: 0 0 1em;
color:#FFF;
background:#00a1c4;
text-align:left;
font-size:1.5rem;
}

#searchSECOND .areaINFO .flexPC{
flex-wrap: nowrap;
justify-content:space-between;}

#searchSECOND .areaINFO .boxArea{
text-align:left;
}

#searchSECOND .areaINFO .boxArea h4{
font-size:1.25rem;
padding: 0 0 0 1.2em;
position:relative;
}

#searchSECOND .areaINFO .boxArea h4::after{
content:"●";
color:#00a1c4;
position:absolute;
left:0;
top:0;
}

#searchSECOND .areaINFO .boxArea table{
margin: .4em 0 1.6em;
width:100%;
}
#searchSECOND .areaINFO .boxArea table a{
text-decoration:underline;
color:#00a1c4}
#searchSECOND .areaINFO .boxArea th,
#searchSECOND .areaINFO .boxArea td{
	padding: .4em .6em;
	text-align: left;
	line-height: 1.6em;
	border: 1px solid #CCC;
	font-size: .938rem;
}#searchSECOND .areaINFO .boxArea tr td:nth-of-type(1){
font-feature-settings: "palt";}
#searchSECOND .areaINFO .boxArea th{
background:#f6f6f6;
text-align:center;
}
#searchSECOND .areaINFO .boxArea tr th.company{
width:30%}

#searchSECOND .areaINFO .areaShosai{
background:#EAF7FF;
padding: 1em;
}
#searchSECOND .areaINFO .areaShosai h5{
color:#00a1c4;
font-size: 1.125rem;
margin: 0 0 1.4em ;
padding: 0 0 1em;
border-bottom:1px solid #00a1c4;}


#searchSECOND .areaINFO .areaShosai ul.listNormal{
margin:0}


#searchSECOND .areaINFO .areaShosai ul.listNormal li{
font-feature-settings: "palt";
font-size:.938rem}

#searchSECOND .areaINFO .areaShosai ul.listNormal li::before{
top: .84em;
border-color:#00a1c4 #00a1c4 transparent transparent
}


/**/
#companyINFO .flexPC{
padding: 0 0 5em;
text-align:left}

#Access h3,
#companyINFO h3{
clear: both;
padding: .8em 0;
margin: 2em 0;
font-size:1.75rem;
border-top:2px solid #00a1c4;
border-bottom:1px solid #eee;
}

#Access .wp-block-column p{
	margin-bottom:2em
}
#Access .wp-block-column  mark{
font-size: 1.375rem;
display: inline-block;}

.wp-block-button img{
width: 2em!important;}

@media screen and (min-width: 768px) {
.wp-block-image .alignleft{
padding-right: 2em}
.wp-block-image figure{
padding: 0 0 3em}
}


#companyINFO .Intro figure img{
display: block;
max-width:100%;
margin: 0 auto 1.6em;

}

#companyINFO h4{
font-size: 1.375rem;
padding: 0 0 0 .8em;
margin: 0 0 1em 0;
border-left: 3px solid #00a1c4;
}


#companyINFO .Intro .btnMore a{
justify-content:center;
align-items:center;
border-radius:6px;
font-weight:bold;
padding: .8em 2em .8em 1.4em;
display:inline-flex;
}

#companyINFO .Intro .btnMore{
padding-top:3em}
#companyINFO .Intro .btnMore a img{
margin: 0 1em 0 0;
width:auto;
height:2em;
}
#companyINFO .gaiyo table{
width:100%;
}

#companyINFO .gaiyo th,
#companyINFO .gaiyo td{
line-height: 1.8em;
padding: .8em .4em;}


#companyINFO .gaiyo th{
border-bottom:2px solid #00a1c4;
white-space:nowrap;
font-size:1rem;
}

#companyINFO .gaiyo td{
border-bottom:1px solid #CCC;
padding-left:1.6em;
}


#companyINFO .gaiyo td ul li
{
padding: .4em 0 .4em 1em;
position:relative;}
#companyINFO .gaiyo td ul li::after{
content:"・";
position:absolute;
left:0;
top:.4em}

#companyINFO .btn{
text-align:center;
padding: 5em 0 0;
border-top: 1px dotted #CCC;
}


#companyINFO .btn a{
border: 2px solid #00a1c4;
padding: .6em 2em;
border-radius:50px;
display:inline-block;
color:#000033;
}

.iPad #wrapper{
width:1280px;
overflow:hidden;
}
.iPad section#mainINDEX{
width:100%;
}
.iPad .cv-toggle,
.iPad .bnrFIX{
top: 50%}

.iPad section#mainINDEX .Inner .northJP{
width:40%;
top:100px;
right: 0;
}
.iPad section#mainINDEX dd.Info {
transform : scaleX(0.9);
}

.iPad section#mainINDEX dl{
width:680px;}
.iPad section#mainINDEX dd{
width:570px;
}
.iPad section#mainINDEX dd.Info .time{
padding-top: 12px;
}
.iPad section#mainINDEX dd.Info strong{
font-size:60px;
}

.iPad #searchSECOND li a{
padding: .8em 2em}


/**/

#Access .flexPC.tbl table{
border-bottom: 1px solid #ccc;
}
#Access .flexPC.tbl th,#Access .flexPC.tbl td{
text-align:left;
line-height: 1.8em;
padding: 1em 0;
border-top: 1px solid #ccc;
}#Access .flexPC.tbl figure img{
width:100%}

#Access iframe{
width:100%;
border:0;
display:block;
margin: 2em 0 8em;
}

/**/

#privacy{
	text-align:left;}

	#privacy h2{
		font-size: 1.375rem;
		margin:3em 0 .6em
	}

#privacy p{
	text-indent:1em}


main.kaso.finish{
	padding:0 0 3em;
}

main.kaso.finish p{
	padding:3em 0;
}



@media screen and (min-width: 768px) {

header nav{
padding-top:1em}
.sp,
#menu-toggle {
  display: none!important;
}
header nav ul{
display:flex;
justify-content: center;
}
.Inner{
width:1200px;
}
/**/
.flexPC,
.Column{
flex-wrap:wrap;
display:flex;
}

.Column.two{justify-content:space-between;}


.Column.two .box{
width:580px;
}
/**/
/**/
section.CV h2+p br{
display:none}
section#mainINDEX .Inner{
height:750px;
}
section#mainINDEX .Inner .northJP{
position:absolute;
top: 20px;
right: -100px;
}
section#mainINDEX dt{
writing-mode: vertical-rl;
padding: 30px 10px;
margin: 0 1em 0 0;
}
section#mainINDEX dd.Info .time {
padding-left:.6em;
text-indent:-.2em}
/**/
#Introduction h2 br{
display:none}

#Overview .gaiyo td.nittei{
padding-left:4.4em;
text-indent:-3.6em;
}


.shuttenLIST li{
width:230px;
margin: 0 0 15px 12px;

}
.tblScroll.scroll-hint{
overflow-y: hidden!important}
.shuttenLIST li:nth-of-type(1),
.shuttenLIST li:nth-of-type(6),
.shuttenLIST li:nth-of-type(11){
margin-left:0}

#infoDetails .flexPC .txt{
width:480px;
}

#infoDetails .flexPC .gallery{
width:680px;
}
/**/
#PickUp .photo{
width: 220px;
height: 160px;
overflow: hidden;
}#PickUp .box .shosai p.subject{
font-size: 90%}
/**/
#Movies h2{
font-size:1.5rem;
width:320px;
}

#Movies h2 img{
display: block;
margin: 0 auto .4em;
}

#Movies iframe{
width:830px!important;
height:467px!important;
}

/**/
.thumbnails {
width:168px;
display:flex;
flex-direction:column;
}.thumbnails li:nth-of-type(2) img{
margin: 2px 0}
/**/

#searchSECOND .areaINFO .boxArea{

width:710px;
}

#searchSECOND .areaINFO .areaShosai{
margin: 0 0 3em
}
/**/

#companyINFO .flexPC{
justify-content:space-between;}
#companyINFO .Intro {
width:500px;
}

#companyINFO .gaiyo{
width:640px;
}

/**/
#Movies iframe{
right: 0}
/**/


#Access .flexPC figure{
width:640px;
}



#Access iframe{
height: 600px;
}
#Access .flexPC table{
width:500px;
}
.gallery .thumbnails li{
height: 123px;
margin: 6px 0 0;
overflow: hidden;
}

.gallery .thumbnails {
height: 380px}
.gallery .thumbnails li img{
width: 100%;
height: 100%;
}
.gallery .thumbnails li:first-child{
margin: 0;
}
.panelIMG img{
width: 70%
}
/*　閉じタグ　*/
}