/* CSS Document */
/* ==============================================
［ フォント環境セット（Fontのウエイトは、レギュラー＝400、ボールド＝700が基準）］
--------Font Awesome 5--------

★★★ゴシック体総称フォント（コーテーションはつけない）
font-family: sans-serif;

--------Google Fonts--------
★★★ Sorts Mill Goudy （400のみ）
font-family: 'Sorts Mill Goudy', serif;

★★★ M PLUS 1p（ゴシック体／100;300;400;500;700;800）
font-family: 'M PLUS 1p', sans-serif;

★★★ M PLUS Rounded 1c（丸ゴシック体／100;300;400;500;700;800;900）
font-family: 'M PLUS Rounded 1c', sans-serif;
============================================== */
/* 本文用フォントセット（基本） */
.honbun-set {
	font-family: sans-serif;
	font-size: 17px;
	line-height: 1.6em;
	text-align: justify;
	color: rgba(45, 44, 44, 1.00);
}
/* 本文用フォントセット（size=16px） */
.honbun-set-s16 {
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	text-align: justify;
	color: rgba(45, 44, 44, 0.8);
}
/* Font Awesome 5 フォントセット */



/* フォントセット */
.font-MP1-w400 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 400;
}
.font-MP1-w500 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
}
.font-MPR-w400 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
}
.font-MPR-w500 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
}
/* サイズセット */
.font-size-18 {
	font-size: 18px;
}
.font-size-19 {
	font-size: 19px;
}
.font-size-20 {
	font-size: 20px;
}
.font-size-22 {
	font-size: 22px;
}
.font-size-24 {
	font-size: 24px;
}
.font-size-26 {
	font-size: 26px;
}
.font-size-28 {
	font-size: 28px;
}
.font-size-30 {
	font-size: 30px;
}
/* 行間セット */
.line-height-set-14 {
	line-height: 1.4em;
}
.line-height-set-15 {
	line-height: 1.5em;
}
.line-height-set-16 {
	line-height: 1.6em;
}
.line-height-set-17 {
	line-height: 1.7em;
}
.line-height-set-18 {
	line-height: 1.8em;
}

/* 折り返しなしセット */
.text-nowrap {
	white-space: nowrap;
}
/* 折り返しセット */
.text-rap{
  word-break : break-all;
}


/* ==============================================
［ nmカラー設定 ］
黒：rgba(45, 44, 44, 1.00)
淡い黒：rgba(45, 44, 44, 0.8)
薄い黒：rgba(182,182,182,1.00)
赤：rgba(251,0,74,1.00) 
青：rgba(0,129,240,1.00)
淡い青：rgba(0,129,240,0.8)
青緑：rgba(48, 180, 160, 1.00)
淡い青緑：rgba(48, 180, 160, 0.8)
さらに淡い青緑：rgba(48, 180, 160, 0.6)
ピンク：rgba(243,42,141,1.00)
淡いピンク：rgba(254, 199, 191, 1.00)
============================================== */
.color-nm-green {
	color: rgba(0, 180, 170, 1.00);
}
.color-nm-awai-green {
	color: rgba(0, 180, 170, 0.80);
}
.color-nm-green-light {
	color: rgba(0, 180, 170, 0.60);
}
.color-kinaka {
	color: rgba(251, 0, 74, 1.00);
}
.color-aka {
	color: rgba(255, 80, 110, 1.00);
}
.color-awai-aka {
	color: rgba(251, 80, 110, 0.80);
}
.color-pink {
	color: rgba(255, 110, 170, 1.00);
}
.color-awai-pink {
	color: rgba(255, 110, 170, 0.80);
}
.color-hadairo {
	color: rgba(255, 200, 190, 1.00);
}
.color-awai-hadairo {
	color: rgba(255, 200, 190, 0.80);
}
.color-murasaki {
	color: rgba(180, 0, 140, 1.00);
}
.color-awai-murasaki {
	color: rgba(180, 0, 140, 0.80);
}
.color-ao {
	color: rgba(0, 140, 220, 1.00);
}
.color-awai-ao {
	color: rgba(0, 140, 220, 0.80);
}
/* ++++++++++++++++++++ リンク用 ++++++++++++++++++++ */
a:link {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: #0056b3;
	text-decoration: underline;
}
a:visited {
	color: #7B0E5B;
}
/* ++++++++++++++++++++ エリア用 ++++++++++++++++++++ */
.container-fluid {
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
}
.main-area {
	margin: 0px 0px;
	padding: 0px 4%;
	width: 100%;
}
.main-center-area {
	margin: 0px 0px;
	padding: 0px 4%;
	width: 100%;
	text-align: center;
}
/* +++++++++++++++ ヘッダ固定fixに伴うページコンテンツのマージン設定 +++++++++++++++ */
.hed-margin {
	margin-top: 60px;
}
/* ++++++++++++++++++++ 法律相談案内(トップページ用) ++++++++++++++++++++ */
.soudan-text {
	display: inline-block;
	padding: 8px 10px;
	width: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 23px;
	line-height: 1.4em;
	text-align: left;
	color: rgba(45, 44, 44, 1.00); /*文字色*/
}
.soudan-title {
	display: inline-block;
	padding: 0px 11px;
	margin: 0px 10px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: #FFF; /*文字色*/
	background: rgba(251, 0, 74, 1.00); /*背景色*/
	border-radius: 6px; /*角の丸み*/
	white-space: nowrap
}
.soudan-tel {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	color: rgba(251, 0, 74, 1.00); /*文字色*/
	white-space: nowrap
}
@media screen and (max-width: 480px) {
	.soudan-tel {
		font-size: 30px;
	}
}
@media screen and (min-width: 376px) {
	.soudan-tel {
		font-size: 36px;
	}
}
.soudan-date {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.2em;
	text-align: left;
	color: rgba(45, 44, 44, 1.00); /*文字色*/
	white-space: nowrap
}
/* ++++++++++++++++++++ 無料法律相談案内(トップページ用) ++++++++++++++++++++ */
.muryo-soudan-box {
	display: inline-block;
	padding: 0px 22px 4px;
	width: auto;
	background: #FFF; /*背景色*/
	border-left: double 10px rgba(48, 180, 160, 0.6); /*左線rgba(99,213,196,1.00)*/
	border-right: double 10px rgba(48, 180, 160, 0.6); /*右線*/
}
@media screen and (max-width: 1082px) {
	.muryo-soudan-box {
		margin: 8px auto;
	}
}
@media screen and (min-width: 1083px) {
	.muryo-soudan-box {
		margin: 8px 20px 0px auto;
	}
}
.muryo-soudan-title {
	margin-bottom: 4px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	color: rgba(0, 129, 240, 1.00); /*文字色*/
	white-space: nowrap
}
@media screen and (max-width: 375px) {
	.muryo-soudan-title {
		font-size: 24px;
	}
}
@media screen and (min-width: 376px) {
	.muryo-soudan-title {
		font-size: 30px;
	}
}
.muryo-soudan-date {
	margin: 0px 0px 10px 0px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.2em;
	text-align: center;
	color: rgba(45, 44, 44, 1.00); /*文字色*/
	white-space: nowrap
}
/* ++++++++++++++++++++ 法律相談予約フォーム(トップページ用) ++++++++++++++++++++ */
.yoyaku-form-box {
	display: inline-block;
	padding: 0px 22px 4px;
	width: auto;
	background: #FFF; /*背景色*/
}
@media screen and (max-width: 1082px) {
	.yoyaku-form-box {
		margin: 8px auto;
	}
	.yoyaku-form-title{
		font-size: 24px;	
	}
}
@media screen and (min-width: 1083px) {
	.yoyaku-form-box {
		margin: 8px auto 0px 20px;
	}
	.yoyaku-form-title{
		font-size: 26px;	
	}
}
.yoyaku-form-title {
	display: block;
	margin: 0px 0px 6px 0px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	white-space: nowrap
}
.yoyaku-form-title a{
    text-decoration: none;
	padding: 0px 20px;
	background: rgba(253, 149, 0, 1.00); /*背景色*/
	border: 1px solid #fff;
	border-radius: 30px; /*角の丸み*/
	color: #FFF; /*文字色*/
}
.yoyaku-form-title a:hover{
	padding: 0px 20px;
	background: #fff; /*背景色*/
	border: 1px solid rgba(253, 149, 0, 1.00);
	border-radius: 30px; /*角の丸み*/
    color: rgba(253, 149, 0, 1.00);
}

.yoyaku-form-memo {
	margin: 0px 0px 10px 0px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2em;
	text-align: center;
	color: rgba(45, 44, 44, 1.00); /*文字色*/
}
/* ++++++++++++++++++++ SNSロゴ（トップページ用）++++++++++++++++++++ */
.sns-logo-box {
	padding: 5px 30px;
	text-align: right;
}
.sns-logo {
	display: inline-block;
	height: 45px;
	width: 45px;
}
/* ++++++++++++++++++++ お知らせ（トップページ用）++++++++++++++++++++ */
.oshirase-box {
	margin: 0px;
	padding: 0px 0px;
	width: auto;
	background-color: #FFF;
}
.oshirase-data {
	margin: 0px 0px 15px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(182, 182, 182, 1.00);
}
.oshirase-hizuke {
	font-family: sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	text-align: left;
	color: rgba(251, 0, 74, 1.00);
}
.oshirase-naiyou {
	font-family: sans-serif;
	font-size: 17px;
	line-height: 1.2em;
	text-align: left;
	color: rgba(45, 44, 44, 1.00);
}
/* ++++++++++++++++++++ 各ページタイトル ++++++++++++++++++++ */
.pege-title-area {
	display: inline-block;
	margin: 0pt 0pt 0pt 0pt;
}
.pege-title-e {
	margin: 0px 0px 0px 0px;
	font-family: "Sorts Mill Goudy";
	font-weight: 400;
	font-size: 50px;
	line-height: 1.2em;
	text-align: center;
	color: rgba(158, 201, 230, 1.00);
}
.pege-title-e {
	position: relative;
	z-index: 2;
}
.pege-title-j {
	margin: 0px 0px 0px 0px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 38px;
	line-height: 1.8em;
	text-align: center;
	color: rgba(45, 44, 44, 1.00);
}
/* ++++++++++++++++++++ 各ページ内の項目タイトル ++++++++++++++++++++ */
.koumoku-title-box {
	display: inline-block;
	margin: 2pt 8pt 12pt 8pt;
}
.koumoku-title {
	position: relative;
	padding: 0.8em 1.3em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.3em;
	text-align: justify;
}
.koumoku-title:before, .koumoku-title:after {
	position: absolute;
	content: '';
}
.koumoku-title:after {
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-top: 8px solid rgba(254, 199, 191, 1.00);
	border-left: 8px solid rgba(254, 199, 191, 1.00);
}
.koumoku-title:before {
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	border-right: 8px solid rgba(254, 199, 191, 1.00);
	border-bottom: 8px solid rgba(254, 199, 191, 1.00);
}
/* ++++++++++++++++++++ テーブル用 ++++++++++++++++++++ */
/* ---------- 弁護士略歴用 ---------- */
table.ryakureki {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.ryakureki th, table.ryakureki td { /* （注意：フォント等の設定は「th」「td」で指定する） */
	padding: 5px 0px 0px 0px;
	width: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 400;
	text-align: justify;
	vertical-align: top;
	color: rgba(45, 44, 44, 0.9); /*文字色*/
}
table.ryakureki tr {
	border-bottom: solid 1px #C0C0C0;
}
table.ryakureki th {
	padding: 5px 0px 0px 10px;
}
table.ryakureki tr :nth-child(1) { /* 最初の列 */
	white-space: nowrap; /* 折り返しなし */
}
/* ---------- 業務内容一覧用 ---------- */
table.gyoumu-list {
	border-collapse: separate; /* separate にするとセルの間隔が調整可能 */
	border-spacing: 3px 6px; /* セルの横間隔／縦間隔 */
	width: 100%;
}
table.gyoumu-list th, table.gyoumu-list td { /* （注意：フォント等の設定は「th」「td」で指定する） */
	padding: 5px 0px 0px 0px;
	width: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 400;
	text-align: justify;
	vertical-align: top;
	color: rgba(45, 44, 44, 1.00); /*文字色*/
}
table.gyoumu-list tr :nth-child(1) { /* 最初の列 */
	padding: 0px 8px 0px 8px;
	background: rgba(0, 140, 220, 0.60);
	color: #FFF; /*文字色*/
	white-space: nowrap; /* 折り返しなし */
}
table.gyoumu-list tr :nth-child(2) { /* ２番目の列 */
	padding: 0px 8px 0px 8px;
	background: rgba(0, 140, 220, 0.1);
}
/* ---------- 料金リスト ---------- */
table.ryoukin-list {
	border-collapse: separate; /* separate にするとセルの間隔が調整可能 */
	border-spacing: 3px 3px; /* セルの横間隔／縦間隔 */
	width: 100%;
}
table.ryoukin-list th, table.ryoukin-list td { /* （注意：フォント等の設定は「th」「td」で指定する） */
	padding: 2px 10px 2px 10px;
	width: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 400;
	vertical-align: top;
}
table.ryoukin-list th { /* １行目の項目設定 */
	text-align: center;
	color: #FFF; /*文字色*/
	background-color: rgba(0, 140, 220, 0.60);
}
table.ryoukin-list td { /* データ設定 */
	text-align: left;
	color: rgba(45, 44, 44, 1.00); /*文字色*/
	background-color: rgba(0, 140, 220, 0.10);
}
/* ++++++++++++++++++++ 業務案内サンプル用 ++++++++++++++++++++ */
.gyoumu-sample-01, .gyoumu-sample-02, .gyoumu-sample-03, .gyoumu-sample-04 {
	position: relative;
	margin: 0px 0px 0px 0px;
}
.gyoumu-sample-01::after, .gyoumu-sample-02::after, .gyoumu-sample-03::after, .gyoumu-sample-04::after {
	content: "";
	border-style: solid;
	border-width: 0 0 26px 26px;
	bottom: 0;
	position: absolute;
	right: 0;
}
.gyoumu-sample-01 .box-title, .gyoumu-sample-02 .box-title, .gyoumu-sample-03 .box-title, .gyoumu-sample-04 .box-title {
	padding: 2.5px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 27px;
	font-weight: 500;
	line-height: 35px;
	color: #FFF;
	text-align: center;
}
.gyoumu-sample-01 p, .gyoumu-sample-02 p, .gyoumu-sample-03 p, .gyoumu-sample-04 p {
	margin: 0;
	padding: 15px 20px;
	font-family: sans-serif;
	font-size: 17px;
	line-height: 1.5em;
	text-align: justify;
	color: rgba(45, 44, 44, 1.00);
}
.gyoumu-sample-01 {
	background: rgba(255, 110, 170, 0.10);
}
.gyoumu-sample-02 {
	background: rgba(0, 140, 220, 0.10);
}
.gyoumu-sample-03 {
	background: rgba(255, 170, 120, 0.10);
}
.gyoumu-sample-04 {
	background: rgba(0, 180, 170, 0.10);
}
.gyoumu-sample-01::after {
	border-color: rgba(255, 110, 170, 0.50) #fff #fff rgba(255, 110, 170, 0.50);
}
.gyoumu-sample-02::after {
	border-color: rgba(0, 140, 220, 0.50) #fff #fff rgba(0, 140, 220, 0.50);
}
.gyoumu-sample-03::after {
	border-color: rgba(255, 170, 120, 0.50) #fff #fff rgba(255, 170, 120, 0.50);
}
.gyoumu-sample-04::after {
	border-color: rgba(0, 180, 170, 0.50) #fff #fff rgba(0, 180, 170, 0.50);
}
.gyoumu-sample-01 .box-title {
	background: rgba(255, 110, 170, 1.00);
}
.gyoumu-sample-02 .box-title {
	background: rgba(0, 140, 220, 1.00);
}
.gyoumu-sample-03 .box-title {
	background: rgba(255, 170, 120, 1.00);
}
.gyoumu-sample-04 .box-title {
	background: rgba(0, 180, 170, 1.00);
}
.fukidashi-balloon {
	position: relative;
	margin: 25px 20px 35px 20px;
	padding: 10px 17px 10px 17px;
	background-color: rgba(255, 130, 135, 1.00);
	border-radius: 10px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.45em;
	text-align: left;
	color: #ffffff;
}
/* 色付きの半円 */
.fukidashi-balloon::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	transform: rotate(45deg);
	left: 20px;
	top: -15px;
	border-left: 20px solid rgba(255, 130, 135, 1.00);
	border-top: 20px solid rgba(255, 130, 135, 1.00);
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
/* 白い半円 */
.fukidashi-balloon::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	transform: rotate(45deg);
	left: 37px;
	top: -20px;
	border-left: 20px solid #ffffff;
	border-top: 20px solid #ffffff;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.gyoumu-sample-photo {
	margin: 0px 0px 20px 0px;
}
.gyoumu-sample-photo img {
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}
/* ++++++++++++++++++++ 法律相談予約ページ ++++++++++++++++++++ */
.moushikomi-memo {
	width: 85%;
	margin: 10px auto;
	font-family: sans-serif;
	font-size: 17px;
	line-height: 1.6em;
	text-align: justify;
	color: rgba(45, 44, 44, 1.00);
}
@media screen and (max-width: 990px) {
	.moushikomi-box {
		text-align: center;
	}
}
@media screen and (min-width: 991px) {
	.moushikomi-box {
		text-align: left;
	}
}
.moushikomi-form {
	display: inline-block;
	padding: 30px 50px;
	max-width: 95%;
	text-align: start;
	border: 4px double rgba(152, 205, 234, 1.00);
	border-radius: 15px;
}
.moushikomi-form li {
	list-style: none; /* デフォルトのアイコンを消す */
	margin: 0; /* デフォルト指定上書き */
	padding: 0; /* デフォルト指定上書き */
}
.moushikomi-form li:before {
	content: ""; /* 空の要素作成 */
	width: 20px; /* 幅指定 */
	height: 20px; /* 高さ指定 */
	display: inline-block; /* インラインブロックにする */
	background-color: #FFD8C9; /* 背景色指定 */
	position: relative; /* 位置調整 */
	top: 3px; /* 位置指定 */
	border-radius: 50%; /* 要素を丸くする */
	margin-right: 5px; /* 余白指定 */
}
.moushikomi-form li {
	padding: 3px 10px; /* 余白指定 */
	background-color: #74B4E6; /* 背景色指定 */
	border-radius: 8px; /* 角丸指定 */
	margin-top: 15px;
	margin-bottom: 8px; /* 要素と要素の間指定 */
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 20px; /* 文字サイズ指定 */
	color: #fff; /* 文字色指定 */
}

/* ++++++++++++++++++++ リンクページ ++++++++++++++++++++ */
.div-under-line-set{
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: solid 1px #D1D1D1;
}


/* ++++++++++++++++++++ サイトロゴ用（ご挨拶ページ） ++++++++++++++++++++ */
.site-logo-goaisatsu {
	margin: 0px 0px 20px 0px;
}
.site-logo-goaisatsu img {
	width: 150px;
	height: auto;
}
/* ++++++++++++++++++++ ライン用 ++++++++++++++++++++ */
.line_nm-bold {
	border-width: 5px 0 0 0;
	border-style: solid;
	border-color: rgba(0, 180, 170, 0.6);
}
.line_nm {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: rgba(0, 180, 170, 1.00);
}
.line_nm-pink {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: rgba(255, 110, 170, 0.7);
}
.line_hadairo {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: rgba(255, 200, 190, 1.00);
}
/* ++++++++++++++++++++ 画像用 ++++++++++++++++++++ */
.bengoshi-gazou {
	margin: 0px 10px 10px 10px;
}
.credit-gazou {
	margin: 15px 0px 28px 0px;
}
.credit-gazou img {
	width: 300px;
	max-width: 100%;
}
.root-map {
	margin: 0px 0px 10px 0px;
}
.root-map img {
	width: 95%;
	height: auto;
}
/* ++++++++++++++++++++ 配置位置セット ++++++++++++++++++++ */
.padding-top-set-10 {
	padding-top: 10px;
}
.center_set {
	align-items: center;
	text-align: center;
}
.yoko-center_set {
	text-align: center;
}
.tate-center_set {
	align-items: center;
}
.right_set {
	align-items: right;
	text-align: right;
}
.left_set {
	align-items: left;
	text-align: left;
}
.inline-block-set {
	display: inline-block; /* インラインブロック要素にする */
}
/* ++++++++++++++++++++ 上下余白用（margin） ++++++++++++++++++++ */
.yohaku-margin-top-16 {
	margin-top: 16px;
}
.yohaku-margin-top-14 {
	margin-top: 14px;
}
.yohaku-margin-top-12 {
	margin-top: 12px;
}
.yohaku-margin-top-10 {
	margin-top: 10px;
}
.yohaku-margin-top-8 {
	margin-top: 8px;
}
.yohaku-margin-top-6 {
	margin-top: 6px;
}
.yohaku-margin-top-4 {
	margin-top: 4px;
}
.yohaku-margin-top-2 {
	margin-top: 2px;
}
.yohaku-margin-top-1 {
	margin-top: 1px;
}
.yohaku-margin-bottom-16 {
	margin-bottom: 16px;
}
.yohaku-margin-bottom-14 {
	margin-bottom: 14px;
}
.yohaku-margin-bottom-12 {
	margin-bottom: 12px;
}
.yohaku-margin-bottom-10 {
	margin-bottom: 10px;
}
.yohaku-margin-bottom-8 {
	margin-bottom: 8px;
}
.yohaku-margin-bottom-6 {
	margin-bottom: 6px;
}
.yohaku-margin-bottom-4 {
	margin-bottom: 4px;
}
.yohaku-margin-bottom-2 {
	margin-bottom: 2px;
}
.yohaku-margin-bottom-1 {
	margin-bottom: 1px;
}
/* ++++++++++++++++++++ 上下余白用（padding） ++++++++++++++++++++ */
.yohaku-padding-top-16 {
	padding-top: 16px;
}
.yohaku-padding-top-14 {
	padding-top: 14px;
}
.yohaku-padding-top-12 {
	padding-top: 12px;
}
.yohaku-padding-top-10 {
	padding-top: 10px;
}
.yohaku-padding-top-8 {
	padding-top: 8px;
}
.yohaku-padding-top-6 {
	padding-top: 6px;
}
.yohaku-padding-top-4 {
	padding-top: 4px;
}
.yohaku-padding-top-2 {
	padding-top: 2px;
}
.yohaku-padding-top-1 {
	padding-top: 1px;
}
.yohaku-padding-bottom-16 {
	padding-bottom: 16px;
}
.yohaku-padding-bottom-14 {
	padding-bottom: 14px;
}
.yohaku-padding-bottom-12 {
	padding-bottom: 12px;
}
.yohaku-padding-bottom-10 {
	padding-bottom: 10px;
}
.yohaku-padding-bottom-8 {
	padding-bottom: 8px;
}
.yohaku-padding-bottom-6 {
	padding-bottom: 6px;
}
.yohaku-padding-bottom-5 {
	padding-bottom: 5px;
}
.yohaku-padding-bottom-4 {
	padding-bottom: 4px;
}
.yohaku-padding-bottom-2 {
	padding-bottom: 2px;
}
.yohaku-padding-bottom-1 {
	padding-bottom: 1px;
}
/* ++++++++++++++++++++ パン屑／戻る ++++++++++++++++++++ */
/* -------- パン屑 -------- */
.pankuzu {
	margin: 7px 0px 0px 0px;
	padding-left: 15px;
	font-family: sans-serif;
	line-height: 1.6em;
	font-size: 15px;
	font-weight: 300;
	color: #242424;
	text-align: left;
}
.pankuzu a {
	color: #025EC2;
	text-decoration: underline;
}
/* --------「戻る」-------- */
.modoru {
	margin: 7px 0px 0px 0px;
	padding-right: 15px;
	font-family: sans-serif;
	line-height: 1.6em;
	font-size: 15px;
	font-weight: 300;
	color: #242424;
	text-align: right;
}
.modoru a {
	color: #025EC2;
	text-decoration: underline;
}
/* ++++++++++++++++++++ フッター ++++++++++++++++++++ */
.footer-box {
	margin: 13px 0px 0px 0px;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
	background: rgba(48, 180, 159, 0.8);
}
.footer-text {
	display: inline-block;
	padding: 0px 5px;
	width: auto;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5em;
	text-align: center;
	color: #FFF;
}
/* ++++++++++++++++++++ youtube動画用 ++++++++++++++++++++ */
.youtube-box {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
.youtube-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                      下からフェードイン                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.fadein-style_1, .fadein-style_2, .fadein-style_3, .fadein-style_4, .fadein-style_5, .fadein-style_6, .fadein-style_7, .fadein-style_8, .fadein-style_9, .fadein-style_10 {
	opacity: 0;
	animation-name: fadein-bottom;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
.fadein-style_2 {
	animation-delay: .4s;
}
.fadein-style_3 {
	animation-delay: .6s;
}
.fadein-style_4 {
	animation-delay: .8s;
}
.fadein-style_5 {
	animation-delay: 1.0s;
}
.fadein-style_6 {
	animation-delay: 1.2s;
}
.fadein-style_7 {
	animation-delay: 1.4s;
}
.fadein-style_8 {
	animation-delay: 1.6s;
}
.fadein-style_9 {
	animation-delay: 1.8s;
}
.fadein-style_10 {
	animation-delay: 2.0s;
}
.fadein-style_11 {
	animation-delay: 2.2s;
}
.fadein-style_12 {
	animation-delay: 2.4s;
}
.fadein-style_80s {
	animation-delay: 8.0s;
}
.fadein-style_84s {
	animation-delay: 8.4s;
}
@keyframes fadein-bottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                  スクロールしたらフェードイン                   */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*アニメーション要素のスタイル*/
.scroll-fadein_1, .scroll-fadein_2, .scroll-fadein_3, .scroll-fadein_4, .scroll-fadein_5, .scroll-fadein_6 {
	opacity: 0;
	visibility: hidden;
	transition: 1.0s;
	transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.scroll-fadein-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.scroll-fadein_2 {
	transition: 1.2s;
}
.scroll-fadein_3 {
	transition: 1.4s;
}
.scroll-fadein_4 {
	transition: 1.6s;
}
.scroll-fadein_5 {
	transition: 1.8s;
}
.scroll-fadein_6 {
	transition: 2.0s;
}