@charset "UTF-8";
html,body {
scroll-behavior: smooth;
font-size:62.5%;
}
img {
max-width: 100%;
height: auto;
}
a {
display: block;
color: #000;
}

/* --------------------------------------------------
	Clearfix
-------------------------------------------------- */
.cf:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
    overflow:hidden;
}
.cf { zoom:1;/*for IE 5.5-7*/ }



/* --------------------------- */

#wrap {
width: 100%;
font-family: 'Montserrat','Noto Sans JP', sans-serif;
}
#wrap .pc {
display: block;
}
#wrap .sp {
display: none;
}

#wrap #header {
width: 100%;
position: relative;
}
#wrap #header #gnav {
position: fixed;
top: 0;
left: 0;
display: flex;
width: 100%;
padding: 28px 20px;
/*background-color:rgba(255,255,255,0.14);*/
background: #2D333A;
z-index: 100;
}
#wrap #header #gnav #logo {
max-width: 110px;
min-height: 24px;
margin: 0 20px 0 0;
}
#wrap #header #gnav #logo a {
width: 110px;
}
#wrap #header #gnav .globalMenuSp {
align-self: center;
}
#wrap #header #gnav #nav {
display: flex;
}
#wrap #header #gnav #nav li {
align-self: center;
}
#wrap #header #gnav #nav li a {
color: #fff;
font-size: 1.4rem;
margin: auto 20px;
}
#wrap #header #mvArea {
background: url(../img/mvBg.jpg) center top no-repeat;
background-size: cover;
}
#wrap #header #mvArea #mainVisual {
max-width: 740px;
margin: auto;
padding: 160px 0 140px;
}
#wrap #mainVisual img.sp {
  margin: auto;
}
#wrap #header #themeBlock {
position: absolute;
background: #fff;
width: 540px;
left: 0;
right: 0;
bottom: -130px;
margin: auto;
text-align: center;
}
#wrap #header #themeBlock2 {
position: absolute;
background: #fff;
width: 600px;
left: 0;
right: 0;
bottom: -130px;
margin: auto;
text-align: center;
}
#wrap #header #themeBlockInner {
position: relative;
min-height: 200px;
padding: 50px 20px;
}
#wrap #header #themeBlockInner::before,
#wrap #header #themeBlockInner::after {
position: absolute;
content: "";
width: 30px;
height: 50px;
}
#wrap #header #themeBlockInner::before {
top: 30px;
left: 30px;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#wrap #header #themeBlockInner::after {
bottom: 30px;
right: 30px;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
}
#wrap #header .themeTtl {
font-size: 1.4rem;
color: #197777;
font-weight: bold;
margin: 0 auto 30px;
}
#wrap #header #themeBlock2 .themeTtl {
margin: 0 auto 15px;
}
#wrap #header .themeTxt {
font-size: 1.8rem;
line-height: 1.8;
font-weight: bold;
letter-spacing: 0.1em;
}

#wrap #header .themeTxt1 {
font-size: 1.4rem;
line-height: 1.8;
margin: 0 auto 10px;
}
#wrap #header .themeTxt2 {
font-size: 1.6rem;
line-height: 1.8;
font-weight: bold;
letter-spacing: 0.1em;
}


#wrap #main #aboutArea {
}
#wrap #main #about {
padding: 130px 20px 40px;
background: #197777;
color: #fff;
text-align: center;
}
#wrap #main #about #aboutTtl {
font-size: 2.8rem;
font-weight: bold;
margin: 80px auto 60px;
}
#wrap #main #about .aboutTxt {
font-size: 1.6rem;
line-height: 2.0;
margin-bottom: 2rem;
}
.slanting {
/*position: relative;*/
height: 120px;
}
svg {
/*position: absolute;*/
bottom: 0;
width: 100%;
height: 120px;
fill: #197777;
}

#wrap #main #heldArea {
text-align: center;
padding: 100px 10px 140px;
}
#wrap #main #heldArea.pd-b-0 {
  padding: 100px 10px 0px;
}
#wrap #main #heldArea #held #heldTtl {
font-size: 2.8rem;
font-weight: bold;
}
#wrap #main #heldArea #held .heldSTll {
margin: 50px auto 30px;
}
#wrap #main #heldArea #held .heldBlock01 .heldSTll {
max-width: 40px;
}
#wrap #main #heldArea #held .heldBlock01 .heldImg {
margin: auto;
max-width: 884px;
box-shadow: 1px 1px 1px 0px #ccc;
}
#wrap #main #heldArea #held .heldBlock01 .heldTxt {
font-size: 1.6rem;
line-height: 2.0;
margin-bottom: 10rem;
margin-top: 5rem;
}


#wrap #main #heldArea #held .heldBlock02 .heldSTll {
max-width: 82px;
}

#wrap #main #heldArea #held .heldBlock02 .heldList {
display: flex;
justify-content: space-between;
max-width: 880px;
margin:auto;
}
#wrap #main #heldArea #held .heldBlock02 .heldList li {
width: 172px;
}
#wrap #main #heldArea #held .heldBlock03{
margin-bottom:150px;
}
#wrap #main #heldArea #held .heldBlock03 .heldSTll {
max-width: 117px;
}
#wrap #main #heldArea #held .heldBlock03 .heldImg {
max-width: 880px;
margin:auto;
}

#wrap #main #heldArea #held #heldTtl2 {
font-size: 2.8rem;
font-weight: bold;
margin-bottom: 5rem;
}

#wrap #main #heldArea #held .heldList2 {
display: flex;
justify-content: space-between;
max-width: 880px;
margin:0 auto 10px;
}
#wrap #main #heldArea #held .heldList2 li {
width: 285px;
}

/*#wrap #main #heldArea #held .heldList2 {
width: 880px;
margin:auto;
}
#wrap #main #heldArea #held .heldList2 li {
width: 290px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
#wrap #main #heldArea #held .heldList2 li:nth-child(3n){
margin-right: 0;
}*/



#wrap #main #resultArea #result {
position: relative;
background: #d6ae3c;
padding: 0 20px 80px;
}
#wrap #main #resultArea #result #resultTtl {
position: absolute;
max-width: 880px;
margin:0 auto 0px;
top: -60px;
left: 0;
right: 0;
}
#wrap #main #resultArea #result #resultWrap {
padding: 130px 0 0 0
}
#wrap #main #resultArea #result .resultBlock {
background: #fff;
margin:0 auto 50px;
max-width: 880px;
padding:50px 40px 40px;
}
#wrap #main #resultArea #result .scienceResultBlock2{
  padding:50px 40px 71.99px;
}
#wrap #main #resultArea #result .scienceResultBlock4{
  padding:50px 40px 66.4px;
}
#wrap #main #resultArea #result .column2Wrap {
display: flex;
flex-wrap: wrap;
max-width: 880px;
margin: 0 auto;
justify-content: space-between;
}
#wrap #main #resultArea #result .columnBlock {
width: 430px;
}
#wrap #main #resultArea #result .columnBlock .resultBlock {
margin: 0 auto 30px;
}
#wrap #main #resultArea #result .columnBlock .resultBlock .resultSTtl {
font-size: 2.2rem;
}
#wrap #main #resultArea #result .columnBlock .resultBlock .resultTxt {
margin: 30px 0 0px;
}
#wrap #main #resultArea #result .resultBlock .resultBlockInner {
position: relative;
}
#wrap #main #resultArea #result .resultBlock .iconS {
position: absolute;
top:-60px;
left:-8px;
max-width: 100px;
}
#wrap #main #resultArea #result .resultBlock .iconB {
position: absolute;
top:-50px;
left:-40px;
max-width: 80px;
}
#wrap #main #resultArea #result .resultBlock .iconA {
position: absolute;
top:-60px;
left:-10px;
max-width: 85px;
}
#wrap #main #resultArea #result .resultBlock .resultSTtl {
color: #197777;
font-size: 2.7rem;
line-height: 1.2;
text-align: center;
font-weight: bold;
margin:0 0 20px;
}
#wrap #main #resultArea #result .resultBlock .resultSTtl .scienceSubTitle {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  }
  #wrap #main #resultArea #result .resultBlock .resultSTtl .resultSubTitle {
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.2;
    }
#wrap #main #resultArea #result .resultBlock .member {
font-size: 1.3rem;
text-align: center;
word-break: keep-all;
line-height: 1.2;
}
#wrap #main #resultArea #result .resultBlock .resultTxt {
margin: 30px 0 30px;
font-size: 1.3rem;
line-height: 1.6;
}
#wrap #main #resultArea #result .resultBlock .scienceResultTxt {
  margin: 30px 0 40px;
  }
#wrap #main #resultArea #result .resultBlock .textCenter {
  text-align: center;
}
#wrap #main #resultArea #result .resultBlock .resultTxtLetter {
  letter-spacing: -0.3px;
  }
#wrap #main #resultArea #result .resultBlock .cmtBlock {
background: #f2f2f2;
padding: 25px 20px 20px;
border-radius: 10px;
position: relative;
}
#wrap #main #resultArea #result .resultBlock .cmtBlock .cmtTtl {
position: absolute;
left: 10px;
top:-11px;
max-width: 110px;
}
#wrap #main #resultArea #result .resultBlock .cmtBlock .cmtTxt {
font-size: 1.4rem;
line-height: 1.6;
}
#wrap #main #resultArea #result .resultBlock .cmtBlock .scienceTxt {
  font-size: 1.3rem;
  line-height: 1.6;
  }
#wrap #main #resultArea #result .exTtl {
color: #fff;
text-align: center;
font-weight: bold;
font-size: 2.2rem;
}
#wrap #main #resultArea #result .exBlock {
background: #fff;
border-radius: 30px;
padding: 40px;
max-width: 880px;
margin: 30px auto 0;
}
#wrap #main #resultArea #result .exBlock dl dt {
color: #197777;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2;
}
#wrap #main #resultArea #result .exBlock dl .exNameBox {
  font-size: 12px;
}
#wrap #main #resultArea #result .exBlock dl .exNameBox .exJpName {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
}
#wrap #main #resultArea #result .exBlock dl dd {
font-size: 1.4rem;
line-height: 1.7;
}
#wrap #main #ssArea {
padding: 100px 20px 80px;
text-align: center;
}
#wrap #main #ssArea #ssTtl {
font-size: 2.8rem;
font-weight: bold;
}
#wrap #main #ssArea .ssSTtl {
font-size: 1.8rem;
margin: 50px auto 20px;
}
#wrap #main #ssArea .ssList {
  max-width: 600px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 20px;
}
#wrap #main #ssArea .ssList li {
width: 200px;
align-self: center;
}
#wrap #main #ssArea .ssList li .kiepsWrap {
  width: 50px;
  margin: 0 auto;
  pointer-events: none;
  }
#wrap #main #ssArea .ssList li.logo_l {
width: 280px;
align-self: center;
/* margin-right: -40px; */
}

#wrap #main #ssArea .ssList li + li {
margin:0;
}

#wrap #footer {
background: #000;
color: #fff;
text-align: center;
padding: 20px;
}

@media screen and (min-width: 768px) {
#wrap #header #mvArea #mainVisual.kyutechFv {
  padding: 160px 0 140px 65px;
  }
}

@media screen and (max-width: 767px) {
#wrap .pc {
display: none;
}
#wrap .sp {
display: block;
}
#wrap #header #gnav {
padding: 21px 20px;
}

#wrap #header #mvArea #mainVisual {
padding:120px 10px;
}
#wrap #header #themeBlock,#wrap #header #themeBlock2 {
width: 100%;
}
#wrap #header #themeBlock,#wrap #header #themeBlock2 #themeBlockInner {
padding:30px 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
#wrap #header #themeBlockInner::before,
#wrap #header #themeBlockInner::after {
display: none;
}
#wrap #main #about .aboutTxt {
text-align: left;
}
#wrap #main #heldArea.pd-b-60 {
  padding: 100px 10px 0px;
}
#wrap #main #heldArea #held .heldBlock01 .heldImg {
box-shadow: none;
}
#wrap #main #heldArea #held .heldBlock01 .heldTxt {
text-align: left;
}


#wrap #main #heldArea #held .heldBlock02 .heldList {
flex-wrap: wrap;
}
#wrap #main #heldArea #held .heldBlock02 .heldList li{
width:calc(50% - 10px);
margin-bottom: 20px;
}

#wrap #main #heldArea #held .heldList2 {
flex-wrap: wrap;
}
#wrap #main #heldArea #held .heldList2 li{
width:calc(100% - 0px);
margin-bottom: 20px;
}


/*#wrap #main #heldArea #held .heldList2 {
width: 98%;
margin:auto;
}
#wrap #main #heldArea #held .heldList2 li {
width: 100;
float: none;
margin-right: 0;
margin-bottom: 5px;
}*/



#wrap #main #resultArea #result #resultTtl {
max-width: 320px;
}
#wrap #main #resultArea #result #resultWrap {
padding: 150px 0 0 0;
}
#wrap #main #resultArea #result .resultBlock .iconS {
max-width: 50px;
left: -24px;
}
#wrap #main #resultArea #result .resultBlock .iconA {
max-width: 50px;
left: -14px;
top: -46px;
}
#wrap #main #resultArea #result .resultBlock .iconB {
max-width: 40px;
left: -20px;
top: -40px;
}

#wrap #main #resultArea #result .resultBlock {
padding:40px 20px 20px;
}
#wrap #main #resultArea #result .resultBlock .resultSTtl {
font-size: 2.4rem;
}
#wrap #main #resultArea #result .resultBlock .resultTxt {
margin: 20px 0 30px;
}

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  transform        : rotate(45deg);
}

#wrap #header #gnav .globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.7);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  pointer-events: none;
}

#wrap #header #gnav .globalMenuSp ul#nav {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: block;
}

#wrap #header #gnav .globalMenuSp ul#nav li {
  padding: 0;
  width: 100%;
  transition: .4s all;
}
#wrap #header #gnav .globalMenuSp ul#nav li:last-child {
  padding-bottom: 0;
}
#wrap #header #gnav .globalMenuSp ul#nav li:hover{
  background :#ddd;
}

#wrap #header #gnav .globalMenuSp ul#nav li a {
  display: block;
  color: #fff;
  font-size: 1.8rem;
  padding: 2em 0;
  text-decoration :none;
}
#wrap #header #gnav .globalMenuSp.active {
  opacity: 100;
  pointer-events: visible;
}
}

@media screen and (max-width: 540px) {
  #wrap #main #resultArea #result .resultBlock .resultSTtlKyutech {
    font-size: 1.8rem;
    }
  #wrap #main #ssArea .ssList {
    flex-direction: column;
  }
}