@charset "UTF-8";

#content .box {
	padding: 1em;
	border: none;
	margin-bottom: 3rem;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);
}

#content .box.radius {
	border-radius: 10px;
}

.pad_l10px {
    padding-left: 10px;
}

.contact.red {
    border: solid #e74c3c 2px;
}


#content .box h3 {
	margin-top: 0;
}
#content .box p {
	margin-top: 0;
	line-height: 1.4;
}

#content .flexbox {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

#content .flexbox.reverse {
	flex-direction: row-reverse;
}

#content .flexbox .flexitem.width20 {
	width:20%;
}
#content .flexbox .flexitem.width30 {
	width:30%;
}

#content .flexbox .flexitem {
	padding: 2rem;
	max-width: 50%;
}
#content .flexbox .flexitem.width70 {
	width:70%;
	max-width: 70%;
}
#content .flexbox .flexitem.width80 {
	width:80%;
	max-width: 80%;
}

#content .box.gray {
	background-color: #444444;
	color: #FFFFFF;
}
#content .box.blue {
	background-color: #2F98B7;
	color: #FFFFFF;
}

#content .box.navy {
	background-color: #002060;
	color: #FFFFFF;
}

#content .box.beige {
	background-color: #FAC7A2;
}

#content .box.green {
	background-color: #00AC56;
	color: #FFFFFF;
}

#content .box.lightgreen {
	background-color: #6fd09f;
	color: #333333;
}


#content .box.olive {
	background-color: #6C8F28;
	color: #FFFFFF;
}

#content .box.pink {
	background-color: #F56883;
	color: #FFFFFF;
}
#content .box.orange {
	background-color: #F46600;
	color: #FFFFFF;
}

#content a .box {
	text-decoration-line: none;
}

#content .card .card-body {
	padding: 1em;
}
#content .thumbnail.yellow {
	background-color: #FFBD32;
	color: #FFFFFF;
}
#content .card.orange {
	background-color: #ffe3a6;
	color: #333333;
}
#content .card.blue {
	background-color: #0074BD;
	color: #FFFFFF;
}
#content .card.pink {
	background-color: #FF4398;
	color: #FFFFFF;
}
#content .card.green {
	background-color: #00951D;
	color: #FFFFFF;
}
#content .card.purple {
	background-color: #6F3B9D;
	color: #FFFFFF;
}




#content .box.default {
	background-color: #FFFFFF;
}


#content .mbtm1rem {
	margin-bottom: 1rem;
}

#content .mbtm3rem {
	margin-bottom: 3rem;
}

#content .mtop3rem {
	margin-top: 3rem;
}

#content .md {
	font-size: 200%;
}

#content .bg {
	font-size: 400%;
}

#content .sm {
	font-size: 140%;
}




@media all and (max-width: 515px) {

#content .flexbox .flexitem {
	padding: 0.5rem;
	width: auto;
}


#content .bg {
	font-size: 5.6vw;
}

#content .md {
	font-size: 4.7vw;
}

#content .sm {
	font-size: 4.0vw;
}

}

#content .label.label-block {
	display: block;
}
#content .label.label-outline.label-pink {
	color: #F56883;
	background: #FFFFFF;
}

#content .badge {
	text-indent: 0;
}




#content .card.bg-danger {
	border-color :#FF5C67;
}

#content .card.bg-danger .card-header {
	background-color: #FF5C67;
	border-color:#FF5C67;
	color: #FFFFFF;
}

#content .card.bg-danger .card-footer {
	background-color: #FF5C67;
	border-color:#FF5C67;
	color: #FFFFFF;
}



#content .card.bg-success .card-header {
	background-color: #00AC56;
	color: #FFFFFF;
}

#content .card.bg-success .card-footer {
	background-color: #00AC56;
	border-color:#00AC56;
	color: #FFFFFF;
}

#content .card.bg-info .card-footer {
	background-color: #2F98B7;
	border-color:#2F98B7;
	color: #FFFFFF;
}


#content .card.bg-danger .label-danger.label-outline {
	background-color: #FFFFFF;
	border-color:#FF5C67;
	color: #FF5C67;
}

#content .card.bg-yellow {
	border-color :#FFBD32;
	background-color: #FFF1CE;
}


#content .section {
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	background: #FFF1CE;
}

#content table.tblmeal {
	width: 100%;
}

#content table.tblmeal tr {
	border-top: 1px dotted #ccc;
}

#content table.tblmeal td {
	vertical-align: middle;
	padding: 0.4em 1em;
}

#content span.text_bg {
	display: inline-block;
	padding: 0.5em 1em;
}
#content span.text_bg.bg_gray {
	background: #DDD;
}
#content span.text_bg.bg_pink {
	background: #ffe1e3;
}

#content span.text_bg.text-block {
	display: block;
	text-align: center;
}

.marker.blue.thin {
background: linear-gradient(transparent 80%, #3498db 80%);
}

.marker_green.thin {
	background: linear-gradient(transparent 80%, #92D050 80%);
}

#content .card.panel_dot .card-header {
	background-color: #ffc000;
	background-image:
		radial-gradient(#ffe8c9 10%, transparent 10%),
		radial-gradient(#ffe8c9 10%, transparent 10%);
	background-size: 15px 15px;
	background-position: 0 0, 8px 8px;
	border: solid 1px #ffc000;
	color: #FFFFFF;
}

/* #content .panel.panel_dot .panel-heading {
	background-color: #00AC56;
	background-image:
		radial-gradient(#61C575 20%, transparent 20%),
		radial-gradient(#61C575 20%, transparent 20%);
	background-size: 15px 15px;
	background-position: 0 0, 8px 8px;
	border: solid 1px #00AC56;
	color: #FFFFFF;
} */




#content .caution {
	margin: 10px auto;
	padding: 1em;
}

#content .font-pink {
	color: #F56883;
}



.ind_015 {
	display: block;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.label-text.label-outline {
	background-color: #ffc000;
	border:solid 1.3px  #ffffff;
	color :  #ffffff;
}

.label-text[href]:hover, .label-text[href]:focus {
	color: #ffc000;
}

.point_orange {
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.point_orange::before {
	margin: .2em;
	content: "\f111";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color: #ffc000;/* アイコンの色 */
}

.point_orange i {
	text-indent: 0;
}

.point_orange {
	text-align: left;
}

.text_box {
	border: dashed 4px #ffc000;
}

hr.dot_line {
	border: dashed 3px #ffc000;
}


/** 01. 丸数字カウンターリスト
 **************************************************************** **/
ol.calender_list {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}

#content ol.calender_list > li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
	line-height: 1.5;
}

ol.calender_list > li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	/* background-color: #002060; */
	color: #E67E22;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	vertical-align: middle;
}

/* ol.calender_list.back_orange > li::before {
	background-color: #002060;
} */



/** タイトル付き枠
 **************************************************************** **/
.box20 {
	margin: 1em 0;
}
.box20 .box-title {
	font-family: 'YakuHanJP' ,'M PLUS 1p', "Open Sans", "Helvetica Neue", Helvetica, "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	font-size: 1.8rem;
	padding: 5px 10px;
	text-align: center;
	font-weight: 900;
	letter-spacing: 0.05em;
}
.box20 .box-inner {
	padding: 10px 15px 15px 15px;
}
#content .box20 p{
	padding: 5px 0;
	margin: 0px;
	line-height: 1.5;
}
.justify{
	text-align:justify
}
.box20 p.img {
	padding: 5px;
	margin: 0;
}
.box20.backblue{
	background: #ffff;
	border: solid 1px #4e8ac9;
}
.box20.backblue .box-title {
	background: #fff;
	color: #4e8ac9;
}
.box20.backpink{
	background: #ffff;
	border: solid 4px #C74890;
}
.box20.backpink .box-title {
	background: #fff;
	color: #C74890;
}
.box20.backred{
	background: #ffff;
	border: solid 3px #FF0000;
}
.box20.backred .box-title {
	background: #FF0000;
	color: #fff;
}
.box20.backyellow{
	background: #ffff;
	border: solid 1px #F4CB0D;
	color: #393939;
}
.box20.backyellow .box-title {
	background: #fff;
	color: #F4CB0D;
}
@media screen and (max-width: 767px){
	.box20 .box-title {
		font-size: 1.5rem;
		padding: 10px 10px;
		text-align: center;
		font-weight: 900;
		letter-spacing: 0.05em;
	}
}