@charset "UTF-8";
/* CSS Document */


body {
	overflow: hidden!important;
}

/*ヘッダーメッセージ*/

.top_messageBox_wrap {
	width: 84vw;
	height: auto;
	margin-top: -7.76%;
}


.h__message_box {
	background-color: #FFF;
	opacity: .7;
	width: 440px;
	height: 284px;
	position: relative;
	margin-left: auto;
	margin-right: 0;
}

.h__message_inner {
	width:  80%;
	height: auto;
	position: absolute;
	top: 50%;
  	left: 50%;
 	transform: translateY(-50%) translateX(-50%);
  	-webkit- transform: translateY(-50%) translateX(-50%);
}

.h__hero_copy {
    position: absolute;
    left: 10%;
    top: 23%;
    width: 484px;
    height: auto;
}

.smooth_space {
	height: 10vh;
	width: 100;
		
}

/*リードセクション*/
.top_l_inner h3,
.top_l_inner p {
	line-height: 2;
}

.top_l_inner h3 {
	font-size:  17px;
}

.top_l_inner p {
	margin-top: 5%;
}

.top_l_inner {
	width: 88vw;
	max-width: 1150px;
	margin: 0 auto;
	height: auto;
	position: relative;
}


.image_box_top {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.l_flex_left {
	width: 48.5%;
	height: auto;
	margin-left: 0;
	margin-right: auto;
	position: relative;
}


.l_flex_right {
	width: 48%;
	height: auto;
	margin-left: auto;
	margin-right: 0;
	margin-top: 5.56%;
	position: relative;
	
}


.l_sec_title {
	width: 72%;
	height: auto;
	margin-bottom: 25%;
	margin-left: 10%;
}

.l_img--item01 {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}


.l_img--item {
	width: 100%;
	height: auto;
}


.l_txt_box01 {
	width: 50%;
	height: auto;
	margin-right: 20%;
	margin-top: 8.3%;
	margin-left: 30%;
}


.image_box_center {
	width: 90%;
	height: auto;
	margin-left: 6%;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: -5.4%;
}


.l_txt_box02 {
	width: 27%;
	height: auto;
	margin-left: 0;
	margin-right: auto;
	margin-top: 16%;
	position: relative;
	z-index: 5;
}

.l_img_box_02 {
	width: 28.5%;
	height: auto;
	margin-left: 4%;
}

.l_img_box_03 {
	width: 32%;
	height: auto;
	margin-right: 0;
	margin-left: auto;
	margin-top: 9.7%;
}


.image_box_bottom {
	width: 77.7%;
	height: auto;
	margin-left: 8.5%;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: -4.9%;
}

.bottom_leftbox {
	width: 28%;
	height: auto;
	margin-right: auto;
	margin-left: 0;
}

.bottom_rightbox {
	width: 52%;
	height: auto;
	margin-right: 0;
	margin-left: auto;
	margin-top: 2.6%;
	position: relative;
	z-index: 2;
}




.content_txt_box h3 {
	font-size: 1.3vw;
	margin-bottom: 3%;
    text-align: left;

}

.content_txt_box p {
	font-size: 1vw;
	border-top: solid #333 1px;
	line-height: 1.8;
    padding-top: 3%;
    text-align: left;
}


.l_flex_left p {
	text-align: left;

}



.serif_01 {
	position: absolute;
	width: 12%;
	max-width: 72px;
	top: 58%;
	left: 5.9%;
	z-index: 2;
}

.serif_02 {
	position: absolute;
	width: 138%;
	max-width: 763px;
	top: -6.5%;
	left: 29%;
	z-index: 5;
}



















/*************************
s__セカンドセクション　運営施設
*************************/

.s__title_box {
    width: 463px;
    height: auto;
    z-index: 431;
    position: relative;
    margin: 8% auto -15%;
}


.s__title_box02 {
	width: 463px;
    height: auto;
	margin-left: auto;
	margin-right: auto;
/*    margin-top: 10%;*/
	padding-top: 10%;
	

}



.s__work_wrap {
	width: 100%;
	height: auto;
	background-color: #f9f6f2;
	overflow: hidden;
	position: relative;
	overflow: hidden;
}

.s__work_inner {
	width: 85vw;
	max-width: 1100px;
	margin: 11% auto 0;
}

.s__work_box {
	display: flex;
	justify-content: space-between;
}


.s__work--item {
	width: 59.71vw;
	max-width: 498px;
}


.work--item--img,.work--item--txt {
	width: 100%;
	height: auto;
	line-height: 0;
}



.s__work--btn {
	max-width: 693.84px;
	width: 83.195vw;
	margin: 7.7% auto;
	height: auto;
}

/*************************
s__セカンドセクション　運営施設　END
*************************/







/*************************
t__サードセクション　コンタクト
*************************/

.t__contact_wrap {
/*	padding-top:10%;*/
}

.s__title_box02 {
	padding-top: 10%;
}

.t__contact_tel-txt02,
.t__contact_tel-txt01 {
	color: #a1a1a1;
}

.t__contact_table_inner {
	width: 63.636%;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

.t__contact_table_inner table {
	width: 100%;
}

.t__contact_table_inner table, .t__contact_table_inner td, .t__contact_table_inner th {
  border-bottom: 1px solid #666;
  color: #757575;
  text-align: left;
	padding: 10px 0;
}

.t__contact_table_inner th {
	width: 35%;
	max-width: initial;
}

input{
	border:none;
	background:none;
	-webkit-appearance:none;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
}

.NoOutineTextBox:focus {
  outline:none;
}

.t__contact_table_inner dl {
	width: 100%;
	text-align: left;
	margin-top: 40px;
	color: #757575;
}

.t__contact_table_inner dd, .t__contact_table_inner dt {
	width: 100%;
}

.t__contact_table_inner dt {
	padding-bottom: 10px;
	font-size: 16px;
}

.t__contact_table_inner dd textarea {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
}

.t__contact_table_inner .t__contact_caption {
	margin-top: 20px;
	font-size: 12px;
	margin-bottom: 40px;
}

.t__contact_table_inner .t__contact_caption a {
	color: #d8db7d;
	text-decoration: underline;
}

.t__contact_table_inner .btn_contact {
  width: 45%;
  max-width: 300px;
	background: #333;
	border-radius: 22px;
	padding: 10px;
}


.txt_area_caps {
	text-align: left;
	color: #757575;
	padding-bottom:  2%;
}




.text_area_inner {
	width: 100%;
	height: 240px;
	margin-top: 10%;
	margin-bottom: 5%;
}

.text_area {
	width: 100%;
	height: 100%;
}

textarea{
	width: 100%;
	height: 100%;
}

/*input {
	margin: 10% auto;
}*/

.textarea {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
	resize: none;
}

.contact_btn {
	width: 19vw;
	max-width: 246px;
	margin-right: auto;
	margin-left: auto;
}


.form_caption {
    margin: 30px auto 0 auto;
	width: auto;
	max-width: initial;
	font-size: 12px;
    color: #757575;
    padding: 5%;
    line-height: 1.5;
}

.form_caption  a {
	color: #d1d152;
}

.contact_setumei {
	margin: 0 auto 7%;
	line-height: 2;
}

.contact_oisogi {
	color: #757575;
	margin: 0 auto 3%;
}

.form_mailTxt {
	line-height: 1.6;
}

/*セレクトタブ*/

.t__contact_table_inner select {
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	font-family: 'Noto Serif JP', serif;
}

.t__contact_table_inner select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent url("../images/top/form_sankaku.png") no-repeat center right 20px/20px 17px;
  border: none;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4em 0.8em;
  width: 100%;
}

.t__contact_table_inner select:-ms-expand {
  display: none;
}

.t__contact_table_inner select:focus {
  border: none;
  box-shadow: none;
  outline: none;
}



/*************************
t__サードセクション　コンタクト　END
*************************/







/*************************
fi__フィフスセクション　abou
*************************/
.fi__about_wrap {
	padding-top: 50px;
}

.fi__about_wrap .about_rinen {
	font-size: 18px;
	color: #757575;
	line-height: 2;
	margin-bottom: 50px;

}

.about_rinen {
	font-size: 23px;
}

.fi__about_table {
	width: 67.5%;
	max-width: 743px;
	height: auto;
	text-align: left;
	border-bottom: 2px solid #d8db7d;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	line-height: 2.5;
}

table, td, th {
		border-bottom: 2px solid #d8db7d;
}

th {
	width: 28%;
	max-width: 211px;
	color: #a1a1a1;
	padding-left: 10px;
}

td {
	color: #333;
	padding-right: 10px;
}

td,th {
	padding-top: 16px;
	padding-bottom: 16px;
}

.fi__about_table li {
	list-style-type: disc;
}

/*************************
fi__フィフスセクション　abou　END
*************************/

/*************************
スクロール アニメーション
*************************/

.scroll-fade {
  opacity: 0;
  transition: all 2s;
}

.scroll-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 2s;
}

.scroll-left.done, .scroll-fade.done {
  opacity: 1;
  transform: translate(0, 0);
}

.load-fade {
  opacity: 0;
  transition: all 2s;
}

.load-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 2s;
}

.load-left.done, .load-fade.done {
  opacity: 1;
  transform: translate(0, 0);
}

/*************************
スクロール アニメーション
*************************/

/***************************************
特大PC対応
***************************************/

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

	.top__txt_box h3 {
		font-size: 27px!important;
		font-feature-settings: "palt";
	}


	.top__txt_box p {
		font-size: 18px!important;
	}
	.content_txt_box h3{
		font-size: 17px;
	}
	.content_txt_box p {
		font-size: 14px;
	}
	.top__txt_box {
    	width: 65%;
	}



}


/***************************************
モバイル対応　タブレット　
***************************************/

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

	.borderbox_wrap{
		padding: 50px 40px;
		box-sizing: border-box;
	}
	
	.t__contact_table_inner {
		width: auto;
		max-width: 700px;
		margin-right: auto;
		margin-left: auto;
		height: auto;
	}

	.t__contact_table_inner th {
		font-size: 14px;
	}
	
	.t__contact_table_inner input,
	.t__contact_table_inner select,
	.t__contact_table_inner .textarea{
		font-size: 14px;
	}
	
}

/***************************************
モバイル対応　タブレット END
***************************************/




/***************************************
モバイル対応　SP
***************************************/

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

	.inner {
		width: 95vw;
	}

	.h__hero_copy {
	    position: absolute;
	    left: 10%;
	    top: 7%;
	    width: 60vw;
	    height: auto;
	}
	.top_messageBox_wrap {
    width: 90%;
    margin-top: 20px;
}
	.h__message_box {
	    background-color: #fff;
	    opacity: .7;
	    width: 100%;
	    height: 25vh;
	    position: relative;
	    margin-left: auto;
	    margin-right: 0;
	}

	.slick-prev, .slick-next {width: 10vw;}

	.s__work_box {
	    display: block;
	}
	.s__work--item {
	    width: 100vw;
	    max-width: 100%;
	}

	.t__contact_table_inner {
	    width: 90%;
	    max-width: 100%;
	    margin-right: auto;
	    margin-left: auto;
	    height: auto;
	}

	.t__contact_table_inner table {
		border-bottom: 0;
	}

.t__contact_table_inner td, .t__contact_table_inner th {
	display: block;
	width: 100%;
}

.t__contact_table_inner th {
	border-bottom: 0;
	padding: 10px 0 0;
}

.fi__about_table {
    width: 100%;
    max-width: 100%;
	}

	.top_l_inner {
	    width: 88vw;
	    max-width: 100%;
	    margin: 0 auto;
	    height: auto;
	    position: relative;
	}
	.l_txt_box01 {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-top: 4%;
    margin-left: 0;
}
.l_flex_right {
    width: 50%;
		margin-top: 0;
	}

	.l_img_box_02 {
    width: 28.5%;
    height: auto;
    margin-left: 4%;
    margin-top: 3%;
}

.l_txt_box02 {
    width: 37%;
    height: auto;
    margin-left: 0;
    margin-right: auto;
    margin-top: 5%;
    position: relative;
    z-index: 5;
}

.image_box_center {
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
}

.bottom_leftbox {
    width: 28%;
    height: auto;
    margin-right: auto;
    margin-left: 0;
		margin-top: 10%;
}

.bottom_rightbox {
    width: 55%;
    height: auto;
    margin-right: -10%;
    margin-left: 0%;
    margin-top: -2.4%;
}

.s__title_box {
    width: 100%;
    height: auto;
    z-index: 431;
    position: relative;
    margin: 8% auto -15%;
}
.s__title_box02 {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	
}
	
	.about_title01 {
		margin-top: 121px!important;
	}
	
	
.slick-prev,
.slick-next {
	display: none!important;	
	}
	
	.st__item--txtBox p {
    font-size: 1vw;
}
	
	.s__title_box,
	.s__title_box02 {
    width: 80%;
 
	}
	
	.s__title--jp {
    font-size: 12px;
}
	.tel a {
    font-size: 34px;
	}
	.borderbox_caps {
	width: 57.27%;
	}
	
	.borderbox_wrap {

    padding-bottom: 24px;
    padding-top: 50px;
	}
	
	.form_caption {
    margin: 30px auto 0 auto;
    width: auto;
	}
	
	.contact_btn {
    width: 220px;
	}
	
	.inner {
    width: 95vw;
    margin-bottom: 50px;
}
	
	.borderbox_wrap {
    padding-bottom: 24px;
    padding-top: 50px;
	border: none;
}
	
	.t__contact_inner {
		width: 100%;
	}
	
	.borderbox_caps {
    	width: 100%;
		border-radius:0; 
		max-width: 100vw;
}
	
	.contact_setumei {
    margin: 23px auto 70px;
    line-height: 2;
    width: 80%;
}
	
	.contact_oisogi {
    color: #757575;
    margin: 0 auto 35px;
	}
	
	.t__contact_table_inner {
    width: 80%;
	}
	
	.content_txt_box p {
    font-size: 8px;
	}
	
	.content_txt_box h3 {
    font-size: 10px
	}
	
	.top_l_inner {
    width: 90vw;
	}
	
	.contact_oisogi {
    color: #757575;
    margin: 0 auto 20px;
    font-size: 12px;
    width: 70%;
    line-height: 1.7;
	}
	
	.fi__about_wrap .about_rinen {
    font-size: 13px;
    color: #757575;
    line-height: 2;
    margin: 20px auto;
}
	
	th, td {
    display: block;
	}
	
	th {
    border: none;
}
	
	td {
    border-bottom: solid 1px #e5e5a5;
	}
	
	td, th {
/*    padding-right: 14px;
    padding-left: 29px;*/
    line-height: 2;
}
	td{
	 font-size: 14px;
	}
	
	td {
    padding-top: 0;
	}
	th{
	font-size: 18px;
	}
	
	th {
    width: 100%;
	padding-left: 0;
	
		
	}
	
	.fi__about_table li {
    list-style-type: none;
}
	.inner {
    width: 85vw;
	}
	
	.s__title_box, .s__title_box02 {
    width: 100%;
}
.contact_setumei {

    width: 100%;
}
	
	.t__contact_table_inner {
    width: 100%;
}
	
	.form_caption {
    font-size: 10px;
	}
	.borderbox_wrapSP{
	padding-bottom: 64px;
	}
	
	.t__contact_inner{
		width: 100vw;
		
	}
	
	.t__contact_table_inner {
    width: 85vw;
}
	
	.s__title_box, .s__title_box02 {
    width: 60%;
}
	.s__title--en {
    width: 120%;
    margin-left: -21px;
	}
	
	.titleSP02 {
		width: 140%;
	}
	
	.s__work--btn {
    margin: 13.7% auto;
	}
	
	.s__work_wrap {
    padding-bottom: 10px;
}
	
	.l_sec_title {
    width: 113%;
    height: auto;
    margin-bottom: 25%;
    margin-left: 10%;
    z-index: 2;
    position: relative;
}
	
	.l_flex_right {
    width: 50%;
    margin-top: -29%;
    position: relative;
}
	
	.l_img--item01 {
    width: 80%;
    height: auto;
    position: relative;
    z-index: 2;
    margin-left: 39%;
}
	
	.l_txt_box01 {
    width: 170%;
    height: auto;
    margin-right: 0;
    margin-top: 4%;
    margin-left: -88%;
}
	
		.content_txt_box p {
    font-size: 10px;
}
	
	.content_txt_box h3 {
    font-size: 14px;
}
	
.l_txt_box01 {
    width: 170%;
    height: auto;
    margin-right: 0;
    margin-top: 20%;
    margin-left: -78%;
}
	.image_box_center {
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
    margin-top: 20%;
}
	
	.l_img--item {
    width: 100%;
    height: auto;
    margin-top: 118%;
}
	
	.image_box_bottom {
    width: 85.7%;
    height: auto;
    margin-left: 8.5%;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: -4.9%;
}
	.bottom_leftbox {
    width: 28%;
    height: auto;
    margin-right: auto;
    margin-left: 37%;
    margin-top: 10%;
    position: absolute;
    display: none;
    z-index: 2;
}
	
	.bottom_rightbox {
    width: 55%;
    height: auto;
    margin-right: -10%;
    margin-left: auto;
    margin-top: -2.4%;
    position: relative;
    z-index: 1;
}
	
	.image_box_center {
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
    margin-top: 10%;
	}
	
	.image_box_bottom {
    width: 85.7%;
    height: auto;
    margin-left: 18.5%;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: -19.9%;
}
	
	.image_box_center {
    width: 100%;
    height: auto;
    margin-left: 13%;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
    margin-top: 10%;
	}
	
	.l_txt_box02 {
    width: 57%;
    height: auto;
    margin-left: -50px;
    margin-right: auto;
    margin-top: 15%;
    position: relative;
    z-index: 5;
}
	
	.l_img--item01 {
    width: 70%;
    height: auto;
    position: relative;
    z-index: 2;
    margin-left: 49%;
    margin-top: 56%;
}
	.l_txt_box01 {
    width: 170%;
    height: auto;
    margin-right: 0;
    margin-top: 34%;
    margin-left: -78%;
    margin-bottom: -7%;
}
	
	.l_txt_box02 {
    width: 57%;
    height: auto;
    margin-left: -11%;
    margin-right: auto;
    margin-top: 15%;
    position: relative;
    z-index: 5;
}
	
	.s__title_box02SP{
    width: 60% !important;
    margin-left: 6%;
}
	
.s__title--jpSP04 {
    margin-right: 29% !important;
    margin-left: auto !important;
}
	
	.t__contact_inner.inner {
    margin-bottom: 20px;
}
	
	.contactSPm {
		margin-top: 60px!important;
	}
/*	.s__title--en {
    width: 70%;
    margin-left: 0;
}
	

.s__title_box02 p {

    margin-left: auto;
    margin-right: 28%;
	}*/
/*	.l_img--item01 {
    width: 70%;
    height: auto;
    position: relative;
    z-index: 2;
    margin-left: 44%;
    position: absolute;
    left: 30%;
    top: 38%;
}
	*//*
	.image_box_center {
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 44%;
    box-sizing: border-box;
}
	
	.l_txt_box01 {
    width: 140%;
    height: auto;
    margin-right: 60px;
    margin-top: 24%;
    margin-left: -75%;
    position: absolute;
}
	
	.content_txt_box p {
    font-size: 10px;
}
	
	.content_txt_box h3 {
    font-size: 14px;
}
	
	.image_box_center {
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 63%;
    box-sizing: border-box;
}*/
}


/***************************************
モバイル対応　SP　END
***************************************/