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

figure {
    float: left;             /* 左に寄せて後続を右に回り込ませる */
    margin: 0px 15px 15px 0px; /* 外側に余白を加える(右に7px・下に7px) */
    background-color: none;  /* 背景色 */
}
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}
figcaption {
    font-size: 0.9em;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
}
div.imagearea:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

body { padding-top: 60px; 
}

.container-fluid {
	max-width:1600px;
	margin:0 auto;
	padding-right: 0px;
	padding-left: 0px;
}

#column {
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin:0 auto;
}

.row {
	padding-right: 10px;
	padding-left: 10px;
}

ul {
  list-style: none;
}
li {
  display: inline-block;
}
#footer {
	background: #FFFFFF;/* #848484; */
	font-color: #000000;/* #FFFFFF; */
}
#footer p {
	font-size: 16px;
}
#footer ul {
  margin-right: 40px;
}

h1 {
	font-size: 24px; 
	text-indent: -9999px;
}
h2{
	position: relative;
	color: #6d95c2; /*color: #5B9CEB #2780E3 CC550F FFB86C 5B5799;*//*color: #2780E3 577799 2CFFFF FF8D6C CC1D0F;*/
	font-weight: bold;
	margin-right: 10px;
}
h3{
	color: #6d95c2;
}

table{
	border: 0px; 
}
td, th { 
	border: 1px #ffffff solid; 
	font-size: 18px;
}

td  {
	padding: 10px;
}
.leftcell {
	width: 35%;
	background-color: #6d95c2;
	color: #FFF;
}
.rightcell {
	width: 65%;
	background-color: #e0edf9;
	/*color: #469408 #5B9CEB;*/
}
img {
	max-width:100%;
	height:auto;
}
.backimage {
	overflow: auto;
	background-color: transparent;
	background-image: url("../img/cpt02.JPG");
	background-attachment: fixed; 
	background-size:cover;

}
.card {
	opacity: 0.80;
	background-color: #000000;
}

.rightimage2020 {
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.leftimage20 {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 10px;
}

.layerImage01{
	width:					100%;
	height:					auto;
	background-image: 		url("../img/cpt01.jpg");
	background-size:		100%;
	background-repeat: 		repeat;
	background-position: 	relative;
}
.layerImage02{
	width:					100%;
	height:					auto;
	background-image: 		url("../img/twsb (4).jpg") ;
	background-size:		100%;
	background-repeat: 		repeat;
	background-position: 	relative;
}

.layerTransparent{
	background-color:		rgba(0,0,0,0.85);
}

.jumbotron{
	opacity: 0.90;
	padding-top : 20px ;
	padding-bottom : 40px ;
	border-radius: 0;
	/*
	box-shadow: 5px 5px 40px #6E6E6E;
	background-color : transparent ;*/
}

.btn-primary {
    background: #F5A9BC; //ボタンの背景色
    color: #ffffff; //ボタンのテキストの色
	border: 0 none;
}

.btn-primary:hover, .btn-primary:focus, 
.btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary, 
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background: #F5A9BC; //ボタンの上にポインタを持ってきたり、クリックしたりした時の背景色
    color: #ffffff; //ボタンの上にポインタを持ってきたり、クリックしたりした時のテキストの色
}

.btn-primary.outline {
    border: 3px solid #F5A9BC; //アウトラインのみのボタンの線の色
    color: #F5A9BC; //アウトラインのみのボタンのテキストの色
}

.pc { display: block !important; 
}
.sp { display: none !important; 
}

/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
    background: rgba(109,149,194,0.7);
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #074DA3;
}
/* オンライン申込 */
#reserve {
    position: fixed;
    top: 200px;
    right: 0px;
    font-size: 100%;
}
#reserve a {
    background: rgba(82,156,247,0.7);
    text-decoration: none;
    color: #fff;
    width: 120px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 20px 0px 0px 20px;
}
#reserve a:hover {
    text-decoration: none;
    background: #F5A9BC;
}
      
@media(min-width:1025px){
	h2{font-size: 50px;}
	h3{font-size: 36px;}
	h4{font-size: 30px;}
	h5{font-size: 24px;}
	h6{font-size: 20px;}
    .jumbotron p {font-size: 22px;}
	.card-header{font-size: 28px;}
	.card-text{font-size: 20px;}
   .leftcell {font-size: 20px;}
   .rightcell {font-size: 20px;}	
}
@media(max-width:1024px) and (min-width:600px){
	h2{font-size: 40px;}
	h3{font-size: 28px;}
	h4{font-size: 24px;}
	h5{font-size: 20px;}
	h6{font-size: 18px;}
	.rightimage2020 {width: 250px; height: auto; }
    .jumbotron p {font-size: 20px;}
	.card-header{font-size: 26px;}
	.card-text{font-size: 20px;}
   .bg-slider__title{font-size: 32px;}
}
@media(max-width:599px){
	h2{font-size: 32px;}
	h3{font-size: 24px;}
	h4{font-size: 20px;}
	h5{font-size: 18px;}
	h6{font-size: 16px;}
   .pc { display: none !important; }
   .sp { display: block !important; }
   .rightimage2020 {width: 200px; height: auto; }
   .leftimage20 {width: 150px; height: auto; }
   .jumbotron p {font-size: 18px;}
   .imagearea img  {width: 100px; height: auto; }
   .backimage {background-image: url("../img/cpt35.JPG");
   			   background-size:contain;}
   li img  {width: 30px; height: auto; }
   .leftcell {font-size: 16px;}
   .rightcell {font-size: 16px;}
	.card-header{font-size: 24px;}
	.card-text{font-size: 18px;}
   .bg-slider__title{font-size: 24px;}
   .bg-slider__title img{width: 200px; height: auto; }
}