@charset "utf-8";









/* 記事css
----------------------------------------- */
.eventdatabox{
	background-color: #fff;
	border-radius: 16px;
	width: 100%;
	box-sizing: border-box;
	padding: 2em 1.5em;
	border: 1px solid #fff;
}
.eventdatabox .listbox {
	font-weight: bold;
}
.eventdatabox .list{
	font-size: 120%;
	font-weight: bold;
}
.eventdatabox .list .tit{
	font-size: 65%;
	font-weight: bold;
	display: inline-block;
	position: relative;
	top: -0.3em;
	margin-right: 1.3em;
}

.eventdatabox hr{
	opacity: .7;
	margin: 18px 0;
}
.eventdatabox .textbox{
	font-size: 100%;
	font-weight: 200;
}

h4{
	font-weight: bold;
	font-size: 115%;
}

h5{
	font-weight: bold;
	font-size: 105%;
}

.article_content a{
	text-decoration: underline !important;
	color: #466F8C !important;
	font-weight: bold !important;
}
.article_content b{
	font-weight: bold !important;
}

.event_report_tit{
	text-align: left;
	border-bottom: 1px solid #C3C3C2;
	margin-top: 1.5em;
}
.event_report_tit img{
	width: 222px !important;
}/**管理画面カスタマイズにも記載**/




/* ローディング
----------------------------------------- */

body #fade {
	width: 100%;
	height: 100vh;
	display: block;
	background: #D1722A;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1100;
	}
	
	/*wrapper */
	body #container {
	width: 100%;
	margin: auto;
	filter: alpha(opacity=0);  
	-ms-filter: "alpha( opacity=0 )";
	}
	
	.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
	
	.loading span {
	  display: block;
	  opacity: 0;
	  margin: 0;
	  animation: loading 1.2s infinite ease-in-out alternate;
	}
	@keyframes loading {
	  0% {
		opacity: 1;
	  }
	  100% {
		opacity: 1;
	  }
	}
	
	#top .loading span {
		display: block;
	  opacity: 0;
	  margin: 0;
		-ms-filter: blur(1rem);
		  filter: blur(1rem);
	  animation: loading2 1.5s ease-in-out 1 alternate forwards;
	}
	@keyframes loading2 {
	  0% {
		-ms-filter: blur(1rem);
		  filter: blur(1rem);
		  opacity: 0;
	  }
	  100% {
		filter: none;
		opacity: 1;
	  }
	}
	
	
	@media screen and (max-width: 750px) {
	body #container {
	min-width: 100%;
	}
	#top .loading span.logo {
	  margin: auto;
	}
		
	body #fade {
	z-index: 1000;
	}
	}


/***************************************************
 * Generated by SVG Artista on 4/22/2023, 10:24:25 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 .svg-elem-1{-webkit-animation:animate-svg-fill-1 0.1s cubic-bezier(0.47,0,0.745,0.715) 0s both;animation:animate-svg-fill-1 0.1s cubic-bezier(0.47,0,0.745,0.715) 0s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.03s both;animation:animate-svg-fill-2 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.03s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.06s both;animation:animate-svg-fill-3 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.06s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.09s both;animation:animate-svg-fill-4 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.09s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both;animation:animate-svg-fill-5 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.15s both;animation:animate-svg-fill-6 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.15s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.18s both;animation:animate-svg-fill-7 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.18s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-8{-webkit-animation:animate-svg-fill-8 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.21s both;animation:animate-svg-fill-8 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.21s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-9{-webkit-animation:animate-svg-fill-9 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both;animation:animate-svg-fill-9 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-10{-webkit-animation:animate-svg-fill-10 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.27s both;animation:animate-svg-fill-10 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.27s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-11{-webkit-animation:animate-svg-fill-11 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.3s both;animation:animate-svg-fill-11 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.3s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-12{-webkit-animation:animate-svg-fill-12 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.32999999999999996s both;animation:animate-svg-fill-12 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.32999999999999996s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-13{-webkit-animation:animate-svg-fill-13 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both;animation:animate-svg-fill-13 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-14{-webkit-animation:animate-svg-fill-14 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.39s both;animation:animate-svg-fill-14 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.39s both}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-15{-webkit-animation:animate-svg-fill-15 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.42s both;animation:animate-svg-fill-15 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.42s both}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-16{-webkit-animation:animate-svg-fill-16 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.44999999999999996s both;animation:animate-svg-fill-16 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.44999999999999996s both}@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-17{-webkit-animation:animate-svg-fill-17 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both;animation:animate-svg-fill-17 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both}@-webkit-keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-18{-webkit-animation:animate-svg-fill-18 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.51s both;animation:animate-svg-fill-18 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.51s both}@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-19{-webkit-animation:animate-svg-fill-19 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.54s both;animation:animate-svg-fill-19 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.54s both}@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-20{-webkit-animation:animate-svg-fill-20 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.57s both;animation:animate-svg-fill-20 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.57s both}@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-21{-webkit-animation:animate-svg-fill-21 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both;animation:animate-svg-fill-21 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both}@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-22{-webkit-animation:animate-svg-fill-22 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.63s both;animation:animate-svg-fill-22 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.63s both}@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-23{-webkit-animation:animate-svg-fill-23 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.6599999999999999s both;animation:animate-svg-fill-23 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.6599999999999999s both}@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-24{-webkit-animation:animate-svg-fill-24 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.69s both;animation:animate-svg-fill-24 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.69s both}@-webkit-keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-25{-webkit-animation:animate-svg-fill-25 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both;animation:animate-svg-fill-25 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both}@-webkit-keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-26{-webkit-animation:animate-svg-fill-26 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.75s both;animation:animate-svg-fill-26 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.75s both}@-webkit-keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-27{-webkit-animation:animate-svg-fill-27 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.78s both;animation:animate-svg-fill-27 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.78s both}@-webkit-keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-28{-webkit-animation:animate-svg-fill-28 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.8099999999999999s both;animation:animate-svg-fill-28 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.8099999999999999s both}@-webkit-keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-29{-webkit-animation:animate-svg-fill-29 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.84s both;animation:animate-svg-fill-29 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.84s both}@-webkit-keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-30{-webkit-animation:animate-svg-fill-30 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.87s both;animation:animate-svg-fill-30 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.87s both}@-webkit-keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-31{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-31{-webkit-animation:animate-svg-fill-31 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.8999999999999999s both;animation:animate-svg-fill-31 0.1s cubic-bezier(0.47,0,0.745,0.715) 0.8999999999999999s both}
 
/*------------------------------------------------------------
	左メニュー
------------------------------------------------------------*/
#leftbar{
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 50px;
	border: 1px solid r_ed;
	background-color: #F7F7F5;
	padding-top: 200px;
	opacity: 0.95;
	box-sizing: border-box;
	z-index: 1001;
}
#leftbar h1{
	border: 1px solid r_ed;
	top: 0;bottom: 0;left: 0;right: 0;
	margin: auto;
	text-align: center;
}
#leftbar h1 img{
	width: 35%;
}

#leftbar .snsbox{
	position: absolute;
	bottom: 30px;
	border: 1px solid r_ed;
	text-align: center;
}
#leftbar .snsbox img{
	width: 60%;
	margin-bottom: 13px;
}
#leftbar a img{
	transition: .5s;
}
#leftbar a img:hover{
	opacity: .5;
}


h2{
	border: 1px solid r_ed;
	width: 650px;
	margin: 0 auto;
}

h2 img{
	height: 52px;
}

.undrln{
	border-bottom: 1px solid #aaa;
	padding-bottom: 22px;
}

@media all and (max-width: 750px) {
	#leftbar{
		display: none;
	}

	h2{
		border: 1px solid r_ed;
		width: 90%;
		margin: 0 auto;
	}
	
	h2 img{
		height: 52px;
	}

}





/***/
/*/////////////////////////////////////////////////*/
/*SUB*/
/*/////////////////////////////////////////////////*/
.subpage h2{
	border: 1px solid r_ed;
	width: 550px;
	margin: 35px auto 0;
}
.subpage h2 img{
	height: 47px;
}
.subpage .h2_tomos h2 img{
	height: 67px;
}


.subpage h2 p{
	font-weight: 500;
	font-size: 35%;
	margin-top: 40px;
}

.subpage .undrln{
	border-bottom: 1px solid #aaa;
	padding-bottom: 22px;
}
/***/
.morearticle_btn{
	display: block;
	margin: 70px auto;
	background-color: #fff;
	width: 250px;
	text-align: center;
	border-radius: 10px;
	padding: 15px 0;
	color: #D1722A;
	font-weight: 500;
	transition: .5s;
}
.morearticle_btn:hover{
	background-color: #D1722A;
	color: #fff;
}
/*************/
.privacybox{

	width: 380px;
	margin: 70px auto 150px;
}
/**************/

.headlinetagbox{
	border: 1px solid r_ed;
	display: flex;
	justify-content: space-between;
}

.headlinetagbox .lbox{
	border: 1px solid r_ed;
	display: flex;
	justify-content: space-between;
}
.headlinetagbox .lbox .date{
	color: #D1722A;
	font-weight: 500;
	margin-left: 1.5em;
}
.headlinetagbox .rbox .blktag{
	background-color: #707070;
	color: #fff;
	font-size: 90%;padding: 4px 9px;border-radius: 5px;position: relative;top: -3px;
}
.headlinetagbox .rbox .orgtag{
	background-color: #D1722A;
	font-size: 90%;
	color: #fff;
	padding: 4px 9px;
	border-radius: 5px;
	position: relative;
	top: -3px;
}


/****/
.articlepage .inner{
	width: 590px;
	border: 2px solid b_lue;
	margin: 60px auto;
}

.cate_tit{
	height: 18px;
}

.articletitle{
	border: 2px solid r_ed;
	text-align: left;
	width: 100%;
	font-size: 150%;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
}


.article_content{
	margin-top: 10px;
}
.article_content img{
	margin: 20px 0 15px;
	width: 100% !important;
}

.article_content .thum_photo{
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin-bottom: 30px;
}
.article_content .thum_photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.article_content h3{
	font-size: 140%;
}
.article_content h4{
	font-size: 120%;
}
.article_content p{
	font-size: 100%;
	margin: 1em 0 2.5em;
}

/*****************/


.contactpage .inner{
	border: 1px solid r_ed;
	width: 550px;
	margin: 60px auto ;

}
.contactpage .inner table{
	border: 1px solid r_ed;
	width: 100%;
}
.contactpage .inner table img{
	width: 30px;
	position: relative;
	top: 3px;
	left: 2px;
}

.contactpage .inner table th{
	width: 30%;
	padding-bottom: 20px;
	
}
.contactpage .inner table td{
	width: 70%;
	padding-bottom: 20px;
}
.contactpage .inner table td input{
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 3px;
	height: 28px;
	background-color: #fdfdfd;
}
.contactpage .inner table td textarea{
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 3px;
	height: 10em;
	resize: none;
	background-color: #fdfdfd;
}


input[class~="syousai"]{
	height: 50px;
}

.radiobox{
	display: flex;
	flex-direction: row;
	border: 1px solid #F7F7F5;
}
.radiobox p{
	display: flex;
	border: 1px solid #F7F7F5;
}
.radiobox p span{
	border: 1px solid #F7F7F5;
}
.radiobox p input{
	border: 1px solid #F7F7F5;
}

input[type=checkbox],input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 15px !important;      /* 生成ボタンサイズ */
    width: 15px !important;       /* 生成ボタンサイズ */
    vertical-align: -0.8rem;
	border-radius: 10px !important;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: .4rem;
    outline: none;
    border-radius: 10%;
}

/* Radio */
input[type=radio] {
    border-radius: 50%;
}
input[type=radio]:checked:before {
    transform: scale(1);
}
input[type=radio]:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin: 2px;
    transform: scale(0);
    transition: all ease-out 250ms;
}
/* Colors */
input[type=checkbox],input[type=radio] {
    border: 2px solid #A7352D;
}
input[type=checkbox]:checked,input[type=checkbox]:indeterminate,input[type=radio]:checked:before {
    background: #A7352D;
}


.sendbtn {
	width: 100%;
	padding: 5px 30px;
	text-align: right;
}
.sendbtn input{
	width: 130px;
	padding: 15px 30px;
	border-radius: 13px;
	border: none;
	cursor: pointer;
	background-color: #D7884B;
	transition: .5s;
	color: #fff;
}
.sendbtn input:hover{
	background-color: #ff872b;
}

.sendbtn a{
	background-color: #fff;
}
.sendbtn a img{
	width: 75% !important;
}

.sendbtn a[class~="txtarrow2"]{
	border: 1px solid r_ed;
	width: 88%;
	display: inline-block;
	color: #888;
	transition: .5s;
	position: relative;
	padding: 13px 0 13px 15px;
	margin-top: 10px;
	border-radius: 10px;
}
.sendbtn a[class~="txtarrow2"] img{
	width: 85%;
}
.sendbtn a[class~="txtarrow2"]::before{
	content: '';
	border: 1px solid r_ed;
	position: absolute;
	display: inline-block;
	width: 43px;
	height: 6px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 7px;
	left: 1px;
	z-index: 2;
}
.sendbtn a[class~="txtarrow2"]::after{
	content: '';
	border: 2px solid p_ink;
	position: absolute;
	display: inline-block;
	width: 90%;
	height: 11px;
	background-image: url(../img/arrow_bar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 6px;
	left: 2px;
	transition: .5s;
}
.sendbtn a[class~="txtarrow2"]:hover::after{
	left: 10px;
}

/***************************/


.thanksbtn {
	width: 100px;
	padding: 5px 30px;
	position: relative;
	left: 780px;
	top: -100px;
	border: 1px solid r_ed;
}

.thanksbtn a{
	background-color: #fff;
}
.thanksbtn a img{
	width: 75% !important;
}

.thanksbtn a[class~="txtarrow2"]{
	border: 1px solid r_ed;
	width: 88%;
	display: inline-block;
	color: #111;
	font-weight: 400;
	transition: .5s;
	position: relative;
	padding: 13px 0 13px 15px;
	margin-top: 10px;
	border-radius: 10px;
}
.thanksbtn a[class~="txtarrow2"] img{
	width: 85%;
}
.thanksbtn a[class~="txtarrow2"]::before{
	content: '';
	border: 1px solid r_ed;
	position: absolute;
	display: inline-block;
	width: 14px;
	height: 6px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 7px;
	left: 1px;
	z-index: 2;
}
.thanksbtn a[class~="txtarrow2"]::after{
	content: '';
	border: 2px solid p_ink;
	position: absolute;
	display: inline-block;
	width: 90%;
	height: 11px;
	background-image: url(../img/arrow_bar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 6px;
	left: -0px;
	transition: .5s;
}
.thanksbtn a[class~="txtarrow2"]:hover::after{
	left: 7px;
}



@media all and (max-width: 750px) {

	.subpage h2{
		border: 1px solid r_ed;
		width: 90vw;
		margin: 35px auto 0;
	}
	.subpage h2 img{
		height: 47px;
		margin-top: 20px;
	}
	.subpage h2 p{
		font-weight: 500;
		font-size: 35%;
		margin-top: 40px;
	}
	
	.subpage .undrln{
		border-bottom: 1px solid #aaa;
		padding-bottom: 22px;
	}
	/***/
	.morearticle_btn{
		display: block;
		margin: 70px auto;
		background-color: #fff;
		width: 250px;
		text-align: center;
		border-radius: 10px;
		padding: 15px 0;
		color: #D1722A;
		font-weight: 500;
		transition: .5s;
	}
	.morearticle_btn:hover{
		background-color: #D1722A;
		color: #fff;
	}
	/*************/
	.privacybox{
	
		width: 80vw;
		margin: 70px auto 150px;
	}
	/**************/
	
	.headlinetagbox{
		border: 1px solid r_ed;
		display: flex;
		justify-content: space-between;
	}
	
	.headlinetagbox .lbox{
		border: 1px solid r_ed;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.headlinetagbox .lbox .date{
		color: #D1722A;
		font-weight: 500;
		margin-left: 0em;
		margin-top: 1em;

	}
	.headlinetagbox .rbox .blktag{
		background-color: #707070;
		color: #fff;
		font-size: 90%;padding: 4px 9px;border-radius: 5px;position: relative;top: -3px;
	}
	.headlinetagbox .rbox .orgtag{
		background-color: #D1722A;
		font-size: 90%;
		color: #fff;
		padding: 4px 9px;
		border-radius: 5px;
		position: relative;
		top: -3px;
	}
	
	
	/****/
	.articlepage .inner{
		width: 90vw;
		border: 2px solid b_lue;
		margin: 0px auto;
		padding-top: 35px;
	}
	
	.cate_tit{
		height: 18px;
	}
	
	.articletitle{
		border: 2px solid r_ed;
		text-align: left;
		width: 100%;
		font-size: 150%;
		margin-top: 0.7em;
		margin-bottom: 0.3em;
	}
	
	
	.article_content{
		margin-top: 10px;
	}
	.article_content img{
		margin: 20px 0 15px;
		width: 100% !important;
	}
	
	.article_content .thum_photo{
		width: 100%;
		height: 400px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.article_content .thum_photo img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.article_content h3{
		font-size: 140%;
	}
	.article_content h4{
		font-size: 120%;
	}
	.article_content p{
		font-size: 100%;
		margin: 1em 0 2.5em;
	}
	
	/*****************/
	
	
	.contactpage .inner{
		border: 1px solid r_ed;
		width: 90vw;
		margin: 60px auto ;
	
	}
	.contactpage .inner table{
		border: 1px solid r_ed;
		width: 100%;
	}
	.contactpage .inner table img{
		width: 30px;
		position: relative;
		top: 3px;
		left: 2px;
	}
	
	.contactpage .inner table th{
		width: 36%;
		padding-bottom: 20px;
		
	}
	.contactpage .inner table td{
		width: 63%;
		padding-bottom: 20px;
	}
	.contactpage .inner table td input{
		width: 100%;
		border: 1px solid #aaa;
		border-radius: 3px;
		height: 28px;
		background-color: #fdfdfd;
	}
	.contactpage .inner table td textarea{
		width: 100%;
		border: 1px solid #aaa;
		border-radius: 3px;
		height: 10em;
		resize: none;
		background-color: #fdfdfd;
	}
	
	
	input[class~="syousai"]{
		height: 50px;
	}
	
	.radiobox{
		display: flex;
		flex-direction: row;
		border: 1px solid b_lue;
		width: 21em !important;
	}
	.radiobox p{
		display: flex;
		border: 1px solid r_ed;
		width: 150% !important;
	}
	.radiobox p span{
		border: 1px solid #F7F7F5;
	}
	.radiobox p input{
		border: 1px solid #F7F7F5;
	}
	
	input[type=checkbox],input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		height: 15px !important;      /* 生成ボタンサイズ */
		width: 15px !important;       /* 生成ボタンサイズ */
		vertical-align: -0.8rem;
		border-radius: 10px !important;
		transition:all .15s ease-out 0s;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		margin: .4rem;
		outline: none;
		border-radius: 10%;
	}
	
	/* Radio */
	input[type=radio] {
		border-radius: 50%;
	}
	input[type=radio]:checked:before {
		transform: scale(1);
	}
	input[type=radio]:before {
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		margin: 2px;
		transform: scale(0);
		transition: all ease-out 250ms;
	}
	/* Colors */
	input[type=checkbox],input[type=radio] {
		border: 2px solid #A7352D;
	}
	input[type=checkbox]:checked,input[type=checkbox]:indeterminate,input[type=radio]:checked:before {
		background: #A7352D;
	}
	
	
	.sendbtn {
		width: 100%;
		padding: 5px 30px;
		text-align: right;
	}
	.sendbtn input{
		width: 130px;
		padding: 15px 30px;
		border-radius: 13px;
		border: none;
		cursor: pointer;
		background-color: #D7884B;
		transition: .5s;
		color: #fff;
		position: relative;
		right: 1vw;
	}
	.sendbtn input:hover{
		background-color: #ff872b;
	}
	
	.sendbtn a{
		background-color: #fff;
	}
	.sendbtn a img{
		width: 75% !important;
	}
	
	.sendbtn a[class~="txtarrow2"]{
		border: 1px solid r_ed;
		width: 88%;
		display: inline-block;
		color: #888;
		transition: .5s;
		position: relative;
		padding: 13px 0 13px 15px;
		margin-top: 10px;
		border-radius: 10px;
	}
	.sendbtn a[class~="txtarrow2"] img{
		width: 85%;
	}
	.sendbtn a[class~="txtarrow2"]::before{
		content: '';
		border: 1px solid r_ed;
		position: absolute;
		display: inline-block;
		width: 43px;
		height: 6px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 7px;
		left: 1px;
		z-index: 2;
	}
	.sendbtn a[class~="txtarrow2"]::after{
		content: '';
		border: 2px solid p_ink;
		position: absolute;
		display: inline-block;
		width: 90%;
		height: 11px;
		background-image: url(../img/arrow_bar.svg);
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 6px;
		left: 2px;
		transition: .5s;
	}
	.sendbtn a[class~="txtarrow2"]:hover::after{
		left: 10px;
	}
	
	/***************************/
	
	
	.thanksbtn {
		width: 100px;
		padding: 5px 30px;
		position: relative;
		left: 780px;
		top: -100px;
		border: 1px solid r_ed;
	}
	
	.thanksbtn a{
		background-color: #fff;
	}
	.thanksbtn a img{
		width: 75% !important;
	}
	
	.thanksbtn a[class~="txtarrow2"]{
		border: 1px solid r_ed;
		width: 88%;
		display: inline-block;
		color: #111;
		font-weight: 400;
		transition: .5s;
		position: relative;
		padding: 13px 0 13px 15px;
		margin-top: 10px;
		border-radius: 10px;
	}
	.thanksbtn a[class~="txtarrow2"] img{
		width: 85%;
	}
	.thanksbtn a[class~="txtarrow2"]::before{
		content: '';
		border: 1px solid r_ed;
		position: absolute;
		display: inline-block;
		width: 14px;
		height: 6px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 7px;
		left: 1px;
		z-index: 2;
	}
	.thanksbtn a[class~="txtarrow2"]::after{
		content: '';
		border: 2px solid p_ink;
		position: absolute;
		display: inline-block;
		width: 90%;
		height: 11px;
		background-image: url(../img/arrow_bar.svg);
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 6px;
		left: -0px;
		transition: .5s;
	}
	.thanksbtn a[class~="txtarrow2"]:hover::after{
		left: 7px;
	}
	
}



/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/



/*------------------------------------------------------------
	sp head
------------------------------------------------------------*/

.sp_header{
	width: 90%;
	margin: 25px auto 0;
	padding-bottom: 25px;
}
.sp_header h1{
	width: 55%;
	margin: 0px auto 0;
}

.sp_header .snsbox{
	position: absolute;
	top: 10px;
	right: 2px;
	width: 17vw;
	display: flex;
}
.sp_header .snsbox img{
	width: 78%;
}
.sp_header p{
	font-size: 80%;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2;
	text-align: center;
	margin-top: 10px;
	opacity: .8;
}

/****/

.sp_header_sub{
	width: 100%;
	margin: 0 auto 0;
	padding-top: 25px;
	padding-bottom: 40px;
	background-color: #F7F7F5;
	margin-bottom: -36px;
	border: 1px solid r_ed;
}
.sp_header_sub h1{
	width: 40%;
	margin: 0px auto 0;
}

.sp_header_sub .snsbox{
	position: absolute;
	top: 10px;
	right: 2px;
	width: 17vw;
	display: flex;
}
.sp_header_sub .snsbox img{
	width: 78%;
}
.sp_header_sub p{
	font-size: 80%;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2;
	text-align: center;
	margin-top: 10px;
	opacity: .8;
}






/*------------------------------------------------------------
	post
------------------------------------------------------------*/

#post{
	border: 5px solid p_ink;
	padding-top: 50px;
	padding-bottom: 75px;
	background-color: #F7F7F5;
}

.post_inner{
	border: 2px solid r_ed;
	width: 900px;
	margin: 60px auto 0;
	position: relative;
	left: 10px;
	display: flex;
	flex-wrap: wrap;
}

.post_inner .itembox{
	border: 2px solid b_lue;
	width: 250px;
	margin: 0 22px 30px;
	position: relative;
}
.post_inner .itembox .tagmark{
	position: absolute;
	height: 90px;
	top: -20px;
	right: -25px;
	z-index: 2;
}
.post_inner .itembox .tagmark img{
	height: 100%;
}
.post_inner .imgbox {
	border-radius: 14px;
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.post_inner .imgbox .paraimg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(1);
	transition: 0.3s ease;
}
.post_inner a:hover .imgbox .paraimg{
	transform: scale(1.06) !important;
	filter: brightness(1.2);
}

/*カテゴリマーク画像をサムネ右上に*/
.cat-image {
    position: absolute;
    top: 0;
    right: 0;
}

.post_inner .txtbox {
	border: 1px solid r_ed;
	margin: 0 auto;
	margin-top: 33px;
	width: 90%;
	
}
.post_inner .upper{
	border: 1px solid p_ink;
	position: relative;
	top: -109px;
	margin: 0 auto;
	width: 90%;
	display: flex;
}
.articletitle + .upper{
	border: 1px solid p_ink;
	width: 90%;
	display: flex;
}

a[class~="tomostag"]{
	background-color: #D1C23F;
	border-radius: 3px;
	color: #fff;
	font-size: 75%;
	padding: 3px 7px 2px;
	margin-right: 5px;
}
span[class~="writer"]{
	background-color: #fff;
	border-radius: 3px;
	color: #818181;
	font-size: 75%;
	padding: 2px 7px 2px;
}
span[class~="writer"]::before{
	content: '';
	position: relative;
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	background-image: url(../img/writer_figure.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: 1px;
}

.post_inner .txtbox .titl{
	font-weight: 500;
	margin-top: 0.3em;
	line-height: 1.4;
	letter-spacing: .5px;
	height: 4.5em;
}
.post_inner .txtbox .date{
	color: #D7874A;
	font-weight: 600;
}
.post_inner .txtbox .date::before{
	content: '';
	position: relative;
	display: inline-block;
	width: .8em;
	height: .8em;
	background-image: url(../img/date_icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: 2px;
	margin-right: 0.3em;
}

.post_inner .txtbox .date:empty::before{
	content: '';
	background-image: none;
}
/***/


.morebox{
	width: 850px;
	background-color: #fff;
	margin: 60px auto 0;
	padding: 18px 40px 10px;
	box-sizing: border-box;
	position: relative;
	left: 10px;
	border-radius: 12px;
	display: flex;
}
.morebox .moretxt{
	height: 15px;
}
.morebox a{
	position: relative;
	top: -4px;
}

a[class~="txtarrow"]{
	border: 1px solid r_ed;
	margin-left: 60px;
	width: 8em;
	display: inline-block;
	font-size: 95%;
	color: #888;
	transition: .5s;
	position: relative;
}



a[class~="txtarrow"]::before{
	content: '';
	border: 2px solid p_ink;
	position: absolute;
	display: inline-block;
	width: 17px;
	height: 12px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -6px;;
	left: -20px;
	transition: .5s;
	z-index: 2;
}
a[class~="txtarrow"]::after{
	content: '';
	border: 2px solid p_ink;
	position: absolute;
	display: inline-block;
	width: 120%;
	height: 12px;
	background-image: url(../img/arrow_bar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -6px;;
	left: -20px;
	transition: .5s;
}

a[class~="txtarrow"]:hover::after{
	left: 0px;
}


@media all and (max-width: 950px) {
	.post_inner{
		margin-left: 20px;
	}
		
	.morebox{
		margin-left: 50px;
	}
}
@media all and (max-width: 750px) {

	.post_inner{
		margin-left: auto;
	}
		
	.morebox{
		margin-left: auto;
	}

	#post{
		border: 5px solid p_ink;
		padding-top: 5em;
		padding-bottom: 75px;
		background-color: #F7F7F5;
	}
	
	.post_inner{
		border: 2px solid r_ed;
		width: 92%;
		margin: 60px auto 0;
		position: relative;
		left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.post_inner .itembox{
		border: 2px solid b_lue;
		width: 47%;
		margin: 0 0 20px;
		position: relative;
	}

	.post_inner .itembox .tagmark{
		position: absolute;
		height: 90px;
		top: -20px;
		right: -25px;
		z-index: 2;
	}
	.post_inner .itembox .tagmark img{
		height: 100%;
	}
	.post_inner .imgbox {
		border-radius: 14px;
		width: 100%;
		height: 160px;
		overflow: hidden;
	}
	.post_inner .imgbox img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		filter: brightness(1);
		transition:   0.3s ease;
	}
	.post_inner a:hover .imgbox img{
		transform: scale(1.06);
		filter: brightness(1.2);
	}
	
	.post_inner .txtbox {
		border: 1px solid r_ed;
		margin: 0 auto;
		margin-top: 33px;
		width: 100%;
		
	}
	.post_inner .upper{
		border: 1px solid p_ink;
		position: relative;
		top: -89px;
		margin: 0 auto;
		width: 90%;
	}
	
	a[class~="tomostag"]{
		background-color: #D1C23F;
		border-radius: 3px;
		color: #fff;
		font-size: 75%;
		padding: 2px 7px 2px;
		margin-right: 5px;
	}
	span[class~="writer"]{
		background-color: #fff;
		border-radius: 3px;
		color: #818181;
		font-size: 75%;
		padding: 2px 7px 2px;
	}
	span[class~="writer"]::before{
		content: '';
		position: relative;
		display: inline-block;
		width: 1.1em;
		height: 1.1em;
		background-image: url(../img/writer_figure.svg);
		background-repeat: no-repeat;
		background-size: contain;
		top: 1px;
	}
	
	.post_inner .txtbox .titl{
		font-weight: 500;
		margin-top: 0.3em;
		line-height: 1.2;
		letter-spacing: 1px;
		height: 3.9em;
	}
	.post_inner .txtbox .date{
		color: #D7874A;
		font-weight: 600;
	}
	.post_inner .txtbox .date::before{
		content: '';
		position: relative;
		display: inline-block;
		width: .8em;
		height: .8em;
		background-image: url(../img/date_icon.svg);
		background-repeat: no-repeat;
		background-size: contain;
		top: 2px;
		margin-right: 0.3em;
	}
	.post_inner .txtbox .date:empty::before{
		content: '';
		background-image: none;
	}
	/***/
	
	
	.morebox{
		width: 92%;
		background-color: #fff;
		margin: 0px auto 0;
		padding: 15px 20px;
		box-sizing: border-box;
		position: relative;
		left: auto;
		border-radius: 12px;
		display: block;
	}
	.morebox .moretxt{
		height: 18px;
	}
	.morebox .inner{
		border: 1px solid b_lue;
		text-align: center;
		padding-bottom: 1.5em;
	}
	.morebox a{
		position: relative;
		top: 14px;
		border: 1px solid r_ed;
	}
	
	a[class~="txtarrow"]{
		border: 1px solid b_lue;
		margin: auto;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
		width: 10em;
		display: block;
		font-size: 115%;
		color: #888;
		transition: .5s;
		position: relative;
	}

	a[class~="txtarrow"]::before{
		content: '';
		border: 2px solid p_ink;
		position: absolute;
		display: inline-block;
		width: 17px;
		height: 12px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: -6px;;
		left: -20px;
		transition: .5s;
		z-index: 2;
	}
	a[class~="txtarrow"]::after{
		content: '';
		border: 2px solid p_ink;
		position: absolute;
		display: inline-block;
		width: 120%;
		height: 12px;
		background-image: url(../img/arrow_bar.svg);
		background-repeat: no-repeat;
		background-size: contain;
		bottom: -6px;;
		left: -20px;
		transition: .5s;
	}
	
	a[class~="txtarrow"]:hover::after{
		left: 0px;
	}
}









/*------------------------------------------------------------
	reboot
------------------------------------------------------------*/
#reboot{
	border: 5px solid b_lue;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.subtit{
	border: 1px solid #999;
	display: inline-block;
	width: auto;
	font-size: 130%;
	padding: 3px 30px;
	border-radius: 20px;
	font-weight: 500;
	margin: 40px auto 0;
}

#reboot iframe{
	width: 700px;
	height: 430px;
	margin-top: 30px;
}

@media all and (max-width: 750px) {
	#reboot{
		border: 5px solid b_lue;
		padding-top: 70px;
		padding-bottom: 70px;
		text-align: center;
	}
	
	.subtit{
		border: 1px solid #999;
		display: inline-block;
		width: 90vw;
		font-size: 130%;
		padding: 10px 20px;
		border-radius: 40px;
		font-weight: 500;
		margin: 20px auto 0;
		box-sizing: border-box;
	}
	
	#reboot iframe{
		width: 90vw;
		height: 51vw;
		margin-top: 30px;
	}
}


/*------------------------------------------------------------
	facility
------------------------------------------------------------*/
#facility{
	border: 5px solid p_ink;
	background-color: #F7F7F5;
	padding-top: 70px;
	padding-bottom: 70px;

}

.facility_inner{
	border: 3px solid r_ed;
	width: 870px;
	margin: 60px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.facility_inner .itembox{
	border: 3px solid b_lue;
	width: 420px;
	border-radius: 12px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 30px;
	display: flex;
	position: relative;
}
.facility_inner .itembox .blurlay{
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(3px);
	position: absolute;
	text-align: center;
	vertical-align: middle;
}
.facility_inner .itembox .blurlay span{
	font-size: 130%;
	color: #333;
	font-weight: 500;
	display: inline-block;
	background-color: #fff;
	padding: 8px 20px;
	border-radius: 5px;
	margin-top: 85px;
}



.facility_inner .itembox .imgbox{
	width: 45%;
	height: 230px;
	overflow: hidden;
}
.facility_inner .itembox .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.facility_inner .itembox .txtbox{
	width: 55%;
	box-sizing: border-box;
	padding: 0 13px;
}

.facility_inner .itembox .txtbox .tit{
	font-size: 130%;
	font-weight: 300;
	margin-top: .6em;
}
.facility_inner .itembox .txtbox .txt{
	font-size: 85%;
	font-weight: 300;
	margin-top: .6em;
}
.facility_inner .itembox .txtbox .txt .space{
	border: 1px solid #aaa;
	border-radius: 2px;
	padding: 3px 5px;
	display: inline-block;
	margin-top: 0.4em;
}
.facility_inner .itembox .txtbox .txt .more{
	border: 1px solid #525252;
	border-radius: 3px;
	padding: 3px 5px;
	display: inline-block;
	margin-top: 0.4em;
	color: #fff;
	background-color: #525252;
	transition: .5s;
}
.facility_inner .itembox .txtbox .txt .more:hover{
	background-color: #D1722A;
	border: 1px solid #D1722A;
}

@media all and (max-width: 1000px) {
	.facility_inner{
		margin-left: 50px;
	}
}
@media all and (max-width: 750px) {


	#facility{
		border: 5px solid p_ink;
		background-color: #F7F7F5;
		padding-top: 70px;
		padding-bottom: 70px;
	
	}
	
	.facility_inner{
		border: 3px solid r_ed;
		width: 90vw;
		margin: 60px auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.facility_inner .itembox{
		border: 3px solid b_lue;
		width: 420px;
		border-radius: 12px;
		overflow: hidden;
		background-color: #fff;
		margin-bottom: 30px;
		display: flex;
		position: relative;
	}
	.facility_inner .itembox .blurlay{
		width: 100%;
		height: 100%;
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(3px);
		position: absolute;
		text-align: center;
		vertical-align: middle;
	}
	.facility_inner .itembox .blurlay span{
		font-size: 130%;
		color: #333;
		font-weight: 500;
		display: inline-block;
		background-color: #fff;
		padding: 8px 20px;
		border-radius: 5px;
		margin-top: 85px;
	}
	
	.facility_inner .itembox .imgbox{
		width: 45%;
		height: 230px;
		overflow: hidden;
	}
	.facility_inner .itembox .imgbox img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.facility_inner .itembox .txtbox{
		width: 55%;
		box-sizing: border-box;
		padding: 0 13px;
	}
	
	.facility_inner .itembox .txtbox .tit{
		font-size: 130%;
		font-weight: 300;
		margin-top: .6em;
	}
	.facility_inner .itembox .txtbox .txt{
		font-size: 85%;
		font-weight: 300;
		margin-top: .6em;
	}
	.facility_inner .itembox .txtbox .txt .space{
		border: 1px solid #aaa;
		border-radius: 2px;
		padding: 3px 5px;
		display: inline-block;
		margin-top: 0.4em;
	}
	.facility_inner .itembox .txtbox .txt .more{
		border: 1px solid #525252;
		border-radius: 3px;
		padding: 3px 5px;
		display: inline-block;
		margin-top: 0.4em;
		color: #fff;
		background-color: #525252;
		transition: .5s;
	}
	.facility_inner .itembox .txtbox .txt .more:hover{
		background-color: #D1722A;
		border: 1px solid #D1722A;
	}

}


/***/

.inqbox{
	width: 880px;
	background-color: #fff;
	margin: -5px auto 0;
	box-sizing: border-box;
	padding: 15px 40px 18px;
	border-radius: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.inqbox p {
	font-size: 90%;
	font-weight: 300;
}
.inqbox p a{
	text-decoration: underline;
	font-weight: 300;
}

a[class~="btn_blk"]{
	border: 1px solid #525252;
	border-radius: 4px;
	padding: 4px 15px;
	display: inline-block;
	margin-top: 0.4em;
	color: #fff;
	background-color: #525252;
	transition: .5s;
	font-weight: 300;

}
a[class~="btn_blk"]:hover{
	background-color: #D1722A;
	border: 1px solid #D1722A;
}

/***/
.mapbox{
	border: 3px solid r_ed;
	width: 780px;
	margin: 70px auto 0;
	display: flex;
	justify-content: space-between;
}
.mapbox .txtbox{
	border: 3px solid b_lue;
}
.mapbox .txtbox .tit{
	margin-top: 70px;
	font-weight: 500;
	font-size: 150% ;
}
.mapbox .txtbox .txt{
	font-size: 90%;
	font-weight: 300;
	margin-top: .6em;
	margin-right: 30px;
	width: 220px;
}

.mapbox .contactbox p{
	font-size: 90%;
	font-weight: 300;
	margin-top: 100px;
	letter-spacing: normal;
}
.mapbox .contactbox a{
	background-color: #fff;
}


a[class~="txtarrow2"]{
	border: 1px solid r_ed;
	width: 88%;
	display: inline-block;
	color: #888;
	transition: .5s;
	position: relative;
	padding: 13px 0 13px 15px;
	margin-top: 10px;
	border-radius: 10px;
}
a[class~="txtarrow2"] img{
	width: 85%;
}
a[class~="txtarrow2"]::before{
	content: '';
	border: 1px solid r_ed;
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 1px;
	left: 10px;
	z-index: 2;
}
a[class~="txtarrow2"]::after{
	content: '';
	border: 2px solid p_ink;
	position: absolute;
	display: inline-block;
	width: 90%;
	height: 11px;
	background-image: url(../img/arrow_bar_.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 6px;
	left: 10px;
	transition: .5s;
}
a[class~="txtarrow2"]:hover::after{
	left: 22px;
}



@media all and (max-width: 920px) {
	.mapbox{
		margin-left: 50px;
	}
}
@media all and (max-width: 750px) {

	.inqbox{
		width: 90vw;
		background-color: #fff;
		margin: -5px auto 0;
		box-sizing: border-box;
		padding: 15px 30px 18px;
		border-radius: 12px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.inqbox p {
		font-size: 90%;
		font-weight: 300;
	}
	.inqbox p a{
		text-decoration: underline;
		font-weight: 300;
	}
	
	a[class~="btn_blk"]{
		border: 1px solid #525252;
		border-radius: 4px;
		padding: 4px 15px;
		display: inline-block;
		margin-top: 0.4em;
		color: #fff;
		background-color: #525252;
		transition: .5s;
		font-weight: 300;
	
	}
	a[class~="btn_blk"]:hover{
		background-color: #D1722A;
		border: 1px solid #D1722A;
	}
	
	/***/
	.mapbox{
		border: 3px solid r_ed;
		width: 90%;
		margin: 70px auto 0;
		display: flex;
	}
	.mapbox .txtbox{
		border: 3px solid b_lue;
	}
	.mapbox .txtbox .tit{
		margin-top: 0px;
		font-weight: 500;
		font-size: 160% ;
	}
	.mapbox .txtbox .txt{
		font-size: 90%;
		font-weight: 300;
		margin-top: 1.6em;
		margin-right: 30px;
		width: 80%;
	}
	
	.mapbox .imgbox{
		margin-top: 1.6em;
		margin-right: 30px;
		width: 100%;
	}
	
	.mapbox .contactbox {
		text-align: center;
	}
	.mapbox .contactbox p{
		font-size: 90%;
		font-weight: 300;
		margin-top: 10px;
		letter-spacing: normal;
	}
	.mapbox .contactbox a{
		background-color: #fff;
	}
	
	
	a[class~="txtarrow2"]{
		border: 1px solid r_ed;
		width: 60vw !important;
		box-sizing: border-box;
		display: inline-block;
		color: #888;
		transition: .5s;
		position: relative;
		padding: 13px 0 13px 15px;
		margin-top: 10px;
		border-radius: 10px;
		text-align: left;
	}
	a[class~="txtarrow2"] img{
		width: 85%;
	}
	a[class~="txtarrow2"]::before{
		content: '';
		border: 1px solid r_ed;
		position: absolute;
		display: inline-block;
		width: 35px;
		height: 10px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 1px;
		left: 10px;
		z-index: 2;
	}
	a[class~="txtarrow2"]::after{
		content: '';
		border: 2px solid p_ink;
		position: absolute;
		display: inline-block;
		width: 90%;
		height: 11px;
		background-image: url(../img/arrow_bar_.svg);
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 6px;
		left: 10px;
		transition: .5s;
	}
	a[class~="txtarrow2"]:hover::after{
		left: 22px;
	}
	
}






/***/
.btnbox a[class~="txtarrow2"]::before{
	bottom: 3px;
}
.btnbox a[class~="txtarrow2"]:hover::after{
	left: 18px;
}

a[class~="txtarrow2"]{
	border: 1px solid r_ed;
	width: 88%;
	display: inline-block;
	color: #888;
	transition: .5s;
	position: relative;
	padding: 13px 0 13px 15px;
	margin-top: 10px;
	border-radius: 10px;
}
a[class~="txtarrow2"] img{
	width: 85%;
}
a[class~="txtarrow2"]::before{
	content: '';
	border: 1px solid r_ed;
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 1px;
	left: 10px;
	z-index: 2;
}
a[class~="txtarrow2"]::after{
	content: '';
	border: 2px solid p_ink;
	position: absolute;
	display: inline-block;
	width: 90%;
	height: 11px;
	background-image: url(../img/arrow_bar_.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 6px;
	left: 10px;
	transition: .5s;
}
a[class~="txtarrow2"]:hover::after{
	left: 22px;
}

.mapbox .imgbox {
	mix-blend-mode: multiply;
}

/***/

.kitchenbox{
	width: 900px;
	border: 2px solid r_ed;
	margin: 30px auto 0;
}

.kitchenbox .imgbox{
	border: 2px solid b_lue;
	position: relative;
	border-radius: 17px;
	overflow: hidden;
}
.kitchenbox .imgbox .tomos_img{
	position: relative;
	top: 0;
	left: 0;
}
.kitchenbox .imgbox .logo{
	position: absolute;
	top: 25px;
	left: 25px;
	width: 150px;
}
.kitchenbox .imgbox .txtbox{
	position: absolute;
	color: #fff;
	top: 160px;
	left: 25px;
	width: 200px;
	filter: drop-shadow(0px 0px 22px rgba(0,0,0,0.6));
}
.kitchenbox .imgbox .txtbox .tit{
	font-size: 150%;
}
.kitchenbox .imgbox .txtbox p{
	font-size: 82%;
	font-weight: 300;
	letter-spacing: normal;
	margin-top: 5px;
}


.mt100{
	margin-top: 100px;
}

.btnbox{
	border: 1px solid b_lue;
	width: 500px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}
.btnbox .txtarrow2{
	background-color: #fff;
	margin: 0 10px;
}

.w60p{
	width: 98% !important;

}
.w40p{
	width: 30%;
}
.w40p img{
	position: relative;
	top: 3px;
}




@media all and (max-width: 1005px) {
	.kitchenbox{
		margin-left: 50px;
	}
	
}

@media all and (max-width: 750px) {

	.btnbox a[class~="txtarrow2"]::before{
		bottom: 3px;
	}
	.btnbox a[class~="txtarrow2"]:hover::after{
		left: 18px;
	}
	
	a[class~="txtarrow2"]{
		border: 1px solid r_ed;
		width: 88%;
		display: inline-block;
		color: #888;
		transition: .5s;
		position: relative;
		padding: 13px 0 13px 15px;
		margin-top: 10px;
		border-radius: 10px;
	}
	a[class~="txtarrow2"] img{
		width: 85%;
	}
	a[class~="txtarrow2"]::before{
		content: '';
		border: 1px solid r_ed;
		position: absolute;
		display: inline-block;
		width: 35px;
		height: 5px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 1px;
		left: 10px;
		z-index: 2;
	}
	a[class~="txtarrow2"]::after{
		content: '';
		border: 2px solid p_ink;
		position: absolute;
		display: inline-block;
		width: 90%;
		height: 11px;
		background-image: url(../img/arrow_bar_.svg);
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 6px;
		left: 10px;
		transition: .5s;
	}
	a[class~="txtarrow2"]:hover::after{
		left: 22px;
	}
	
	.mapbox .imgbox {
		mix-blend-mode: multiply;
	}
	
	/***/
	
	.kitchenbox{
		width: 90vw;
		height: 110vw;
		border: 2px solid r_ed;
		margin: 55px auto 0;
	}
	
	.kitchenbox .imgbox{
		border: 2px solid b_lue;
		width: 100%;
		height: 80vw;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
	}
	.kitchenbox .imgbox .tomos_img{
		position:static;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		object-fit: cover;

	}
	.kitchenbox .imgbox .logo{
		position: absolute;
		top: 15px;
		left: 25px;
		width: 150px;
	}
	.kitchenbox .imgbox .txtbox{
		position: absolute;
		color: #fff;
		margin-top: 0px;
		margin-bottom: 20vw;
		left: 25px;
		width: 200px;
		filter: drop-shadow(0px 0px 22px rgba(0,0,0,0.6));
	}
	.kitchenbox .imgbox .txtbox .tit{
		font-size: 150%;
	}
	.kitchenbox .imgbox .txtbox p{
		font-size: 82%;
		font-weight: 300;
		letter-spacing: normal;
		margin-top: 5px;
	}
	
	
	.mt100{
		margin-top: 100px;
	}
	
	.btnbox{
		border: 1px solid b_lue;
		width: 70vw;
		margin: 25px auto 0;
		display: flex;
		flex-direction: column;
		height: 27vw;
		justify-content: space-between;
		position: relative;
		left: 3vw;
	}
	.btnbox .txtarrow2{
		background-color: #fff;
		margin: 0 10px;
	}
	
	.w60p{
		width: 98% !important;
	
	}
	.w40p{
		width: 30%;
	}
	.w40p img{
		position: relative;
		top: 3px;
	}

}


/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#about{
	padding-top: 70px;
	padding-bottom: 70px;
	border: 5px solid b_lue;
}
#about .leadbox{
	width: 750px;
	border: 2px solid r_ed;
	margin: 60px auto 0;
	text-align: center;
}
#about .leadbox .txtbox{
	width: 750px;
	border: 2px solid b_lue;
	display: flex;
	justify-content: space-between;
	text-align: left;
}
#about .leadbox .txtbox img{
	width: 300px;
}
#about .leadbox .txtbox p{
	width: 300px;
	font-weight: 300;
}

#about iframe{
	width: 700px;
	height: 430px;
	margin-top: 20px;
}

/***/

.sponsorbox{
	text-align: center;
	margin-top: 50px;
}

/***/

.staffbox{
	text-align: center;
	border: 2px solid r_ed;
	margin: 100px auto;
}
.staffbox .personbox{
	width: 570px;
	border: 2px solid r_ed;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}
.staffbox .personbox .itembox{
	width: 29%;
}
.staffbox .personbox .itembox .posstion{
	font-size: 70%;
	opacity: 0.8;
	margin-top: 10px;
}
.staffbox .personbox .itembox .name{
	font-weight: 600;
	position: relative;
	top: -5px;
	margin-top: 12px;
}
.staffbox .personbox .itembox .txt{
	font-size: 85%;
	font-weight: 300;
	opacity: 0.8;
	letter-spacing: normal;
	line-height: 1.3;
	text-align: justify;
	margin-top: 10px;
}


@media all and (max-width: 750px) {
	#about{
		padding-top: 70px;
		padding-bottom: 70px;
		border: 5px solid b_lue;
	}
	#about .leadbox{
		width: 90vw;
		border: 2px solid r_ed;
		margin: 2em auto 0;
		text-align: center;
	}
	#about .leadbox .txtbox{
		width: 80%;
		margin: 0 auto;
		border: 2px solid b_lue;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: center;
		margin-bottom: -50px;
	}
	#about .leadbox .txtbox img{
		width: 100%;
	}
	#about .leadbox .txtbox p{
		width: 100%;
		font-weight: 300;
		margin-top: 2em;
		text-align: left;
	}
	
	#about iframe{
		width: 90vw;
		height: 48vw;
		margin-top: 20px;
	}
	
	/***/
	
	.sponsorbox{
		text-align: center;
		margin-top: 50px;
	}
	
	/***/
	
	.staffbox{
		text-align: center;
		border: 2px solid r_ed;
		margin: 100px auto;
	}
	.staffbox .personbox{
		width: 90%;
		border: 2px solid r_ed;
		margin: 30px auto 0;
		display: flex;
		justify-content: space-between;
	}
	.staffbox .personbox .itembox{
		width: 31%;
	}
	.staffbox .personbox .itembox .posstion{
		font-size: 70%;
		opacity: 0.8;
		margin-top: 10px;
	}
	.staffbox .personbox .itembox .name{
		font-weight: 600;
		position: relative;
		top: -5px;
	}
	.staffbox .personbox .itembox .txt{
		font-size: 85%;
		font-weight: 300;
		opacity: 0.8;
		letter-spacing: normal;
		line-height: 1.3;
		text-align: justify;
		margin-top: 10px;
	}
	
	
}


/*------------------------------------------------------------
	tips
------------------------------------------------------------*/

#tips{
	border: 5px solid p_ink;
	background-color: #F7F7F5;
	padding-bottom: 70px;
	position: relative;
	overflow: hidden;
}

#tips .ceilingmark1{
	position: absolute;
	width: 750px;
	top: -100px;
	right: -300px;
	border: 3px solid r_ed;
	animation: rotation 56s infinite;
}
#tips .ceilingmark2{
	position: absolute;
	width: 750px;
	bottom: -100px;
	left: -400px;
	border: 3px solid r_ed;
	animation: rotation 50s infinite;


}
@keyframes rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}


#tips .inner{
	width: 100%;
	border: 3px solid r_ed;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}


#tips .inner .imgbox {
	display: flex;
}
#tips .inner .imgbox .imgflame{
	width: 60%;
	max-height: 870px;
	min-height: 800px;
	overflow: hidden;
	border: 2px solid b_lue;
}

#tips .inner .imgbox .imgflame img{
	border: 2px solid r_ed;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#tips .inner .imgbox .txtbox{
	width: 40%;
	border: 2px solid g_reen;
	position: relative;
}

#tips .inner .imgbox .txtbox h2{
	width: 350px;
	height: 40px;
	position: absolute;
	top: 70px;
	left: -1px;
}
#tips .inner .imgbox .txtbox h2 img{
	position: absolute;
	height: 45px;
	top: 0;
	left: 40px;
}

#tips .inner .imgbox .txtbox .tit{
	margin-top: 180px;
	font-size: 200%;
	font-weight: 500;
	margin-left: 40px;
}
#tips .inner .imgbox .txtbox .sub_top{
	margin-top: 20px;
	font-size: 110%;
	font-weight: 500;
	margin-left: 40px;
}
#tips .inner .imgbox .txtbox .sub{
	margin-top: -20px !important;
	font-size: 110%;
	font-weight: 500;
	margin-left: 40px;
	border: 1px solid r_ed;
}

#tips .inner .imgbox .txtbox .name{
	margin-top: 10px;
	font-size: 90%;
	font-weight: 500;
	margin-left: 40px;
	background-color: #fff;
	border-radius: 3px;
	padding: 2px 5px;
	display: inline-block;
}
#tips .inner .imgbox .txtbox .txt{
	margin-top: 20px;
	font-size: 85%;
	font-weight: 300;
	margin-left: 40px;
	width: 240px;
	text-align: justify;
}
/***/

/*** 下から登場するアニメーション ***/
@keyframes updown-anim{
	0%{
	  transform: translateY(100%); /*表示範囲外から*/
	}
	100%{
	  transform: translateY(0); /*通常の位置へ*/
	}
  }
  
@keyframes updown-anim2{
	0%{
	  transform: translateY(100%); /*表示範囲外から*/
	}
	100%{
	  transform: translateY(0); /*通常の位置へ*/
	}
  }
  
@keyframes updown-anim3{
	0%{
	  transform: translateY(100%); /*表示範囲外から*/
	}
	100%{
	  transform: translateY(0); /*通常の位置へ*/
	}
  }
  
  /*** アニメーションさせる要素 ***/
  .updown{
	display: flex;
	overflow: hidden;
  }
  .updown span{
	transform: translateY(110%); /*下（範囲外）に隠しておく*/
	display: block; /*ブロック要素に変更*/
  }
  
  /*** スクロールで画面に入った場合 ***/
  .updown.active span{
	animation: 0.35s updown-anim linear forwards; /*一度だけのアニメーション（終了時点で固定）*/
  }
  



  /*** 各文字のアニメーション遅延時間 ***/
  .updown span:nth-child(1) {
	animation-delay: 0s;
  }
  .updown span:nth-child(2) {
	animation-delay: 0.05s;
  }
  .updown span:nth-child(3) {
	animation-delay: 0.1s;
  }
  .updown span:nth-child(4) {
	animation-delay: 0.15s;
  }
  .updown span:nth-child(5) {
	animation-delay: 0.2s;
  }
  .updown span:nth-child(6) {
	animation-delay: 0.25s;
  }
  .updown span:nth-child(7) {
	animation-delay: 0.3s;
  }
  .updown span:nth-child(8) {
	animation-delay: 0.35s;
  }
  .updown span:nth-child(9) {
	animation-delay: 0.4s;
  }
  .updown span:nth-child(10) {
	animation-delay: 0.45s;
  }
  .updown span:nth-child(11) {
	animation-delay: 0.5s;
  }
  .updown span:nth-child(12) {
	animation-delay: 0.55s;
  }

  /*** アニメーションさせる要素 ***/
  .updown{
	display: flex;
	overflow: hidden;
  }
  .updown span{
	transform: translateY(110%); /*下（範囲外）に隠しておく*/
	display: block; /*ブロック要素に変更*/
  }
  /*** スクロールで画面に入った場合 ***/
  .updown2.active span{
	animation: 0.35s updown-anim2 linear forwards; /*一度だけのアニメーション（終了時点で固定）*/
  }


  .updown2 span:nth-child(1) {
	animation-delay: 0.45s;
  }
  .updown2 span:nth-child(2) {
	animation-delay: 0,5s;
  }
  .updown2 span:nth-child(3) {
	animation-delay: 0.55s;
  }
  .updown2 span:nth-child(4) {
	animation-delay: 0.6s;
  }
  .updown2 span:nth-child(5) {
	animation-delay: 0.65s;
  }
  .updown2 span:nth-child(6) {
	animation-delay: 0.7s;
  }
  .updown2 span:nth-child(7) {
	animation-delay: 0.75s;
  }
  
  .updown2 span:nth-child(8) {
	animation-delay: 0.8s;
  }
  
  .updown2 span:nth-child(9) {
	animation-delay: 0.85s;
  }
  
  .updown2 span:nth-child(10) {
	animation-delay: 0.9s;
  }
  
  .updown2 span:nth-child(11) {
	animation-delay: 0.95s;
  }
  
  .updown2 span:nth-child(12) {
	animation-delay: 1s;
  }



  
  .updown span:nth-child(22) {
	animation-delay: 1.05s;
  }
  
  .updown span:nth-child(23) {
	animation-delay: 1.1s;
  }
  
  .updown span:nth-child(24) {
	animation-delay: 0.75s;
  }
  
  .updown span:nth-child(25) {
	animation-delay: 1.15s;
  }
  
  .updown span:nth-child(26) {
	animation-delay: 1.2s;
  }
  
  .updown span:nth-child(27) {
	animation-delay: 1.25s;
  }
  
  .updown span:nth-child(28) {
	animation-delay: 1.3s;
  }
  
  .updown span:nth-child(29) {
	animation-delay: 1.35s;
  }
  
  .updown span:nth-child() {
	animation-delay: 0.75s;
  }
  
  .updown span:nth-child() {
	animation-delay: 0.75s;
  }
  
  
  
  
  /*** 装飾用 ***/
  .updown{
	font-weight: bold;
	font-size: 2rem;
	margin: 2rem;
	margin-top: 1000px;
  }
  


/***/

#tips .inner .sumbox{
	width: 900px;
	border: 2px solid r_ed;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
	padding-left: 20px;
}
#tips .inner .sumbox .itembox{
	width: 23%;
	text-align: center;
}
#tips .inner .sumbox .itembox span{
	font-size: 80% !important;
	font-weight: 100;
	display: block;
	position: relative;
	top: 1px;
	line-height: 1;
}




@media all and (max-width: 750px) {

	#tips{
		border: 5px solid p_ink;
		background-color: #F7F7F5;
		padding-bottom: 70px;
		position: relative;
		overflow: hidden;
	}
	
	#tips .ceilingmark1{
		position: absolute;
		width: 120vw;
		top: 100vw;
		right: -40vw;
		border: 3px solid r_ed;
		animation: rotation 56s infinite;
	}
	#tips .ceilingmark2{
		position: absolute;
		width: 750px;
		bottom: -100px;
		left: -100px;
		border: 3px solid r_ed;
		animation: rotation 50s infinite;
	}
	
	
	#tips .inner{
		width: 100vw;
		border: 3px solid r_ed;
		max-width: 1500px;
		margin: 0 auto;
		position: relative;
	}
	
	
	#tips .inner .imgbox {
		display: flex;
		flex-direction: column;
	}
	#tips .inner .imgbox .imgflame{
		width: 100%;
		max-height: 870px;
		min-height: 100px;
		overflow: hidden;
		border: 2px solid b_lue;
	}
	
	#tips .inner .imgbox .imgflame img{
		border: 2px solid r_ed;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#tips .inner .imgbox .txtbox{
		width: 80vw;
		border: 2px solid r_ed;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	
	#tips .inner .imgbox .txtbox h2{
		width: 100%;
		height: 40px;
		position: absolute;
		top: 70px;
		left: -1px;
	}
	#tips .inner .imgbox .txtbox h2 img{
		position: relative;
		height: 45px;
		top: 0;
		left: 0;
	}
	
	#tips .inner .imgbox .txtbox .tit{
		margin-top: 160px;
		font-size: 200%;
		font-weight: 500;
		margin-left: 0px;
	}
	#tips .inner .imgbox .txtbox .sub{
		margin-top: 20px;
		font-size: 110%;
		font-weight: 500;
		margin-left: 0px;
	}
	#tips .inner .imgbox .txtbox .name{
		margin: 5px auto 0;
		font-size: 90%;
		font-weight: 500;
		background-color: #fff;
		border-radius: 3px;
		padding: 4px 35px;
		display: inline-block;
	}
	#tips .inner .imgbox .txtbox .txt{
		margin-top: 20px;
		font-size: 90%;
		font-weight: 300;
		margin-left: 0px;
		width: 100%;
		text-align: justify;
	}
	/***/
	
	#tips .inner .sumbox{
		width: 90vw;
		border: 2px solid r_ed;
		margin: 50px auto 0;
		display: flex;
		justify-content: space-between;
		padding-left: 0px;
		flex-wrap: wrap;
	}
	#tips .inner .sumbox .itembox{
		width: 46%;
		text-align: center;
		margin-bottom: 12px;
	}
	#tips .inner .sumbox .itembox span{
		font-size: 80% !important;
		font-weight: 100;
		display: block;
		position: relative;
		top: 1px;
		line-height: 1;
	}
	
}


/*------------------------------------------------------------
	access
------------------------------------------------------------*/
#access{
	border: 5px solid b_lue;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}
#access iframe{
	width: 800px;
	height: 400px;
	margin-top: 40px;
}
#access p{
	margin-top: 1em;
	font-weight: 500;
}
#access p span{
	font-size: 85%;
	font-weight: 300;
	letter-spacing: normal;
}



@media all and (max-width: 750px) {
	#access{
		border: 5px solid b_lue;
		padding-top: 70px;
		padding-bottom: 70px;
		text-align: center;
	}
	#access iframe{
		width: 90vw;
		height: 90vw;
		margin-top: 0px;
	}
	#access p{
		margin-top: 1em;
		font-weight: 500;
	}
	#access p span{
		font-size: 85%;
		font-weight: 300;
		letter-spacing: normal;
	}
}


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

#footer{
	background-color: #333;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
}
#footer a{
	color: #fff;
}
#footer .inner{
	border: 2px solid r_ed;
	width: 900px;
	margin: auto;
	padding-left: 60px;
	font-size: 95%;
}
#footer .inner2{
	border: 2px solid b_lue;
	width: 100%;
	display: flex;
	margin-top: 30px;
}

#footer .inner2 ul{
	border: 2px solid p_ink;
	margin-right: 50px;
	width: auto;
	display: inline-block;
}
#footer .inner2 ul li{
	margin-bottom: 2em;
}
#footer .inner2 ul li a{
	font-weight: 300;
}

#footer .inner2 .clmn1{
	border: 2px solid p_ink;
	
}
#footer .inner2 ul li[class~="thintxt"] a{
	font-weight: 100;
	font-size: 90%;
}

.mt50{
	margin-top: 50px;
}

.copybox{
	font-weight: 300;
	font-size: 90%;
	margin: 20px 0;
	opacity: .9;

}
@media all and (max-width: 750px) {

	#footer{
		background-color: #333;
		color: #fff;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	#footer a{
		color: #fff;
	}
	#footer .inner{
		border: 2px solid r_ed;
		width: 100%;
		margin: auto;
		padding-left: 10vw;
		font-size: 95%;
		box-sizing: border-box;
	}
	#footer .inner2{
		border: 2px solid b_lue;
		width: 100%;
		display: flex;
		margin-top: 30px;
		flex-wrap: wrap;
	}
	
	#footer .inner2 ul{
		border: 2px solid p_ink;
		margin-right: 7px;
		width: 42%;
		display: inline-block;
	}
	#footer .inner2 ul li{
		margin-bottom: 2em;
	}
	#footer .inner2 ul li a{
		font-weight: 300;
	}
	
	#footer .inner2 .clmn1{
		border: 2px solid p_ink;
		position: relative;
		top: 1em;
		
	}
	#footer .inner2 ul li[class~="thintxt"] a{
		font-weight: 100;
		font-size: 90%;
	}
	
	.mt50{
		margin-top: 1em;
	}
	
	.copybox{
		font-weight: 300;
		font-size: 90%;
		margin: 20px 0;
		opacity: .9;
	
	}

}





/*------------------------------------------------------------
	スライダー
------------------------------------------------------------*/

@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoomUp {

	/* 1.15倍させる指定 */
	0% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.swiper-container {
	position: relative;
}

.sliderlogo {
	border: 1px solid b_lue;
	right: 30px;
	bottom: 20px;
	position: absolute;
	z-index: 2;
}

.swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
	/* ８秒かけて拡大させる */
	-webkit-animation: zoomUp 8s linear 0s;
	animation: zoomUp 8s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.swiper-img {
	background-size: cover;
	background-position: center center;
	/* 背景画像は中央を軸に表示させる */
	height: 75vh;
	max-height: 750px;
	min-height: 550px;
	/* 600pxの高さで表示させる */
}

.swiper-pagination {
	border: 0px solid r_ed;
	width: 12vw;
	position: absolute ;
	bottom: 0px ;
	right: 10px ;
	
}

.dotbox{
	border: 0px solid g_reen;
	position: relative;
	left: 43vw;
	top: 40px;
}

.swiper-pagination-bullet {
	background-color: #abd3e8;
}



@media all and (max-width: 750px) {

	.dotbox{
		border: 0px solid g_reen;
		position: relative;
		left: 0vw;
		top: 35px;
	}
	

}