@charset "UTF-8";

/* -------------------------------------------------- *
 * タブを修正
 * -------------------------------------------------- */

.nav-tabs-outer {
	overflow-x:scroll;
}
.nav-tabs-outer::-webkit-scrollbar {
	display: none;
}
.nav-tabs-outer .nav-tabs li {
	display: block;
	width: 50%;
}
@media (max-width: 768px) {
	.nav-tabs-outer{
		overflow-x: scroll;
	}
	.nav-tabs-outer .nav-tabs li {
		display: block;
		width: 50%;
	}
	.nav-tabs-outer .nav-tabs li a {
		padding:5px;
	}
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #3498db;
	border: 1px solid #3498db;
	border-bottom-color: transparent;
}

.nav > li > a {
	color: #3498db;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
	background-color: #CCE9FD;
	border: 1px solid #CCE9FD;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	color: #fff;
	cursor: default;
	background-color: #3498db;
	border: 1px solid #3498db;
	border-bottom-color: transparent;
}

.nav.nav-stacked > li:first-child > a {
	margin-left: 2px;
}


/* -------------------------------------------------- *
 * panel
 * -------------------------------------------------- */
.panel {
	border-width: 5px;
}

.panel-heading {
	border-width: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.panel-warning {
	border-color: #fc825d;
}
.panel-warning .panel-heading {
	background-color: #fc825d;
	border-color: inherit;
	color: #FFFFFF;
}


/** 00. Bootstrap Function expansion
 **************************************************************** **/
.row-center {
	letter-spacing: -0.4em;
}

.row-center > [class*='col-'] {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	float: none !important;
}

/*Vertical center alignment*/
.row-center.va-middle > [class*='col-'] {
	vertical-align: middle;
}

/*Bottom alignment*/
.row-center.va-bottom > [class*='col-'] {
	vertical-align: bottom;
}


/* 下線
---------------------------------------------------- */
.center-line {
    width: 30%;
    height: 5px;
    display: block;
    margin: 10px auto 30px auto;
    border-bottom: 1px solid #F879D7;
    border-top: 1px solid #F879D7;
}
@media (max-width: 768px) {
	.center-line {
		width: 85%;
		height: 5px;
		display: block;
		margin: 5px auto 20px auto;
		border-bottom: 1px solid #F879D7;
		border-top: 1px solid #F879D7;
	}
}
.text-line {
    height: 24px;
    margin: 0px auto 3px auto;
    border-bottom: 2px solid #F879D7;
}




/* 追加
---------------------------------------------------- */
section {
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
	/* margin-left: 0px;
	margin-right: 0px;
	padding-top:45px;
	padding-bottom:45px; */
}

.section-title {
	margin: 1em 0;
	font-size: 200%;
	line-height: 1.6;
	text-align: center;
}

.section-content {
	margin: 2em 0 2em;
	font-size: 120%;
	line-height: 1.7;
	text-align: center;
}

.content_full {
    margin: 0px -10px 0px;
    padding: 20px;
}

@media (max-width: 768px) {
.section-title {
	font-size: 150%;
}
.section-content {
	font-size: 100%;
	text-align: justify;
}
}


/*===== 角丸背景 =====*/
#content .border_green {
	align-items: center;
	font-size: 1.3em;
	padding: 5px 20px;
	margin: 2em 0 10px;
	border-radius: 25px;
	background-color: #a9e5bb;
	border: 1px solid #27AE60;
	line-height: 1.3;
}


/*===== 角背景 =====*/
.border_green_square {
	align-items: center;
	font-size: 1em;
	padding: 10px 20px;
	margin: 10px 0;
	color: #ffffff;
	background-color: #27AE60;
}


.wf-roundedmplus1c { font-family: "Rounded Mplus 1c",'M PLUS 1p', "Open Sans", "Helvetica Neue", Helvetica, "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif; }



/* ----------------------------------------
 * 画像の横に文字を配置
 * ---------------------------------------- */
.SideBySide p{
	display:inline-block;
	vertical-align:middle; /*縦方向の揃え位置を指定*/
}
.SideBySide .img-fluid{
	display:inline-block;
}
div.SideBySide{
	display:inline-block;
	vertical-align:middle; /*縦方向の揃え位置を指定*/
}




/* ----------------------------------------
 * ライン付きタイトル
 * ---------------------------------------- */
h4, .h4 {
	line-height: 1.5;
	font-weight: bold;
	margin-top: 2rem;
}

h4.bk_line_l,.bk_line_l  {
	display: block;
	position: relative;
	text-align: center;
	margin: 1em 0 1em;
}

h4.bk_line_l .bk_line_title ,.bk_line_l .bk_line_title {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	background-color: #f7f7f7;
	text-align: center;
}

h4.bk_line_l::before,h4.bk_line_l::after,.bk_line_l::before,.bk_line_l::after{
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #27AE60;
	background: -webkit-linear-gradient(-45deg, transparent, #27AE60 10%, #27AE60 90%, transparent);
	background: linear-gradient(-45deg, transparent, #27AE60 10%, #27AE60 90%, transparent);
}

h4.bk_line_l.ind_013 {
	padding-left: 2.5em;
}

h4.bk_line_l.ind_013::before {
	width: 95%;
}

@media (max-width: 480px) {
	h4, .h4 {
	font-size: 14.5px;
}
	h4.bk_line_l.ind_013::before {
		width: 85%;
	}
}



.box_green {
	border: 2px solid #27AE60;
	display: inline-block;
	margin: 10px 0;
	background-color: #fff;
}

.box_green .box-body {
margin: 5px 0;
padding: 0.5em 0.8em;
}

.box_green .box_title {
	padding: 0.5em 0.8em;
	background-color: #27AE60;
	color: #fff;
}

.box_pink {
	border: 2px solid #FF457B;
	display: inline-block;
	margin: 10px 0;
	background-color: #fff;
}

.box_pink .box-body {
margin: 5px 0;
padding: 0.5em 0.6em;
}

.box_pink .box_title {
	padding: 0.5em 0.8em;
	background-color: #FF457B;
	color: #fff;
}

.down_yajirushi.green {
  border-top-color: #27AE60;
	margin: 20px auto -25px;
}





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

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

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

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


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

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

#content .sm {
	font-size: 1.1em;
}
h3, .h3 {
    font-size: 14px;
}


}