@charset "UTF-8";




/** 01. 矢印
 **************************************************************** **/
.down_yajirushi {
	margin: 30px auto -10px;
	position: relative;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #0097cf;
}

.down_yajirushi::after {
	position: absolute;
	content: '';
	top: -39px;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #0097cf;
}


/******************矢印の色 orange*******************/
.down_yajirushi.orange {
	border-top-color: #FF9111;
}

.down_yajirushi.orange::after {
	position: absolute;
	content: '';
	top: -39px;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #FF9111;
}





/** 02. Buttons
 **************************************************************** **/
.btn {
	margin: 5px;
}


.btn.link-btn,
.link-btn {
	display: block;
	background: #db3561;
	color: #333;
	padding: 1em;
	border: 3px solid #db3561;
}

/* orange */
.btn.link-btn.btn-orange,
.link-btn.btn-orange {
	background: #FFDBC8;
	border: 3px solid #FFDBC8;
}


/******************ボーダーボタン内のラベル*******************/
.btn.link-btn .label-default.label-outline,
.link-btn .label-default.label-outline {
	background-color:#fff;
	border: solid 0px #db3561;
	color: #db3561;
}

/* orange */
.btn.link-btn.btn-orange .label-default.label-outline,
.link-btn.btn-orange .label-default.label-outline {
	background-color:#fff;
	border: solid 0px #F1B75F;
	color: #F5A616;
}


/** 文字のサイズ変更
**************************************************************** **/

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

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

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

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

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


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

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

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

#content .ssm {
	font-size: 3.0vw;
}

}



/** タイトル
**************************************************************** **/
#content .title_01 h2, #content .title_01 h2::before, #content .title_01 h2::after{
all: initial !important;
content: '' !important;
}
#content .title_01 h2 {
all: unset !important;
display: block !important;
font-family: sans-serif !important;
font-size: 22px !important;
font-weight: bold !important;
background: linear-gradient(90deg, #000099, #5050EA) !important;
color: white !important;
padding: 0.5em 1em calc(0.5em - 6px) !important;
padding-top: 15px !important;
padding-bottom: 10px !important;
border-radius: 5px !important;
margin-bottom: 1em !important;
}