@charset "UTF-8";
/* CSS Document */
html {
	font-family: "Kozuka Gothic Pro","sans-serif","Times New Roman","Arial Black";
	color: #606060;
	font-size: 1.6vw;
}
@media (max-width:700px) {
  html {
    font-size: 3vw;
  }
}
a:hover {
	transition: all 0.7s ;
	color: #132846;
	text-decoration: none;	
}
.align-r {
  text-align: right!important;
}
.line-a {
	position: absolute;
	display: block;
	border-radius: 0px 17px 17px 0px;
	background-color: #F2F2F2;
	width:180px;
	z-index: -1;
}
.line-b {
  position: absolute;
  border-radius: 17px 0px 0px 17px;
  background-color: #F2F2F2;
  width: 350px;
  z-index: -1;
	right:0%;
}
.line-c {
	position: absolute;
	display: block;
	border-radius: 0px 0px 17px 0px;
	background-color: #F2F2F2;
	width:300px;
	z-index: -1;
}
.icon-1 {
	background-image: url(../img/icon-1.png);
  background-repeat: no-repeat;
  background-position: 24% 1.5vw;
  background-size: 7vw;
}
@media (max-width:700px) {
  .icon-1 {
    background-position: 36% 3vw;
    background-size: 9vw;
  }
}
.icon-5 {
	background-image: url(../img/icon-5.png);
  background-repeat: no-repeat;
  background-position: 34% 2vw;
  background-size: 9vw;
}
@media (max-width:700px) {
  .icon-5 {
    background-position: 55% 3vw;
    background-size: 13vw;
  }
}
.icon-6 {
	background-image: url(../img/icon-6.png);
  background-repeat: no-repeat;
  background-position: 30% 2vw;
  background-size: 8vw;
}
@media (max-width:700px) {
  .icon-6 {
    background-position: 45% 2.4vw;
    background-size: 12vw;
  }
}
.tg {
	margin:0 0 0 5vw;
}
.tg span {
	font-size: 1.4vw;
}
@media (max-width:700px) {
  .tg span {
	  font-size: 1.8vw;
  }
}
.tg h2 {
	line-height: 6.5vw;
	font-size: 4vw;
	font-weight:bold;
	letter-spacing:5px;
}
@media (max-width:700px) {
.tg h2 {
	  line-height: 8vw;
	  font-size: 6vw;
	  letter-spacing:3px;
  }
}
.tg p {
	font-size: 2vw;
	font-weight:500;
	letter-spacing:0.3vw;
}
@media (max-width:700px) {
 .tg p {
	  font-size: 3.5vw; 
  }
}
.pc { display: block !important; }
.sp { display: none !important; }

@media (max-width:700px) {
	.pc { display: none !important; }
  .sp { display: block !important; }
}
/*　スライダー　*/
.slick-prev:before,
.slick-next:before {
	font-size:40px!important;
	color: #626262!important;
}
.slick-prev:before
{
  content: '<'!important;
}
.slick-next:before
{
  content: '>'!important;
}
/* -----------------------------------------------------
			
header
			
----------------------------------------------------- */
@media (max-width:700px) {
  header {
    height: 60vw;
  }
}
.header-information {
	background-image: url(../img/information-main.jpg);	
	background-repeat: no-repeat;
	background-size:cover;
  background-position: 0 4vw;
  height:63vw;
}
@media (max-width:700px) {
  .header-information {
    background-position: -13vw 7vw;
    height:79vw;
  }
}
.header-learning {
	background-image: url(../img/learning-main.jpg);	
	background-repeat: no-repeat;
	background-size:contain;
  height:43vw;
}
@media (max-width:700px) {
  .header-learning {
    background-size:cover;
    height:60vw;
  }
}
.header-tourism {
	background-image: url(../img/tourism-main.jpg);	
	background-repeat: no-repeat;
	background-size:cover;
  background-position: bottom 50px right 0px;
  height:43vw;
}
@media (max-width:700px) {
  .header-tourism {
    background-size:cover;
    background-position: left;
    height:60vw;
  }
}
.header-recruit {
	background-image: url(../img/recruit-main.png);	
	background-repeat: no-repeat;
	background-size:cover;
  background-position: 0 0vw;
  height:55vw;
}
.header-logo {
	padding:50px 0 0 50px;
}
@media (max-width:700px) {
  .header-logo {
	  padding:5vw 0 0 5vw;
  }
}
.header-logo img {
	height:4vw;
}
@media (max-width:700px) {
	.header-logo img {
    height:7vw;
	}	
}
.header-logo img:hover {
	opacity: 0.6;
  transition: all 1s ;
}
.header-h1 {
	margin-top:4vw;
}
@media (max-width:700px) {
  .header-h1 {
	  margin-top:4vw;
  }
}
.header-h1 h1{
  font-size: 3vw;
  font-weight: bold;
  margin-left:50px;
  letter-spacing:1px;
}
@media (max-width:700px) {
	.header-h1 h1{
    font-size: 4vw;
    line-height: 8vw;	
    margin-left:5vw;
  }
}
.header-nav-1,
.header-nav-2 {
	color:#fff;
	margin-left:6%;
}
.header-nav-1 ul, 
.header-nav-2 ul {
  padding-left: 20px;
  border-left: 1px solid #737373;
}
.header-nav-1 li , 
.header-nav-2 li {
	line-height: 30px;
}

/*プルダウンメニュー*/
.nav-drawer-lang img {
  position:fixed;
  right:110px;
	top:49px;
  width:30px;
  z-index: 2;
}
@media (max-width:700px) {
  .nav-drawer-lang img {
    right:79px;
	  top:23px;
    width:27px;
  }
}
.nav-drawer-lang {
	list-style-type:none;
}
.nav-drawer-lang li {
  font-size: 16px;
  line-height: 35px;
}
.nav-drawer-lang > li > ul {
	display:none;
  padding:20px 20px 10px 20px;
  margin-top:-10px;
  z-index: 1;
}
.nav-drawer-lang > li:hover ul {
  box-shadow:1px 1px 10px rgba(0,0,0,0.4);
  background-color: #FFFFFF;
  border-radius: 5px;
	display:block;
  position:fixed;
  right:73px;
	top:75px;
	list-style-type:none;
}
@media (max-width:700px) {
  .nav-drawer-lang > li:hover ul {
    right:41px;
    top:60px;
  }
}

/*　ハンバーガーボタン　*/
#nav-drawer {
  position:fixed;
	right:40px;
	top:50px;
	z-index: 1;
}
@media (max-width:700px) {
	#nav-drawer {
  	position:fixed;
		right:25px;
		top:25px;
	}	
}
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 40px;
  height: 30px;
  vertical-align: middle;
}
@media (max-width:700px) {
  #nav-open {
    width: 30px;
    height: 25px;
  }
}
/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 1px;/*線の太さ*/
  width: 35px;/*長さ*/
  border-radius: 3px;
  background: #626262;
  display: block;
  content: '';
  cursor: pointer;
}
@media (max-width:700px) {
  #nav-open span, #nav-open span:before, #nav-open span:after {
    width: 30px;/*長さ*/
  }
}
#nav-open span:before {
  bottom: -12px;
}
@media (max-width:700px) {
  #nav-open span:before {
    bottom: -10px;
  }
}
#nav-open span:after {
  bottom: -24px;
}
@media (max-width:700px) {
  #nav-open span:after {
    bottom: -20px;
  }
}
/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
#nav-content ul {
	margin:10px 0;
}
#nav-content a {
  line-height: 26px;
  letter-spacing: 3px;
  position: relative;
  display: inline-block;
  transition: 0.5s;
}
#nav-content a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  border-bottom: solid 1px #fff;
  transition: 0.5s;
}
#nav-content a:hover::after {
  width: 100%;
}
#nav-content a:hover {
  color: #FFF;
}
#nav-content h3{
	font-size:18px;
	font-weight: 800;
	color:#9F9F9F;
}
#nav-content {
	font-size:14px;
	color:#fff;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 250px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #132846;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
	padding-bottom:20px;
	padding-left:20px;
  padding-top:30px;
}
#nav-content img {
	width:170px;
}
/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/* -----------------------------------------------------
			
information
			
----------------------------------------------------- */

.information-curriculum {
  position:relative; 
  margin-top:100px;
  padding-right:30px;
}
@media (max-width:700px) {
  .information-curriculum {
    padding-right:4vw;
  }
}
.information-curriculum b {
  height:1840px;
  top:-50px;
}
@media (max-width:700px) {
  .information-curriculum b {
    height:1677px;
  }
}
.information-curriculum-li {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin:100px 0 0 50px;
  grid-template-areas:
        "area-1 area-2"
        "area-3 area-3";
}
@media (max-width:700px) {
  .information-curriculum-li {
    grid-template-columns: 1fr;
    margin:50px 0 0 5vw;
    grid-template-areas:
        "area-1"
        "area-2"
        "area-3";
  }
}
.information-curriculum-1 {
  grid-area: area-1;
}
.information-curriculum-2 {
  grid-area: area-2;
}
@media (max-width:700px) {
  .information-curriculum-2 {
    margin-top:80px;
  }
}
.information-curriculum-3 {
  grid-area: area-3;
  margin-top:80px;
}
.information-curriculum-3 .line-b {
  height:950px;
}
@media (max-width:700px) {
  .information-curriculum-3 .line-b {
    width:30vw;
    margin-top:-50px;
    height:650px;
  }
}
.information-curriculum-1 h3,
.information-curriculum-2 h3,
.information-curriculum-3 h3 {
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  color:#D68585;
  vertical-align:bottom;
}
.information-curriculum-1 dl,
.information-curriculum-2 dl,
.information-curriculum-3 dl {
  display: inline-block;
}
.information-curriculum-1 dt,
.information-curriculum-2 dt,
.information-curriculum-3 dt {
  font-size: 14px;
  background-color:#D6D6D6;
  display: inline-block;
  border-radius: 40px;
  padding:7px 25px;
  margin-left:10px;
}
@media (max-width:700px) {
  .information-curriculum-1 dt,
  .information-curriculum-2 dt,
  .information-curriculum-3 dt {
    font-size: 10px;
    padding:8px 15px;
    margin-left:10px;
    margin-bottom:2px;
  }
}
.information-curriculum-1 string,
.information-curriculum-2 string,
.information-curriculum-3 string {
  display:block;
  padding:15px 0;
}
.information-curriculum-1 p,
.information-curriculum-2 p,
.information-curriculum-3 p {
  color:#fff;
  text-align: center;
  background-color: #D68585;
  margin:0 1vw 1vw 0;
  padding:7px 0;
}
.information-curriculum-1 ul,
.information-curriculum-2 ul {
  background-color: #F8DCDC;
  margin:0 1vw 1vw 0;
  padding:2vw;
  line-height: 35px;
  height:280px;
}
@media (max-width:700px) {
  .information-curriculum-1 ul {
    font-size: 2.7vw;
    line-height: 6vw;
    height:29vw;
  }
}
@media (max-width:700px) {
  .information-curriculum-2 ul {
    font-size: 2.7vw;
    line-height: 6vw;
    height:34vw;
  }
}
.information-curriculum-3 ul {
  background-color: #F8DCDC;
  margin:0 1vw 1vw 0;
  padding:2vw;
  line-height: 35px;
  height:220px;
}
@media (max-width:700px) {
  .information-curriculum-3 ul {
    font-size: 2.7vw;
    line-height: 6vw;
    height:34vw;
  }
}

/* -----------------------------------------------------
information-course-1
----------------------------------------------------- */

.information-course-1 {
  margin-top:100px;
}
@media (max-width:700px) {
  .information-course-1 {
    margin-top:50px;
  }
}
.information-long {
  position: relative;
  padding-left:50px;
  margin-right:50px;
}
@media (max-width:700px) {
  .information-long {
    padding-left:5vw;
  }
}
.information-long .line-a {
  height:1330px;
  width:95vw;
  top:190px;
  left:0;
}
@media (max-width:700px) {
  .information-long .line-a {
    border-radius: 0px 0px 0px 0px;
    width:100vw;
    top:115px;
  }
}
.information-long h3 {
  color: #A0BAFF;
  font-size: 4vw;
  padding-top:128px;
  letter-spacing:2px;
  font-weight: 500;
}
@media (max-width:700px) {
  .information-long h3 {
    font-size: 5vw;
    padding-top:80px;
    letter-spacing:1px;
  }
}
.information-long p {
  width:30vw;
  line-height: 40px;
  margin-top:30px;
}
@media (max-width:700px) {
  .information-long p {
    width:45vw;
    line-height: 5vw;
    font-size: 2.8vw;
  }
}
.information-long img {
  position: absolute;
  border-radius: 17px;
  width:45vw;
  left:44vw;
  top:50px;
}
@media (max-width:700px) {
  .information-long img {
    border-radius: 17px 0 0 17px;
    left:55vw;
    top:30px;
    width:45vw;
    height:200px;
    object-fit: cover;
  }
}
.information-installation-1 {
  margin-top:50px;
  padding-left:50px;
  padding-right:50px;
}
@media (max-width:700px) {
  .information-installation-1 {
    background-color: #F2F2F2;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:20px;
    margin-top: 30px;
  }
}
.information-installation-1 h4 {
  display: inline-block;
  font-size: 22px;
  border-left:5px solid #A0BAFF;
  padding-left:10px;
  margin:20px 0;
  letter-spacing:2px;
}
@media (max-width:700px) {
  .information-installation-1 h4 {
    margin:20px 5vw;
  }
}
.information-installation-1 table {
  font-size: 1.4vw;
  border-collapse: separate;
  border-spacing: 3px;
  margin:0 0px 20px 0px;
}
@media (max-width:700px) {
  .information-installation-1 table {
    font-size: 2.7vw;
    width:100vw;
  }
}
.information-installation-1 th {
  color: #fff;
  text-align: center;
  background-color: #A0BAFF;
  padding:10px 20px;
}
@media (max-width:700px) {
  .information-installation-1 th {
    padding:10px 5px;
  }
}
.information-installation-1 td {
  text-align: center;
  background-color: #D1DEFF;
  padding:5px 20px;
  vertical-align: middle;
  line-height: 27px;
}
@media (max-width:700px) {
  .information-installation-1 td {
    padding:5px 5px;
    line-height: 4vw;
  }
}
.information-installation-1 td:nth-of-type(2) {
  text-align: right;
}
@media (max-width:700px) {
  .information-installation-1 td:nth-of-type(2) {
    text-align: right;
  }
}
.information-installation-1 td:nth-of-type(3) {
  text-align: right;
}
@media (max-width:700px) {
  .information-installation-1 td:nth-of-type(3) {
    text-align: right;
  }
}
.information-installation-1 string {
  display: inline-block;
  margin-left:50px;
}
.information-free {
  display: flex;
}
@media (max-width:700px) {
  .information-free {
    flex-direction: column;
  }
}
.information-free-1 {
  width:50vw;
  padding-right:3vw;
}
@media (max-width:700px) {
  .information-free-1 {
    padding-right:0vw;
  }
}
.information-free-2 {
  width:50vw;
  padding-right:5vw;
}
@media (max-width:700px) {
  .information-free-2 {
    padding-right:0vw;
  }
}
.information-installation-1 ul {
  font-size: 1.4vw;
  padding-right:5vw;
  line-height: 25px;
}
@media (max-width:700px) {
  .information-installation-1 ul {
    font-size: 3vw;
    line-height: 5vw;
    padding-left:5vw;
  }
}

/* -----------------------------------------------------
information-flow
----------------------------------------------------- */

.information-flow {
  position: relative;
  margin-top:160px;
}
@media (max-width:700px) {
  .information-flow {
    margin-top:20px;
  }
}
.information-flow .line-a {
  height:240px;
  top:-80px;
}
.information-flow-group {
  position: relative;
  margin-top:140px;
}
.information-flow-group .line-b {
  position: absolute;
  height:1600px;
  top:-100px;
}
@media (max-width:700px) {
  .information-flow-group .line-b {
    top:-60px;
    width:150px;
  }
}
.information-flow-group div img {
	width:40px;
}
.information-flow-group div {
  text-align: center;
  margin: 30px 50px 30px 50px;
}
@media (max-width:700px) {
  .information-flow-group div {
    margin: 30px 2vw 30px 2vw;
  }
}
.information-flow-1  {
  font-size: 1.4vw;
  background-color: #fff;
	border: #C7C7C7 solid 1px;
  line-height: 25px;
}
@media (max-width:700px) {
  .information-flow-1  {
    font-size: 3vw;
  }
}
.information-flow-1 h3 {
	text-align:center;
  letter-spacing:2px;
	font-size: 20px;
	font-weight: 800;
	background-color: #D1DEFF;
	padding:10px 0;
	margin:3px;
}
@media (max-width:700px) {
  .information-flow-1 h3 {
    font-size: 3.5vw;
  }
}
.information-flow-1 dl {
	margin:20px 0 20px 30px;
	display: flex;
	flex-wrap: wrap;
  line-height: 2.5vw;
}
@media (max-width:700px) {
  .information-flow-1 dl {
    margin:10px 1vw 10px 1vw;
    line-height: 5vw;
  }
}
.information-flow-1 dt {
	min-width:20%;
}
@media (max-width:700px) {
  .information-flow-1 dt {
	  min-width:100%;
  }
}
.information-flow-1 dd {
	width:75%;
}
@media (max-width:700px) {
  .information-flow-1 dd {
	  width:100%;
  }
}
.information-flow-1 p {
  text-align: center;
  margin: 30px;
}

/* -----------------------------------------------------
information-course-2
----------------------------------------------------- */

.information-course-2 {
  margin-top:100px;
}
.information-short {
  position: relative;
  padding-left:50px;
  margin-right:50px;
}
@media (max-width:700px) {
  .information-short {
    padding-left:0px;
    margin-right:0px;
  }
}
.information-short .line-b {
  height:300px;
  width:100%;
  top:246px;
  left:50px;
}
@media (max-width:700px) {
  .information-short .line-b {
    height:1000px;
    border-radius: 0px 0px 0px 0px;
    left:0px;
    top:175px;
  }
}
.information-short h3 {
  color: #82FAA2;
  font-size: 4vw;
  padding-top:183px;
  letter-spacing:2px;
  font-weight: 500;
  margin-left:53vw
}
@media (max-width:700px) {
  .information-short h3 {
    margin-left:50vw;
    font-size: 5vw;
    padding-top:135px;
  }
}
.information-short p {
  line-height: 4vw;
  margin-top:30px;
  margin-left:53vw;
  max-width:390px;
}
@media (max-width:700px) {
  .information-short p {
    line-height: 5vw;
    font-size: 2.8vw;
    margin-right:5vw;
    margin-left: 50vw;
  }
}
.information-short img {
  position: absolute;
  border-radius: 17px;
  width:45vw;
  left:100px;
  top:100px;
}
@media (max-width:700px) {
  .information-short img {
    border-radius: 0 17px 17px 0;
    left:0vw;
    top:70px;
    height:200px;
    object-fit: cover;
  }
}
.information-installation-2 {
  margin-top:1vw;
  margin-left:50px;
  padding-left:50px;
  padding-right:50px;
  padding-bottom:50px;
  border-radius: 17px 0px 0px 17px;
  background-color: #F2F2F2;
}
@media (max-width:700px) {
  .information-installation-2 {
    border-radius: 0px 0px 0px 0px;
    padding-left:5vw;
    padding-right:0px;
    margin-left:0vw;
  }
}
.information-installation-2 h4 {
  display: inline-block;
  font-size: 22px;
  border-left:5px solid #82FAA2;
  padding-left:10px;
  margin:20px 0;
  letter-spacing:2px;
}
.information-installation-2 table {
  width:70%;
  font-size: 1.4vw;
  border-collapse: separate;
  border-spacing: 3px;
  margin:0 0 20px -3px;
}
@media (max-width:700px) {
  .information-installation-2 table {
    font-size: 3vw;
    width:97%;
  }
}
.information-installation-2 th {
  color: #fff;
  text-align: center;
  background-color: #82FAA2;
  padding:10px 20px;
}
@media (max-width:700px) {
  .information-installation-2 th {
    padding:10px 5px;
  }
}
.information-installation-2 td {
  text-align: center;
  background-color: #A9FCBF;
  padding:5px 20px;
  vertical-align: middle;
  line-height: 27px;
}
@media (max-width:700px) {
  .information-installation-2 td {
    line-height: 4vw;
  }
}
.information-installation-2 td:nth-of-type(2) {
  text-align: right;
}
@media (max-width:700px) {
  .information-installation-2 td:nth-of-type(2) {
    text-align: right;
  }
}
.information-installation-2 ul {
  font-size: 1.4vw;
  line-height: 25px;
}
@media (max-width:700px) {
  .information-installation-2 ul {
    font-size: 3vw;
    line-height: 5vw;
  }
}
.information-installation-2 p {
  width:220px;
  text-align: center;
  color:#fff;
  font-size: 14px;
  background-color: #13325C;
  padding:10px 20px;
  margin-bottom:20px;
}

/* -----------------------------------------------------
information-download
----------------------------------------------------- */

.information-download {
  background-color: #F2F2F2;
  margin-top:100px;
  padding-top:80px;
  padding-bottom:80px;
}
@media (max-width:700px) {
  .information-download {
  background-color: #F2F2F2;
  margin-top:80px;
  padding-top:50px;
  padding-bottom:80px;
  }
}
.information-download-1 {
	display: flex;
	flex-wrap: wrap;
	background-color:#fff;
	margin-top:30px;
	margin-right:50px;
  margin-left:50px;
	padding-top:30px;
	padding-left:4vw;
	padding-bottom:50px;
}
@media (max-width:700px) {
  .information-download-1 {
    margin-right: 5vw;
    margin-left:5vw;
    padding-top:0px;
    padding-bottom: 4vw;
    padding-left:0vw;
  }
}
.information-download-1 dl {
	margin-right:25px;
	margin-top:20px;
}
@media (max-width:700px) {
  .information-download-1 dl {
    margin-top:4vw;
    margin-right:0vw;
    margin-left:6vw;
    width:40%;
  }
}
.information-download-1 dd a {
  font-size: 14px;
	width:115px;
	display: block;
  text-align: center;
  color: #fff;
  background-color: #132846;
  padding: 7px 10px;
  margin-top: 15px;
  border-radius: 5px;
	border:1px solid #132846;
}
@media (max-width:700px) {
  .information-download-1 dd a {
    width:100%;
    font-size: 3vw;
  }
}
.information-download-1 dd a:hover {
  color: #132846; 
  background-color: #fff;
	border:1px solid #132846;
	text-decoration: none;
  
}



/* -----------------------------------------------------
			
learning
			
----------------------------------------------------- */

.header-learning {
  position: relative;
}
.learning-policy h2 {
  font-size: 33px;
  margin-bottom:45px;
}
@media (max-width:700px) {
  .learning-policy h2 {
    font-size: 6vw;
    margin-bottom:5vw;
  }
}
.learning-policy p {
  line-height: 35px;
  text-align:justify;
}
@media (max-width:700px) {
  .learning-policy p {
    line-height: 6vw;
  }
}
.learning-policy .line-c {
  height:230px;
  margin-top:-80px;
}
.learning-policy .line-b {
  height:300px;
  margin-top:-350px;
}
@media (max-width:700px) {
  .learning-policy .line-b {
    height:310px;
    margin-top:-350px;
    width:32vw;
  }
}
.learning-policy div {
  text-align: center;
  background-color: #fff;
  margin:5vw 5vw 150px 5vw;
  padding:5vw;
}
@media (max-width:700px) {
  .learning-policy div {
    margin:5vw 5vw 100px 5vw;
  }
}

/* -----------------------------------------------------
learning-environment
----------------------------------------------------- */

.learning-environment .line-a {
  height:1300px;
  margin-top:-250px;
}
.learning-environment-menu {
  display: flex;
}
@media (max-width:700px) {
  .learning-environment-menu {
    flex-direction: column;
  }
}
.learning-environment-1 {
  flex-basis: 40vw;
}
.learning-environment-1 img {
  border-radius: 0px 17px 17px 0px;
  width: 100%;
}
@media (max-width:700px) {
  .learning-environment-1 img {
    width: 60%;
  } 
}
.learning-environment .tg {
  flex-basis: 45vw;
}
@media (max-width:700px) {
  .learning-environment .tg {
    flex-basis: 45vw;
    margin-left:5vw;
    margin-top:40px;
    margin-right:5vw;
  }
}
.learning-environment .tg string {
  display: inline-block;
  margin-top: 2.5vw;
  margin-bottom: 5vw;
  line-height: 4.3vw;
  text-align:justify;
}
@media (max-width:700px) {
  .learning-environment .tg string {
    margin-top: 7vw;
    line-height: 6vw;
    margin-bottom: 9vw;
  }
}
.environment-btn {
  background: rgb(170,178,255);
  background: linear-gradient(107deg, rgba(170,178,255,1) 0%, rgba(0,212,255,1) 100%);
  display: block;
  text-align: center;
  width: 60%;
  color: #fff;
  padding: 12px 15px;
  border-radius: 40px;
  margin: 0 auto;
}
@media (max-width:700px) {
  .environment-btn {
    width: 50%;
  }
}
.learning-facility {
  position: relative;
  padding:50px 50px 0px 0px;
}
@media (max-width:700px) {
  .learning-facility {
    padding-right:5vw;
  }
}
.learning-facility-bg {
  display: block;
  position: absolute;
  background: linear-gradient(54deg, rgba(239,255,219,1) 0%, rgba(208,240,253,1) 100%);
  width:100%;
  height:15vw;
  top:170px;
  z-index: -1;
}
@media (max-width:700px) {
  .learning-facility-bg {
    top:145px;
  }
}
.learning-facility h3 {
  display: inline-block;
  font-size: 22px;
  border-left: 5px solid #A0BAFF; 
  padding-left: 10px;
  margin: 20px 0;
  margin-left:50px;
  letter-spacing: 2px;
}
@media (max-width:700px) {
  .learning-facility h3 {
    margin-left:5vw;
  }
}
.learning-facility ul {
  display: flex;
  justify-content: space-between;
  margin-left:50px;
}
@media (max-width:700px) {
  .learning-facility ul {
    margin-left:5vw;
  }
}
.learning-facility img {
  width:20vw;
}

/* -----------------------------------------------------
learning-dormitory
----------------------------------------------------- */

.learning-dormitory {
  position: relative;
  margin-top:150px;
}
@media (max-width:700px) {
  .learning-dormitory {
    margin-top:80px;
  }
}
@media (max-width:700px) {
  .learning-dormitory .tg {
    margin-left:5vw;
  }
}
.learning-dormitory-tb {
  margin-top:50px;
  padding-left:50px;
}
@media (max-width:700px) {
  .learning-dormitory-tb {
    padding-left:5vw;
  }
}
.learning-dormitory table {
  font-size: 1.4vw;
  border-collapse: separate;
  border-spacing: 3px;
  margin: 0 0 12px -3px;
  width:45vw;
}
@media (max-width:700px) {
  .learning-dormitory table {
    font-size: 2.7vw;
    width:92vw;
    margin-bottom:10px;
  }
}
.learning-dormitory th {
  color: #fff;
  text-align: center;
  background-color: #A6D9ED;
  padding: 10px 10px;
}
.learning-dormitory td {
  text-align: center;
  background-color: #D1F0FC;
  padding: 5px 10px;
  vertical-align: middle;
  line-height: 27px;
}
.learning-dormitory li {
  font-size: 1.4vw;
  line-height: 25px;
}
@media (max-width:700px) {
  .learning-dormitory li {
    font-size: 2.7vw;
    line-height: 21px;
  }
}
.learning-dormitory img {
  position: absolute;
  border-radius: 17px;
  width:40%;
  top:93px;
  left:55vw;
}
@media (max-width:700px) {
  .learning-dormitory img {
    top:-9px;
  }
}
.learning-dormitory-bg {
  position: absolute;
  background-color: #F2F2F2;
  height:20vw;
  top:220px;
  width:100%;
  z-index: -1;
}
@media (max-width:700px) {
  .learning-dormitory-bg {
    height:35vw;
    top:200px;
  }
}
/* -----------------------------------------------------
learning-overview
----------------------------------------------------- */

.learning-overview {
  margin-top:150px;
}
@media (max-width:700px) {
  .learning-overview {
    margin-top:110px;
  }
}
@media (max-width:700px) {
  .learning-overview .tg {
    margin-left:5vw;
  }
}
.learning-overview .line-a {
  height:200px;
  margin-top:-50px;
}
@media (max-width:700px) {
  .learning-overview .line-a {
    height:160px;
    margin-top:-45px;
  }
}
.learning-overview-li {
  background-color: #F2F2F2;
  border-radius: 17px;
  margin:100px 50px 50px 50px;
  padding:50px 50px 30px 50px;
}
@media (max-width:700px) {
  .learning-overview-li {
    font-size: 3vw;
    border-radius: 0px;
    margin:85px 0px 50px 0px;
    padding:6vw 5vw 6vw 5vw;
  }
}
.learning-overview-li dl {
  display: flex;
  border-top: solid #CCCCCC 1px;
  padding: 15px 10px;
  height: 80px;
}
@media (max-width:700px) {
  .learning-overview-li dl {
    padding: 15px 0px;
    height: 60px;
  }
}
.learning-overview-li dl p {
  line-height: 38px;
}
@media (max-width:700px) {
  .learning-overview-li dl p {
    line-height: 12px;
    margin-top: 5px;
  }
}
.learning-overview-li dl:first-child {
	border-top: solid #CCCCCC 0px;
}
.learning-overview-li dt {
  letter-spacing:1px;
  width: 160px;
  font-weight: 400;
}
@media (max-width:700px) {
  .learning-overview-li dt {
    width: 80px;
    letter-spacing:0px;
  }
}
.learning-overview-li dd {
  letter-spacing:1px;
}
@media (max-width:700px) {
  .learning-overview-li dd {
    letter-spacing:0px;
  }
}
.learning-overview-li dd a {
  text-decoration:underline;
}

/* -----------------------------------------------------
learning-access
----------------------------------------------------- */

.learning-access {
  top: 50px;
}
.learning-access-iframe-map {
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media (max-width:700px) {
  .learning-access-iframe-map {
    margin-top: 30px;
  }
}
.learning-access-btn {
  background: rgb(170,178,255);
  background: linear-gradient(107deg, rgba(170,178,255,1) 0%, rgba(0,212,255,1) 100%);
  display: block;
  text-align: center;
  width: 25%;
  color: #fff;
  padding: 12px 15px;
  border-radius: 40px;
  margin: 0 auto;
}
@media (max-width:700px) {
  .learning-access-btn {
    width: 45%;
  }
}

/* -----------------------------------------------------
learning-access
----------------------------------------------------- */
.learning-info {
  margin-top:100px;
}
.learning-info .line-a {
  height:300px;
  margin-top:-250px;
}
.learning-info-div {
  display: flex;
}
@media (max-width:700px) {
  .learning-info-div {
    display: flex;
    flex-direction: column;
    margin-right:5vw;
  }
}
.learning-info-div-2 {
  flex-basis:50%;
  margin:0px 0 0 40px;
}
@media (max-width:700px) {
  .learning-info-div-2 {
    flex-basis:100%;
    margin:50px 0 0 0;
  }
}
.learning-info-div-2 h3 {
  display: inline-block;
  font-size: 18px;
  border-left: 5px solid #A0BAFF;
  padding-left: 10px;
  margin: 20px 0;
  letter-spacing: 2px;
}
@media (max-width:700px) {
  .learning-info-div-2 h3 {
    font-size: 4vw;
    letter-spacing: 1px;
  }
}
.learning-info-div-2 p {
  margin-bottom: 20px;
}
.wpcf7 {
  flex-basis:50%;
}

/* -----------------------------------------------------
			
tourism
			
----------------------------------------------------- */
.tourism-location {
  display: flex;
  margin-left:50px;
  margin-bottom:100px;
}
@media (max-width:700px) {
  .tourism-location {
    flex-direction:  column;
    margin-left:5vw;
    margin-right:5vw;
    margin-top:5vw;
    margin-bottom:12vw;
  }
}
.tourism-location-1 img {
  width:400px;
}
@media (max-width:700px) {
  .tourism-location-1 img {
    width:87vw;
  }
}
.tourism-location-2 {
  margin: 20px 50px 0px 50px;
  max-width: 90vw;
}
@media (max-width:700px) {
  .tourism-location-2 {
    margin: 15vw 0px 0px 0px;
  }
}
.tourism-location-2 h2 {
  color: #132846;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: -10px;
  overflow: hidden;
}
@media (max-width:700px) {
  .tourism-location-2 h2 {
    font-size: 7vw;
    line-height: 10vw;
  }
}
.tourism-location-2 p {
  font-size: 16px;
  margin-bottom:30px;
  line-height: 30px;
  overflow: hidden;
}
@media (max-width:700px) {
  .tourism-location-2 p {
    font-size: 4vw;
    line-height: 8vw;
  }
}
.tourism-btn a {
  background: rgb(170,178,255);
  background: linear-gradient(107deg, rgba(170,178,255,1) 0%, rgba(0,212,255,1) 100%);
  display: block;
  text-align: center;
  width: 65%;
  color: #fff;
  padding: 12px 15px;
  border-radius: 40px;
  margin: 0 auto;
}
@media (max-width:700px) {
  .tourism-btn a {
    font-size: 4vw;
  }
}
.tourism-btn a:hover{
  transition: all 0.7s ;
	color: #132846;
	text-decoration: none;	
}
.tourism-btn-01 a {
  background-color: #7C181A;
  display: block;
  text-align: center;
  width: 45%;
  color: #fff;
  padding: 12px 15px;
  border-radius: 40px;
  margin: 0 auto;
}
.tourism-btn-01 a:hover{
  transition: all 0.7s ;
	color: #132846;
	text-decoration: none;	
}
.tourism-location-3 {
  font-size: 14px;
  min-width: 410px;
}
@media (max-width:700px) {
  .tourism-location-3 {
    min-width: auto;
  }
}
.tourism-location-3 h3 {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  border-left: 5px solid #A0BAFF;
  padding-left: 20px;
  margin: 30px 0;
  letter-spacing: 2px;
}
.tourism-location-3 dl {
  border: solid 1px #B8B8B8;
  padding: 30px 30px 10px 30px;
  line-height: 25px;
  height:270px;
}
@media (max-width:700px) {
  .tourism-location-3 dl {
    height:auto;
    width:90vw;
  }
}
.tourism-location-3 dd {
  margin-bottom: 10px;
}
.tourism-location-4 h3 {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  border-left: 5px solid #A0BAFF;
  padding-left: 20px;
  margin: 30px 0;
  letter-spacing: 2px;
}
.tourism-location-4 {
  margin-left: 50px;
  overflow: hidden;
}
@media (max-width:700px) {
  .tourism-location-4 {
    margin-left: 0px;
  }
}
.tourism-temp {
  height:270px;
  border: solid 1px #B8B8B8;
  padding: 5px;
}
@media (max-width:700px) {
  .tourism-temp {
    height:auto; 
  }
}
.tourism-temp img {
  height:255px;
}
@media (max-width:700px) {
  .tourism-temp img {
    height:51vw;
  }
}
.tourism-environ-r {
  display: flex;
}
.tourism-environ-l {
  display: flex;
}
@media (max-width:700px) {
  .tourism-environ-r {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width:700px) {
  .tourism-environ-l {
    display: flex;
    flex-direction: column-reverse;
  }
}
.tourism-environ-1 {
  flex-basis: 34vw;
}
@media (max-width:700px) {
  .tourism-environ-1 {
    margin-bottom:30px;
  }
}
.tourism-environ-1 img {
  border-radius: 0px 17px 17px 0px;
  width: 100%;
}
@media (max-width:700px) {
  .tourism-environ-1 img {
    border-radius: 0px 17px 17px 0px;
    width: 50%;
  }
}
.tourism-environ-2 {
  flex-basis: 55vw;
}
.tourism-environ-2 ul {
  display: inline-flex;
  flex-wrap: wrap;
  width:55vw;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (max-width:700px) {
  .tourism-environ-2 ul {
    width:95vw;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.tourism-environ-2 li {
  flex-flow: wrap;
  margin-right:15px;
}
@media (max-width:700px) {
  .tourism-environ-2 li {
    margin-right:10px;
  }
}
.tourism-environ-2 li a {
  background: rgb(170,178,255);
  background: linear-gradient(107deg, rgba(170,178,255,1) 0%, rgba(0,212,255,1) 100%);
  text-align: center;
  color: #fff;
  font-size: 1.4vw;
  padding: 12px 20px;
  border-radius: 40px;
  margin: 0 auto;
  line-height: 53px;
}
@media (max-width:700px) {
  .tourism-environ-2 li a {
    font-size: 10px;
    line-height: 45px;
  }
}
.tourism-environ-2 li a:hover{
  transition: all 0.7s ;
	color: #132846;
	text-decoration: none;	
}

.tourism-near {
	margin-top:50px;
	margin-right:20px;
	margin-left:50px;
	margin-bottom:150px;
}
@media (max-width:700px) {
	.tourism-near {
		margin-left:20px;
	}
}
.tourism-near h3 {
	border-left:solid 6px #A0A0A0;
	padding-left:20px;
	font-weight: 800;
	font-size:26px;
}
.tourism-near .slick-slider {
	width:100%;
	display: flex;
	margin-top:30px;
}
@media (max-width:700px) {
  .tourism-near .slick-slider {
    width:100%;
  }
}
.tourism-near .slick-prev {
  left: -50px;
  background-color: rgba(255,255,255,0.5);
  width: 74px;
  height:120px;
  padding-left: 27px;
  z-index: 1;
  border-radius: 0px 5px 5px 0px;
}
@media (max-width:700px) {
  .tourism-near .slick-prev {
    padding-left: 40px;
  }
}
.tourism-near .slick-next {
  right: -20px;
  background-color: rgba(255,255,255,0.5);
  width: 74px;
  height:120px;
  z-index: 1;
  padding-left: 30px;
  border-radius: 5px 0px 0px 5px;
}
@media (max-width:700px) {
  .tourism-near .slick-next {
     width: 45px;
    padding-left: 15px;
  }
}
.tourism-near .slick-item {
	margin-right:30px;
	flex:1;
}
@media (max-width:700px) {
	.tourism-near .slick-item {
		margin-right:10px;
	}
}
.tourism-near img {
	display: block;
	width:100%;
	object-fit: cover;
	height:180px;
	border:solid 1px #E1E1E1;
}
@media (max-width:700px) {
  .tourism-near img {
    width:103%;
  }
}
.tourism-near strong {
	color:#132846;
	font-size: 18px;
	line-height: 40px;
}
@media (max-width:700px) {
	.tourism-near strong {
		display: inline-block;
		font-size: 16px;
		line-height: 20px;
		padding:10px 0;
	}
}
.tourism-near b {
	display: inline-block;
  color: #FF0000;
  margin-top:10px;
}
.tourism-near .line-b {
  height:600px;
  margin-top:-150px;
}
@media (max-width:700px) {
  .tourism-near .line-b {
    height:300px;
    margin-top:-150px;
    width:200px;
  }
}
.tourism-environ-4 > img {
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0px 17px 17px 0px;
  width: 95%;
  margin-bottom:50px;
}
@media (max-width:700px) {
  .tourism-environ-4 > img {
     object-fit: cover;
     height: 180px;
  }
}
.tourism-environ-3 {
  text-align: right;
}
.tourism-environ-3 > img {
  border-radius: 17px 0px 0px 17px;
  width: 85%;
}
@media (max-width:700px) {
  .tourism-environ-3 > img {
    width: 50%;
    margin-bottom:30px;
  }
}
.tourism-environ-5 > img {
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 17px 0px 0px 17px;
  width: 95%;
  margin-left: 5%;
  margin-bottom:50px;
}
@media (max-width:700px) {
  .tourism-environ-5 > img {
     object-fit: cover;
     height: 180px;
  }
}
/* -----------------------------------------------------
			
recruit
			
----------------------------------------------------- */
.recruit p a , .recruit dd a{
  text-decoration: underline;
}
.header-recruit-h1 {
  color:#4C5271;
  font-size: 3.5vw;
  font-weight: bold;
  margin-left:5vw;
  margin-top:12vw;
  line-height: 6vw;
  letter-spacing:5px;
}
@media (max-width:700px) {
  .header-recruit-h1 {
    margin-top:9vw;
  }
}
.recruit h2 {
  line-height: 6.5vw;
  font-size: 4vw;
  font-weight: bold;
  letter-spacing: 5px;
}
.recruit h2 ~ p {
  font-weight: bold;
  letter-spacing: 2px;
}
.header-ul {
  display: flex;
  margin-top:6vw;
  margin-left:5vw;
}
.header-ul a {
  font-size: 1.7vw;
  display: block;
  background-color: #4C5271;
  border-radius: 5px;
  color: #FFFFFF;
  padding:2vw 2vw;
  width: 23vw;
  text-align: center;
}
.recruit-slider {
  margin:5vw 0vw;
}
.recruit-slider img {
  width: 100%;
  object-fit: cover;
  border: solid 1px #E1E1E1;
  border-radius: 10px;
}
.recruit-slider .slick-item {
  margin-right:30px;
  flex:1;
}
@media (max-width:700px) {
  .header-ul a {
    font-size: 3vw;
    width: auto;
    padding:2vw 3vw;
  }
}
.recruit-feature {
  background-color: #f2f2f2;
  padding:5vw 0 5vw 5vw;
}
.recruit-feature-1 {
  margin-bottom: 30px;
}
.recruit-feature ul {
  display: flex;
  flex-wrap: wrap;
  margin-top:30px;
}
.recruit-feature li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2vw;
  font-weight: bold;
  padding:2vw;
  text-align: center;
  width:16.5vw;
  height:140px;
  margin-bottom:2vw;
  margin-right:2vw;
  border-radius: 5px;
  line-height: 3vw;
}
@media (max-width:700px) {
  .recruit-feature li {
    font-size: 10px;
    height:70px;
    line-height: 5vw;
  }
}
.recruit-guidance {
  padding:5vw 0 5vw 5vw;
}
.recruit-guidance ul {
  display: flex;
  margin-top:30px;
}
@media (max-width:700px) {
  .recruit-guidance ul {
    flex-wrap:wrap;
  }
}
.recruit-guidance li {
  background-color: #f2f2f2;
  border-radius: 5px;
  font-weight: bold;
  padding:2vw;
  margin-right:2vw;
  width:16.5vw;
}
@media (max-width:700px) {
  .recruit-guidance li {
    width:28.6vw;
    margin-bottom:2vw;
  }
}
@media (max-width:700px) {
  .recruit-guidance li p {
    font-size: 3vw;
  }
}
.recruit-guidance ul a {
  display:contents;
}
.recruit-occupation {
  background-color: #f2f2f2;
  padding:5vw 0 5vw 5vw;
}
.recruit-occupation ul {
  display: flex;
  margin-top:30px;
}
.recruit-occupation ul li {
  background-color: #1D44AD;
  border-radius: 5px;
  padding:20px 12vw;
  color:#fff;
  letter-spacing:4px;
}
.recruit-occupation ul a {
  display:contents;
}
.recruit-overview {
   padding:5vw;
  
}
.recruit-overview-li {
  margin:30px 0px 0px 0px;
}
@media (max-width:700px) {
  .recruit-overview-li {
    font-size: 3vw;
    margin:0px 0px 20px 0px;
  }
}
.recruit-overview-li dl {
  display: flex;
  border-top: solid #CCCCCC 1px;
  padding: 15px 0px;
}
@media (max-width:700px) {
  .recruit-overview-li dl {
    padding: 15px 0px;
  }
}
.recruit-overview-li dl p {
  line-height: 38px;
}
@media (max-width:700px) {
  .recruit-overview-li dl p {
    line-height: 12px;
    margin-top: 5px;
  }
}
.recruit-overview-li dl:first-child {
	border-top: solid #CCCCCC 0px;
}
.recruit-overview-li dt {
  letter-spacing:1px;
  width: 160px;
  font-weight: 400;
}
@media (max-width:700px) {
  .recruit-overview-li dt {
    width: 80px;
    letter-spacing:0px;
  }
}
.recruit-overview-li dd {
  letter-spacing:1px;
}
@media (max-width:700px) {
  .recruit-overview-li dd {
    letter-spacing:0px;
  }
}
.recruit-flow {
  background-color: #f2f2f2;
  padding:5vw 5vw 5vw 5vw;
  margin-bottom: 50px;
}
.recruit-flow-1  {
  font-size: 1.4vw;
  background-color: #fff;
	border: #C7C7C7 solid 1px;
  line-height: 25px;
}
@media (max-width:700px) {
  .recruit-flow-1  {
    font-size: 3vw;
  }
}
.recruit-flow-1 h3 {
	text-align:center;
  letter-spacing:2px;
	font-size: 20px;
	font-weight: 800;
	background-color:#1D44AD;
  color:#fff;
	padding:10px 0;
	margin:3px;
}
@media (max-width:700px) {
  .recruit-flow-1 h3 {
    font-size: 3.5vw;
  }
}
.recruit-flow-1 dl {
	margin:20px 0 20px 30px;
	display: flex;
	flex-wrap: wrap;
  line-height: 2.5vw;
}
@media (max-width:700px) {
  .recruit-flow-1 dl {
    margin:10px 1vw 10px 1vw;
    line-height: 5vw;
  }
}
.recruit-flow-1 dt {
	min-width:20%;
}
@media (max-width:700px) {
  .recruit-flow-1 dt {
	  min-width:100%;
  }
}
.recruit-flow-1 dd {
	width:75%;
}
@media (max-width:700px) {
  .recruit-flow-1 dd {
	  width:100%;
  }
}
.recruit-flow-1 p {
  text-align: center;
  margin: 30px;
}
.recruit-flow-group div img {
	width:40px;
}
.recruit-flow-group div {
  text-align: center;
  margin: 30px 0px 30px 0px;
}
@media (max-width:700px) {
  .recruit-flow-group div {
    margin: 20px 0vw 20px 0vw;
  }
}
/* -----------------------------------------------------
			
sns
			
----------------------------------------------------- */

.sns {
  display: flex;
  margin-top:100px;
}
@media (max-width:700px) {
  .sns {
    display: flex;
    flex-direction: column;
    margin-top:50px;
  }
}
.sns-qa {
  width:100%;
  margin-right:50px;
}
@media (max-width:700px) {
  .sns-qa {
    width:90%;
  }
}
.sns-qa-li {
  margin-top:20px;
}
@media (max-width:700px) {
  .sns-qa-li {
    margin-top:12px;
  }
}
.fb-page {
  margin-top:20px;
  width:400px;
}
@media (max-width:700px) {
  .fb-page {
    margin-top:20px;
    width:350px;
    margin-bottom:50px;
  }
}
/*アコーディオン*/
.acd-check{
  display: none;
}
.acd-label{
	background-color: #fff;
	font-size:14px;
  display: block;
  margin-bottom: 1px;
  padding: 10px 40px 10px 10px;
  position: relative;
  border: 4px solid #C2C2C2;
}
@media (max-width:700px) {
  .acd-label{
    font-size:2.7vw;
  }
}
.acd-label:after{
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  content: '\f067';
  display: block;
  font-weight: 900;
  height: 52px;
  padding: 10px 15px 10px 20px;
  position: absolute;
  right: 0;
  top: 0px;
}
.acd-content{
  display: block;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}
.acd-content p {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 25px;
}
.acd-content a {
  color: #008AFF;
  font-weight: 600;
}
.acd-content a:hover {
  color: #606060;
  transition: all 0.7s ;
  font-weight: 600;
  text-decoration:underline;
}
.acd-check:checked + .acd-label:after{
  content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}
/* -----------------------------------------------------
			
contact
			
----------------------------------------------------- */
.contact_label {
	margin-top:20px;
}
@media (max-width:700px) {
	.contact_label {
		margin-top:20px;
	}
}
.contact_name {
  display:block;
	font-size:16px;
	margin-bottom:20px;
}
@media (max-width:700px) {
	.contact_name {
		margin-bottom:20px;
		margin-right:0px;
		display: block;
	}
}
.contact_name input {
  width:100%;
	padding:12px 0px 12px 15px;
  background-color: #DFDFDF;
}
@media (max-width:700px) {
	.contact_name input {
    font-size: 3.5vw;
	}
}
.contact_email {
  display:block;
	font-size:16px;
	margin-bottom:20px;
}
@media (max-width:700px) {
	.contact_email {
		margin-bottom:20px;
		display: block;
	}
}
.contact_email input {
  width:100%;
	padding:12px 0px 12px 15px;
  background-color: #DFDFDF;
}
@media (max-width:700px) {
	.contact_email input {
    font-size: 3.5vw;
	}
}
.contact_file {
  display:block;
	font-size:16px;
	margin-bottom:50px;
}
@media (max-width:700px) {
	.contact_file {
		margin-bottom:20px;
		display: block;
	}
}
.contact_file em {
  display:block;
	font-size:14px;
	margin-bottom:5px;
}
.contact_file input {
  width:100%;
	padding:12px 0px 12px 15px;
  background-color: #DFDFDF;
}
.contact_message {
  display:block;
	font-size:16px;
	margin:0 0 20px 0;
}
.contact_message textarea {
	width:100%;
	padding:15px;
  background-color: #DFDFDF;
}
@media (max-width:700px) {
	.contact_message textarea {
    font-size: 3.5vw;
	}
}
.contact_submit {
	display: block;
}
.contact_submit input {
	display: block;
	text-align: center;
	width:40%;
	margin:0px auto 20px auto;
	padding:15px 0;
	background-color:#BBE2E8;
  font-size: 1.5vw;
}
@media (max-width:700px) {
	.contact_submit input {
		width:100%;
		display: block;
    font-size: 3.5vw;
	}
}
/*　CONTACT-FORM-7　エラーメッセージ設定　*/
.screen-reader-response {
  display: none;
}
.wpcf7-not-valid-tip{
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #e50031;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px 10px;
  position: relative;
}
.wpcf7-not-valid-tip::before{
  content: "";
  border: 14px solid transparent;
  border-bottom: 15px solid #e50031;
  position: absolute;
  top: -23px;
  left: 5%;
}
.wpcf7-response-output {
  font-weight: 700;
  text-align: center;
  color: #C90003;
}

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

footer {
  background-image: url("../img/footer-img.png");
  background-repeat: no-repeat;
  background-color: #F2F2F2;
  margin-top:50px;
  padding:50px 30px 0 30px;
  background-size: contain;
  background-position:bottom;
}
@media (max-width:700px) {
  footer {
    padding:20px 0 0 0;
    background-size: 117vw;
    background-position:left bottom;
  }
}
.ft-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 0fr);
}
@media (max-width:700px) {
  .ft-info {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 220px);
  }
}
.ft-info-1,
.ft-info-2,
.ft-info-3 {
  text-align: center;
  background-color: #fff;
  border-radius: 17px 17px 17px 17px;
  padding:30px 0;
  margin:20px;
}
@media (max-width:700px) {
  .ft-info-1 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
}
@media (max-width:700px) {
  .ft-info-2 {
    grid-column: 1/4;
    grid-row: 2/3;
  }
}
@media (max-width:700px) {
  .ft-info-3 {
    grid-column: 1/4;
    grid-row: 3/4;
  }
}
.ft-info-4 {
  grid-column: 1/4;
  grid-row: 2/3;
  text-align: left;
  background-color: #fff;
  border-radius: 17px 17px 17px 17px;
  padding:50px 0;
  margin:20px 20px 80px 20px;
}
@media (max-width:700px) {
  .ft-info-4 {
    grid-column: 1/4;
    grid-row: 4/5;
    margin:20px;
    text-align: center;
    padding:30px 0 ;
  }
}
.ft-info-1 img,
.ft-info-2 img {
  width:3vw;
}
@media (max-width:700px) {
  .ft-info-1 img {
    width:7vw;
  }
}
@media (max-width:700px) {
  .ft-info-2 img {
    width:8vw;
  }
}
.ft-info-2 img {
  margin:10px 0;
}
.ft-info-3 img {
  width:2vw;
}
@media (max-width:700px) {
  .ft-info-3 img {
    width:5vw;
  }
}
.ft-info-1 h3,
.ft-info-2 h3,
.ft-info-3 h3 {
  margin:20px 0;
  font-size: 18px;
}
.ft-info-1 p,
.ft-info-2 p,
.ft-info-3 p {
  font-size: 14px;
  text-align: center!important;
}
.ft-info-4 div {
  display: grid;
  justify-content:center;
  grid-template-columns: 9vw 250px auto;
  grid-template-rows: repeat(1, 0fr);
}
@media (max-width:700px) {
  .ft-info-4 div {
    display: grid;
    grid-template-columns: 15vw auto;
    grid-template-rows: 27px 24px 35px 30px;
  }
}
.ft-info-4 img {
  width:50px;
  grid-column: 1/2;
  grid-row: 1/3;
}
@media (max-width:700px) {
  .ft-info-4 img {
    width:40px;
    grid-column: 1/2;
    grid-row: 1/3;
    margin-top: 3px;
  }
}
.ft-info-4 h3 {
  font-size: 23px;
  text-align: left;
  letter-spacing: 3px;
}
@media (max-width:700px) {
  .ft-info-4 h3 {
    font-size: 20px;
  }
}
.ft-info-4 p {
  font-size: 14px;
}
@media (max-width:700px) {
  .ft-info-4 p {
    font-size: 12px;
  }
}
.ft-info-4 string {
  font-size: 26px;
  letter-spacing: 3px;
}
@media (max-width:700px) {
  .ft-info-4 string {
    font-size: 22px;
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
.ft-info-4 em {
  font-size: 18px;
  border: solid 1px #606060;
  border-radius: 40px;
  text-align: center;
  line-height: 26px;
}
@media (max-width:700px) {
  .ft-info-4 em {
    display: block;
    margin:0 auto;
    width:55vw;
    font-size: 14px;
    grid-column: 1/3;
    grid-row: 4/5;
    letter-spacing: 1px;
  }
}
.ft-menu {
  display: grid;
  grid-template-columns: 1fr 2fr 4fr;
  font-size:14px;
  margin-left:20px;
  padding-bottom:300px;
}
@media (max-width:700px) {
  .ft-menu {
    grid-template-columns: 150px auto;
    padding-bottom:150px;
  }
}
@media (max-width:700px) {
  .ft-menu-1 {
    margin-top:20px;
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.ft-menu img {
  width:250px;
}
@media (max-width:700px) {
  .ft-menu img {
    width:200px;
  }
}
.ft-menu-1 img:hover {
	opacity: 0.6;
  transition: all 1s ;
}
.ft-menu-1 ul {
  margin-top:30px;
  line-height: 22px;
}
.ft-menu-1 li:last-child {
  margin-top:30px;
  letter-spacing: 2px;
}
.ft-menu-2,
.ft-menu-3 {
  margin-left:50px;
  margin-top:5px;
}
@media (max-width:700px) {
  .ft-menu-2 {
    margin-left:0px;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (max-width:700px) {
  .ft-menu-3 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.ft-menu-2 h3,
.ft-menu-3 h3 {
  font-size: 20px;
  letter-spacing: 3px;
}
.ft-menu-2 ul,
.ft-menu-3 ul {
  margin-top:10px;
}
.ft-menu-2 li a,
.ft-menu-3 li a {
  line-height: 26px;
  letter-spacing: 3px;
  position: relative;
  display: inline-block;
  transition: 0.5s;
}
.ft-menu-2 li a::after,
.ft-menu-3 li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  border-bottom: solid 1px #001E38;
  transition: 0.5s;
}
.ft-menu-2 li a:hover::after,
.ft-menu-3 li a:hover::after {
  width: 100%;
}
.card {
  position:relative;
}
.card::before,
.card::after {
  position:absolute;
  display:block;
  box-sizing:border-box;
  content:"";
  opacity:0;
}
.card::before {
  top:0;
  left:50%;
  width:0;
  height:100%;
  border-top:1px solid #001E38;
  border-bottom:1px solid #001E38;
  transition:left 0.3s, width 0.3s, opacity 0.3s;
  border-radius: 17px 17px 17px 17px;
}
.card::after {
  left:0;
  top:50%;
  width:100%;
  height:0;
  border-left:1px solid #001E38;
  border-right:1px solid #001E38;
  transition:top 0.3s, height 0.3s, opacity 0.3s;
  border-radius: 17px 17px 17px 17px;
}
.card:hover::before {
  left:0;
  width:100%;
  opacity:1;
}
.card:hover::after {
  top:0;
  height:100%;
  opacity:1;
}