@charset "UTF-8";

/* Bootstrap4 のカルーセルの高さがChromeだけおかしい件への対応 */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
display:block !important;
}

html,body{height:100%;font-weight: normal !important;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
h1{font-size:0.5rem;margin-bottom:0;padding:3px 0;font-weight: normal;}
a{color:#13798B;}
a:hover{color:#13798B;text-decoration: none;}
a.btn{color:#FFF !important;}
a.btn-light{border:1px solid #DDD;color:#000 !important;}
p{margin-bottom:2rem;}
table th{font-weight: normal;}
button:hover{cursor: pointer;}

footer{background:#3F51B5;padding:0 1rem;color:#FFF;}
footer a,footer a:active,footer a:visited footer a:link{color:#FFF;}
footer a:hover{color:#FFF;}
.copyright{text-align:center;font-size:0.8rem;padding:10px 0;background:#283593;color:#FFF;}

.mess_board{position:fixed;width:100%;height:100vh;background:#17A2B8;z-index:1000;display:flex;justify-content: center;align-items: center;flex-direction:column;}

.foot_balloon{flex:1;}
.badge{font-weight: normal;padding:0.3rem 0.5rem;}
.badge-warning{background:#FFB74D;color:#FFF;}
.badge-secondary{background-color:#DDD;}


.card-columns {column-count: 5;}
.grid{margin:0 auto;display:block;}
.grid-item{width:300px;border:1px solid #CCC;padding:15px;margin-bottom: 20px;display: block;}

.table01 th{background-color: #FAFAFA;white-space:nowrap;padding:1rem;}
.table01 td{padding:1rem;}
.table01 p{margin-bottom: 1rem;}

.privacy_box{border:0.2rem solid #CCC;padding:2rem;}
.privacy_box h3{color:#00838F;font-size:1.2rem;margin-top:50px;margin-bottom: 30px;}
.privacy_box p{line-height: 200%;}
.privacy_box li{margin-bottom: 15px;}

.showcase{min-height:500px;}
.showcase img{max-height:490px;}
.description{overflow:hidden;}


.post img{max-width: 100%;height:auto;}
.post p{line-height:1.8rem;}
.description img{max-width: 100%;}
.description p{line-height:1.8rem;}



/* テキストカラー *********************************************/
.fcw{color:#FFF;}
.fcg{color:#008000;}
.fcr{color:#dc143c;}
.fcb{color:#4169e1;}





/* 横幅 *********************************************/
.wd100{width:100%;}





/* 行間 *********************************************/
.lh10{line-height:1.0rem !important;}
.lh15{line-height:1.5rem !important;}
.lh20{line-height:2.0rem !important;}
.lh25{line-height:2.5rem !important;}
.lh30{line-height:3.0rem !important;}
.lh50{line-height:5.0rem !important;}





/* フォントサイズ *********************************************/
.fs05{font-size:0.5rem;}
.fs06{font-size:0.6rem;}
.fs07{font-size:0.7rem;}
.fs08{font-size:0.8rem;}
.fs09{font-size:0.9rem;}
.fs10{font-size:1.0rem;}
.fs11{font-size:1.1rem;}
.fs12{font-size:1.2rem;}
.fs13{font-size:1.3rem;}
.fs14{font-size:1.4rem;}
.fs15{font-size:1.5rem;}
.fs16{font-size:1.6rem;}
.fs18{font-size:1.8rem;}
.fs20{font-size:2.0rem;}
.fs25{font-size:2.5rem;}
.fs30{font-size:3.0rem;}
.fs35{font-size:3.5rem;}
.fs40{font-size:4.0rem;}
.fs45{font-size:4.5rem;}
.fs50{font-size:5.0rem;}





/* フォントデコレーション *********************************************/
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}





/* テキストアライン *********************************************/
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}




/* ディスプレイ *********************************************/
.vanish{display:block;}
.birth{display:none;}

@media (max-width: 768px) {
.vanish{display:none;}
.birth{display:block;}
}

.vanish-inline{display:inline-block;}
.birth-inline{display:none;}

@media (max-width: 768px) {
.vanish-inline{display:none;}
.birth-inline{display:inline-block;}
}




/* マージン *********************************************/
.mb-6{margin-bottom:6rem;}
.mb-7{margin-bottom:7rem;}
.mb-8{margin-bottom:8rem;}
.mb-9{margin-bottom:9rem;}
.mb-10{margin-bottom:10rem;}
.mt-6{margin-top:6rem;}
.mt-7{margin-top:7rem;}
.mt-8{margin-top:8rem;}
.mt-9{margin-top:9rem;}
.mt-10{margin-top:10rem;}


/* パディングクラス *********************************************/
.pd05{padding:0.5rem;}
.pd10{padding:1.0rem;}
.pd15{padding:1.5rem;}
.pd20{padding:2.0rem;}
.pd25{padding:2.5rem;}
.pd30{padding:3.0rem;}
.pd35{padding:3.5rem;}
.pd40{padding:4.0rem;}
.pd45{padding:4.5rem;}
.pd50{padding:5.0rem;}

.pdb05{padding-bottom:0.5rem;}
.pdb10{padding-bottom:1.0rem;}
.pdb15{padding-bottom:1.5rem;}
.pdb20{padding-bottom:2.0rem;}
.pdb25{padding-bottom:2.5rem;}
.pdb30{padding-bottom:3.0rem;}
.pdb35{padding-bottom:3.5rem;}
.pdb40{padding-bottom:4.0rem;}
.pdb45{padding-bottom:4.5rem;}
.pdb50{padding-bottom:5.0rem;}

.pdr05{padding-right:0.5rem;}
.pdr10{padding-right:1.0rem;}
.pdr15{padding-right:1.5rem;}
.pdr20{padding-right:2.0rem;}
.pdr25{padding-right:2.5rem;}
.pdr30{padding-right:3.0rem;}
.pdr35{padding-right:3.5rem;}
.pdr40{padding-right:4.0rem;}
.pdr45{padding-right:4.5rem;}
.pdr50{padding-right:5.0rem;}

.pdl05{padding-left:0.5rem;}
.pdl10{padding-left:1.0rem;}
.pdl15{padding-left:1.5rem;}
.pdl20{padding-left:2.0rem;}
.pdl25{padding-left:2.5rem;}
.pdl30{padding-left:3.0rem;}
.pdl35{padding-left:3.5rem;}
.pdl40{padding-left:4.0rem;}
.pdl45{padding-left:4.5rem;}
.pdl50{padding-left:5.0rem;}

.pdt05{padding-top:0.5rem;}
.pdt10{padding-top:1.0rem;}
.pdt15{padding-top:1.5rem;}
.pdt20{padding-top:2.0rem;}
.pdt25{padding-top:2.5rem;}
.pdt30{padding-top:3.0rem;}
.pdt35{padding-top:3.5rem;}
.pdt40{padding-top:4.0rem;}
.pdt45{padding-top:4.5rem;}
.pdt50{padding-top:5.0rem;}





/* ボーダークラス *********************************************/
.bd01{border:1px solid #CCC;}
.bdt01{border-top:1px solid #CCC;}
.bdl01{border-left:1px solid #CCC;}
.bdr01{border-right:1px solid #CCC;}
.bdb01{border-bottom:1px solid #CCC;}
.bd02{border:2px solid #CCC;}
.bdt02{border-top:2px solid #CCC;}
.bdl02{border-left:2px solid #CCC;}
.bdr02{border-right:2px solid #CCC;}
.bdb02{border-bottom:2px solid #CCC;}
.bd03{border:3px solid #CCC;}
.bdt03{border-top:3px solid #CCC;}
.bdl03{border-left:3px solid #CCC;}
.bdr03{border-right:3px solid #CCC;}
.bdb03{border-bottom:3px solid #CCC;}





/* 文字間クラス *********************************************/
.ls01{letter-spacing:0.1rem;}
.ls02{letter-spacing:0.2rem;}
.ls03{letter-spacing:0.3rem;}
.ls05{letter-spacing:0.5rem;}
.ls10{letter-spacing:1.0rem;}





/* ポインター *********************************************/
.cp{cursor:pointer;}





/* 文字を1文字下げる *********************************************/
.dan{padding-left:20px;position:relative;}
.dan i{left:0; position: absolute; width:15px; text-align:center; color:#C2185B;}





/*　ドロップシャドウ *********************************************/
.ds01{
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}




/*　テキストシャドウ *********************************************/
.tsw{
text-shadow: 1px 1px 15px rgba(255,255,255,1);
}

.tsb{
text-shadow: 1px 1px 5px rgba(0,0,0,1);
}





/* ボーダーラディアス *********************************************/
.rs05{
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.rs10{
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}



/* 背景透過 *********************************************/
.alf_b03{background:rgba(0,0,0,0.3);}
.alf_w03{background:rgba(255,255,255,0.3);}
.alf_b04{background:rgba(0,0,0,0.4);}
.alf_w04{background:rgba(255,255,255,0.4);}
.alf_b05{background:rgba(0,0,0,0.5);}
.alf_w05{background:rgba(255,255,255,0.5);}
.alf_b06{background:rgba(0,0,0,0.6);}
.alf_w06{background:rgba(255,255,255,0.6);}
.alf_b07{background:rgba(0,0,0,0.7);}
.alf_w07{background:rgba(255,255,255,0.7);}
.alf_b08{background:rgba(0,0,0,0.8);}
.alf_w08{background:rgba(255,255,255,0.8);}
.alf_b09{background:rgba(0,0,0,0.9);}
.alf_w09{background:rgba(255,255,255,0.9);}

.alf_10{filter:alpha(opacity=10);-moz-opacity: 0.1;opacity: 0.1;}
.alf_20{filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.alf_30{filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}
.alf_40{filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.alf_50{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.alf_60{filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.alf_70{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.alf_80{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.alf_90{filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}



/* スクロールDIV *********************************************/
.div_sc{overflow-y:scroll; height:200px; border:2px solid #DDD; padding:30px;}





/* フロートクラス *********************************************/
.flr{float:right;margin-left:15px;}
.fll{float:left;margin-right:15px;}




/* 折り返し禁止 *********************************************/
.wsnw{white-space: nowrap;}