/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@charset "UTF-8";

html{
  background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th{
  margin:0;
  padding:0;
}
table {
/*  border-collapse:collapse;
  border-spacing:0;*/
}
fieldset, img {
	border:0;
	text-align: center;
}
/*
address, caption, cite, code, dfn, em, strong, th, var {
*/
address, caption, cite, code, dfn, em, th, var {
  font-style:normal;
  font-weight:normal;
}
/*
li {
  list-style:none;
}
*/
caption, th {
  text-align:left;
}
h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}
q:before, q:after {
  content:'';
}
abbr, acronym {
  border:0;
  font-variant:normal;
}
/*
sup {
  vertical-align:text-top;
}
sub {
  vertical-align:text-bottom;
}
*/
input, textarea, select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}
input, textarea, select {
  *font-size:100%;
}
legend {
  color:#000;
}
/*「html要素にbackground-colorやbackground-imageを指定した場合、body要素の背景が描画エリアいっぱいにならなくなる」を回避*/
html {
  background-color: transparent;
  background-image: none;
}

.dnd-section{
	padding:0;
}
.dnd-section>.row-fluid {
	margin:0;
	padding:0;
	max-width:inherit;
}
.dnd-section .widget-type-cell{
	padding:0;
}


/*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) ***/

*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg*,symbol*)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}



/* -----------------------------------------------------------
共通パーツ
------------------------------------------------------------- */
body{
	color: #231815;
	font-size: 14px;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Yu Gothic UI, Meiryo,'游ゴシック', 'メイリオ','ＭＳ Ｐゴシック', 'MS PGothic', Arial, verdana,sans-serif;
	scroll-behavior: smooth;
}
p{
	font-size:14px;
	line-height: 1.7;
	/* text-align: justify; */
	letter-spacing: 0;
}
img {
	width: 100%;
  	max-width: 100%;
  	height: auto;
  	vertical-align: bottom;
}
a{
  text-decoration: none;
}
a:hover{
  opacity: 0.8;
}
section{
	padding:80px 0;
	margin:auto;
}
span{
	font-size:inherit;
}

@media(max-width: 900px){
	.sp_none {
		display: none !important;
	}
}
@media(max-width:960px){
	.mb_none {
		display: none !important;
	}
}
@media(min-width:769px){
	.pc_none {
		display: none !important;
	}
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {    clear: both; }
.cf {    *zoom: 1; }

.w20{width:22%}
.w30{width:29%;}
.w40{width:38%;}
.w50{width:48%;}
.w60{width:58%;}
.w70{width:68%;}
.w80{width:76%}
.w100{width:100%;}
@media(max-width: 900px){
  	.w20,.w30,.w40,.w50,
	.w60,.w70,.w80,.sp_w100{
		width:100%;
	}
	.sp_w50{width:48%;}
}

.block{
	display: block;
}

/*_____テキスト_____*/
.m_center { margin-left: auto; margin-right: auto; }
.txtC { text-align: center; }
.txtR{	text-align: right;}
.txtL{	text-align: left;}
.bold{	font-weight: bold;}
.txt10{ font-size: 10px;}
.txt12{ font-size: 12px;}
.txt14{ font-size: 14px;}
.txt15{ font-size: 15px;}
.txt18{ font-size: 18px;}
.txt20{ font-size: 20px;}
.txt22{ font-size: 22px;}
.txt24{ font-size: 24px;}
.txt30{ font-size: 30px;}
.txt32{ font-size: 32px;}
.txt40{ font-size: 40px;}
.txt48{ font-size: 48px;}
@media(max-width: 900px){
	.sp_txtC{
		text-align: center;
	}
	.sp_txtL{
		text-align: left;
	}
	.txt14{ font-size: 12px;}
	.txt15{ font-size: 14px;}
	.txt18{ font-size: 16px;}
	.txt24{ font-size: 18px;}
	.txt30{ font-size: 20px;}
	.txt32{ font-size: 22px;}
	.txt40{ font-size: 24px;}
	.txt48{ font-size: 32px;}
}
.indent{
	padding-left: 1em;
  	text-indent: -1em;
}

/*_____フレックス_____*/
.flex{
	display: -ms-flexbox;
	display: flex;
}
.justC{justify-content: center;}
.justB{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.justA{
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flexW{
	flex-wrap: wrap;
}

.alignC{align-items: center;}
.alignB{align-items: baseline;}
.alignE{align-items: end;}
@media (max-width: 900px) {
	.sp_flclear{
		display: block;
	}
	.sp_flex{
		display: flex;
	}
	.flexrevrse{
	 flex-direction: column-reverse;
	}
}


/*_____余白_____*/
.m0auto{margin: 0 auto}

.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

.mr0{margin-right: 0;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.ml0{margin-left: 0;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}

.mar10{margin:10px;}
.mar15{margin:15px;}
.mar20{margin:20px;}
.mar30{margin:30px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

@media (max-width: 900px){
  .sp_mb0{margin-bottom: 0;}
  .sp_mb10{margin-bottom: 10px;}
  .sp_mb15{margin-bottom: 15px;}
  .sp_mb20{margin-bottom: 20px;}
  .sp_mb30{margin-bottom: 30px;}
  .sp_mt0{margin-top: 0;}
  .sp_mt10{margin-top: 10px;}
  .sp_mt15{margin-top: 15px;}
  .sp_mt20{margin-top: 20px;}
  .sp_mt30{margin-top: 30px;}
}

/* -----------------------------------------------------------
フォームのデフォルトスタイル打ち消し
------------------------------------------------------------- */
body{	background-color: #fff;}
p{	margin:0;}
.panel-default{ border:none;}
section{padding:40px 0;}
.panel{    
	background-color: inherit;
	box-shadow: none;
	margin-bottom:0px;
}
.btn-group{
	margin-bottom:60px;
}
.btn-primary{
	background-color: #00495b;
	border:none;
}
.btn-primary:hover{
	opacity: 0.8;
	background-color: #00495b;
	border:none;
}
.btn-success{
	color: #fff;
    background-color: #00495b;
    border-color: #00495b;
}
.img-responsive{
	max-width: 400px;
}
.form-horizontal .control-label{
	text-align: left;
}
@media (min-width: 992px) {
    .col-md-2 {
        width: 26%;
    }
	.col-md-10 {
        width: 70%;
    }
}
/* -----------------------------------------------------------
スカプロ団体予約フォーム
------------------------------------------------------------- */
header{
    background: rgba(0, 0, 0, 0.8);
	padding:20px 0px;
}
footer{
    background: rgba(0, 0, 0, 0.8);
	margin:0;
	padding:10px;
}
.footer_wrap{
    max-width:1160px;
    margin:0 auto;
}
footer p{
	font-size:12px;
	color:#fff;
}
.container{
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
}
.green{color:#00495b}