@charset "UTF-8";




.section {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.section .section-header {
	padding: 15px;
	/*background-color: #ffdbc1;*/
	/*background-image: radial-gradient(#FFF 10%, transparent 20%), radial-gradient(#FFF 10%, transparent 20%);*/
	/*background-size: 20px 20px;*/
	/*background-position: 0 0, 10px 10px;*/
}


.section-title {
	margin: 3em 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;
}

@media (max-width: 768px) {
.section-title {
	font-size: 180%;
}

.section-content {
	font-size: 100%;
	text-align: justify;
}
}


.wf-roundedmplus1c {
	font-family: "Rounded Mplus 1c";
}

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

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

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

@media all and (max-width: 515px) {
	#content .bg {
		font-size: 5.6vw;
	}

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

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


/** 00. ドット背景
 **************************************************************** **/
/* ドット斜め */
.bg_dot{
	background-color: #ffdbc1;
	background-image:
		radial-gradient(#fff3eb 20%, transparent 20%),
		radial-gradient(#fff3eb 20%, transparent 20%);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
	border: solid 1px #ffdbc1;
}

/* ドット色違い */
.dot-mix{
	background-image:
		radial-gradient(#fff3eb 20%, transparent 20%),
		radial-gradient(#fff3eb 20%, transparent 20%);
}

/* ドットサイズ違い */
.dot-size{
background-image:
	radial-gradient(#fff3eb 20%, transparent 20%),
	radial-gradient(#fff3eb 35%, transparent 35%);
}




/*Fukidashi*/
.fukidashi_bottom {
	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 15px 13px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_bottom:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff2cc;
}

.fukidashi_top {
	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 15px 18px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
 	box-sizing: border-box;
    border-radius: 15px;
}
.fukidashi_top:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fff2cc;
}

.fukidashi_right {
	position: relative;
	display: inline-block;
 	margin: 0 15px 0 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_right:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fff2cc;
}
.fukidashi_right2 {
	position: relative;
	display: inline-block;
 	margin: 20px -30px 0 0;
	padding: 15px 18px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_right2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fff2cc;
}
.fukidashi_left {
	position: relative;
	display: inline-block;
 	margin: 30px 0 1.5em -150px;
	padding: 15px 18px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff2cc;
}
.fukidashi_left2 {
	position: relative;
	display: inline-block;
 	margin: -2px -13px 0px -56px;
	padding: 15px 18px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_left2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff2cc;
}
.fukidashi_left3 {
	position: relative;
	display: inline-block;
 	margin: -3px 0 1.5em 20px;
	padding: 15px 18px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_left3:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff2cc;
}
.fukidashi_left4 {
	position: relative;
	display: inline-block;
 	margin: 40px 0 1.5em -60px;
	padding: 15px 18px;
	min-width: 120px;
 	max-width: 100%;
 	color: #393939;
	font-size: 14px;
	background: #fff2cc;
    border-radius: 15px;
}
.fukidashi_left4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff2cc;
}


@media all and (max-width: 380px) {
.fukidashi_left2 {
 	margin: -2px -13px 0px -16px;
}

.fukidashi_left2 span.em12 {
	font-size: 14px;
}
}

/** 00. ストライプタイトル
 **************************************************************** **/
 .title-green {
	color: #FFF;
	border: solid 1px #56b550;
	background : repeating-linear-gradient(-45deg,#17AF53,#17AF53 2px,#8FC31F 2px,#8FC31F 4px);
}


/** 00. bootstrap 機能拡張
 **************************************************************** **/
.row-center {
	letter-spacing: -0.4em;
}

.row-center.center {
	text-align: center;
}

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

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

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

.row-center .label {
	display: block;
}



/* 背景
---------------------------------------------------- */
.content_full {
		margin: 0px -10px 0px;
		padding: 20px;
}
@media (max-width: 768px) {
	.content_full {
		margin: 0px -10px 0px;
		padding: 20px 10px;
	}
}




/* 下線
---------------------------------------------------- */
.center-line {
	width: 50%;
	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: 50%;
		height: 5px;
		display: block;
		margin: 5px auto 20px auto;
		border-bottom: 1px solid #F879D7;
		border-top: 1px solid #F879D7;
	}
}



/* box
---------------------------------------------------- */
.box6 {
	margin: 2em 0;
	padding: 1.5em 1em;
	border: dashed 2px #ffc06e;
}














/* ----------------------------------------
 * コンテンツ内ドット柄タイトル
 * ---------------------------------------- */



.section {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.section .section-header {
	padding: 15px;
	/*background-color: #ffdbc1;*/
	/*background-image: radial-gradient(#FFF 10%, transparent 20%), radial-gradient(#FFF 10%, transparent 20%);*/
	/*background-size: 20px 20px;*/
	/*background-position: 0 0, 10px 10px;*/
}






/** 00. ドット背景
 **************************************************************** **/
/* ドット斜め */
.bg_dot{
	background-color: #ffdbc1;
	background-image:
		radial-gradient(#fff3eb 20%, transparent 20%),
		radial-gradient(#fff3eb 20%, transparent 20%);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
	border: solid 1px #ffdbc1;
}

/* ドット色違い */
.dot-mix{
	background-image:
		radial-gradient(#fff3eb 20%, transparent 20%),
		radial-gradient(#fff3eb 20%, transparent 20%);
}

/* ドットサイズ違い */
.dot-size{
background-image:
	radial-gradient(#fff3eb 20%, transparent 20%),
	radial-gradient(#fff3eb 35%, transparent 35%);
}