@charset "UTF-8";

html {
	scroll-behavior: smooth;
}

body {
	position: relative;
  color: #595757;
  background-color: #fff;

	font-size: 1.25vw;
  line-height: 2.6vw;
  letter-spacing: 0.1vw;

  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  font-family: "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
  font-weight: 400;
  height:100%;margin: 0;
}

.waku {
	position: relative;
	display: block;
  width:100%;
  height:100pxS;
  overflow: hidden;
}


img {
  max-width: 100%;              /* 1 */
  height: auto;                 /* 1 */
  vertical-align: middle;       /* 2 */
  font-style: italic;           /* 3 */
  background-repeat: no-repeat; /* 4 */
  background-size: cover;       /* 4 */
  shape-margin: 0.75rem;        /* 5 */
}

h1 {
	font-size:4.0vw;
	line-height:5.0vw;
	letter-spacing: .3vw;
	font-weight: 600;
}

h2 {
	font-size:3.0vw;
	line-height:4.0vw;
	letter-spacing: .3vw;
	margin-top: .5vw;
	font-weight: 600;
}
h3 {
  font-size: 1.8vw;
  line-height: 2.6vw;
  letter-spacing: 0.1vw;
	font-weight: 600;
}
h4 {
  font-size: 1.4vw;
  line-height: 2.2vw;
  letter-spacing: 0px;
	font-weight: 600;
}
h5 {
	position: relative;
	font-size:2.3vw;
	line-height:5vw;
	letter-spacing: .2vw;
	font-weight: 600;
	color:#6bc7f1;
	margin-left: 5vw;
	text-align:left;
}
h5::before {
	position: absolute;
	content: url('../images/icon_sience.svg');
	width:4.5vw;
	height:4.5vw;
	left:-5vw;
  display: block;
}
h6 {
	position: relative;
	font-size:2.3vw;
	line-height:5vw;
	letter-spacing: .2vw;
	font-weight: 600;
	color:#fff;
	background:#6bc7f1;
	text-align:center;
}
p {
  font-size: 1.25vw;
  line-height: 2.6vw;
  letter-spacing: 0.1vw;
	text-align: justify;
}
small{
	font-size:0.9vw;
	line-height: 2.0vw;
	letter-spacing: 0.1;
	text-align: justify;
}

.inner{
  max-width: 1320px;
  margin:auto;
}
.box{
  padding: 0 3vw;
  margin:auto;
}

.box_s{
  max-width: 768px;
  margin:auto;
}

.box_ss{
  max-width: 640px;
  margin:auto;
}


/* animation */

.fadeInDown {
  animation: fadeInDown;
  animation-duration: 1.0s;
}
.fadeInUp {
  animation: fadeInUp;
  animation-duration: 1.0s;
}

.blur{
	filter: blur(10px);
  animation-name: blur;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
@keyframes blur {
  0% {
    filter: blur(50px);
  }
  100% {
    filter: blur(0);
  }
}

.fadeup {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeup {
  0% {
  	filter: blur(50px);
    transform: translateY(150px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
  	filter: blur(0);
    opacity: 1;
    transform: translateY(0);
  }
}

.anmend {
  animation: clanim 3.1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes clanim {
  0% {
  	display: none;
  }
  99% {
  	display: none;
  }
  100% {
  	display: block;
  }
}


a{
	text-decoration: none;
	color:#1d2088;
}
a .bot{
	font-weight:bold;
	//font-size:1.4vw;
	line-height: 3.0vw;
	color: #fff;
  background-color: #6bc7f1;
  border-radius: 50vh;
  border: 3px solid #898989;
  width:80%;
}
a:hover .bot{
  background-color: #fff;
  color:#595757;
}

.parallax-window {
  position: relative;
  background: transparent;
}
.parallax-window {
	display: block;
	width:100%;
	bottom:0;
}
.parallax-window::before {
	content: '';
  display: block;
  padding-top: 100%;
}

.content{
	position: relative;
	margin: auto;
	width:82%;
	//max-width:1200px;
}


.top-padding {
	padding-top: 12vw;
}

/*------------------------------------------------------------
  TOPPAGE
------------------------------------------------------------*/

/* 1 */

section {
	position:relative;
	width:100%;
	margin-bottom:5vw;
}

.section-content {
	position:relative;
	width: 100%;
	margin:0 auto;
	z-index:5;
}

#head .section-content,
#second .section-content,
#third .section-content{
	width: 65%;
}

#anim {
  width:100%;
  height:0;
  z-index:0;
}

.iphone{
	position: absolute;
	width:100%;
}
.movie_waku{
	position: relative;
	width:100%;
}
.movie_waku iframe{
	display: block;
	width:95%;
	height: 0.5em;
	margin: 2.5%;
	padding-top: 1.2vw;
	font-size: 80vw;
}


.logo_n {
	width:55vw;
	margin: auto;
	margin-top:16vw;
	margin-bottom:20vw;
}

.cblogo{
	position: absolute;
	width:8vw;
	bottom:-10vw;
	right:-14vw;
}

.fuki {
	position: absolute;
	width:18vw;
	margin: 0 auto;
	top:-16vw;
	left:13vw;
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}


/* 2 */

#second table td{
	width:23vw;
}

#second table td img{
	width:100%;
}

#second .sec01{
	margin-bottom:1vw;
}
#second td.sec02 {
	width:50vw;
	padding-left:5vw;
	vertical-align: top;
}
#second .sec03 {
	width:100%;
	padding-bottom:1vw;
}

@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}


/* 3 */

#third .content{
	padding: 3vw 3vw;
	margin: auto;
}

#third ul {
	width:110%;
	margin-left: -5%;
	text-align:center;
}

#third li {
	display: inline-block;
	width:32%;
	text-align:center;
}

#third li img {
	margin-bottom: 2vw;
}


/* 4 */

#four li{
	position:relative;
	z-index: 1;
}

#four li a{
	z-index: 3;
	position:relative;
	display:block;
	margin-bottom: 1vw;
	width:100%;
	height:18.5%;
	padding:2vw 6vw;
}

#four li::after{
	position: absolute;
  z-index: 2;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  mix-blend-mode: multiply;
  transform-origin: right top;
  transition: .5s cubic-bezier(0.45, 0, 0.55, 1);
  transform: scale(1, 1);
}
#four li:hover::after{
	transform: scale(0, 1);
}

#four li:nth-child(1){
  background: url("../images/cb_menu_zio.jpg") center center /cover no-repeat ;
}
#four li:nth-child(1)::after{
	content: "";
  background-color: #475963;
}

#four li:nth-child(2){
  background: url("../images/cb_menu_strage.jpg") center center /cover no-repeat ;
}
#four li:nth-child(2)::after{
	content: "";
  background-color: #6bc7f1;
}

#four li:nth-child(3){
  background: url("../images/cb_menu_lesta.jpg") center center /cover no-repeat ;
}
#four li:nth-child(3)::after{
	content: "";
  background-color: #268fcf;
}

#four li:nth-child(4){
  background: url("../images/cb_menu_sora.jpg") center center /cover no-repeat ;
}
#four li:nth-child(4)::after{
	content: "";
  background-color: #adadad;
}

#four li:nth-child(5){
  background: url("../images/cb_menu_haus.jpg") center center /cover no-repeat ;
}
#four li:nth-child(5)::after{
	content: "";
  background-color: #6683ae;
}


/* 5 */

#five .title_anim{
	position: relative;
	display: block;
	width:100%;
	text-align:center;
}
#five .title_anim li:nth-child(1){
	position: absolute;
	width:50%;
	top:25%;
	left:0;right:0;
	margin: 0 auto;
}
#five .title_anim li:nth-child(2){
	position: absolute;
	width:50%;
	bottom:25%;
	left:0;right:0;
	margin: 0 auto;
}

#five .back3 {
	background:top center / 100% no-repeat url("/images/top_back3.jpg");
	background-position: 0 4vw;
}

#five .content{
	margin-bottom:10vw;
}

#five .com{
	width:80%;
}

.quarter li{
	float:left;
	width:25%;
}
#five .quarter li {
	padding: 0 .1vw;
}


/* 6 */

#six .content{
	position:relative;
	margin-bottom:6vw;
}

#six .back3 {
	background:top center / 100% no-repeat url("/images/top_back3.jpg");
	background-position: 0 1vw;
}



/* bar graph */

#bar-graph {
	position: absolute;
}

.bar-graph-wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.bar-graph-wrap .ends {
  position: absolute;
  width: 100%;
  z-index:3;
}

.bar-graph-wrap li {
	position: absolute;
	z-index:2;
  width: 5.6%;
  height: 91.2%;
  left: 0;
  top:0;
  top: auto;
  background: #fff;
  flex-direction: column-reverse;
  transform-origin: top;
}
.graphAnim02 {
  animation: graphAnim02 1s forwards;
}

.bar-graph-wrap li:nth-child(1) {
  left:3.3%;
}
.bar-graph-wrap li:nth-child(2) {
  left:10.6%;
  animation-delay: .2s;
}
.bar-graph-wrap li:nth-child(3) {
	left:17.9%;
	animation-delay: .4s;
}
.bar-graph-wrap li:nth-child(4) {
  left:25.2%;
  animation-delay: .6s;
}
.bar-graph-wrap li:nth-child(5) {
  left:32.5%;
  animation-delay: .8s;
}
.bar-graph-wrap li:nth-child(6) {
	left:39.8%;
	animation-delay: 1.0s;
}
.bar-graph-wrap li:nth-child(7) {
  left:47.1%;
  animation-delay: 1.2s;
}
.bar-graph-wrap li:nth-child(8) {
  left:54.4%;
  animation-delay: 1.4s;
}
.bar-graph-wrap li:nth-child(9) {
	left:61.7%;
	animation-delay: 1.6s;
}
.bar-graph-wrap li:nth-child(10) {
  left:69.0%;
  animation-delay: 1.8s;
}
.bar-graph-wrap li:nth-child(11) {
  left:76.3%;
  animation-delay: 2.0s;
}
.bar-graph-wrap li:nth-child(12) {
	left:83.6%;
	animation-delay: 2.2s;
}
.bar-graph-wrap li:nth-child(13) {
	left:90.9%;
	animation-delay: 2.4s;
}

@keyframes graphAnim02 {
  0% {
    transform: scaleY(91.0%);
  }
  100% {
    transform: scaleY(0);
  }
}


/* 7 */

#seven a,#seven a:visited{
	color:#595757;
}
#seven a:hover {
	color:#458bab;
}

#seven li {
	text-align:center;
	padding: 0 .5vw;
	font-weight:bold;
}

#seven li h3{
	margin-top: 1vw;
	margin-bottom: -.5vw;
}


/* 8 */
.blueback{
	background:#6bc7f1;
	color:#fff;
}
.blueback::before,.blueback::after {
	position: absolute;
	content: url('../images/obi.svg');
	width:100%;
	margin-top: -8vw;
  display: block;
}
.blueback::after {
	margin-bottom: -8vw;
}

#eight .content{
	padding:10vw 0;
}

#eight table {
	width:100%;
}

#eight .panf {
  border-spacing: 0;
  border: none;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	width:95%;
}
#eight .panf tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#eight .panf td,#eight .panf th{
	color:#fff;
	text-align:center;
	vertical-align: middle;
	padding:1vw 3vw
}

#eight .panf li{
	width:50%;
	float:left;
	text-align:left;
}


#eight .cover td,#eight .cover th{
	text-align:center;
	vertical-align: middle;
	font-weight:bold;
}
#eight .cover td{
	padding:.5vw;
}
#eight .cover td.td1{
	width:25%;
	color: #595757;
}
#eight .cover th.td2{
	width:4%;
}
#eight .cover td.td3{
	width:71%;
}

#eight table h1 {
	color:#595757;
	font-weight:bold;
}
#eight table h2 {
	color:#595757;
	font-weight:bold;
}

#eight .bot{
  background-color: #f5e929;
  color:#595757;
  font-size:1.8vw;
  line-height: 4.4vw;
  border: 0;
  width:95%;
  margin: auto;
  border: 3px solid #f5e929;
}
#eight table .bot{
  //font-size:1.8vw;
	//line-height: 3.4vw;
}
#eight a:hover .bot{
  background-color: #fff;
  border: 3px solid #fff;
  color:#595757;
}
#eight a:hover {
  opacity: 1;
}
#eight table .trd{
	height:.5vw;
}

#eight .uchi {
	width:70%;
	padding-bottom:0;
}

.triangle {
  width: 0;
  height: 0;
  border-left: 2vw solid black;
  border-top: 2vw solid transparent;
  border-bottom: 2vw solid transparent;
}

.yellow .triangle {
	border-left: 2vw solid #fff9b1;
}
.green .triangle {
	border-left: 2vw solid #bedfc2;
}
.emerald .triangle {
	border-left: 2vw solid #92d2dd;
}
.skyblue .triangle {
	border-left: 2vw solid #bae3f9;
}

.yellow td {
	background:#fff9b1;
}
.green td {
	background:#bedfc2;
}
.emerald td {
	background:#92d2dd;
}
.skyblue td {
	background:#bae3f9;
}


/* 9 */

#nine .content{
	margin: auto;
	width:85%;
}

#nine .title_anim{
	position: relative;
	display: block;
	width:100%;
	text-align:center;
}
#nine .title_anim li:nth-child(1){
	position: absolute;
	width:50%;
	top:29%;
	left:0;right:0;
	margin: 0 auto;
}
#nine .title_anim li:nth-child(2){
	position: absolute;
	width:50%;
	bottom:29%;
	left:0;right:0;
	margin: 0 auto;
}


.owner_com::after{
	content: "";
	position: absolute;
	display: block;
	width:30vw;
	height:30vw;
	top:-2vw;
	right:-2vw;
  background: url("../images/owner_com2.svg") top left /contain no-repeat ;
  z-index:-1;
}

#nine .owners li{
	position: relative;
	display: block;
	width:100%;
	text-align:left;
	margin-bottom: 1vw;
}
#nine .owners li .pho {
	width:30vw;
	padding-top:28vw;
	float:left;
}
#nine .owners li .mes {
	width:calc(100% - 30vw);
	padding:2vw;
	float:left;
}
#nine .owners li .mes b{
	font-weight:bold;
	color:#458bab;
	margin-left: -.6vw;
}

#nine .owners li h3{
	//font-size:2.5vw;
	//line-height:4vw;
}

#nine .owners li:nth-child(1){
	background:#f1f1f1;
}
#nine .owners li:nth-child(2){
	background:#bae2f8;
}
#nine .owners li:nth-child(3){
	background:#f1f1f1;
}

#nine .owners li:nth-child(1) .pho {
	background: url("../images/owner_pho1.jpg") center center /cover no-repeat ;
}
#nine .owners li:nth-child(2) .pho {
	background: url("../images/owner_pho2.jpg") center center /cover no-repeat ;
}
#nine .owners li:nth-child(3) .pho {
	background: url("../images/owner_pho3.jpg") center center /cover no-repeat ;
}


/* 10 */

#faq .content{
	margin: auto;
	width:85%;
}
#faq .title{
	display: block;
	height:20vw;
	width:100%;
}
#faq .title img {
	position: absolute;
	width:20vw;
	margin: 0 auto;
	left:0;right:0;
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
#faq table {
	width:100%;
}
#faq th {
	width:8vw;
}
#faq td {
	vertical-align: middle;
	text-align:left;
}
#faq table div {
	display:block;
	width:100%;
	padding-left:2vw;
}
#faq td b {
	font-weight:bold;
}
#faq td hr {
	width:100%;
	margin: 2vw 1.5vw;
}
#faq td a {
	color:#595757;
	display:block;
}
#faq td.qa:hover {
	color:#458bab;
	background:rgb(17,108,169,0.1);
}


/* 11 */

#eleven .content{
	margin: auto;
	width:85%;
}



/*------------------------------------------------------------
  SIENCE
------------------------------------------------------------*/

#sience01 .content,
#sience03 .content,
#sience05 .content {
	position: relative;
	width:100%;
}
#sience01 .content {
	background:top center / cover no-repeat url("/images/back_sience01.jpg");
}
#sience03 .content {
	background:top center / cover no-repeat url("/images/back_sience02.jpg");
}
#sience05 .content {
	background:top center / cover no-repeat url("/images/back_sience03.jpg");
}

#sience01 .content::after,
#sience03 .content::after,
#sience05 .content::after {
	content: '';
  display: block;
  padding-top: 60vw;
}

#sience01 .title,
#sience03 .title,
#sience05 .title {
	position: absolute;
	display: block;
	width:50%;
	top:14vw;
	margin: auto;
	left:0;right:0;
}

.cube {
	width:10vw;
	margin-bottom: 2vw;
}

#sience04 p {
	text-align: justify;
}

small {
	display:block;
	text-align:left;
}

.dubble{
	position: relative;
  width:100%;
  margin:0 auto;

  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.dubble li{
	float:left;
	display: inline-block;
	vertical-align: top;
	width:50%;
}
.dubble li {
	padding: 2vw 0 4vw 0;
	text-align: justify;
}

.dubble li:nth-child(odd){
	padding-right: 2.5vw;
}
.dubble li:nth-child(even){
	padding-left: 2.5vw;
}

.dubble .parallax-window {
	width:100%;
	height:30vw;
	margin-top: 3vw;
}

#sience04 .dubble li:nth-child(1){
	width:60%;
	padding:4vw;
}
#sience04 .dubble li:nth-child(2){
	width:40%;
	padding:4vw;
}

#sience06 li {
	text-align:center;
	font-weight:bold;
}

#sience06 .com{
	width:85%;
}



/*------------------------------------------------------------
  BUKKEN
------------------------------------------------------------*/

.bukken .content,
.bukken .lesta {
	position: relative;
	width:100%;
}
#bukken01 .content {
	background:top center / cover no-repeat url("/images/bukken_back_zio2.jpg");
}
#bukken03 .content {
	background:top center / cover no-repeat url("/images/bukken_back_strage.jpg");
}
#bukken05 .content {
	background:top center / cover no-repeat url("/images/bukken_back_lesta.jpg");
}
#bukken07 .content {
	background:top center / cover no-repeat url("/images/bukken_back_sora.jpg");
}
#bukken09 .content {
	background:top center / cover no-repeat url("/images/bukken_back_haus.jpg");
}

.bukken .lesta li{
	width:33.333%;
	float:left;
}

.bukken .content::after,
.bukken .lesta li::after {
	content: '';
  display: block;
  padding-top: 60vw;
}

.bukken .title {
	position: absolute;
	display: block;
	width:80%;
	top:10vw;
	margin: auto;
	left:0;right:0;
}

.bukken-voice {
	width:100%;
}

.bukken-voice li{
	position: relative;
	float:left;
	display: inline-block;
	vertical-align: top;
	width:50%;
}

.bukken-fuki {
	position: absolute;
	background:#6bc7f1;
	text-align:left;
	color:#fff;
	width:90%;
	padding:3vw 4vw;
	padding-right: 2vw;
	padding-bottom: 5vw;
	top: -1vw;
	left:10%;
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.bukken-fuki::after{
	content: "";
	position: absolute;
	display: block;
	width:5vw;
	height:5vw;
	bottom:1vw;
	left:-5vw;
  background: url("../images/bukken_fuki.svg") top left /contain no-repeat ;
  z-index:9;
}
.bukken-fuki h3 {
	font-size:2.5vw;
	line-height:3.5vw;
	letter-spacing: .2vw;
	margin-top: .5vw;
}
.bukken-fuki span {
	//font-size:1vw;
	//line-height: 4vw;
}

.bukken-pers li{
	position: relative;
	float:left;
	display: inline-block;
	vertical-align: top;
}
.bukken-pers li:nth-child(1){
	width:55%;
}
li.mes {
	width:45%;
	padding-left:3vw;
}
.bukken-pers li h3{

}
.bukken-pers li h4{
	color:#6bc7f1;

}

.bukken-pho li{
	position: relative;
	width:50%;
	margin-bottom: 1vw;
	float:left;
	display: inline-block;
	vertical-align: top;
}


/* -----------------------------------------------------------------
   WEBFORM
   ----------------------------------------------------------------- */

 #webform{
	//font-size:1.5vw;
	//line-height:2.5vw;	
 }

.form-blueback {
	background:#6bc7f1;
	color:#fff;
}


.bord-t {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
  border: 1px solid #fff;
  border-bottom: none;
  color:#fff;
  padding:1vw;
  width:56vw;
}
.form-blueback .point th {
	width:20%;
	padding:0 1vw;
	vertical-align: middle;
}
.form-blueback .point td {
	width:50%;
	padding:0 1vw;
	//font-size:1.8vw;
	//line-height: 2.6vw;
	//letter-spacing: 0.1vw;
	font-weight:bold;
	vertical-align: middle;
}
.form-blueback .panf .point th {
	width:16%;
}
.form-blueback .panf .point td {
	width:42%;
}

.form-blueback .bord-b {
	border-radius: 20px;
  border: 1px solid #fff;
  color:#fff;
  padding:2vw;
  width:85%;
}
.form-blueback .bord-b.panf {
  width:100%;
}

.form-blueback .bord-c {
	border-radius: 20px;
  border: 1px solid #fff;
  color:#595757;
  padding:2vw;
  //width:85%;
  background:#fff;
}
.form-blueback .bord-c h1,
.form-blueback .bord-c h2,
.form-blueback .bord-c h3,
.form-blueback .bord-c h4
{
	color:#595757;
}

.form-blueback .bord-b img.visible_pc {
	width:100%;
	margin-bottom: 1vw;
}
.form-blueback .bord-b.panf img.visible_pc {
	margin-bottom: 0;
}

.form-blueback .bord-b span {
	color:#fff100;
}
.form-blueback h3{
	color:#fff;
	line-height: 3.6vw;
}
.form-blueback .icon {
	width:10vw;
	margin: 2vw 0;
	margin-bottom: 4vw;
}

#googlemap{
  width: 100%;
  height: 40vw;
  border:0;
  margin:0 auto;
}

.btn_contact {
  background-image: linear-gradient(45deg, #ff5500 0%, #ffa300 100%) !important;
  border: 8px solid #ddd;
}
.btn_contact:hover {
  background-image: linear-gradient(45deg, #ffa300 0%, #ffec00 100%) !important;
  border: 8px solid #fffbcf;
}




/* -----------------------------------------------------------------
   NAIRAN
   ----------------------------------------------------------------- */


#SeminarWaku{
  text-align:left;
}
.tit {
	color:#fff;
}
#List li .tit{
  position:absolute;
  width:auto;
  padding:5px 20px;
  text-align: center;
  color:#fff;
  top:1%;left:1%;

  font-size: 1.0em;
  letter-spacing: 0.2em;
  font-weight:bold;
  z-index: 9;
}
#List li .web{
  background:#003D66;
}

.end,.full{
  position:relative;
  background:#000;
  pointer-events: none;
}
.end img{
  opacity: 0.4;
}
a:hover img{
  opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.end:after,.full:after {
  position: absolute;
  content: "終了しました";
  display: block;
  text-align:center;
  color:#fff;
  margin:auto;
  left:0;right:0;
  top:50%;
  margin-top:-1.2vw;
	font-size:2.8vw;
	line-height: 3.6vw;
	letter-spacing: 0.1vw;
	font-weight:bold;
}
.full:after {
    content: "満員御礼";
    background:rgb(255,0,20,0.8);
}
#SeminarWaku dt{
  display:inline-block;
  width:150px;
  vertical-align: top;
  background:#fff;
  color:#003D66;
  margin:15px 50px 15px 0;
  text-align:center;
  font-weight:bold;
  //font-size:1.5vw;
}
#SeminarWaku dd{
  display:inline-block;
  width:calc(100% - 200px);
  padding:10px 0;
	//font-size:1.8vw;
	//line-height: 2.6vw;
	//letter-spacing: 0.1vw;
	vertical-align: middle;
	margin-top:0.6vw;
}

#SeminarWaku.bord-c dt{
  background:#6bc7f1;
  color:#fff;
}

.lecturer-content {
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  line-height: 1em;
  vertical-align: top;
}
.lecturer-content img {
  max-width: 11vw;
  height: auto;
  margin-bottom: 1vw;
}


#seminarSch li {
  width:46%;
  float:left;
  margin:2% 2%;
  border-bottom: solid 5px #6bc7f1;
  color: #333;
}

#seminarSch li a{
  display: block;
}

#List li {
	position:relative;
  font-size: 1.5vw;
  line-height: 3.0vw;
}

#List li img {
  width:100%;
  text-align: center;
}

#List li dl{
  text-align:left;
  width:95%;
  margin:10px auto 20px;
  left:0;right:0;
}
#List li dt{
  display:inline-block;
  width:18%;
  vertical-align: top;
}
#List li dd{
  display:inline-block;
  width:72%;
}

#List li h4{

  text-align:left;
}

#NaikanWaku dl{
 position: relative;
 width:100%;

}
#NaikanWaku dt{
  display:inline-block;
  width:50%;
  vertical-align: top;
  margin:1vw 4vw 10vw 0;
}

#NaikanWaku dd{
  display:inline-block;
  width:calc(50% - 5vw);
  padding:1vw 0;
  text-align:left;
  //font-size: 1.5vw;
  //line-height: 2.5vw;
}

.banner{
	width:100%;
	max-width:800px;
}


/* -----------------------------------------------------------------
   JISSEKI
   ----------------------------------------------------------------- */

#jissekiList li {
  width:48%;
  float:left;
  margin:1%;
}

#List{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

#jissekiSch li {
  width:29%;
  float:left;
  margin:2% 2%;
  border-bottom: solid 5px #6bc7f1;
  color: #595757;
}

#jissekiSch li div {
  position: relative;
  width:100%;
  height:auto;
  overflow:hidden;
}

#jissekiSch li .tit{
  position:absolute;
  width:calc(100% - 2%);
  padding:5px 20px;
  text-align: center;
  color:#fff;
  bottom:1%;left:1%;
  background:rgb(17,108,169,0.7);
  font-weight:bold;
}
#jissekiSch li .icon_full{
  position:absolute;
  width:77px;
  bottom:calc(70px - 22%);
  left:3%;
}

#jisseki .otherwaku_s{
  padding:1% 4%;
  text-align:left;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#jissekiSch .content{
		width:90%;
	}
  #jissekiSch li {
    width:46%;
  }
  #jissekiSch li {
	  font-size:3vw;
	  line-height: 4vw;
	}
  #jissekiSch li dt {
    display:none;
  }
  #jissekiSch li dd {
    width:100%;
    border-bottom: dotted 1px #aaa;
  }
  #jissekiSch li .tit {
    padding:3px 10px;
    font-size: 4.0vw;
    letter-spacing: 0.6vw;
  }
  #jissekiSch li .icon_full{
    top:0;left:0;
  }
}


/* -----------------------------------------------------------------
   NEWS
   ----------------------------------------------------------------- */

#news{
  text-align:left;
}
#news img{
  max-width:100%;
}
.top-news p{
  text-align:left;
  padding-left:3%;
}
.top-news a{
  width:100%;
  color: #595757;
}

.top-news li{
  border-bottom: dotted 1px #003D66;
}

.top-news a li:hover{
  background:rgb(17,108,169,0.1);
  opacity: 1;
}
.top-news li .title{
  width:100%;
  text-align: justify;
  text-justify: inter-ideograph;
}

.top-news li .icon{
  display: inline-block;
  width:10vw;
  margin:1vw 0;
  font-weight:bold;
  text-align:center;
  color:#17346F;
}
.top-news li .icon0{background:#003D66;color:#fff}
.top-news li .icon1{background:#1796CB;color:#fff}
.top-news li .icon2{background:#509296;color:#fff}
.top-news li .icon3{background:#c95a5a;color:#fff}
.top-news li .icon4{background:#c9aa5a;color:#fff}

.top-news li .date{background:#F5F3F2;margin-right:1.5%}
.top-news li .date-media{color:#003D66}
.top-news li .date-blog{color:#17346F}

.more{
	width:100%;
  text-align:right;
  padding:1vw;
  font-weight:600;
}
.more a:hover{
	background:rgb(17,108,169,0.1);
}

.col{
  display:block;
  float:left;
  width:100%
}
.news-date{font-size:0.9rem;color:#767676;margin:10px 0 35px 0;display:block}
.title-wrapper {border-left:solid 4px #151A59;padding-left:30px;padding-top:3px;}
.icon-calendar{background:url("data:image/gif;base64,R0lGODdhDQANAPMAAH9%2Ff%2BXl5YeHh9TU1N3d3aGhobKysrq6uvb29qqqqu7u7svLy5iYmP%2F%2F%2FwAAAAAAACwAAAAADQANAEAENxCwSSttmDUwhMoaJo6NZU5G2AQY8oHYIjRFMogTqecxphA4ycmCCWgWvJLqSPDAeoHD7anDRQAAOw%3D%3D") no-repeat;display:inline-block;width:13px;height:13px;margin-bottom:-2px;margin-right:8px}.icon-pdf{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAACEUlEQVQoz42Sv09TURTHP%2Bf%2BevAo1T7AKCgQNXFxwBEWBxYnNSEm7MY4uLg5m6iTg6uDgz9j4H%2FQwRhUEgcx0Q5C0CKUtKklMdL2vncdWiuN0XiSs93P%2Bd7zyRHALC0tbSZJMsw%2Fynu%2FvbKyMjs%2FP%2F8eQAEuSZLhH40WjZbv9q5PaTSaNFqe%2FL79pGl6YHp6%2BsXCwsIMgABxsVj8niGISDfBvn1HyOfxxydJCgW2y1tMTExSrVZ2l5eXZ1X3obU9bQYHidY%2BY60lyzLiOKZU%2BkIcx33e%2B3PmN2h6ElVuAF2vE6yl2WyirSW2FuscaZqqPaCjy4lCv3wDSYJUqoTDoxACZBlaawC6oNubWN8hVGvI1En0vSeEag0mxpFrV%2F4ErbWICOFrmezhIurqZWSoAKdnIATCxhaiDVq1tfTKiSKym3dw58%2FghhOsCFYprNa48TGs0ai9iUEpIufaA%2B7eRpz96yGICMGaNjh0do7VSgXJMkKaIlqDCMF7xJj2V9MU0YbCoYMcW1%2Fv7GgtgyMjDFy6iIoifLlMfGGO5rPnZAi0mghC89VrbGmDYO3vHXP5PM451OYm%2FWOj8GkV7j8iGj%2BC0wZjDJH3uCjqlRPnctgoIvpYxDx4jD41Rf%2BN65jaN2wc454u0l%2FfwXZcCBCvHT1Ry%2BVyjjSFjm5aHgjQ2RGl%2BHUhHzZKt6RjdhLo4%2F9r6yerILV5M3o9bAAAAABJRU5ErkJggg%3D%3D") no-repeat;display:inline-block;width:14px;height:16px;margin-bottom:-3px;margin-left:5px}.icon-new-window{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs%2B9AAAAZ0lEQVR4AWNgcKo9g4YPMAABkA5FElsBEvgPxF1AnAbFCSB1UMWbofKXYApt4JIIRYlA%2FBOqGKEQh6JEKD8arhC7IgSAK4SyzeCKEPJJQHwEm4lmaAZl4nQjPoXJQGyMA7cjFBLGlwANyWEjqrIQpwAAAABJRU5ErkJggg%3D%3D") no-repeat;display:inline-block;width:10px;height:10px;margin-left:5px;margin-bottom:2px}.icon-new-window-02{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1%2BjfqAAAAh0lEQVQoz2NwPYMCWxgYXEVdt8P5Hgyu%2F1HgUgYgcNVzfQXlR4EUfHQVhENuBjBwrUVW8IEBDbjGuv4Bwvc4FECl48AWYSqASUPd4oqmAFkaJoSkACodC%2BWJuCq58iApcLVGlgbyp6E50pXRdSZCGosCDM9SUcE31zSs8ABMAT4IVNCBFxoAAJE3mjKfvmFrAAAAAElFTkSuQmCC") no-repeat;display:inline-block;width:16px;height:16px;margin-left:5px;margin-bottom:-2px}.icon-new-window-03{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAQAAABedl5ZAAAAeElEQVQYV2NwDUWCygwMrm5QthuD638kmAmUsnD9AGZfAkltcnWBQhkGIHBNRUhNAwnAgKuR6zsg%2FIAh5WoMljAGGnsYRQomAWbLIUkhS0AEoFKuysgSrttcjyCkmF0nI3S4HsZwBglSS1yVMOBpiBR2CJTqwAELAJVjb16IvoDSAAAAAElFTkSuQmCC") no-repeat;display:inline-block;width:13px;height:14px;margin-left:5px;margin-bottom:-2px}.icon-new-window-04{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAXklEQVQIW2P4egYKDzAwfA0Fs1YwfP3%2FtetrGhAmMADB181A%2FiWQoA2ICxZK%2FPoTKIwsCBZKBNLRcEGYEEQeLPjVDCb0NenrEYRKM6iiTDSLkAWTvxojwXaIIDq8BAAcOm%2Fnhc%2BTnAAAAABJRU5ErkJggg%3D%3D") no-repeat;display:inline-block;width:10px;height:10px}.icon-new-window-05{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAcElEQVQYV2P4OhMJ6n5l%2FtoAZUcxfP2PBL0ZGL5qfH0GZk8DSU1jQAJfGb%2BuwCoFlJgNFFkO1IkqBZWYDaQ1vtYiSSEkwDxmuBSahMtXDYSUxdc%2FX2dBJBggokgGmsMkMKSQARFSV1ECCwKhUtjhNADxtrgNxCYenwAAAABJRU5ErkJggg%3D%3D") no-repeat;display:inline-block;width:13px;height:13px}


/* news-box
------------------------------------------------------------*/

.news-box{
    margin:0 auto;
}

.news-box li {
  display:block;
  width:100%;
  border-bottom:#ccc dotted 1px;
  vertical-align:top;
  padding:0.5rem 0 1rem;
}
.news-box li:hover {
  background:rgb(17,108,169,0.1);
  opacity: 1;
}
.news-box li dl {
  display:table;
  width:100%;

}
.news-box li dl dt {
  display:table-cell;
  vertical-align:top;
  width:200px;
  padding-right:5%;
}
.square-content {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .news-box li dl dt {
    display:none;
  }
}


/*-------------------------------------------> 会社概要 */

#company #contentDisp .Disp{
  width:100%;height:500px;position:fixed;
  background: url("/assets/images/cover-company.jpg") center center /cover no-repeat ;
  z-index:-9999;
}
#company #contentDisp .Disp .home-copy{
  max-width:100%;
  height:120px;
  top:-60px;
}

.tbl-about-design dt, .tbl-about-design dd {
  padding: 20px;
  text-align:left;
}

.tbl-about-design dt {
  clear: both;
  float: left;
  width: 8rem;
  border-top: 1px solid #ccc;
}

.tbl-about-design dd {
  padding-left: 8rem;
  border-top: 1px solid #ccc;
}

.tbl-about-design{
  border-bottom: 1px solid #ccc;
}

.tbl-about-design1 ul{
  display: flex;
  flex-wrap: wrap;
}

.tbl-about-design li {
  display: flex;
  min-width: 211px;
}

.tbl-about-design li {
  display: flex;
  min-width: 211px;
}

.tbl-about-design .side-left li{
    width:40%;
    padding-right:10%;
    text-align:left;
    display:inline-block;
    white-space: nowrap;
}


/*-------------------------------------------> FAQ */

#faq .list li{
  width:100%;
  border-bottom: solid 1px #003D66;
  padding:1.0em;
  padding-bottom:1.6em;
}
#faq .list li:nth-child(1){
  border-top: solid 1px #003D66;
}

#faq .list li{
  border-bottom: solid 1px #003D66;
  padding:1.0em;
  padding-bottom:1.6em;
}
#faq .list li:nth-child(1){
  border-top: solid 1px #003D66;
}

.comWrap{
  display:table;
  width:100%;
}
#faq .comWrap div.tc:nth-child(1){
  display: table-cell;
  width:74px;
  vertical-align: top;
}
#faq .comWrap div.tc:nth-child(2){
  text-align:left;
  padding-left:24px;
  line-height: 1.6em;
  display: table-cell;
  vertical-align: middle;
}

#subNav .comWrap {
	width:50%;
	margin-bottom: 1vw;
	float: left;
}
#subNav .comWrap:hover {
	color:#458bab;
	background:rgb(17,108,169,0.1);
}

@media all and (min-width: 0) and (max-width: 767px) {
  #faq .comWrap div.tc:nth-child(1){
    width:10vw;
  }
  #faq .comWrap div.tc:nth-child(2){
    padding-left:14px;
  }
}



/* -----------------------------------------------------------------
   footer
   ----------------------------------------------------------------- */

#Footer {
	width:100%;
	padding:7vw 0;
	text-align:center;
	//font-size:1.5vw;
}
#Footer .content{
	margin: auto;
	width:85%;
}

.lg {
	width:15vw;
	margin-bottom: 1vw;
}
.foot_menu{
	width:100%;
	margin: 2vw 0;
}
.foot_menu li{
	display:block;
	float:left;
	width:calc(50% - 2vw);
	height:17vw;
	margin: .5vw;
}
.foot_menu a {
	padding-top:5vw;
	display:block;
	width:100%;
	height:17vw;
	//font-size:1.8vw;
	font-weight:bold;
	color: #595757;
}
.foot_menu li:nth-child(1){
	background:#b4d6f0;
}
.foot_menu li:nth-child(2){
	background:#dfe0e0;
}
.foot_menu li:hover{
	opacity: .7;
}

#Footer .tel{
	width:36vw;
}

#Footer .R{
  position:relative;
  width:100%;
  display: inline-block;
  vertical-align: top;
  text-align:left;
  padding:1vw 3vw;
  border: solid 1px #595757;
}

#Footer .R a {
	color: #595757;
}

#Footer .R .title{
  //font-size: 1.6vw;
  //letter-spacing: 0.5vw;
  font-weight:bold;
  color:#595757;
  margin-bottom:0.4vw;
}

#Footer .R ul{
  display: inline-block;
  margin-top:1.7vw;
  vertical-align: top;
  text-align:left;
  width:32%;
}


/* -----------------------------------------------------------------
   スマホのみ表示するもの
   ----------------------------------------------------------------- */
@media screen and (max-width: 1200px){
	body {
		font-size: 15px;
	  line-height: 28px;
	  letter-spacing: 1px;
	}
	p {
		font-size:16px;
		line-height: 32px;
	}
	small{
		font-size:12px;
		line-height: 20px;
	}
	h3 {
	  font-size: 2.8vw;
	  line-height: 3.6vw;
	}
	h4 {
	  font-size: 2.4vw;
	  line-height: 3.2vw;
	}
	.top-news li .icon{
	  width:130px;
	}
	.content{
		width:92%;
	}
	#EditForm{
		font-size: 18px !important;
	}
	#EditForm input,#EditForm select,#EditForm textarea {
		font-size: 18px !important;
    padding: 10px !important;
    height:40px !important;
  }
  #EditForm select{
  	height:40px !important;
  	padding: 5px !important;
  }
}

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

	body {
		font-size: 4vw;
	  line-height: 8vw;
	  letter-spacing: 0.3vw;
	}

	.content{
		width:92%;
	}
	#nine .content,
	#faq .content,
	#eleven .content{
		width:92%;
	}	


	h1 {
		font-size:8.0vw;
		line-height:12.0vw;
		letter-spacing: .6vw;
	}
	h2 {
		font-size:6.0vw;
		line-height:9.0vw;
		letter-spacing: .6vw;
	}
	h3 {
		font-size:4.6vw;
		line-height: 7.6vw;
	}
	h4 {
		font-size:3.8vw;
		line-height: 5.4vw;
	}
	h5 {
		position: relative;
		font-size:5.2vw;
		line-height:10.4vw;
		letter-spacing: .4vw;
		margin-left: 10.4vw;
	}
	h5::before {
		width:9.0vw;
		height:10.4vw;
		left:-10.4vw;
	}
	h6 {
		font-size:4.6vw;
		line-height:6vw;
		letter-spacing: .4vw;
		font-weight: 600;
		padding:2vw 5vw;
		margin: 5vw 0;
	}
	p {
		font-size:4vw;
		line-height: 8vw;
		text-align: justify;
	}
	small{
		font-size:4vw;
		line-height: 8vw;
		text-align: justify;
	}

	#EditForm{
		font-size:4vw !important;
	}

  #EditForm td:nth-child(1) {
      padding: 1vw 0 !important;
  }

	#head .section-content,
	#second .section-content,
	#third .section-content{
		width: 100%;
	}

	a .bot{
		font-size:5.4vw;
		line-height: 10.0vw;
	  border-radius: 50vh;
	  width:80%;
	}

	.com{
		width:100%;
	}

	.top-padding {
		padding-top: 6vw;
	}

/* 1 */

	.logo_n {
		width:65%;
		margin-top:16vw;
		margin-bottom:40px;
	}

	.fuki_sp {
		position: absolute;
		width:80% !important;
		margin: 0 auto;
		top:0vw;
		left:5vw;
		animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
	}

/* 2 */

	#second table td{
		position: relative;
		width:50%;
	}
	#second .sec01{
		position: absolute;
		top:50%;
		width:80%;
	}
	#second td.sec02 {
		width:50%;
		padding-left:5vw;
	}

	.movie_waku{
		position: relative;
		width:90%;
		margin-left: 10%;
	}
	.movie_waku iframe{
		width:94%;
		height: 86.0vw;
		margin: 3.0%;
		padding-top: 2.4vw;
	}

/* 3 */

	#third .content{
		padding: 0;
		margin: auto;
	}
	#third ul {
		width:98%;
		margin: 1vw 1%;
	}
	#third li {
		display: inline-block;
		width:80%;
		margin: 2em 0;
		text-align:center;
	}
	#third a .bot{
		margin-top:40px;
	}

/* 4 */

	#four li{
		width:96%;
		margin: auto;
	}

	#four li:nth-child(1){
	  background: url("../images/cb_menu_zio_sp.jpg") center center /cover no-repeat ;
	}
	#four li:nth-child(2){
	  background: url("../images/cb_menu_strage_sp.jpg") center center /cover no-repeat ;
	}
	#four li:nth-child(3){
	  background: url("../images/cb_menu_lesta_sp.jpg") center center /cover no-repeat ;
	}
	#four li:nth-child(4){
	  background: url("../images/cb_menu_sora_sp.jpg") center center /cover no-repeat ;
	}
	#four li:nth-child(5){
	  background: url("../images/cb_menu_haus_sp.jpg") center center /cover no-repeat ;
	}

	#four li a{
		margin-bottom: 2vw;
		height:100%;
		padding:10vw 10vw;
	}

/* 5 */

	#five .title_anim li:nth-child(1){
		width:80%;
		top:10%;
	}
	#five .title_anim li:nth-child(2){
		width:80%;
		bottom:10%;
	}

	#five .content{
		margin-bottom:1vw;
	}
	#five .com{
		width:96%;
	}
	p {
		font-size:3.8vw;
		line-height:8.0vw;
	}

	#five .content {
		margin-bottom:50px;
	}


/* 6 */

	#six {
		margin-top:20px;
	}
	#six .content{
		width:100%;
	}
	#six .graph{
		width:90%;
	}


/* 7 */

	#seven .quarter li{
		width:50%;
		margin-bottom: 2vw;
	}
	#seven li {
		font-size:3.6vw;
		padding: 0 .5vw;
	}

/* 8 */

	#eight .cont-panf{
		width:85%;
		margin: auto;
	}

	#eight .panf th{
			width:0;
			display:none;
	}
	#eight .panf td{
		font-size:4.2vw;
		letter-spacing: .1vw;
		line-height:6.5vw;
		padding:3vw 5vw
	}

	#eight .panf li{
		width:100%;
	}

	#eight table.cover {
		width:95%;
		margin: auto;
	}
	#eight .cover td,#eight .cover th{
		font-size:1.6vw;
		letter-spacing: .1vw;
		line-height:2.5vw;
	}

	#eight .cover td{
		padding:1vw;
	}
	#eight .cover td.td1{
		width:0;
		display:none;
	}
	#eight .cover th.td2{
		width:0;
		display:none;
	}
	#eight .cover td.td3{
		width:100%;
	}
	#eight table .trd{
	height:2vw;
}

	#eight table h1 {
		font-size:10.0vw;
		line-height:12.5vw;
	}
	#eight table h2 {
		margin-top:2vw;
		font-size:5.8vw;
	}

	#eight .bot{
	  font-size:6.2vw;
	  line-height: 10.4vw;
	  width:85%;
	  margin-bottom: 10vw;
	}
	#eight table .bot{
	  font-size:4.8vw;
		line-height: 7.4vw;
		margin:auto;
		margin-bottom:2vw;
	}

	#eight .uchi {
		width:60%;
	}

/* 9 */

	.fullwi{
		width:100% !important;
	}
	#nine .title_anim li:nth-child(1){
		width:80%;
		top:19%;
	}
	#nine .title_anim li:nth-child(2){
		width:80%;
		bottom:19%;
	}

	#nine .owners li{
		width:100%;
		margin-bottom: 5vw;
	}
	#nine .owners li .pho {
		width:100%;
		padding-top:80vw;
	}
	#nine .owners li .mes {
		width:90%;
		margin-left: 5%;
		margin-top:5vw;
		margin-bottom:5vw;
		font-size:3.8vw;
		line-height: 8.0vw;
	}
	#nine .owners li .mes b{
		font-size:4.0vw;
		line-height:10vw;
	}
	#nine .owners li h3{
		font-size:5.0vw;
		line-height:8.2vw;
	}
	.owner_com::after{
		display: none;
	}


/* 10 */

	#ten .title{
		height:45vw;
	}
	#ten .title img {
		width:40vw;
	}
	#ten th {
		width:20vw;
	}
	#ten td {
		font-size:3.8vw;
		line-height: 6vw;
	}
	#ten td hr {
		margin: 5vw 1.5vw;
	}

/* news */

	.top-news.box{
		padding:0;
	}
	.top-news p{
	  font-size:3.8vw;
	  line-height:6vw;
	  margin-bottom:5vw;
	}

	.top-news li .title{
	  line-height: 2.5;
	}

	.top-news li .icon{
	  width:25vw;
	  margin:2vw 0;
	  line-height:4.0vw;
	  font-size:3.1vw;
	}


/* SIENCE */

	#sience01 .content {
		background-position:left;
	}
	#sience01 .content::after,
	#sience03 .content::after,
	#sience05 .content::after {
	  padding-top: 100vw;
	}

	#sience01 .title,
	#sience03 .title,
	#sience05 .title {
		width:80%;
		top:28vw;
	}

	.cube {
		width:30vw;
		margin-bottom: 10vw;
	}

	.dubble li{
		width:100%;
		font-size:4vw;
		padding-bottom:10vw;
		line-height: 8vw;
		text-align: justify;
	}
	.dubble li:nth-child(odd),
	.dubble li:nth-child(even){
		padding-right: 0;
		padding-left: 0;
	}
	.dubble .parallax-window {
		height:60vw;
	}
	#sience04 p {
		font-size:4vw;
		line-height: 8vw;
		text-align: justify;
	}


/* BUKKEN */

	.bukken .content::after,
	.bukken .lesta li::after {
	  padding-top: 100vw;
	}
	.bukken .title {
		width:100%;
		top:20vw;
	}

	.bukken .lesta .title {
		width:96%;
		top:20vw;
		left:4%;
	}

	.bukken-voice li{
		width:100%;
	}
	.bukken-voice li.voi{
		width:100%;
		height:52vw;
		overflow:hidden;
	}
	#bukken02 .bukken-voice li:nth-child(1) img {
		width:100%;
		overflow:hidden;
		padding-left:15%;
	}
	#bukken04 .bukken-voice li:nth-child(1){
		width:100%;
		overflow:hidden;
		padding-left:15%;
	}
	#bukken06 .bukken-voice li:nth-child(1){
		width:100%;
		overflow:hidden;
		padding-left:5%;
	}
	#bukken08 .bukken-voice li:nth-child(1){
		width:100%;
		overflow:hidden;
		padding-left:10%;
	}
	#bukken10 .bukken-voice li:nth-child(1){
		margin-left:0;
	}

	.bukken-fuki {
		text-align:center !important;
	}
	.bukken-fuki h3 {
		font-size:5.0vw;
		line-height:8.0vw;
		letter-spacing: .5vw;
	}
	.bukken-fuki span {
		font-size:3vw;
		line-height: 7vw;
	}
	.bukken-fuki {
		position: relative;
		text-align:left;
		width:100%;
		font-size:4.5vw;
		line-height: 7vw;
		letter-spacing: .3vw;
		padding:3vw 4vw;
		padding-bottom: 5vw;
		animation: none;
		left:0;
	}
	.bukken-fuki::after{
		content: "";
		width:12vw;
		height:12vw;
		top:-8vw;
		left:auto;
		right:5vw;
	  background: url("../images/bukken_fuki_sp.svg") top left /contain no-repeat ;
	}

	.bukken-pers li,
	.bukken-pers li:nth-child(1) {
		width:100%;
	}
	li.mes {
		font-size:4vw;
		line-height: 8vw;
		text-align: justify;
		padding-left:0;
		padding:4vw 0;
	}
	.bukken-pers li h3{
		font-size:4.5vw;
		line-height: 6.6vw;
	}
	.bukken-pers li h4{
		font-size:4vw;
		line-height: 6vw;
		padding: 2vw 0;
	}

	.bukken-pho li {
		width:100%;
	}
	.bukken-pho li:nth-child(1) {
		width:103.5%;
	}
	.bukken-pho li:nth-child(3) {
		width:101%;
	}


/* WEBFORM */

	 #webform{
		font-size:3.0vw;
		line-height:5.0vw;	
	 }

	#webform .content,
	#mailmagagin .content,
	.bord-t {
	  width:92%;
	}
	.form-blueback h3 {
		font-size:4.5vw;
		line-height: 6.6vw;
		padding:1vw;
	}
	.form-blueback .point th {
		vertical-align: top;
		width:20%;
	}
	.form-blueback .point td,
	.form-blueback .panf .point td
	 {
		font-size:4.8vw;
		line-height: 6.2vw;
		width:80%;
		padding-right:0;
	}
	.form-blueback .point td.pc {
		width:0;
	}
	.form-blueback .point th {
		vertical-align: middle;
	}
	.form-blueback .bord-b {
	  padding:4vw;
	  width:100%;
	}
	.form-blueback .point li {
		margin-bottom: 3vw;
	}
	#googlemap{
    width: 100%;
    height: 80vw;
  }



/* NAIRAN */

	#SeminarWaku dt{
	  width:50vw;
	  margin:1.5vw auto;
	  font-size:4.0vw;
	}
	#SeminarWaku dd{
	  width:100%;
	  padding:1vw 0;
		font-size:4.0vw;
		line-height: 6.0vw;
		letter-spacing: 0.1vw;
		margin-top:0.6vw;
	}

	.lecturer-content img {
	  max-width: 60%;
	}

	#seminarSch li {
		width:96%;
	  font-size: 4.0vw;
	  line-height: 8.0vw;
	}

	#NaikanWaku dt{
	  width:100%;
	  margin:1vw 4vw 10vw 0;
	}

	#NaikanWaku dd{
	  width:100%;
	  padding:1vw 0;
		font-size:4.0vw;
		line-height: 6.2vw;
	}

	.end:after,.full:after {
	  margin-top:-1.5vw;
		font-size:6.8vw;
		line-height: 8.6vw;
		letter-spacing: 0.3vw;
	}


/* footer */

	#Footer {
		padding:12vw 0;
		font-size:3.0vw;
		line-height: 4.0vw;
	}
	#Footer .content{
		margin: auto;
	}
	.lg {
		width:35vw;
		margin-bottom: 4vw;
	}
	.foot_menu{
		width:100%;
		margin: 2vw 0;
	}
	.foot_menu li{
		width:calc(50% - 2vw);
		height:25vw;
		margin: 2vw 1vw;
	}
	.foot_menu a {
		padding-top:5vw;
		height:25vw;
		font-size:3.0vw;
	}

	#Footer .tel{
		width:76vw;
	}

	#Footer small{
		font-size:3vw;
		line-height: 8vw;
	}

}



/* -----------------------------------------------------------------
   移動バナー
   ----------------------------------------------------------------- */


/* PC FLOAT */

#float_menu{
	position: fixed;
	right:-.3vw;
	bottom:5vw;
	width:16vw;
	max-width:250px;
	z-index:50;
	box-shadow: 1.5vw .5vw .5vw 0 rgba(0, 0, 0, .5);
}
#float_menu li img{
	width:100%;
}
#float_menu li{
	display: block;
	border: solid .3vw #d2d2d3;
}
#float_menu li:nth-child(1){
	border-radius: 1vw 0 0 0;
}
#float_menu li:nth-child(2){
	border-radius: 0 0 0 1vw;
	margin-top:-.3vw;
}
#float_menu li.Y {
	background:#f5e929;
}
#float_menu li.G {
	background:#48a839;
}
#float_menu li.S {
	background:#00cfff;
}
#float_menu li.B {
	background:#1d2088;
}


#float_menu li a {
	width:100%;
	padding:1.5vw 1vw;
	display:block;
}
#float_menu li:hover{
	background:#d2d2d3;
}


/* SP FLOAT */

.c-page-sub__contact {
  position: fixed;
  width: 100px;
  right: 100px;
  bottom: 0;
  z-index: 9000;
}

.c-page-sub__contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-page-sub__contact ul li {
  list-style: none;
  display: block;
  font-weight:bold;
}


.c-page-sub__contact ul li[data-type="webcatalog"] a {
  color: #0e181d;
  background-color: #f5e929;
}
.c-page-sub__contact ul li[data-type="allworks"] a {
  background-color: #48a839;
}


.c-page-sub__contact ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 21px 13px 21px;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


@media screen and (max-width: 767px) {
  .c-page-sub__contact .visible_sp {
      display: flex !important;
  }

  .c-page-sub__contact {
    width: 100%;
    bottom: -2px;
    right: 0;
  }
  .c-page-sub__contact[data-animation="true"] {
    padding-top: 0;
    bottom: 0;
    -webkit-transition: padding-top 800ms, bottom 800ms;
    transition: padding-top 800ms, bottom 800ms
  }
  .c-page-sub__contact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .c-page-sub__contact ul li {
    width: 33.33333%
  }
  .c-page-sub__contact ul li a {
    height: 13.02083vw;
    font-size: 4.64583vw
  }


  .c-page-sub__contact ul li[data-type="webcatalog"] {
    width: 50%;float:left;
  }
  .c-page-sub__contact ul li[data-type="allworks"] {
    width: 50%;float:left;
  }

}


/*------------------------------------------------------------
  SPnavi
------------------------------------------------------------*/


/* PCmenu */

#Gnavi{
	width:82%;
	position: fixed;
	top:4vw;
	margin: auto;
	left:0;right:0;
	z-index:99;
	box-shadow: 0 .5vw 1vw 0 rgba(0, 0, 0, .5);
}

#Gnavi li {
	position: relative;
	width:25%;
	float:left;
	background:#fff;
	border-top: solid .3vw #d2d2d3;
	border-bottom: solid .3vw #d2d2d3;
}
#Gnavi li a {
	display:block;
	width:100%;
	color:#1d2088;
	text-align:center;
	font-size:1.4vw;
	line-height: 2.6vw;
	font-weight:bold;
	letter-spacing: .2vw;
	padding:.7vw 0;
}
#Gnavi li a:hover {
	background:rgb(17,108,169,0.1);
}

#Gnavi li:nth-child(1)::after,
#Gnavi li:nth-child(2)::after,
#Gnavi li:nth-child(3)::after {
	content: "";
	position: absolute;
	top:.7vw;
	right:0;
	height:2.0vw;
	border: solid .1vw #d2d2d3;
	z-index:100;
}
#Gnavi li:nth-child(1)::before{
	content: "";
	position: absolute;
  width: 2.0vw;
  height: 4vw;
  left:-2.0vw;
  top:-.3vw;
  border-radius: 100% 0 0 100% / 50%;
  background: #fff;
  border: solid .3vw #d2d2d3;
  z-index:-1;
}
#Gnavi li:nth-child(4)::before{
	content: "";
	position: absolute;
  width: 2.0vw;
  height: 4vw;
  right:-2.0vw;
  top:-.3vw;
  border-radius: 0 100% 100% 0% / 50%;
  background: #fff;
  border: solid .3vw #d2d2d3;
  z-index:-1;
}


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

	#Gnavi{
		width:1200px;
		top:50px;
	}
	#Gnavi li {
		border-top: solid 4px #d2d2d3;
		border-bottom: solid 4px #d2d2d3;
	}
	#Gnavi li a {
		font-size:21px;
		letter-spacing: 2px;
		padding:8px 0;
		line-height: 40px;
	}

	#Gnavi li:nth-child(1)::after,
	#Gnavi li:nth-child(2)::after,
	#Gnavi li:nth-child(3)::after {
		content: "";
		position: absolute;
		top:10px;
		height:30px;
		border: solid 1px #d2d2d3;
	}
	#Gnavi li:nth-child(1)::before{
	  width: 25px;
	  height: 54px;
	  left:-25px;
	  top:-3px;
	  border: solid 4px #d2d2d3;
	}
	#Gnavi li:nth-child(4)::before{
	  width: 25px;
	  height: 54px;
	  right:-25px;
	  top:-3px;
	  border: solid 4px #d2d2d3;
	}

}

/* SPnavi */

#wrapper nav {
    position: fixed;
    top: 0;
    right: -80%;
    width: 80%;
    height: 100%;
    padding-top: 50px;
    background:#6bc7f1;
    background:rgb(107,199,241,0.8);
    font-size: 16px;
    box-sizing: border-box;
    z-index: 990;
}
#wrapper nav ul li {
    display:block;
    padding: 5px 28px;
    width: 100%;
    color: #595757;
  	background: #FFF;
  	border-bottom: 1px solid #CCC;
  	font-weight: 700;
  	line-height:10.0vw;
}
#wrapper nav ul li:hover {
  background:#bae2fb;
}
#wrapper nav ul li a {
    text-decoration: none;
    color: #fff;
}

#wrapper .contents section p {
    position: absolute;
    top: 50%;
    width: 30%;
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}
#wrapper .contents section:nth-child(odd) p {
    left: 10%
}
#wrapper .contents section:nth-child(even) p {
    right: 10%
}


.menuTrigger,
.menuTrigger span {
  display: inline-block;
  box-sizing: border-box;
}

.menuTrigger {
  width: 30px;
  height: 18px;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9993;
}
.sc .menuTrigger {
  top: 16px;
}

.menuTrigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  transform-origin: 50% 50%;
  background-color: #1d2088;
  border-radius: 4px;
}
.menuTrigger span:nth-child(2) {
  top: 8px;
}

.menuTrigger span:nth-child(3) {
  bottom: 0;
}

.menuTrigger.openMenu span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(-315deg);
  transform: translateY(8px) rotate(-315deg);
  background-color: #fff;
}

.menuTrigger.openMenu span:nth-child(2) {
  opacity: 0;
}

.menuTrigger.openMenu span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(315deg);
  transform: translateY(-8px) rotate(315deg);
  background-color: #fff;
}



@media screen and (max-width: 600px){
	.movie_waku iframe{
		width:94%;
		height: 90.0vw;
		margin: 3.0%;
		padding-top: 2.4vw;
	}
}




/* カレンダー２
------------------------------------------------------------*/

.table {
  display: grid;
  gap: .4vw;
  grid-template-columns: repeat(3, auto);
}

.tr {
  grid-column: span 3;
  display: grid;
  grid-template-columns: subgrid;
}

.td {
  background: #eee;
  padding: .4vw;
}



.cal-contents {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width:1200px;
}

.cal_box {
	font-size:4vw;
	line-height: 8vw;
  margin-bottom: 2vw;
  background: #fff;
  padding: 2vw 1.5vw 1.5vw;
}

.selector-hide{
  display:none;
}
.selector-disp{
  display:inline;
}

#kibouday {
  border-radius: 10px;
  border: 1px solid #d2cdcd;
  background: #fff;
  min-width: 230px;
  cursor: pointer;
  padding: 3px 50px;
  //font-size:1.5em;
  margin-bottom: 10px;
}

#kibouday.active:first-child {
  background: #2aa6e2;
  color:#fff;
}

.ecalendar_head{
  border-bottom:1px solid #ccc;
  background:#222;
  padding:15px;
  position:relative;
  color:white;
  font-size:1.5em;
  text-align: center;
}

.cal-contents .table .active{
    background: #eee;
}
.cal-contents .table{
  width:100%;
  table-layout:fixed;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 auto 1vw;

  display: table !important;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  unicode-bidi: isolate;
}
.cal-contents .tr{
  display: table-row !important;
  unicode-bidi: isolate;
}
.cal-contents .table .th{
  padding:1.0vw;
  font-weight:normal;
  text-align:center;
  display: table-cell !important;
  text-align: -internal-center;
  unicode-bidi: isolate;
}
.cal-contents .table .td{
  height:5vw;
  vertical-align:middle;
  border:1px solid #ccc;
  background:#fff;
  padding:1vw;
  text-align:center;
  display: table-cell !important;
  vertical-align: middle;
  unicode-bidi: isolate;
}
.cal-contents .table .td .popup{
  width:100%;
  height:100%;
  padding:0;
  text-align:center;
  display: block;
  text-decoration: none;
  vertical-align: middle;
  color:#000;
  cursor: pointer;
  pointer-events : auto;
  padding-top: 3vw;
  font-weight:bold;
}
.cal-contents input[type=radio] + label::before {
  display:none !important;
  height:0 !important;
}
.cal-contents input[type=radio] + label::after {
  display:none !important;
}
.cal-contents input[type=radio] + label {
  margin-right: 0 !important;
  padding-left:0 !important;
}

.cal-contents .table .is-gray{
  background:#f5f5f5;
}
.cal-contents .table .is-block{
  display:block;
  font-weight:bold;
  font-size:2vw;
}

.cal-contents .table a.is-selected{
  background:#e73939;
}
.cal-contents .table .date-icon{
  color:#2aa6e2;
  font-size:2vw;
  display:block;
  font-weight:bold;
}
.cal-contents .table .date-icon.phone{
  font-size:2vw;
  padding-top:.3vw;
}
.cal-contents .table-sat{
  background-color:#ecf9ff !important;
}
.cal-contents .table-sun{
  background-color:#ffeff5 !important;
}

.cal-contents .table{
    width: 100%;
    height:100%;
    //margin-top:-1.7vw;
    line-height:3.0vw;
}

.radio{opacity: 0;width:0;}
.cal-contents .table .date-link{
  background:#2aa6e2;
  text-decoration:none;
  color:#fff;
  border-radius:50%;
  width:3.0vw;
  height:3.0vw;
  display:inline-block;
  text-align:center;
  cursor: pointer;
}
.radio:checked + label.date-link{
  background:#e73939;
}

#js-calendar-year{
  //margin: 0 25%;
}
.ecalendar_head .round_arrow,
.ecalendar_head .round_arrow_p {
  position: relative;
  cursor: pointer;
}

.ecalendar_head .round_arrow::before,
.ecalendar_head .round_arrow_p::before { /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 3vw;
  width: 3.0vw; /* 横幅 */
  height: 3.0vw; /* 高さ */
  border-radius: 10%; /* 角の丸み */
  background: #2aa6e2;
}
.ecalendar_head .round_arrow_p::before { /* 背景の表示設定 */
	left: -6vw;
}
.ecalendar_head .round_arrow::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 3.5vw;
  width: 1.2vw;
  height: 1.2vw;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(45deg);
}
.ecalendar_head .round_arrow_p:after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -5.0vw;
  width: 1.2vw;
  height: 1.2vw;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(-135deg);
}

#calendar_next{
    display:none;
}

@media screen and (max-width: 1200px){

	.cal-contents .table .date-icon.phone{
	  font-size:4vw;
	  padding-top:.6vw;
	}
	.cal-contents .table .date-icon{
	  font-size:3vw;
	}
	.cal-contents .table{
    line-height:4.0vw;
	}
	.cal-contents .table .date-link{
	  width:4.0vw;
	  height:4.0vw;
	}

}

@media screen and (max-width: 768px){
	
	.cal-contents .table{
	  line-height:4.0vw;
	}
	.cal-contents .table .th{
	  padding:3.0vw;
	}

  .cal-contents .table .td{
  	height:4vw
  }
  .cal-contents .table .is-block{
    font-size:3vw;
    margin-top:1vw;
  }
  .cal-contents .table .date-icon{
  	font-size:4vw;
  	padding: 3vw 0;
  }
  .cal-contents .table a{
    width:6vw;
    height:6vw;
  }
  .ecalendar__hint{
  	margin:0px 2vw
  }
  .cal_box {
    padding: 2vw 0 1.5vw;
  }
  .cal-contents {
    margin-bottom: 3.25vw;
    padding: 0 4vw;
    width: 100%;
  }
	.cal-contents .table .date-link{
	  width:6.0vw;
	  height:6.0vw;
	  padding:1vw 0 0 0 !important;
	}
  .ecalendar_head{
    font-size:8.0vw;
  }

  #kibouday {
    padding: .3vw .3vw;
  }

  .c-title-page__secondary h1 {
    letter-spacing: 0;
    text-indent: 0;
    margin-top: 5.0vw;
  }

	.ecalendar_head .round_arrow::before,
	.ecalendar_head .round_arrow_p::before { /* 背景の表示設定 */
	  width: 7.4vw; /* 横幅 */
	  height: 7.4vw; /* 高さ */
	  left: 6vw;
	}
	.ecalendar_head .round_arrow_p::before { /* 背景の表示設定 */
		left: -12vw;
	}
  .ecalendar_head .round_arrow::after { /* くの字の表示設定 */
	  left: 6vw;
	  width: 3.2vw;
	  height: 3.2vw;
	}
	.ecalendar_head .round_arrow_p:after { /* くの字の表示設定 */
	  left: -10.0vw;
	  width: 3.2vw;
	  height: 3.2vw;
	}
}

@media screen and (max-width: 576px){
  .cal-contents {
      font-size: 4.26667vw;
  }
  .ecalendar-table table{
    line-height:1;
  }
}