@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;
}
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: #56CC9D;/*color: #2780E3 CC550F FFB86C 5B5799;*//*color: #2780E3 577799 2CFFFF FF8D6C CC1D0F;*/
	font-weight: bold;
	margin-right: 10px;
}
h3{
	color: #56CC9D;
}

img {
	max-width:100%;
	height:auto;
}

.backimage {
	overflow: auto;
	background-color: transparent;
	background-image: url("../img/wnt23.jpg");
	background-attachment: fixed; 
	background-size:cover;

}
.card{
	border-radius: 0;
	border: none;
}
.card-body{
	padding: 0px;
}
.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 ;*/
}

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

/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
    background: rgba(149,185,219,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: #3978b3;
}

/* スマホの長押し禁止 */
img {
  pointer-events: none;
}
img {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

@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: 18px;}
	.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: 18px;}
	.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: 16px;}
   .imagearea img  {width: 100px; height: auto; }
   .backimage {background-image: url("../img/wnt23.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; }
}