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

.clear{
	clear:both;
}
.clear hr{
	display:none;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

.imgr{float:right; margin-left:15px; margin-bottom:1em;}
.imgl{float:left; margin-right:15px; margin-bottom:1em;}
.fltr{float:right; margin-left:15px; margin-bottom:1em;}
.fltl{float:left; margin-right:15px; margin-bottom:1em;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mr10{margin-right:10px; float:left;}

td.nowrap{white-space:nowrap;}

.iblock{
	display:inline-block;
}
.onot{
	overflow:hidden;
	zoom:1;
}
a.pdfico{
	background:url(../images/ico_pdf.gif) left top no-repeat;
	padding-left:35px;
	min-height:31px;
	display:block;
	height: auto !important;
	height: 31px;
}



/*----------
リンクボタン装飾_20200529
----------------*/
a.btn-border {
    display: inline-block;
    padding:0.8em 1em;
    margin:0 0 20px 0;
    text-decoration: none;
    border: solid 2px #e86497;
    transition: .4s;
    font-weight:700;
    background: #e86497;
    color:#ffffff;
}

a.btn-border:hover {
    border: solid 2px #e86497;
    background: #ffffff;
    color:#e86497;
}

.linkbtn img:hover {opacity: 0.5;}

/*----------
Flexbox_20200820
----------------*/

.row {
	display:flex;
	margin-left:0px;
	margin-right: 0px;
}
.col {
	width:100%; 
	margin:0 10px; 
	padding:20px;
}
.col-70 {
	width:70%; 
	padding:10px;
	margin:0 auto;
	text-align: center; 
}

.row_mlf-10 {
	margin-left:-10px;
	margin-right:-10px;
}

/* Flexbox_画像テキスト横並び */
.col {
	padding:10px;
	margin:0;
}
.col img {
	max-width:100%;
	height:auto;
	margin:0 0 15px 0;
}

/* Flexbox_テキスト*/
.row h3 { font-size:130%; font-weight:700; text-align: center; margin:10px 0;}
.row p {
	font-size:16px;line-height:1.5; margin:0 0 10px 0;
}

@media screen and (max-width:630px){
	.row { flex-wrap:wrap; }
	.col-sm-50 { width:50%; }
	.col-sm-40 { width:40% }
	.col-sm-33 { width:33.33333333%; }
	.col-sm-25 { width:25%; }
	.col-sm-20 { width:20%; }
	.col-sm-10 { width:10%; }
	.col-70 { width:100%; }
}
/* ------------------------------ */