@charset "UTF-8";

/*===================================================================
	青森つばめプロパン　CSS

===================================================================*/
/*-------------------------------------
	Base
-------------------------------------*/
/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model
   ========================================================================== */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::before,
::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-webkit-tap-highlight-color: transparent;
	/* 3*/
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Vertical rhythm
   ========================================================================== */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration)
   ========================================================================== */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Lists (definition)
   ========================================================================== */
dt {
	font-weight: bold;
}

dd {
	/*  margin-left: 0; */
	margin: 0;
	/* For WordPress Underscore */
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
	border: 0;
	border-top: 1px solid;
	margin: 0;
	clear: both;
	color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

address {
	font-style: inherit;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
	vertical-align: bottom;
}

embed,
object,
iframe {
	border: 0;
	vertical-align: bottom;
}

/* Forms
   ========================================================================== */
/**
 * Reset form fields to make them styleable
 * 1. Reset radio and checkbox to preserve their look in iOS.
 */
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: 0;
	border-radius: 0;
	text-align: inherit;
}

[type="checkbox"] {
	/* 1 */
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

[type="radio"] {
	/* 1 */
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
	cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Remove padding
 */
option {
	padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	padding: 0;
	/* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
	outline-offset: -2px;
	/* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
 * Clickable labels
 */
label[for] {
	cursor: pointer;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Table
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	text-align: left;
}

td,
th {
	vertical-align: top;
	padding: 0;
}

th {
	text-align: left;
	font-weight: bold;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/*====================================
		Homepage Base ( PC )
======================================*/
/*	html
================================*/
html {
	font-size: 62.5%;
	/* 1rem = 10px */
}

/*	body
================================*/
body {
	color: #000000;
	background-color: #fff;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6rem;
	/* 基本サイズ：16px */
	line-height: 1;
	/* ダークモード */
}

/*	a
================================*/
a,
a:link,
a:hover,
a:active,
a:visited {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

/*	img
================================*/
img {
	display: block;
	width: 100%;
	/* image-rendering: -webkit-optimize-contrast; */
}

/*	色付け
================================*/
.__tdColor6 {
	background-color: #4466ae !important;
}

.__tdColor5 {
	background-color: #002b62 !important;
}

.__tdColor4 {
	background-color: #7a8dc7 !important;
}

.__tdColor3 {
	background-color: #335582 !important;
}

.__tdColor2 {
	background-color: #009fc7 !important;
}

.__tdColor {
	background-color: #0079a0 !important;
}

.__bgColor14 {
	background-color: #c1ae67;
}

.__bgColor13 {
	background-color: #ea5532;
}

.__bgColor12 {
	background-color: #ee313d !important;
}
.__borderColor12 {
	border-color: #ee313d !important;
}

.__bgColor11 {
	background-color: #b5ded5;
}

.__bgColor10 {
	background-color: #3bad70;
}

.__bgColor9 {
	background-color: #2980af;
}

.__bgColor8 {
	background-color: #e6888c;
}

.__bgColor7 {
	background-color: #ebf4ff;
}

.__bgColor6 {
	background-color: #0055a2;
}

.__bgColor5 {
	background-color: #00b900;
}

.__bgColor4 {
	background-color: #c2e6fb;
}

.__bgColor3 {
	background-color: #1da1f2;
}

.__bgColor2 {
	background-color: #002b62;
}

.__bgColor {
	background-color: #dde8fc;
}

.ut-pcNone {
	display: none;
}

@media screen and (max-width: 1199px) {
	.ut-pcNone {
		display: inline-block;
	}
}

.ut-spNone {
	display: inline-block;
}

@media screen and (max-width: 1199px) {
	.ut-spNone {
		display: none;
	}
}

.ut-txtRed {
	color: #ee313d;
}

.ut-pcImgMaxWid80p {
	max-width: 80%;
}

.ut-pcImgMaxWid60p {
	max-width: 60%;
}

.ut-pcImgMaxWid40p {
	max-width: 40%;
}

.ut-pcImgMaxWid20p {
	max-width: 20%;
}

.ut-pcImgCenter {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 687px) {
	.ut-spImgMaxWid100p {
		max-width: 100%;
	}
}

Layout
-------------------------------------*/
/*-------------------------------------
	レイアウト	ヘッダ
-------------------------------------*/
.ly_header {
	width: 100%;
}

/*-------------------------------------
	レイアウト	メイン

	トップページと下層ページで挙動が変わります。
	ly_cont に ly_cont__col を追加すると2カラムのページになります。
---------------------------------------------------------------------*/
.ly_cont {
	width: 100%;
}

@media screen and (max-width: 1199px) {
	.ly_cont {
		width: 94%;
		margin: 0 auto;
	}
}

.ly_cont.ly_cont__col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1199px) {
	.ly_cont.ly_cont__col {
		width: 94%;
		margin: 0 auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.ly_cont_main {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}

.ly_cont__col > .ly_cont_main {
	width: 70%;
}

@media screen and (max-width: 1199px) {
	.ly_cont__col > .ly_cont_main {
		width: 100%;
	}
}

.ly_cont_side {
	width: 25%;
	max-width: 290px;
	margin: -7.8rem 0 0 5%;
}

@media screen and (max-width: 1199px) {
	.ly_cont_side {
		width: 100%;
		max-width: 600px;
		margin: 0 0 0 0;
	}
}

/*-------------------------------------
	レイアウト	フッタ
-------------------------------------*/
.ly_footer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*-------------------------------------
	Element
-------------------------------------*/
/*-------------------------------------
	セクションタイトル
-------------------------------------*/
.el_secTitle {
	width: 100%;
	text-align: center;
	font-size: 3.7rem;
	color: #002b62;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	position: relative;
	padding-bottom: 50px;
}

@media screen and (max-width: 687px) {
	.el_secTitle {
		font-size: 3.2rem;
	}
}

.el_secTitle > span {
	font-size: 1.6rem;
	position: absolute;
	top: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*-------------------------------------
	Googleマップ
-------------------------------------*/
.el_map {
	height: 0;
	overflow: hidden;
	padding-bottom: clamp(300px, 50%, 380px);
	position: relative;
	width: 100%;
}

@media screen and (max-width: 1199px) {
	.el_map {
		margin: 0 0 0 0;
	}
}

.el_map iframe {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.el_map.__in-youtube {
	margin-bottom: 3rem;
	padding-bottom: 56.25%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1199px) {
	.el_map.__in-youtube {
		width: 100%;
	}
}

/*-------------------------------------
	リードテキスト
-------------------------------------*/
.el_leadText {
	color: #002b62;
	text-align: center;
	line-height: 200%;
	font-size: 2rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 500;
	font-style: normal;
}

@media screen and (max-width: 687px) {
	.el_leadText {
		font-size: 1.4rem;
	}
}

.el_leadText__col_black {
	color: #000;
}

.el_leadText_wrapper {
	margin-bottom: 30px;
}

.el_leadText2 {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #002b62;
	text-align: center;
	font-size: 2.7rem;
	line-height: 180%;
}

@media screen and (max-width: 687px) {
	.el_leadText2 {
		font-size: 1.7rem;
	}
}

.el_leadText3 {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #002b62;
	text-align: center;
	font-size: 1.8rem;
	line-height: 180%;
}

@media screen and (max-width: 687px) {
	.el_leadText3 {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 687px) {
	.el_leadText2.__spTxtLeft,
	.el_leadText3.__spTxtLeft {
		text-align: left;
	}
}

/*-------------------------------------
	キャッチテキスト
-------------------------------------*/
.el_catchText {
	color: #002b62;
	text-align: center;
	line-height: 200%;
	font-size: 3rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_catchIcon {
	font-size: 6rem;
	text-align: center;
	color: #002b62;
}

/*-------------------------------------
	フリーダイヤル表記
-------------------------------------*/
.el_contactTel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

@media screen and (max-width: 1199px) {
	.el_contactTel {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 3rem;
	}
}

.el_contactTel_img_wrapper {
	width: clamp(3rem, 5vw, 6rem);
}

.el_contactTel_text {
	padding-left: 1.5rem;
	font-size: clamp(2.9rem, 4.8vw, 5.8rem);
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
}

/*===== モディファイア フリーダイヤル表記【小】 =====*/
.el_contactTel__small > .el_contactTel_img_wrapper {
	padding-left: clamp(0.75rem, 1.2vw, 1.5rem);
	width: clamp(2.25rem, 3.75vw, 4.5rem);
}

.el_contactTel__small > .el_contactTel_text {
	font-size: clamp(1.7rem, 2.8vw, 3.4rem);
}

/*===== モディファイア フリーダイヤル表記【大】 =====*/
.el_contactTel__big > .el_contactTel_img_wrapper {
	width: clamp(3.75rem, 6.25vw, 7.5rem);
}

.el_contactTel__big > .el_contactTel_text {
	font-size: clamp(4.3rem, 7.16vw, 8.6rem);
}

/*-------------------------------------
	リンクボタン
-------------------------------------*/
.el_linkBtn {
	display: block;
	padding: clamp(1.5rem, 1.2vw, 2.4rem) 0;
	background-color: #002b62;
	border-radius: 50px;
	color: #fff !important;
	position: relative;
	font-size: clamp(1.6rem, 1.6vw, 2rem);
	text-align: center;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	border: 1px solid #002b62;
}

.el_linkBtn:hover {
	background-color: #fff !important;
	color: #002b62 !important;
	border: 1px solid #002b62 !important;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.el_linkBtn > i {
	position: absolute;
	top: 50%;
	right: 4%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: clamp(1rem, 1.25vw, 1.5rem);
}

/*===== モディファイア ボタン【大】 =====*/
.el_linkBtn__large {
	width: 100%;
}

/*===== モディファイア ボタン【中】 =====*/
.el_linkBtn__middle {
	width: 80%;
}

/*===== モディファイア ボタン【小】 =====*/
.el_linkBtn__small {
	width: 40%;
}

@media screen and (max-width: 1199px) {
	.el_linkBtn__small {
		width: 80%;
	}
}

/*===== モディファイア ボタン【中央】 =====*/
.el_linkBtn.__center {
	margin-left: auto;
	margin-right: auto;
}

.el_linkBtn.__inversion {
	background-color: #fff;
	color: #002b62 !important;
	border: 1px solid #002b62;
}

.el_linkBtn.__inversion:hover {
	background-color: #002b62;
	color: #fff !important;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.el_linkBtn_wrapper.__mgt5p {
	margin-top: 5%;
}

@media screen and (max-width: 687px) {
	.el_linkBtn_wrapper.__spMgt10p {
		margin-top: 10%;
	}
}

.el_linkBtn_wrapper.__mgb5p {
	margin-bottom: 5%;
}

.el_linkBtn2 {
	display: block;
	padding: clamp(0.5rem, 1.2vw, 1rem) 2em;
	background-color: #002b62;
	color: #fff !important;
	position: relative;
	font-size: 1.6rem;
	text-align: center;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	border: 1px solid #fff;
}
.el_linkBtn2.el_linkBtn2__inline {
	display: inline-block;
}

.bl_media3_coverLink:hover .el_linkBtn2,
.bl_media12-link:hover .el_linkBtn2 {
	background-color: #fff;
	color: #002b62 !important;
	border: 1px solid #002b62;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*-------------------------------------
	ナビゲーション
-------------------------------------*/
.el_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.el_nav > li {
	border-left: 1px solid #fff;
}

.el_nav > li:last-child {
	border-right: 1px solid #fff;
}

.el_nav > li > a {
	color: #fff;
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.el_nav > li > a::after {
	position: absolute;
	bottom: 4px;
	left: 0;
	content: "";
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.el_nav > li > a:hover::after {
	bottom: -4px;
	opacity: 1;
	visibility: visible;
}

.el_nav__pdxSmall > li {
	padding: 0 1.125rem;
}

@media screen and (max-width: 687px) {
	.el_nav__pdxSmall > li {
		width: 45%;
		text-align: center;
		padding: 1rem 2rem;
		margin-bottom: 3rem;
	}

	.el_nav__pdxSmall > li:nth-child(2n) {
		border-right: 1px solid #fff;
	}
}
.el_nav__pdSmall_1_8 > li {
	padding: 0 1.8rem;
}

.el_nav__pdSmall_3_5 > li {
	padding: 0 3.5rem;
}

.el_nav__pdSmall > li {
	padding: 0 2.8rem;
}

.el_nav__pdMiddle > li {
	padding: 0 4rem;
}

.el_nav__pdLarge > li {
	padding: 0 5rem;
}

.el_nav__jcFlexStart {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

/*-------------------------------------------------------------------
	ボックス型リンク
　リンクをボックス型にしています。
　ボタン型は el_linkBtn があります。
	---------------------------------------------------------------------*/
/*===== リンクボックス =====*/
.el_linkBox {
	display: block;
	width: clamp(3.7rem, 4vw, 10.4rem);
	height: clamp(3.7rem, 4vw, 10.4rem);
	position: relative;
}

.el_linkBox > span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
}

.el_linkBox > span.txtColor {
	color: #002b62;
}

.el_linkBox > span {
	font-size: clamp(1.6rem, 1.2vw, 2.7rem);
}

.el_linkBox > span > i {
	font-size: clamp(1.6rem, 1.4vw, 3.4rem);
}

.el_linkBox__wlarge {
	width: clamp(8.35rem, 13.91vw, 16.7rem);
}

.el_linkBox__wxlarge {
	width: clamp(16.7rem, 27.82vw, 33.4rem);
}

.el_linkBox__slarge {
	width: clamp(3.7rem, 6.16vw, 7.4rem);
	height: clamp(3.7rem, 6.16vw, 7.4rem);
}

@media screen and (max-width: 687px) {
	.el_linkBox__slarge {
		width: clamp(6.17rem, 6.91vw, 10.7rem);
		height: clamp(6.17rem, 6.91vw, 10.7rem);
	}
}

.el_linkBox__large {
	width: clamp(8.35rem, 13.91vw, 16.7rem);
	height: clamp(8.35rem, 13.91vw, 16.7rem);
}

.el_linkBox__xlargeSq {
	width: clamp(16.7rem, 27.82vw, 33.4rem);
	height: clamp(16.7rem, 27.82vw, 33.4rem);
}

.el_linkBox img {
	padding: 0 1rem;
}

.el_linkBox.el_linkBox__bgcLightBlue {
	background-color: #1da1f2;
}

.el_linkBox:hover {
	opacity: 0.4;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.el_linkBox.el_linkBox__bgcLine,
.el_linkBox2.el_linkBox__bgcLine {
	background-color: #00b900;
}

.el_linkBox.el_linkBox__bgcLightBlue2 {
	background-color: #c2e6fb;
}

.el_linkBox.el_linkBox__bgcFacebook {
	background-color: #0055a2;
}

.el_linkBox__small {
	width: 54px;
	height: 54px;
}

.el_linkBox2Unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.el_linkBox2Unit.__col3 .el_linkBox2 {
	width: 30%;
}

.el_linkBox2Unit.__col3 .el_linkBox2:nth-child(2n) {
	margin: 0 3%;
}

@media screen and (max-width: 687px) {
	.el_linkBox2Unit.__col3 .el_linkBox2 {
		width: 100%;
	}

	.el_linkBox2Unit.__col3 .el_linkBox2__middle {
		width: 80%;
	}

	.el_linkBox2Unit.__col3 .el_linkBox2:nth-child(2n) {
		margin: 3rem 0;
	}
}

.el_linkBox2 {
	display: block;
	text-align: center;
	padding: 2rem 0;
	position: relative;
}

.el_linkBox2 i:not(.fa-chevron-right) {
	font-size: 4rem;
	color: #fff;
	padding: 0 0 2rem 0;
}

.el_linkBox2 img {
	color: #fff;
}

.el_linkBox2 span {
	color: #fff;
	font-size: 2rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_linkBox2 > *.__txtLg {
	font-size: 1.5rem;
}

.el_linkBox2 > *.__txtBlue {
	color: #002b62 !important;
}

.el_linkBox2 i.fa-chevron-right {
	color: #fff;
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.el_linkBox2.__bgColor3 {
	border: 1px solid #1da1f2;
}

.el_linkBox2.__bgColor3:hover {
	background-color: #fff;
	border: 1px solid #1da1f2;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.el_linkBox2.__bgColor3:hover > * {
	color: #1da1f2;
}

.el_linkBox2.__bgColor4:hover {
	background-color: #0055a2;
	/* border: 1px solid #c2e6fb; */
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.el_linkBox2.__bgColor4:hover > * {
	color: #fff !important;
}

/* .el_linkBox2.__bgColor3:hover i.fa-chevron-right {
	color: #1da1f2;
} */

/*-------------------------------------
	パターン3
	レイアウト例：ガス料金 → ページ上部のボックス
-------------------------------------*/
.el_linkBox3Unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.el_linkBox3Unit.__col3 .el_linkBox3 {
	width: 30%;
}

.el_linkBox3Unit.__col3 .el_linkBox3:nth-child(2n) {
	margin: 0 3%;
}

@media screen and (max-width: 687px) {
	.el_linkBox3Unit.__col3 .el_linkBox3 {
		width: 100%;
	}

	.el_linkBox3Unit.__col3 .el_linkBox3:nth-child(2n) {
		margin: 3rem 0;
	}
}

.el_linkBox3 {
	display: block;
	text-align: center;
	padding: 3rem 0;
	position: relative;
}

@media screen and (max-width: 687px) {
	.el_linkBox3 {
		display: block;
		text-align: center;
		padding: 1.5rem 0;
		position: relative;
	}
}

.el_linkBox3 i:not(.fa-chevron-right) {
	font-size: 4rem;
	color: #fff;
	padding: 0 0 2rem 0;
}

.el_linkBox3 img {
	position: absolute;
	top: 50%;
	left: 12%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 30px;
}

@media screen and (max-width: 1199px) {
	.el_linkBox3 img {
		position: static;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4%;
	}
}

@media screen and (max-width: 687px) {
	.el_linkBox3 img {
		position: absolute;
		top: 50%;
		left: 15%;
		margin-top: 0;
	}
}

.el_linkBox3 p {
	color: #fff;
	font-size: 2rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_linkBox3 i.fa-chevron-right {
	color: #fff;
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.el_linkBox3:hover > p {
	letter-spacing: 0.2em;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.el_linkBox3:hover > img {
	left: 8%;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

@media screen and (max-width: 687px) {
	.el_linkBox3:hover > img {
		position: absolute;
		top: 50%;
		left: 11%;
		margin-top: 0;
	}
}

/*-------------------------------------
	通常見出し
-------------------------------------*/
.el_headLine {
	padding: 1.25rem 1rem;
	border-radius: 10px;
}

.el_headLine__bgcAccent {
	background-color: #dde8fc;
}

.el_headLine__bgcAccent2 {
	background-color: #002b62;
}

.el_headLine > .el_headLine_mainTxt {
	border-left: 8px solid #1da1f2;
	font-size: 2.4rem;
	padding-left: 2rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
}

@media screen and (max-width: 687px) {
	.el_headLine > .el_headLine_mainTxt {
		display: inline-block;
		padding-left: 1rem;
		line-height: 140%;
		font-size: 1.6rem;
		text-indent: 0rem;
	}
}

.el_headLine > .el_headLine_mainTxt__colWhite {
	color: #fff;
}

.el_headLine > .el_headLine_subTxt {
	margin-left: 3rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
}

.el_headline2 {
	font-size: 2.4rem;
	color: #002b62;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_headline2.__taCenter {
	text-align: center;
}

.el_headline2.__fzLarge {
	font-size: 3rem;
}

.el_headline2.__border_tbc {
	border: 1px solid #002b62;
}

.el_headline2.__bgc_lightbBlue {
	background-color: #bfdfff;
}

.el_headline2.__border_radius {
	border-radius: 10px;
}

@media screen and (max-width: 687px) {
	.el_headline2.__fzLarge {
		font-size: 2rem;
	}

	.el_headline2.__fzLarge.__sp-small {
		font-size: 1.4rem;
	}
	.el_headline2.__sp-small {
		font-size: 1.4rem;
	}
}

.el_headline2 > i {
	font-size: 5rem;
	padding-bottom: 2rem;
}

@media screen and (max-width: 1199px) {
	.el_headline2 > i {
		font-size: 3rem;
		padding-bottom: 2rem;
	}
}

.el_headline2 > img {
	width: auto;
	max-height: 7rem;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 687px) {
	.el_headline2 > img {
		max-height: 4rem;
		margin-bottom: 0.5em;
	}
}

.el_headline3 {
	border-left: 8px solid #1da1f2;
	font-size: 2.4rem;
	padding-left: 2rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
}

.el_headline4 {
	font-size: 2.1rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #002b62;
	padding: 2rem 0;
	text-align: center;
}

@media screen and (max-width: 1199px) {
	.el_headline4 {
		font-size: 1.8rem;
		padding: 1.5rem 0;
	}
}

.el_headline5 {
	font-size: 2.1rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
	padding-bottom: 1.5rem;
}

@media screen and (max-width: 1199px) {
	.el_headline5 {
		font-size: 1.6rem;
	}
}

.el_headline6 {
	font-size: 2.4rem;
	text-align: center;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
	background-color: #fcc800;
	padding: 1rem 0;
}

.el_headline7 {
	font-size: 2.4rem;
	color: #002b62;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	position: relative;
}

.el_headline7_subTxtLeft {
	display: inline-block;
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	vertical-align: top;
	position: absolute;
	top: -2rem;
	left: calc(50% - 8em);
}

@media screen and (max-width: 687px) {
	.el_headline7_subTxtLeft {
		font-size: 50%;
	}
}

.el_headline7_subTxtRight {
	display: inline-block;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	vertical-align: top;
	position: absolute;
	top: -2rem;
	right: calc(50% - 6.5em);
}

@media screen and (max-width: 687px) {
	.el_headline7_subTxtRight {
		font-size: 50%;
	}
}

.el_headline7.__taCenter {
	text-align: center;
}

.el_headline7.__fzLarge {
	font-size: 3rem;
}

@media screen and (max-width: 687px) {
	.el_headline7.__fzLarge {
		font-size: 2rem;
	}
}

.el_headline7 > i {
	font-size: 5rem;
	padding-bottom: 2rem;
}

@media screen and (max-width: 687px) {
	.el_headline7 > i {
		font-size: 3rem;
	}
}

/*-------------------------------------
	Flexタイプのテーブル<dl ver>
-------------------------------------*/
.el_flexTable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #002b62;
}

@media screen and (max-width: 687px) {
	.el_flexTable {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border-top: none;
	}
}

.el_flexTable > dt {
	width: 15%;
	padding: 2rem 2em;
	text-align-last: justify;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

@media screen and (max-width: 687px) {
	.el_flexTable > dt {
		width: 100%;
		text-align-last: center;
		padding: 1rem 1em;
		border-left: 1px solid #002b62;
		border-right: 1px solid #002b62;
	}
}

.el_flexTable > dd {
	width: 85%;
	padding: 2rem 0 2rem 1em;
	border-bottom: 1px solid #002b62;
	border-right: 1px solid #002b62;
	line-height: 240%;

	padding: 1rem 1.5em 2rem 1rem;
}

.recruit_table > dd {
	padding: 1rem 1.5em 2rem 1rem;
}

@media screen and (max-width: 687px) {
	.el_flexTable > dd {
		width: 100%;
		line-height: 100%;
		text-align-last: center;
		border-bottom: none;
		border-left: 1px solid #002b62;
		border-right: 1px solid #002b62;
		border-bottom: 1px solid #002b62;
	}

	.el_flexTable > dd.__spTxtLeft {
		text-align-last: left;
	}

	.el_flexTable > dd.__spTxtLine {
		line-height: 180%;
	}
}

.el_flexTable_innerList > li {
	padding-bottom: 1rem;
}

.el_flexTable__dtcolordarkblue > dt {
	background-color: #002b62;
}

.el_scrollTable_sign {
	display: none;
}

@media screen and (max-width: 1079px) {
	.el_scrollTable_sign {
		display: block;
		text-align: center;
		font-weight: 700;
		padding-bottom: 0.5em;
	}
}

/* --------- 事業所テーブル --------------*/
.el_scrollTable {
	display: block;
	white-space: nowrap;
	border-top: 1px solid #002b62;
	border-left: 1px solid #002b62;
}

.el_scrollTable tbody {
	width: 100%;
	display: table;
}

.el_scrollTable th {
	padding: 1.5rem 1.5rem;
	background-color: #002b62;
	text-align: center;
	color: #fff;
	border-right: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
	vertical-align: middle;
}

.el_scrollTable td {
	padding: 2rem 1.6rem 2rem 1.6rem;
	border-bottom: 1px solid #002b62;
	border-right: 1px solid #002b62;
	vertical-align: middle;
	line-height: 180%;
}

.el_scrollTable.el_scrollTable_xFix {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 1199px) {
	.el_scrollTable.el_scrollTable_xFix {
		overflow-x: scroll;
	}
}

.el_scrollTable2_table {
	display: block;
	white-space: nowrap;
	border-top: 1px solid #002b62;
	border-left: 1px solid #002b62;
}

.el_scrollTable2_table tbody {
	width: 100%;
	display: table;
}

.el_scrollTable2_table th {
	padding: 1.5rem 0;
	background-color: #002b62;
	text-align: center;
	color: #fff;
	border-right: 1px solid #002b62;
}

.el_scrollTable2_table th:nth-child(1) {
	width: 35%;
}

.el_scrollTable2_table th:nth-child(2) {
	width: 30%;
}

.el_scrollTable2_table th:nth-child(3) {
	width: 35%;
}

.el_scrollTable2_table td {
	padding: 2rem 1em 2rem 1em;
	border-bottom: 1px solid #002b62;
	border-right: 1px solid #002b62;
	vertical-align: middle;
	text-align: center;
}

.el_scrollTable2_table td.__wrap {
	white-space: nowrap;
	font-size: 1.7rem;
}

.el_scrollTable2_table td {
	color: #002b62;
}

.el_scrollTable2_table_Lprice {
	font-size: 4.5rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_scrollTable2_table_Lprice_sTxt {
	font-size: 3.1rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.el_scrollTable2_table_Sprice {
	font-size: 2.5rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_scrollTable2_table_Sprice_sTxt {
	font-size: 1.7rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.el_scrollTable2_table.__xFix {
	overflow-x: normal;
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 1199px) {
	.el_scrollTable2_table.__xFix {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

.el_scrollTable2_table_txt {
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	line-height: 160%;
}

@media screen and (max-width: 687px) {
	.el_scrollTable2_table_txt {
		font-size: 1.6rem;
	}
}

.el_scrollTable2_table_txt.__txtLeft {
	text-align: left;
}

.el_scrollTable2_table_txt.__bigTxt {
	font-size: 3.1rem;
}

.el_scrollTable2_table_txt.__normalTxt {
	font-size: 90%;
}

@media screen and (max-width: 687px) {
	.el_scrollTable2_table_txt.__bigTxt {
		font-size: 2.4rem;
	}
}

.el_scrollTable2_table_txt.__bold {
	font-weight: 700;
	letter-spacing: 0.25em;
}

.el_scrollTable2_table_txt.__din2014 {
	font-family: din-2014, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
}

.el_scrollTable2_txtAnnotation {
	text-align: right;
	padding: 1.25rem 0;
}

.el_scrollTable2_table_tani {
	font-size: 75%;
	vertical-align: top;
	position: relative;
	top: -0.2em;
}

.el_scrollTable2_table_tani2 {
	font-size: 75%;
	position: relative;
	top: -0.4em;
}

.el_leaderList {
	width: 100%;
}

.el_leaderList .line {
	position: relative;
	height: 1.5em;
	padding: 0 0 5rem;
	margin-right: 5rem;
}

.el_leaderList .line::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	margin-top: 0.5em;
	border-top: 1px dashed silver;
}

.el_leaderList .line .name {
	position: absolute;
	padding-right: 1ex;
	background-color: white;
}

.el_leaderList .line .val {
	right: 0;
	position: absolute;
	padding-left: 1ex;
	background-color: white;
}

@media screen and (max-width: 687px) {
	.el_leaderList .line {
		padding: 0 0 3rem;
		margin-right: 1rem;
	}

	.el_leaderList td {
		display: block;
		padding-left: 1rem;
		width: 100%;
	}
}

.el_galleryUnit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.el_galleryUnit__4col > .el_galleryItem {
	width: 23%;
}

@media screen and (max-width: 687px) {
	.el_galleryUnit__4col > .el_galleryItem {
		width: 46%;
		margin-bottom: 3rem;
	}
}

/*-------------------------------------
	番号付きリスト
-------------------------------------*/
.el_orderList {
	list-style: decimal;
	font-size: 2.4rem;
}

.el_orderList > li {
	padding: 0 0 3rem 0;
}

/*-------------------------------------
	dlテーブル
-------------------------------------*/
.el_dlTableUnit.__col3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.el_dlTableUnit.__col3 .el_dlTable {
	width: 33%;
}

@media screen and (max-width: 1079px) {
	.el_dlTableUnit.__col3 .el_dlTable {
		width: 100%;
		border-right: 1px solid #002b62;
	}
}

.el_dlTable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-top: 1px solid #002b62;
	border-left: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
}

.el_dlTable:last-of-type {
	border-right: 1px solid #002b62;
}

.el_dlTable dt {
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 1.5rem 0;
}

@media screen and (max-width: 687px) {
	.el_dlTable dt {
		padding: 0.75rem 0;
	}
}

.el_dlTable dd {
	width: 100%;
	/* text-align: center; */
	padding: 3rem 0;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #002b62;
	font-size: 5.7rem;

	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 687px) {
	.el_dlTable dd {
		font-size: 3.2rem;
		padding: 1.5rem 0;
	}
}

.el_dlTable_desc_txtYen {
	font-size: 3.6rem;
}

@media screen and (max-width: 687px) {
	.el_dlTable_desc_txtYen {
		font-size: 1.6rem;
	}
}

.el_dlTable_desc_txtTax {
	font-size: 1.8rem;
}

@media screen and (max-width: 687px) {
	.el_dlTable_desc_txtTax {
		font-size: 1.6rem;
	}
}

.el_dlTable2_wrapper {
	margin: 5rem 0 0;
}

.el_dlTable2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.el_dlTable2 dt {
	text-align: center;
	padding: 2rem 0;
	font-size: 2.7rem;
	color: #002b62;
	background-color: #c2e6fb;
	border-left: 1px solid #002b62;
	border-right: 1px solid #002b62;
	border-top: 1px solid #002b62;
}

@media screen and (max-width: 1079px) {
	.el_dlTable2 dt {
		width: 100%;
		font-size: clamp(2rem, 1em, 2.7rem);
	}
}

.el_dlTable2_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.el_dlTable2_inner.__col2 p {
	width: 50%;
	text-align: center;
	font-size: 2.7rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 2rem 0;
	color: #002b62;
	border-left: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
}

@media screen and (max-width: 1079px) {
	.el_dlTable2_inner.__col2 p {
		width: 100%;
		font-size: clamp(2rem, 1em, 2.7rem);
	}

	.el_dlTable2_inner.__col2 p:nth-child(2n + 1) {
		border-right: 1px solid #002b62;
	}
}

.el_dlTable2_inner.__col2 p:nth-child(2n) {
	border-right: 1px solid #002b62;
}

.el_dlTable2_inner.__col2 p span {
	font-size: 3.6rem;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.el_dlTable3_wrapper {
	margin: 5% 0;
}

.el_dlTable3 {
	display: table;
	width: 100%;
}

@media screen and (max-width: 1199px) {
	.el_dlTable3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
}

.el_dlTable3 > dt {
	background-color: #002b62;
	color: #fff;
	padding: 1rem 2rem;
	letter-spacing: 0.1em;
	line-height: 160%;
	text-align: center;
	font-weight: 400;
	font-size: 2rem;
}

@media screen and (max-width: 1199px) {
	.el_dlTable3 > dt {
		width: 100%;
		font-size: 1.6rem;
	}
}

.el_dlTable3 > dd {
	font-size: 3.4rem;
	border-top: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
	border-right: 1px solid #002b62;
	display: table-cell;
	vertical-align: middle;
	font-weight: 700;
	color: #002b62;
	text-align: center;
	letter-spacing: 0.125em;
}

@media screen and (max-width: 1199px) {
	.el_dlTable3 > dd {
		width: 100%;
		padding: 4rem 0;
		font-size: 2.8rem;
		line-height: 180%;
		border-left: 1px solid #002b62;
	}
}

.el_dlTable4_wrapper {
	margin: 5rem 0 0;
}

.el_dlTable4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.el_dlTable4 dt {
	text-align: center;
	padding: 2rem 0;
	font-size: 2.7rem;
	color: #fff;
	background-color: #1da1f2;
	border-left: 1px solid #002b62;
	border-right: 1px solid #002b62;
	border-top: 1px solid #002b62;
}

@media screen and (max-width: 1079px) {
	.el_dlTable4 dt {
		width: 100%;
		font-size: clamp(1rem, 1em, 2.7rem);
	}
}

.el_dlTable4_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media screen and (max-width: 1199px) {
	.el_dlTable4_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.el_dlTable4_inner.__col2 > p {
	width: 20%;
	background-color: #c2e6fb;
	text-align: center;
	border-right: 1px solid #002b62;
	border-left: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
	color: #002b62;
	padding: 2rem 0;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

@media screen and (max-width: 1199px) {
	.el_dlTable4_inner.__col2 > p {
		width: 100%;
	}
}

.el_dlTable4_inner.__col2 > div {
	width: 80%;
	border-right: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #002b62;
}

@media screen and (max-width: 1199px) {
	.el_dlTable4_inner.__col2 > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 1.5rem 0;
		width: 100%;
		border-left: 1px solid #002b62;
	}
}

.el_dlTable4_inner_txt {
	font-size: 2.3rem;
}

.el_dlTable4_inner_txt2 {
	font-size: 2rem;
}

.el_dlTable4_inner_txt2_value {
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 3.6rem;
}

@media screen and (max-width: 1199px) {
	.el_dlTable4_inner_txt2_value.__spNone {
		display: none;
	}
}

.el_dlTable4_tani {
	font-size: 75%;
	position: relative;
	top: -0.6em;
}

.el_dlTable4_inner_mark {
	padding: 0.25em;
}

@media screen and (max-width: 1199px) {
	.el_dlTable4_inner_mark.__equal {
		display: block;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

/*-------------------------------------
	補足事項
-------------------------------------*/
.el_supTxt {
	line-height: 180%;
	padding: 0.5rem 0 0;
	color: #002b62;
}

.el_supTxt.__list li:before {
	content: "※";
}

.el_supTxt.__2col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media screen and (max-width: 1199px) {
	.el_supTxt.__2col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.el_supTxt_wrapper {
	padding: 1.5rem;
}

@media screen and (max-width: 1199px) {
	.el_supTxt_wrapper {
		padding: 0 1.5rem;
		margin-top: -2.5rem;
	}
}

/*-------------------------------------
	FAQリスト
-------------------------------------*/
.el_qaTitle {
	color: #002b62;
	border-bottom: 1px solid #002b62;
	font-weight: 700;
	font-size: min(2.5rem, 2.25vw);
	padding-bottom: 1.25%;
	margin-top: 2%;
	margin-bottom: 1.5%;
}
.el_qaTitle:not(:first-of-type) {
	margin-top: 6%;
}
@media screen and (max-width: 687px) {
	.el_qaTitle {
		font-size: 4.5vw;
	}
}

.el_qaList {
	line-height: 180%;
	border-bottom: 1px dashed #002b62;
	padding-top: 2rem;
}

.el_qaList dt,
.el_qaList dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 2rem;
}

.el_qaList dt,
.el_qaList dd {
	/* align-items: flex-start; */
	flex-wrap: nowrap;
}
.el_qaList_question,
.el_qaList_answer {
	flex: 0 0 80%;
}

.el_qaList_icon {
	color: #fff;
	width: min(4rem, 10vw);
	aspect-ratio: 1/1;
	height: 4rem;
	border-radius: 50%;
	position: relative;
	margin-right: 2rem;
}

.el_qaList_icon.__iconQ {
	background-color: #000;
}

.el_qaList_icon.__iconA {
	background-color: #0055a2;
}

.el_qaList > dt > p > span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: min(2.5rem, 6.5vw);
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_qaList > dd > p > span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: min(2.5rem, 6.5vw);
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/*-------------------------------------
	画像リスト
-------------------------------------*/
.el_imgList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	overflow: hidden;
}

.el_imgList__noHidden {
	overflow: visible;
}

@media screen and (max-width: 687px) {
	.el_topBnr .el_imgList {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.el_imgList.__col2 .el_imgList_item {
	width: 47%;
}

@media screen and (max-width: 687px) {
	.el_topBnr .el_imgList.__col2 .el_imgList_item {
		width: 100%;
	}

	.el_topBnr .el_imgList.__col2 .el_imgList_item:nth-of-type(n + 2) {
		display: none;
	}
}

.el_imgList.__col2 .el_imgList_item:first-of-type {
	margin-right: 5%;
}

@media screen and (max-width: 687px) {
	.el_imgList.__col2 .el_imgList_item:first-of-type {
		margin-right: 0;
	}
}

.el_imgList.__col3 .el_imgList_item {
	width: 30%;
}

.el_imgList.__col4 .el_imgList_item {
	width: 23%;
}

@media screen and (max-width: 687px) {
	.el_imgList.__col4 .el_imgList_item {
		width: 47%;
	}
}

.el_imgList_item.__addBadge {
	position: relative;
}

.el_imgList_item.__addBadge img:not(.el_imgList_item_img) {
	position: absolute;
	width: 20%;
	top: -10%;
	left: -3%;
}

.el_imgList.__jcSB {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.el_imgList.__alFE {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.el_imgList_item.__mgbLarge {
	margin-bottom: 3vw;
}

@media screen and (max-width: 687px) {
	.el_imgList_item.__mgbLarge {
		margin-bottom: 7vw;
	}
}

.el_imgList_item img {
	padding-bottom: 1rem;
}

.el_imgList_item > a {
	font-size: 1.8rem;
	color: #002b62;
	-webkit-transition: -webkit-transform 0.5s linear;
	transition: -webkit-transform 0.5s linear;
	transition: transform 0.5s linear;
	transition: transform 0.5s linear, -webkit-transform 0.5s linear;
	width: 100%;
	overflow: hidden;
}

@media screen and (max-width: 687px) {
	.el_imgList_item > a {
		font-size: 1.6rem;
	}
}

.el_imgList_wrapper.__mgt5p {
	margin-top: 5%;
}

.el_imgList_item > a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/*-------------------------------------
	価格表
-------------------------------------*/
.el_priceItem {
	padding: 0 0 0;
}

.el_priceItem_title {
	color: #fff;
	text-align: center;
	padding: 0.75rem 0;
}

.el_priceItem_title.__fwThin {
	font-weight: normal;
}

.el_priceItem_title.__txtBlue {
	color: #002b62;
}

.el_priceItem_title.__txtXl {
	font-size: 3rem;
}

.el_priceItem_title.__txtLg {
	font-size: 2rem;
}

.el_priceItem_title.__txtMd {
	font-size: 1.75rem;
}

.el_priceItem_value {
	font-size: 8rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;

	color: #ff0000;
}

.el_priceItem_value.__bgc_orange {
	background-color: #ffc000;
}

.el_priceItem_value.__col_black {
	color: #000;
}

.el_priceItem_value > .el_discount > p.__fz_small {
	font-size: 4.5rem;
}

.el_priceItem_value span {
	font-size: 2.4rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_priceItem_value span.__fz_small {
	font-size: 2rem;
}

.el_discount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 1199px) {
	.el_discount {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 0.25em;
	}
}

.el_discount.__borderT {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid #000;
}

.el_discount.__borderB {
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #000;
}

.el_discount_txt {
	font-size: 1.2rem;
}

.el_discount_txt.__fz_large {
	font-size: 1.6rem;
}

.el_discount_txt.__txtCenter {
	text-align: center;
}

@media screen and (max-width: 1199px) {
	.el_discount_txt {
		font-size: 1.6rem;
		margin-right: 1.5em;
	}
}

.el_discount_txt_txtBig {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-size: 1.6rem;
	color: #0149a7;
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	line-height: 120%;
	text-align: left;
	font-weight: normal;
}

.el_priceItem_value2 {
	font-size: 4rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
}

.el_priceItem_value2 span {
	font-size: 1.6rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.el_priceItem_value3 {
	font-size: 6rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
}

.el_priceItem_value3 span {
	font-size: 1.6rem;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/*-------------------------------------
	吹き出し
-------------------------------------*/
.el_balloon_wrapper {
	margin-top: -7.6rem;
}

@media screen and (max-width: 1199px) {
	.el_balloon_wrapper {
		text-align: center;
	}
}

.el_balloon {
	position: relative;
	display: inline-block;
	margin: 0 0 0.5rem;
	padding: 0.8rem 6rem;
	min-width: 290px;
	max-width: 100%;
	color: #ef313d;
	font-size: 16px;
	background: #feef00;
	border-radius: 15px;
}

.el_balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #feef00;
}

.el_balloon p {
	margin: 0;
	padding: 0;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}

.el_balloon p span {
	font-size: 2rem;
}

/*-------------------------------------
	定義(DLリスト)
-------------------------------------*/
.el_simpleDLList dt {
	font-size: 2.7rem;
	color: #002b62;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 687px) {
	.el_simpleDLList dt {
		font-size: 1.6rem;
		color: #002b62;
		margin-bottom: 0.75rem;
	}
}

.el_simpleDLList dd {
	font-size: 1.8rem;
	color: #002b62;
	line-height: 180%;
	border-bottom: 1px dashed #002b62;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 687px) {
	.el_simpleDLList dd {
		font-size: 1.6rem;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
}

.el_simpleDLList.__ListHeadSquare dt:before {
	content: "■";
}

.el_simpleDLList.__ListHeadImg dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.el_simpleDLList.__ListHeadImg dt img {
	max-width: 30px;
	margin-right: 0.75em;
}

/*-------------------------------------
	トップへ戻る
-------------------------------------*/
#topBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fcc800;
	color: #000;
	z-index: 100;
}

.arrow-top {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: 16px;
	border-top: 4px solid #002b62;
	border-left: 4px solid #002b62;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*-------------------------------------
	ポイント
-------------------------------------*/
.el_pointUnit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 8rem;
}

@media screen and (max-width: 687px) {
	.el_pointUnit {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.el_point {
	width: 45%;
}

@media screen and (max-width: 687px) {
	.el_point {
		width: 100%;
		margin-bottom: 6em;
	}

	.el_point:last-of-type {
		margin-bottom: 0;
	}
}

.el_point_item {
	position: relative;
	padding: 3rem;
	text-align: center;
	border: 2px solid #002b62;
	background: #002b62;
	color: #fff;
	border-radius: 20px;
}

@media screen and (max-width: 687px) {
	.el_point_item {
		padding: 1.5rem;
	}
}

.el_point_item:before,
.el_point_item:after {
	position: absolute;
	content: "";
}

.el_point_item:before {
	top: -60px;
	left: calc(50% - 80px);
	width: 160px;
	height: 140px;
	/* border: 2px solid #000; */
	border-radius: 50%;
	background: #002b62;
}

@media screen and (max-width: 687px) {
	.el_point_item:before {
		top: -65px;
		left: calc(50% - 55px);
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background: #002b62;
	}
}

.el_point_item:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #002b62;
	border-radius: 20px;
}

.el_point_item_num {
	font-size: 10px;
	font-size: 2rem;
	position: absolute;
	z-index: 1;
	top: -35px;
	left: calc(50% - 40px);
	width: 80px;
	height: 60px;
	text-align: center;
}

.el_point_item_mes {
	position: relative;
	z-index: 1;
	font-size: 2rem;
}

@media screen and (max-width: 687px) {
	.el_point_item_mes {
		font-size: 1.6rem;
	}
}

.el_point_desc_wrapper {
	margin-top: 1.5rem;
}

.el_point_desc {
	text-align: center;
	color: #002b62;
	font-size: 2rem;
	line-height: 160%;
}

@media screen and (max-width: 687px) {
	.el_point_desc {
		font-size: 1.6rem;
	}
}

/*-------------------------------------
	テキストリンク
-------------------------------------*/
.el_linkText {
	color: #002b62;
	border-bottom: 1.5px solid #002b62;
}

/*-------------------------------------
	Block
-------------------------------------*/
/*-------------------------------------------------------------------
	ヘッダ内 セクション

	トップページと下層ページで挙動が変わります。
	ly_header に ly_header_subPage を追加すると下層ページ仕様になります。
---------------------------------------------------------------------*/
.bl_header {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*===== 情報 =====*/
.bl_hinfo {
	width: 100%;
	padding-left: 5rem;
	margin-left: auto;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #fff;
	z-index: 3;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 1199px) {
	.bl_hinfo {
		width: 100%;
		padding: 0 0;
		height: 7rem;
	}
}

.bl_hinfo_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 1199px) {
	.bl_hinfo_inner {
		position: relative;
	}
}

.bl_hinfo_linkBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bl_hinfo_img {
	margin: 0 auto 0 0;
	width: 40%;
}

@media screen and (max-width: 1199px) {
	.bl_hinfo_img {
		margin: 0 0 0 1rem;
		width: 75%;
	}
}

.bl_hinfo_img img {
	width: 50%;
}

@media screen and (max-width: 1199px) {
	.bl_hinfo_img img {
		width: auto;
		max-height: 6rem;
	}
}

@media screen and (max-width: 480px) {
	.bl_hinfo_img img {
		width: 100%;
		height: auto;
	}
}

.bl_hinfo_tel {
	margin: 0 clamp(1.5rem, 2.5vw, 3rem) 0 0;
}

/*===== 画像 =====*/
.ly_header .bl_header_img.__nodisp {
	display: none;
}

/*===== TOPページのメインビジュアル =====*/
.bl_header_img2_wrapper {
	position: relative;
	width: 100%;
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*古いブラウザ用*/
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.bl_header_img2 {
	width: 100%;
	height: calc(100vh - 12rem);
	margin-top: clamp(3.7rem, 2vw, 6rem);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 100% 50%;
	object-position: 100% 50%;
	position: relative;
}

@media screen and (max-width: 687px) {
	.bl_header_img2 {
		-o-object-position: 50% 50%;
		object-position: 50% 50%;
		height: 60vh;
	}

	.bl_header_img2__right_pos {
		object-position: 100% 50% !important;
	}
}

/*===== TOPページのキャッチコピー画像 =====*/
.bl_himg_txt_wrapper.__imgTxt {
	position: absolute;
	top: 10%;
	right: 10%;
}

.bl_himg_txt_wrapper.__imgTxt2 {
	position: absolute;
	top: 10%;
	left: 10%;
}

.bl_himg_txt_wrapper.__imgTxt3 {
	position: absolute;
	bottom: 20%;
	right: 10%;
}

.bl_himg_txt_wrapper.__imgTxt4 {
	position: absolute;
	top: 15%;
	left: 10%;
}

.bl_himg_txt_wrapper.__imgTxt5 {
	position: absolute;
	top: 50%;
	right: 10%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bl_himg_txt_wrapper.__imgTxt6 {
	position: absolute;
	width: 30%;
	bottom: 5%;
	right: 10%;
}

@media screen and (max-width: 1199px) {
	.bl_himg_txt_wrapper.__imgTxt,
	.bl_himg_txt_wrapper.__imgTxt2,
	.bl_himg_txt_wrapper.__imgTxt3,
	.bl_himg_txt_wrapper.__imgTxt4,
	.bl_himg_txt_wrapper.__imgTxt5,
	.bl_himg_txt_wrapper.__imgTxt6 {
		position: absolute;
		top: 50%;
		left: 50%;
		right: 0;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 94%;
		max-width: 800px;
		height: fit-content;
		text-align: center;
	}
}

/*===== ナビゲーション =====*/
.bl_header_nav {
	background-color: #002b62;
	padding: 3rem 0;
	width: 100%;
	height: 7.8rem;
	margin-top: 0;
}

.bl_header_nav_inner {
	max-width: 1200px;
	margin: 0 auto;
}

/*===== 下層ページのメインビジュアル =====*/
.ly_header_subPage .bl_header_img2_wrapper {
	position: relative;
	width: 100%;
	margin-top: clamp(6rem, 6.5vw, 14.5rem);
}

@media screen and (max-width: 1199px) {
	.ly_header_subPage .bl_header_img2_wrapper {
		margin-top: clamp(6rem, 3vw, 8rem);
	}
}

.ly_header_subPage .bl_header_img2 {
	width: 100%;
	height: 50vh;
	margin-top: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.ly_header_subPage .bl_header_img2 {
		-o-object-position: 50% 50%;
		object-position: 50% 50%;
		height: 30vh;
	}
}

.ly_header_subPage .bl_himg_txt_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bl_header_info {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.ly_header_subPage .bl_header_img {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.ly_header_subPage .bl_header_nav {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-top: clamp(3.7rem, 4vw, 10.4rem);
	padding: 2rem 0;
	height: 5.8rem;
	position: fixed;
	z-index: 99;
}

.ly_header_subPage .bl_himg_txt_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	right: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ly_header_subPage .bl_himg_txt {
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.93);
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.3rem;
	font-size: clamp(2rem, 7vw, 3.5rem);
	color: #fff;
	text-align: center;
	width: 80vw;
}

/* スマホ時	非表示 */
@media screen and (max-width: 1199px) {
	.bl_hinfo_linkBox {
		display: none;
	}

	.bl_header_nav {
		display: none;
	}

	.bl_hinfo_tel {
		display: none;
	}

	.bl_header_nav {
		display: none;
	}

	.bl_sideBlock {
		display: none;
	}
}

.sp-toggle-btn {
	position: fixed;
}

@media screen and (max-width: 1199px) {
	.sp-toggle-btn {
		right: 0;
		position: relative;
		width: 6rem;
		height: 6rem;
		cursor: pointer;
		background-color: #0055a2;
	}

	.ham_line {
		position: absolute;
		left: 1rem;
		width: 4rem;
		height: 0.3rem;
		background-color: #fff;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.ham_line1 {
		top: 1.5rem;
	}

	.ham_line2 {
		top: 2.8rem;
	}

	.ham_line3 {
		top: 4.1rem;
	}

	.sp-toggle-btn_clicked {
		background-color: #0055a2;
	}

	.clicked .ham_line1 {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 3rem;
		background-color: #fff;
	}

	.clicked .ham_line2 {
		width: 0rem;
	}

	.clicked .ham_line3 {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 3rem;
		background-color: #fff;
	}
}

#sp-menu {
	position: fixed;
	right: -200%;
	z-index: 40;
}

@media screen and (max-width: 1199px) {
	.sp-menu-window {
		position: fixed;
		width: 100%;
		height: auto;
		top: 7rem;
		right: -100%;
		background-color: #002b62;
		-webkit-transition: all 1s;
		transition: all 1s;
		z-index: 99;
	}

	.sp-menu-window a {
		color: #fff;
	}

	.clicked .sp-menu-window {
		top: 7rem;
		right: 0;
		background-color: #002b62;
	}

	#icon-link-section {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.icon-link-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 20px 0 24px;
	}

	.icon-link-item img {
		width: 35%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 0 10px;
	}

	.icon-link-item span {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 2.8vw;
	}

	.txt-link-section {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#big-link a {
		position: relative;
		width: 100%;
		text-indent: 15px;
		padding: 4.3vw 0;
		font-size: 3.9vw;
		font-weight: 700;
		border-top: 1px solid #fff;
	}

	#big-link a:last-child {
		border-bottom: 1px solid #fff;
	}

	#small-link a {
		position: relative;
		width: 50%;
		font-size: 2.9vw;
		font-weight: 700;
		padding: 3.5vw 0 3.5vw 3.9vw;
		border-bottom: 1px solid #fff;
	}

	#small-link a:nth-child(2n-1) {
		border-right: 1px solid #fff;
	}

	#small-link1 a {
		position: relative;
		width: 50%;
		font-size: 2.9vw;
		font-weight: 700;
		padding: 3.5vw 0 3.5vw 3.9vw;
		border-bottom: none;
	}

	#small-link1 a:nth-child(2n-1) {
		border-right: 1px solid #fff;
	}

	.sns-link-section {
		width: 81.4vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.sns-link-section a {
		background-color: #fff;
		width: 48px;
		height: 48px;
		text-align: center;
		border-radius: 100%;
		color: #0055a2;
		font-size: 28px;
		line-height: 48px;
	}
}

.r-arrow {
	position: absolute;
	right: 1rem;
	/*-- 右端からの距離（任意） --*/
}

/*-------------------------------------------------------------------
	メイン内 セクション

---------------------------------------------------------------------*/
.bl_contMain {
	padding: 5rem 0;
}

@media screen and (max-width: 687px) {
	.bl_contMain.__spPdb0 {
		padding-bottom: 0;
	}

	.bl_contMain.__spPdt0 {
		padding-top: 0;
	}
}

.bl_contMain.__pdb0 {
	padding-bottom: 0;
}

.bl_contMain.__pdt0 {
	padding-top: 0;
}

.bl_contMain_body {
	padding: 3rem 3.2rem;
}

@media screen and (max-width: 1199px) {
	.bl_contMain_body {
		padding: 1.5rem 0;
	}
}

.bl_contMain_body.__pdb0 {
	padding-bottom: 0;
}

@media screen and (max-width: 1199px) {
	.bl_contMain_body.__pdt0 {
		padding-top: 0;
	}
}

.bl_contMain_body.__mgb0 {
	margin-bottom: 0;
}

.bl_contMain_body.__mgt0 {
	margin-top: 0;
}

.bl_contMain.__col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.bl_contMain.__col2 .bl_contMain_body {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 70%;
	flex: 1 0 70%;
	padding-right: 5%;
}

.bl_contMain.__col2 .bl_contMain_side {
	margin: 3rem 0;
	width: 28%;
	max-width: 290px;
}

@media screen and (max-width: 1199px) {
	.bl_contMain.__col2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.bl_contMain.__col2 .bl_contMain_side {
		display: none;
	}

	.bl_contMain.__col2 .bl_contMain_body {
		width: 100%;
		padding-right: 0;
	}
}

.line-order .el_linkBox2 {
	display: none;
}

@media screen and (max-width: 1199px) {
	.bl_contMain.__col2 .bl_contMain_side.line-order {
		display: block;
		width: 100vw;
		margin: 0 auto;
		max-width: 100%;
	}

	.line-order > img {
		display: none;
	}
}

/*-------------------------------------
	企業情報
-------------------------------------*/
/*===== 代表挨拶 =====*/
.bl_companyGreeting_txt {
	line-height: 180%;
	padding: 0 0 3rem;
	font-size: 2rem;
}

@media screen and (max-width: 687px) {
	.bl_companyGreeting_txt {
		font-size: 1.6rem;
	}
}

.bl_companyGreeting_signUnit {
	margin-left: auto;
	text-align: right;
}

.bl_companyGreeting_sign {
	line-height: 180%;
	padding: 3rem 0 0;
	font-size: 2rem;
}

@media screen and (max-width: 687px) {
	.bl_companyGreeting_sign {
		font-size: 1.6rem;
	}
}

/*===== 企業理念 =====*/
.bl_companyPolicy_list {
	padding: 0 0 0 3.2rem;
}

/*===== 会社概要・事業所 =====*/
.bl_companyOffice_head {
	padding: 0 0 3rem;
}

.bl_companyOffice_body {
	padding: 0 0 3rem;
}

.bl_companyOffice_remarks {
	padding: 0;
}

/*===== 沿革 =====*/
.bl_companyHistory_body {
	padding: 0 0 3rem;
}

/*===== 有資格者 =====*/
.bl_companyLicence_txt {
	width: 100%;
	padding: 3rem;
	text-align: right;
}

@media screen and (max-width: 687px) {
	.bl_companyLicence_txt {
		padding: 1rem;
	}
}

/*-------------------------------------
	事業内容
-------------------------------------*/
/*-------------------------------------
	天然水宅配
-------------------------------------*/
.bl_price_wrapper {
	position: relative;
}

@media screen and (max-width: 687px) {
	.bl_price_wrapper {
		/*    width: 100vw;*/
		width: 100%;
		/*    margin-left: -3vw; */
		margin-left: 0;
	}
}

.bl_price {
	padding: 2.2rem 0 1.5rem;
	margin-bottom: 3rem;
}

.bl_price.__narrowTop {
	padding: 1rem 0 1rem;
	margin-bottom: 3rem;
}

@media screen and (max-width: 687px) {
	.bl_price {
		width: 100%;
	}
}

.bl_price_title {
	text-align: center;
	color: #fff;
	font-size: 2.7rem;
	padding-bottom: 1vh;
}

.bl_price_desc {
	background-color: #fff;
	margin: 1rem 1rem 0;
	padding: 0.5rem 0.5rem;
}

.bl_price_desc_subTxt {
	text-align: center;
	font-weight: bold;
	padding: 0 0 1.5rem;
}

.bl_touyuBtn {
	margin-top: 5rem;
	margin-bottom: 10rem;
}

.bl_touyuBtn.__water {
	width: 80%;
}

@media screen and (max-width: 1199px) {
	.bl_touyuBtn {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5rem;
	}
}

@media screen and (max-width: 687px) {
	.bl_touyuBtn {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.bl_touyuTxt {
	line-height: 180%;
	margin-bottom: 2rem;
	color: #e60012;
}

.bl_touyuTxt.__center {
	text-align: center;
}

@media screen and (max-width: 687px) {
	.bl_touyuTxt {
		font-size: 1.6rem;
	}
}

.bl_gasBtn {
	margin-top: 5rem;
	margin-bottom: 10rem;
}

@media screen and (max-width: 1199px) {
	.bl_gasBtn {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 687px) {
	.bl_gasBtn {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.bl_bnr.hover_on:hover {
	opacity: 0.4;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*-------------------------------------
	フッタ内 セクション
-------------------------------------*/
.bl_fsec {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 6.6rem 0 5rem;
}

@media screen and (min-width: 1199px) {
	.bl_fsec_end {
		height: 370px;
	}
}

.bl_fsec_contactMethod {
	max-width: 1000px;
	width: 96%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5rem 0 0;
}

@media screen and (max-width: 1199px) {
	.bl_fsec_contactMethod {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 2rem 0 0;
	}
}

.bl_fsec__bgcLightBlue {
	background-color: #dde8fc;
}

.bl_fsec__bgcDarkBlue {
	background-color: #002b62;
}

.bl_fsec_pdb0 {
	padding-bottom: 0;
}

.bl_fsec_pdt0 {
	padding-top: 0;
}

.bl_fsec_pdt5p {
	padding-top: clamp(3rem, 5%, 5rem);
}

.bl_fsec_pdb5p {
	padding-bottom: clamp(3rem, 5%, 5rem);
}

@media screen and (max-width: 1199px) {
	.bl_fsec_pdt5p {
		padding-top: 3%;
	}

	.bl_fsec_pdb5p {
		padding-bottom: 6%;
	}
}

@media screen and (max-width: 687px) {
	.bl_fsec_pdt5p {
		padding-top: 5%;
	}

	.bl_fsec_pdb5p {
		padding-bottom: 0;
	}
}

.bl_fsec_overImg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	max-width: 600px;
	overflow: hidden;
}

@media screen and (max-width: 1199px) {
	.bl_fsec_overImg {
		display: none;
	}
}

.bl_fcon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 5%;
}

@media screen and (max-width: 1199px) {
	.bl_fcon {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-left: 0;
	}
}

.bl_fcon_img {
	width: 40%;
	max-width: 500px;
	padding: 0 0 2vw 0;
}

@media screen and (max-width: 1199px) {
	.bl_fcon_img {
		width: 90%;
		max-width: 400px;
	}
}

.bl_fcon_text {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
	padding: 0.5rem;
}

@media screen and (max-width: 687px) {
	.bl_fcon_text {
		text-align: center;
	}
}

.bl_fsec_inner {
	width: 100%;
}

.bl_fsec_inner__wLarge {
	max-width: 1800px;
}

.bl_fsec_inner__widthMiddle {
	max-width: 1080px;
}

.bl_fsec_inner__widthSmall {
	max-width: 800px;
}

.bl_fcon_nav {
	margin: 3rem 0;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.bl_fcon_nav {
		margin: 0 0 0;
	}

	.bl_fcon_nav .el_nav {
		display: none;
	}
}

.bl_fcon_copyright {
	position: absolute;
	top: 3vw;
	right: 0;
	color: #fff;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
}

@media screen and (max-width: 1199px) {
	.bl_fcon_copyright {
		position: static;
		text-align: center;
		margin: 2rem 0;
		font-size: 1.4rem;
		letter-spacing: -0.05rem;
	}
}

@media screen and (max-width: 687px) {
	.bl_fcon_copyright {
		font-size: 1.2rem;
	}
}

.bl_fsec_linkBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 5%;
}

@media screen and (max-width: 1199px) {
	.bl_fsec_linkBox {
		display: none;
	}
}

.bl_ftel {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 46%;
	flex: 0 0 46%;
	margin-right: 2%;
}

@media screen and (max-width: 1199px) {
	.bl_ftel {
		margin-right: 0;
	}
}

.bl_fBtn {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 46%;
	flex: 0 0 46%;
	margin-left: 2%;
}

@media screen and (max-width: 1199px) {
	.bl_fBtn {
		width: 60%;
		margin-left: 0;
	}
}

@media screen and (max-width: 687px) {
	.bl_fBtn {
		width: 100%;
		margin-left: 0;
	}
}

/*-------------------------------------------------------------------
	メディアブロック
	画像とテキストが１つになっているパターン
---------------------------------------------------------------------*/
/*-------------------------------------
	パターン1
	レイアウト例：事業内容 → 各事業案内
-------------------------------------*/
.bl_media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 5rem 0;
	border-bottom: 1px solid #000;
}

@media screen and (max-width: 687px) {
	.bl_media {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border-bottom: none;
	}
}

.bl_media:last-of-type {
	border-bottom: none;
}

.bl_media_cont {
	margin-left: 3vw;
}

@media screen and (max-width: 687px) {
	.bl_media_cont {
		margin-left: 0;
	}
}

.bl_media img {
	width: 30%;
}

@media screen and (max-width: 687px) {
	.bl_media img {
		width: 100%;
		margin-bottom: 2rem;
	}
}

.bl_media .bl_media_desc {
	margin: 1vw 0;
	font-size: 2rem;
	line-height: 180%;
}

@media screen and (max-width: 687px) {
	.bl_media .bl_media_desc {
		margin: 3vw 0;
		font-size: 1.6rem;
		line-height: 180%;
	}
}

.bl_media .bl_media_desc2 {
	margin: 1vw 0;
	font-size: 1.8rem;
	padding: 1.5vw 2vw;
	line-height: 160%;
	background-color: #c2e6fb;
	border-radius: 25px;
}

@media screen and (max-width: 687px) {
	.bl_media .bl_media_desc2 {
		margin: 3vw 0;
		padding: 1.5rem 2rem;
		font-size: 1.6rem;
		line-height: 180%;
	}
}

.bl_media_link {
	display: block;
	margin-left: auto;
	text-align: right;
}

@media screen and (max-width: 687px) {
	.bl_media_link {
		margin: 3vw 0 0 auto;
	}
}

/*-------------------------------------
	パターン2
	レイアウト例：天然水宅配 → タイトル下（4つの特長部分）
-------------------------------------*/
.bl_media2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bl_media2 .bl_media2_desc {
	border-top: 1px solid #002b62;
	padding: 1rem 0;
	line-height: 180%;
	font-size: 1.8rem;
}

@media screen and (max-width: 1199px) {
	.bl_media2 .bl_media2_desc {
		font-size: 1.6rem;
	}
}

.bl_mediaUnit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media screen and (max-width: 1199px) {
	.bl_mediaUnit {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.bl_mediaUnit.__col4 .bl_media2 {
	width: 23%;
	margin-right: 2%;
}

@media screen and (max-width: 1199px) {
	.bl_mediaUnit.__col4 .bl_media2 {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 4vh;
	}
}

@media screen and (max-width: 687px) {
	.bl_mediaUnit.__col4 .bl_media2 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 4vh;
	}
}

.bl_mediaUnit.__col3 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.bl_mediaUnit.__col3 .bl_media2 {
	width: 20%;
}

.bl_mediaUnit.__col3 .bl_media2:nth-child(2n) {
	margin-left: 15%;
	margin-right: 15%;
}

@media screen and (max-width: 687px) {
	.bl_mediaUnit.__col3 .bl_media2 {
		width: 55%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 4vh;
	}
}

.bl_mediaUnit.__middle {
	width: 100%;
}

.bl_mediaUnit.__center {
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------
	パターン3
	レイアウト例：TOPページ → ブログの一覧表示
-------------------------------------*/
.bl_media3_wrapper {
	padding: 1.5rem 0;
	border-bottom: 1px dashed #000;
}

.bl_media3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.bl_media3:last-of-type {
	border-bottom: none;
}

.bl_media3_img {
	width: 100%;
	max-width: 150px;
}

@media screen and (max-width: 687px) {
	.bl_media3_img {
		width: 40%;
	}
}

.bl_media3_cont {
	margin-left: 3vw;
	position: relative;
	width: 100%;
}

@media screen and (max-width: 687px) {
	.bl_media3_cont {
		margin-left: 3vw;
	}
}

.bl_media3_cont_desc {
	font-size: 1.8rem;
	line-height: 160%;
}

@media screen and (max-width: 687px) {
	.bl_media3_cont_desc {
		font-size: 1.4rem;
		line-height: 160%;
	}
}

.bl_media3_cont_link {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*-------------------------------------
	パターン4
	レイアウト例：最新情報
-------------------------------------*/
.bl_media4Unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bl_relativeArticle .bl_media4Unit {
	width: 95%;
}

@media screen and (max-width: 687px) {
	.bl_relativeArticle .bl_media4Unit {
		width: 100%;
	}
}

.bl_media4Unit.__col3 .bl_media4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
}

.bl_media4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.bl_media4 a {
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border: 3px solid #ccc;
	padding: 1em;
	-webkit-box-shadow: 3px 3px 6px -2px #555, 3px 3px 8px rgba(255, 255, 255, 0.8) inset;
	box-shadow: 3px 3px 6px -2px #555, 3px 3px 8px rgba(255, 255, 255, 0.8) inset;
}

@media screen and (max-width: 1199px) {
	.bl_media4 a {
		width: 100%;
	}
}

.bl_relativeArticle .bl_media4 a {
	width: 90%;
}

@media screen and (max-width: 687px) {
	.bl_relativeArticle .bl_media4 a {
		width: 100%;
	}
}

@media screen and (max-width: 687px) {
	.bl_media4Unit {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	.bl_media4Unit.__col3 .bl_media4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.bl_media4 a {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 3rem;
	}

	.bl_media4 a img {
		width: 20%;
	}

	.bl_media4_cont {
		margin-left: 1em;
	}

	.bl_media4_cont .el_headline4 {
		text-align: left;
		padding-top: 0;
	}
}

.bl_media4 a:hover {
	border: 3px solid #002b62;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.bl_media4_desc {
	line-height: 140%;
}

/*-------------------------------------
	パターン5
	レイアウト例：Line[限定特典]
-------------------------------------*/
.bl_lineFeature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 3rem auto;
	width: 100%;
}

@media screen and (max-width: 1199px) {
	.bl_lineFeature {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.bl_lineFeature_cont {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 45%;
	flex: 1 0 45%;
}

.bl_media5Unit {
	margin-left: 10%;
}

@media screen and (max-width: 1199px) {
	.bl_media5Unit {
		margin-left: 0;
		margin-top: 3rem;
		width: 90%;
	}
}

.bl_media5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.5%;
	border: 1px solid #ccc;
	margin-bottom: 3rem;
}

@media screen and (max-width: 687px) {
	.bl_media5 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 3% 1.5%;
	}
}

.bl_media5_img {
	width: 20%;
}

@media screen and (max-width: 687px) {
	.bl_media5_img {
		margin-bottom: 1.5rem;
	}
}

.bl_media5_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 2rem;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 45%;
	flex: 1 0 45%;
}

.bl_m5_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* 垂直中心 */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* 水平中心 */
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
}

@media screen and (max-width: 687px) {
	.bl_m5_title {
		font-size: 1.6rem;
	}
}

.bl_m5_title:before,
.bl_m5_title:after {
	border-top: 1px solid;
	content: "";
	width: 3em;
	/* 線の長さ */
}

.bl_m5_title:before {
	margin-right: 1em;
	/* 文字の右隣 */
}

.bl_m5_title:after {
	margin-left: 1em;
	/* 文字の左隣 */
}

.bl_m5_desc {
	font-size: 2.6rem;
	font-weight: bold;
}

@media screen and (max-width: 687px) {
	.bl_m5_desc {
		font-size: 1.8rem;
	}
}

.bl_lineFeature_cont_txt {
	margin-top: 3rem;
	font-size: 2.4rem;
}

@media screen and (max-width: 687px) {
	.bl_lineFeature_cont_txt {
		font-size: 1.6rem;
	}
}

/*-------------------------------------
	パターン6
	レイアウト例：Line[ともだち追加]
-------------------------------------*/
.bl_media6Unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 687px) {
	.bl_media6Unit {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.bl_media6_wrapper {
	width: 40%;
	margin: 3rem auto 5rem;
}

@media screen and (max-width: 687px) {
	.bl_media6_wrapper {
		width: 100%;
	}
}

.bl_media6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media screen and (max-width: 687px) {
	.bl_media6 {
		margin-bottom: 3rem;
	}
}

.bl_media6_imgWrapper {
	margin-bottom: 2rem;
}

/*-------------------------------------
	パターン7
	レイアウト例：つばめe-check Point1
-------------------------------------*/
.bl_media7_wrapper {
	width: 100%;
	margin: 3rem auto 5rem;
}

@media screen and (max-width: 687px) {
	.bl_media7_wrapper {
		width: 100%;
		margin: 3rem auto 5rem;
	}
}

.bl_media7 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background-color: #fff;
}

@media screen and (max-width: 687px) {
	.bl_media7 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: normal;
		-ms-flex-align: normal;
		align-items: normal;
		margin-bottom: 3rem;
	}
}

.bl_media7_title {
	width: 20%;
	background-color: #1da1f2;
	text-align: center;
	color: #fff;
	padding: 2rem 0;
	font-weight: 700;
	font-size: 2.8rem;
}

@media screen and (max-width: 687px) {
	.bl_media7_title {
		padding: 1rem 0;
		font-size: 2rem;
		width: 100%;
	}
}

.bl_media7_title span {
	font-size: 3.6rem;
}

@media screen and (max-width: 687px) {
	.bl_media7_title span {
		font-size: 2.2rem;
	}
}

.bl_media7_desc {
	font-size: 2.4rem;
	text-align: center;
	width: 100%;
	color: #002b62;
	font-weight: 700;
	line-height: 180%;
	width: 90%;
}

@media screen and (max-width: 687px) {
	.bl_media7_desc {
		font-size: 1.6rem;
		padding: 1rem 0;
		line-height: 180%;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

.bl_media8Unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 687px) {
	.bl_media8Unit {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.bl_media8 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background-color: #fff;
}

@media screen and (max-width: 687px) {
	.bl_media8 {
		margin-bottom: 3rem;
	}
}

.bl_media8_title {
	background-color: #1da1f2;
	text-align: center;
	color: #fff;
	padding: 2rem 0;
	font-weight: 700;
	font-size: 2.8rem;
}

@media screen and (max-width: 687px) {
	.bl_media8_title {
		padding: 1rem 0;
		font-size: 2rem;
	}
}

.bl_media8_title span {
	font-size: 3.6rem;
}

@media screen and (max-width: 687px) {
	.bl_media8_title span {
		font-size: 2.2rem;
	}
}

.bl_media8_desc {
	font-size: 2.4rem;
	text-align: center;
	color: #002b62;
	font-weight: 700;
	padding: 3rem 0 0;
	line-height: 180%;
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 687px) {
	.bl_media8_desc {
		font-size: 1.6rem;
		padding: 1rem 0;
		line-height: 180%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.bl_media8 img {
	width: 90%;
	margin: 0 auto;
	padding: 3rem;
}

@media screen and (max-width: 687px) {
	.bl_media8 img {
		padding: 1rem;
	}
}

/*-------------------------------------
	パターン9
	レイアウト例：商品一覧
-------------------------------------*/
.bl_media9 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.bl_media9 a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border: 3px solid #ccc;
	padding: 1em;
	-webkit-box-shadow: 3px 3px 6px -2px #555, 3px 3px 8px rgba(255, 255, 255, 0.8) inset;
	box-shadow: 3px 3px 6px -2px #555, 3px 3px 8px rgba(255, 255, 255, 0.8) inset;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 3rem;
}

@media screen and (max-width: 687px) {
	.bl_media9 a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
}

.bl_media9 a img {
	width: 50%;
	width: 200px;
	height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
}

@media screen and (max-width: 687px) {
	.bl_media9 a img {
		width: 80%;
		-o-object-fit: contain;
		object-fit: contain;
		margin-bottom: 2rem;
	}
}

.bl_media9_cont {
	margin-left: 1em;
	width: 100%;
	position: relative;
}

.bl_media9_cont .el_headline4 {
	text-align: left;
	padding-top: 0;
}

.bl_media9 a:hover {
	border: 3px solid #002b62;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.bl_media9_desc {
	font-size: 2.4rem;
	line-height: 140%;
}

@media screen and (max-width: 687px) {
	.bl_media9_desc {
		font-size: 1.6rem;
		line-height: 140%;
		margin-bottom: 2rem;
	}
}

.bl_media9_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	margin-left: auto;
}

@media screen and (max-width: 687px) {
	.bl_media9_btn {
		position: static;
		width: 100%;
	}
}

/* bl_media11 */
.bl_media11 {
	width: 100%;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 1em 1em;
}

.bl_media11.bl_sake {
	padding: 2em 2em;
}

@media screen and (max-width: 699px) {
	.bl_media11 {
		padding: 0.25em 0.25em;
	}
}

@media screen and (max-width: 699px) {
	.bl_media11.bl_sake {
		padding: 1em 0.25em;
	}
}

.bl_media11_inner {
	display: flex;
	flex-direction: row;
}

.bl_media11_media {
	flex: 0 0 30%;
}

@media screen and (max-width: 699px) {
	.bl_media11_media {
		flex: 0 0 35%;
	}
}

.bl_media11_cont {
	flex: 1 0 60%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 1em 0 0 2em;
}

@media screen and (max-width: 1199px) {
	.bl_media11_cont {
		justify-content: space-around;
	}
}

@media screen and (max-width: 699px) {
	.bl_media11_cont {
		margin: 0.25em 0 0 1em;
	}
}

.bl_media11_cont_txt {
	margin: 1em 0 0.5em;
}

@media screen and (max-width: 699px) {
	.bl_media11_cont_txt {
		margin: 0.25em 0 0;
	}
}

.bl_media11_cont_link {
	margin-left: auto;
	min-width: 60%;
	/* margin-top: 1em; */
	margin-top: auto;
}

@media screen and (max-width: 699px) {
	.bl_media11_cont_link {
		width: 100%;
		margin-top: 0.25em;
	}
}

.bl_media11_cont_link > .el_linkBtn2 {
	border-radius: 30px;
	padding: 0.75em 0;
}

@media screen and (max-width: 699px) {
	.bl_media11_cont_link > .el_linkBtn2 {
		padding: 0.45em 0;
		font-size: 1.2rem;
	}
}

.bl_media11_cont_link > .el_linkBtn2:hover {
	background-color: #fff;
	color: #002b62 !important;
	border: 1px solid #002b62;
	transition: all ease 0.5s;
}

@media screen and (max-width: 699px) {
	.bl_media11_cont_img {
		width: 50%;
	}
}

/*-------------------------------------
	○○に関するお知らせ　リスト
-------------------------------------*/
.bl_infoList_wrapper {
	width: 100%;
}

.bl_infoList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 1.6rem;
	border-bottom: 1px dashed #002b62;
	padding: 0 0 2rem;
}

@media screen and (max-width: 1199px) {
	.bl_infoList {
		font-size: 1.6rem;
	}
}

.bl_infoList_date:before {
	content: "■ ";
}

.bl_infoList_date {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
}

.bl_infoList_date:last-of-type {
	padding: 2rem 0 0;
}

.bl_infoList_txt {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 85%;
	flex: 0 1 85%;
}

.bl_infoList_txt:first-of-type {
	padding: 0 0 2rem;
}

.bl_infoList_txt:last-of-type {
	padding: 2rem 0 0;
}

@media screen and (max-width: 687px) {
	.bl_infoList_date {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.bl_infoList_txt {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}

/*-------------------------------------
	配達可能エリア　リスト
-------------------------------------*/
.bl_deliverMap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 80%;
	margin: 0 auto 0 auto;
}

@media screen and (max-width: 687px) {
	.bl_deliverMap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
}

.bl_deliverMap_list {
	width: 50%;
}

@media screen and (max-width: 687px) {
	.bl_deliverMap_list {
		width: 95%;
		margin-left: 2%;
	}
}

.bl_deliverMap_list_title:before {
	content: "■";
}

.bl_deliverMap_list_title {
	margin-bottom: 1rem;
}

.bl_deliverMap_list_cont {
	margin-bottom: 5rem;
}

.bl_dvMapList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bl_dvMapList li:before {
	display: inline-block;
	content: "・";
}

.bl_dvMapList li {
	width: 32%;
	line-height: 180%;
}

@media screen and (max-width: 1080px) {
	.bl_dvMapList li {
		width: 45%;
	}
}

@media screen and (max-width: 687px) {
	.bl_dvMapList li {
		width: 48%;
	}
}

.bl_deliverMap_img {
	width: 51%;
	border: 1px solid #999;
}

@media screen and (max-width: 687px) {
	.bl_deliverMap_img {
		width: 80%;
	}
}

/*-------------------------------------------------------------------
	大画像ブロック
---------------------------------------------------------------------*/
.bl_largeImg_wrapper {
	padding: 0 2%;
}

@media screen and (max-width: 687px) {
	.bl_largeImg_wrapper {
		padding: 0;
	}
}

/*-------------------------------------------------------------------
	サイドボックス
	サイドメニューのボックス領域
---------------------------------------------------------------------*/
/*-------------------------------------
	パターン1
	レイアウト例：事業内容 → 各事業案内
-------------------------------------*/
.bl_sideBox {
	color: #fff;
}

.bl_sideBox_inner {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

.bl_sideBox.__bgColor1 {
	background-color: #ee313d;
}

.bl_sideBox.__bgColor2 {
	background-color: #c1ae67;
}

.bl_sideBox_title {
	width: 100%;
	text-align: center;
	padding: 1.25rem 0 1.25rem 0;
	border-bottom: 1px dashed #fff;
}

.bl_sideBox_title_imgBox {
	display: inline-block;
	width: 20%;
	max-width: 1.8rem;
	vertical-align: bottom;
	margin-right: 0.5em;
}

.bl_sideBox_title_txtBox {
	display: inline-block;
	font-size: 1.8rem;
	letter-spacing: 0.25em;
}

.bl_sideBox_menuBox > li {
	border-bottom: 1px dashed #fff;
	padding: 1.5rem 0 1.5rem 1em;
	height: calc(3.5rem + 1em);
	position: relative;
}

.bl_sideBox_menuBox > li:last-of-type {
	padding: 2rem 0 2rem 1em;
	position: relative;
	border-bottom: none;
}

.bl_sideBox_menuBox > li > a {
	color: #fff !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bl_sideBox_menuBox > li > a > span {
	position: absolute;
	top: 50%;
	left: 1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bl_sideBox_menuBox > li > a > i {
	position: absolute;
	top: 50%;
	right: 8%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bl_sideBlock_sideMenu {
	margin-bottom: 3rem;
}

.bl_sideBox.__bgColor1 .bl_sideBox_menuBox > li:hover > a > i,
.bl_sideBox.__bgColor2 .bl_sideBox_menuBox > li:hover > a > i {
	right: 2%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}

.bl_spBnr {
	display: none;
}

@media screen and (max-width: 1199px) {
	.bl_spBnr {
		margin-top: 5rem;
		display: block;
	}

	.bl_sideBlock_sideMenu_wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.bl_sideBlock_sideMenu {
		flex: 0 0 49%;
	}

	.bl_sideBox_title_txtBox {
		font-size: 1.4rem;
	}

	.bl_sideBox.__bgColor1 .bl_sideBox_menuBox > li > a,
	.bl_sideBox.__bgColor2 .bl_sideBox_menuBox > li > a {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1199px) {
	.bl_bnr_wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}

	.bl_bnr {
		flex: 0 0 48%;
	}

	.bl_bnr.sp_faq {
		flex: 0 0 100%;
	}
}

/*-------------------------------------------------------------------
	入れ子リスト
---------------------------------------------------------------------*/
.bl_nestList ul li:before {
	content: "■";
}

.bl_nestList ul li {
	min-height: 12px;
	height: auto !important;
	height: 12px;
	line-height: 180%;
	margin: 0;
	padding: 5px 0 0 15px;
	content: "■";
}

/* 2階層以降 */
.bl_nestList ul li ul li:before {
	content: "●";
}

.bl_nestList ul li ul li {
	margin-left: 5px;
}

/* リスト最終行 */
/*-------------------------------------------------------------------
	新着記事リスト
---------------------------------------------------------------------*/
/*-------------------------------------
	パターン1
-------------------------------------*/
.bl_blogArtList {
	margin-bottom: 2rem;
}

.bl_blogArtList_title {
	background-color: #dde8fc;
	text-align: center;
	padding: 1rem;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.125em;
	color: #002b62;
}

.bl_blogArtList_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 0 2rem 0;
}

.bl_blogArtList_list > a {
	padding: 1rem;
	line-height: 160%;
	border-bottom: 1px dashed #ccc;
}

.bl_blogArtList_list > a:last-of-type {
	border-bottom: none;
}

/*-------------------------------------------------------------------
	カテゴリリスト
---------------------------------------------------------------------*/
/*-------------------------------------
	パターン1
-------------------------------------*/
.bl_blogCatList {
	margin-bottom: 2rem;
}

.bl_blogCatList_title {
	background-color: #dde8fc;
	text-align: center;
	padding: 1rem;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.125em;
	color: #002b62;
}

.bl_blogArtList_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 0 2rem 0;
}

.bl_blogArtList_list > a {
	padding: 1rem;
	line-height: 160%;
	border-bottom: 1px dashed #ccc;
}

.bl_blogArtList_list > a:last-of-type {
	border-bottom: none;
}

/*-------------------------------------------------------------------
	大きい画像のスワイプ処理
---------------------------------------------------------------------*/
.bl_bigImgSwipe {
	width: 100%;
	max-width: 100%;
}

@media screen and (max-width: 687px) {
	.bl_bigImgSwipe.__spSwipe {
		overflow: scroll;
	}

	.bl_bigImgSwipe.__spSwipe .SwipeImg {
		width: 200%;
		max-width: 200%;
	}
}

/*-------------------------------------
	フォーム
-------------------------------------*/
/*ContactForm7カスタマイズ*/
table.CF7_table {
	width: 98%;
	margin: 0 auto;
	border: 3px solid #e5e5e5;
	font-size: 90%;
}

table.CF7_table tr {
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
	display: table;
}

/*入力欄*/
.CF7_table input,
.CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::-webkit-input-placeholder {
	color: #797979;
}

.CF7_table :-ms-input-placeholder {
	color: #797979;
}

.CF7_table ::-ms-input-placeholder {
	color: #797979;
}

.CF7_table ::placeholder {
	color: #797979;
}

/*「必須」文字*/
.CF7_req {
	font-size: 0.9em;
	padding: 5px;
	background: #ea5532;
	/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right: 1em;
}

/*「任意」文字*/
.CF7_unreq {
	font-size: 0.9em;
	padding: 5px;
	background: #bdbdbd;
	/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right: 1em;
}

/* タイトル列 */
@media screen and (min-width: 768px) {
	.CF7_table th {
		width: 23%;
		/*横幅*/
		background-color: #ebedf5;
		/*ブルーグレー*/
		padding: 2rem 1rem;
	}

	.CF7_table td {
		vertical-align: middle;
		padding: 2rem 0 2rem 1rem;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
	table.CF7_table {
		width: 95%;
	}

	.CF7_table tr,
	.CF7_table td,
	.CF7_table th {
		display: block;
		width: 100%;
		line-height: 2.5em;
	}

	.CF7_table th {
		background-color: #ebedf5;
		padding: 1rem 1rem;
	}

	.CF7_table td {
		padding: 2rem 1.5rem;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit,
.wpcf7cf_prev,
.wpcf7cf_next {
	background-color: #002b62;
	/* オレンジ*/
	border: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto;
	/* width: 40%; */
	padding: 1.5rem;
}

@media screen and (max-width: 687px) {
	.wpcf7 input.wpcf7-submit,
	.wpcf7cf_prev,
	.wpcf7cf_next {
		/* width: 60%; */
	}
}

.CF7_btn {
	text-align: center;
	margin-top: 20px;
}

.wpcf7-spinner {
	width: 0;
	margin: 0;
}

.wpcf7-select {
	border: 1px solid #d8d8d8;
	padding: 0.5rem 0;
	width: 60%;
}

@media screen and (max-width: 687px) {
	.wpcf7-select {
		width: 100%;
	}

	.CF7_table input,
	.CF7_table textarea {
		width: 100%;
	}
}

.CF7_caution {
	font-size: 1.8rem;
	line-height: 240%;
	margin: 3rem auto;
	width: 80%;
}

@media screen and (max-width: 687px) {
	.CF7_caution {
		width: 100%;
		font-size: 1.6rem;
		line-height: 200%;
		margin: 1.5rem auto;
		width: 80%;
	}
}

/*-------------------------------------
	関連記事
-------------------------------------*/
@media screen and (max-width: 687px) {
	.bl_relativeArticle {
		margin: 10% 0;
	}
}

.bl_relativeArticle_title {
	padding: 1.5% 0;
	text-align: center;
	margin: 5% 0;
	font-size: 2.4rem;
	border: 1px solid #002b62;
	background-color: #002b62;
	color: #fff;
	width: 100%;
	letter-spacing: 0.5em;
}

@media screen and (max-width: 687px) {
	.bl_relativeArticle_title {
		font-size: 2rem;
	}
}

/*-------------------------------------
	ブログ記事
-------------------------------------*/
.bl_blogArticle_date {
	padding: 2%;
	text-align: right;
	font-size: 2rem;
	color: #002b62;
}

@media screen and (max-width: 687px) {
	.bl_blogArticle_date {
		padding: 4% 2%;
		font-size: 1.6rem;
	}
}

.bl_blogArticle_cont_wrapper {
	border-top: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
	padding: 2% 1em;
}

.bl_blogArticle_cont_wrapper.__top-border-none {
	border-top: none;
}

@media screen and (max-width: 687px) {
	.bl_blogArticle_cont_wrapper {
		padding: 4% 1em;
	}
}

.bl_blogArticle_cont > p {
	line-height: 240%;
}

@media screen and (max-width: 687px) {
	.bl_blogArticle_cont > p {
		line-height: 180%;
	}
}

.bl_blogArticle_cont p a {
	color: #0055a2;
	text-decoration: underline;
}

.bl_blogArticle_cont p a:hover {
	text-decoration: none;
}

.bl_blogCategory {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 2.5%;
}

.bl_blogCategory > a {
	margin-left: 3%;
	margin-top: 1.5%;
}

.bl_blogCategory > a:last-of-type {
	margin-top: 1.5%;
}

/*-------------------------------------
	Helper
-------------------------------------*/
/*-------------------------------------
	position:relative 付加
-------------------------------------*/
.hp_posr {
	position: relative;
}

/*# sourceMappingURL=style.css.map */

.bl_media10_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
	.bl_media10_wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.bl_media10 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 49%;
	border: 1px solid #ccc;
	padding: 1.5rem 0 1.5rem 1.5rem;
	margin-bottom: 3rem;
}

@media screen and (max-width: 1000px) {
	.bl_media10 {
		width: 100%;
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	}
}

.bl_media10:nth-child(2n + 1) {
	margin-right: 2%;
}

.bl_media10_imgWrapper {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 150px;
	margin-right: 5%;
}

@media screen and (max-width: 1000px) {
	.bl_media10_imgWrapper {
		max-width: 300px;
	}
}

@media screen and (max-width: 687px) {
	.bl_media10_imgWrapper {
		max-width: 100px;
	}
}

.bl_media10_imgWrapper img {
	border: 1px solid #ccc;
}

.bl_media10_txtWrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
	line-height: 180%;
}

/*---------------------------------------
 * ContactForm7 のバリデーションエラー
 ----------------------------------------*/
.wpcf7 .wpcf7-not-valid {
	background: pink;
}

/*---------------------------------------
 * ContactForm7 のバリデーションエラー(各項目は非表示に)
 ----------------------------------------*/
.wpcf7-not-valid-tip {
	display: none;
}

/*---------------------------------------
 * ContactForm7 の応答エラー表示
 ----------------------------------------*/
.wpcf7 form .wpcf7-response-output {
	background: pink;
	width: 80%;
	padding: 1em 0;
	text-align: center;
	margin: 2em auto;
	font-size: 2rem;
	border: 0;
}

@media screen and (max-width: 768px) {
	.wpcf7 form .wpcf7-response-output {
		font-size: 1.6rem;
		width: 90%;
	}
}

/*---------------------------------------
 * 商品紹介ページ
 ----------------------------------------*/
.item_postSection {
	margin-bottom: 5rem;
}

.item_postSection_ttlContainer {
	margin-bottom: 1rem;
}

.item_postSection_ttl {
	font-size: 2.4rem;
	font-weight: 900;
	border-bottom: 1px solid #002b62;
	padding-bottom: 0.75rem;
}

.item_postSection_ttl.color-tblue {
	color: #002b62;
}

@media screen and (max-width: 687px) {
	.item_postSection_ttl {
		font-size: 1.6rem;
	}
}

.item_postSection_txt {
	line-height: 160%;
}

.item_postSection_img_wrapper {
	margin-top: 3rem;
}

.item_postSection_img {
	width: auto;
}

.item_postVoice {
	margin-bottom: 5rem;
}

.item_postVoice_inner {
	border: 1px solid #002b62;
	padding: 1rem 2rem;
	border-radius: 10px;
}

.item_postVoice_ttl_container {
	margin-bottom: 1rem;
}

.item_postVoice_ttl {
	font-weight: 700;
	color: #002b62;
	text-align: center;
	font-size: 2.4rem;
}

.item_postVoice_txt {
	line-height: 160%;
}

.item_postVoice2 {
	margin-bottom: 3rem;
}

.item_postVoice2_ttl {
	/* border: 1px solid #002b62;
  background-color: #002b62; */
	color: #002b62;
	text-align: center;
	font-size: 2.4rem;
	padding: 1.25em 0 1.25em 1.5rem;
}

@media screen and (max-width: 699px) {
	.item_postVoice2_ttl {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 180%;
		text-align: left;
		padding: 1.25em 1em 1.25em 1em;
	}
}

.item_postVoice2_pr {
	border: 1px solid #002b62;
	background-color: #002b62;
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	padding: 0.75em 0 0.75em 1.5rem;
}

@media screen and (max-width: 699px) {
	.item_postVoice2_pr {
		text-align: left;
		font-size: 1.6rem;
		line-height: 180%;
		padding: 0.75em 1em 0.75em 1em;
	}
}

.item_postVoice2_img_wrapper {
	margin: 1.5em 0;
}

.item_postVoice2_txt_wrapper {
	padding: 0 1rem 2em;
}

.item_postVoice2_txt {
	line-height: 180%;
}

.item_linkBox {
	border-top: 1px solid #002b62;
	padding-top: 1.5rem;
	margin-bottom: 5rem;
}

.item_linkBox_inner {
	margin-bottom: 1.5rem;
}

.item_cta {
	border: 1px solid #002b62;
	padding: 3rem 2rem;
}

.item_cta_ttl_wrapper {
	margin-bottom: 3rem;
}

.item_cta_ttl {
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
}

.item_cta_ttl.__col_blue {
	color: #002b62;
}

@media screen and (max-width: 699px) {
	.item_cta_ttl {
		font-size: 1.7rem;
	}
}

.item_cta_miniTtl {
	font-weight: 700;
	font-size: 1.8rem;
}

@media screen and (max-width: 699px) {
	.item_cta_miniTtl {
		font-size: 1.6rem;
	}
}

.item_cta_miniTtl_wrapper {
	margin-bottom: 1rem;
}

.item_cta_tel {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.item_cta_tel_ttl_wrapper {
	margin-bottom: 1rem;
}

.item_cta_tel_ttl {
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
}

@media screen and (max-width: 699px) {
	.item_cta_tel_ttl {
		font-size: 1.4rem;
	}
}

.item_cta_tel_img_wrapper {
	margin-bottom: 1rem;
}

.item_cta_tel_img {
	width: auto;
}

.item_cta_tel_txt_wrapper {
	margin-bottom: 1rem;
}

.item_cta_tel_txt {
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
}

@media screen and (max-width: 699px) {
	.item_cta_tel_txt {
		font-size: 1rem;
	}
}

.item_postInfo_wrapper {
	margin-bottom: 5rem;
	margin-top: 3rem;
}

.item_postInfo {
	display: flex;
	flex-direction: row;
}

@media screen and (max-width: 687px) {
	.item_postInfo {
		flex-direction: column;
	}
}

.item_postInfo_box {
	flex: 0 0 30%;
	margin-right: 3rem;
}

.item_postInfo_box_img {
	width: auto;
}

.item_postInfo_box2 {
	flex: 1 0 30%;
}

.item_postInfo_box2_txt_wrapper {
	margin-bottom: 1.5rem;
}

.item_postInfo_box2_txt {
	line-height: 140%;
	font-size: 1.8rem;
	font-weight: 700;
}

.item_postInfo_box2_txt2_wrapper {
	margin-bottom: 1.5rem;
}

.item_postInfo_box2_txt2 {
	line-height: 140%;
}

.item_postInfo_box2_txt2_red {
	color: #ff0000;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 140%;
}

@media screen and (max-width: 699px) {
	.item_postInfo_box2_txt2_red {
		font-size: 1.8rem;
	}
}

.item_postInfo_box2_txt2_red.fz-small {
	font-size: 1.6rem;
}

.item_postInfo_box2_txt.fz-large {
	font-size: 2rem;
}

@media screen and (max-width: 699px) {
	.item_postInfo_box2_txt.fz-large {
		font-size: 1.2rem;
	}
}

.item_postInfo_box2_txt3_wrapper {
	border: 1px solid #002b62;
	padding: 1rem 2rem;
}

.item_postInfo_box2_txt3 {
	color: #002b62;
	font-weight: 700;
	line-height: 140%;
}

.item_cta_tel_link_wrapper {
	margin-top: 2rem;
	width: 100%;
}

.item_freeBox {
	margin: 0 0 3em 0;
}

.bl-imgItems {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 3% 0 0 0;
}

.bl-imgItem {
	margin: 2% 4%;
}

.bl-imgItems.__3col > .bl-imgItem {
	flex: 0 0 25%;
}

.bl_media12-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 3rem 1em 5rem;
	padding: 0 2em;
}

@media screen and (max-width: 699px) {
	.bl_media12-wrapper {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0;
	}
}

.bl_media12-wrapper.__2col > .bl_media12 {
	flex: 0 0 47%;
}

@media screen and (max-width: 699px) {
	.bl_media12-wrapper.__2col > .bl_media12 {
		width: 100%;
	}
}

.bl_media12 {
	border: 1px solid #999;
	/* border-radius: 5px; */
	padding: 1em 0.5em 20% 1em;
	margin: 0 0 3rem;
	background-color: #dde8fc;
	position: relative;
}

@media screen and (max-width: 699px) {
	.bl_media12 {
		padding: 1em 1em;
	}
}

.bl_media12_syouyu {
	margin-right: auto !important;
	padding-bottom: 1em !important;
	padding-right: 1em !important;
}

.bl_media12-ttl {
	color: #002b62;
	font-size: 2rem;
	padding: 0 0 1.25rem;
}

@media screen and (max-width: 699px) {
	.bl_media12-ttl {
		font-size: 1.6rem;
	}
}

.bl_media12-ttl::before {
	content: "■";
	display: inline-block;
}

.bl_media12-list {
	list-style: disc;
	margin: 0 0 1.75em 1.5em;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 699px) {
	.bl_media12-list {
		font-size: 90%;
	}
}

@media screen and (max-width: 699px) {
	.bl_media12-link {
		margin-bottom: 30px;
	}
}

.bl_media12-list > li {
	line-height: 1.8;
	flex: 0 0 100%;
}

.bl_media12-list.__2col > li {
	flex: 1 1 140px;
}

@media screen and (max-width: 699px) {
	.bl_media12-list.__2col > li {
		flex: 0 0 100%;
	}
}

.bl_media12-list.__2col > .__1row {
	flex: 0 0 100%;
}

.bl_media12_img-wraper {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1em;
	width: 90%;
}

@media screen and (max-width: 699px) {
	.bl_media12_img-wraper {
		position: relative;
		bottom: 0;
	}
}

.hp-mgt-small {
	margin-top: 5%;
}

.hp-mgt-ssmall {
	margin-top: 3%;
}

.hp-mgt-large {
	margin-top: 10%;
}

.hp-mgr-auto {
	margin-right: auto;
}

.hp-ta-left {
	text-align: left;
}

.hp-ta-center {
	text-align: center;
}

.hp-pd-narrow {
	padding: 0.5em 0 0.5em 1.5rem;
}

form.sent [type="submit"] {
	display: none;
	pointer-events: none;
}

.line-height-large {
	line-height: 240%;
}

.text-align-p-left {
	text-align: left;
}

@media screen and (max-width: 699px) {
	.text-align-p-left {
		text-align: inherit;
	}
}

.item-table {
	height: 100%;
	font-size: 16px;
}

.item-table tr td {
	padding: 0.5em 0;
}

.item-table figcaption {
	font-size: 12px;
	margin-top: 10px;
}

.no-padding-lr {
	padding-left: 0;
	padding-right: 0;
}

.el-desc {
	font-size: 1.4rem;
	font-weight: 400;
}

@media screen and (max-width: 699px) {
	.el-desc {
		font-size: 1.2rem;
	}
}

.bl_media11_cont.__mgt-0 {
	margin-top: 0 !important;
}

/* ---- 商品紹介 フリースペース  */
.item_freespace h3 {
	font-size: 2.4rem;
	color: #002b62;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 5% 0;
}

@media screen and (max-width: 687px) {
	.item_freespace h3 {
		line-height: 140%;
	}
}

.item_freespace h3:nth-of-type(n + 2) {
	margin: 10% 0 5%;
}

.item_freespace img {
	display: block;
	width: auto;
}

.item_freespace p {
	line-height: 180%;
}

.item_freespace p:after {
	clear: both;
}

.item_freespace .alignright {
	float: right;
}

.item_freespace .alignleft {
	float: left;
}

@media screen and (max-width: 687px) {
	.item_freespace img {
		width: 100%;
		margin: 0;
	}
	.item_freespace .alignright {
		float: none;
	}
	.item_freespace .alignleft {
		float: none;
	}
}

/* タイトル */
.item_freespace_title {
	padding: 1.5% 0;
	text-align: center;
	margin: 5% 0;
	font-size: 2.4rem;
	border-left: 10px solid #002b62;
	border-right: 10px solid #002b62;
	border-top: 1px solid #002b62;
	border-bottom: 1px solid #002b62;
	background-color: #fff;
	color: #002b62;
	font-weight: 700;
	width: 100%;
	letter-spacing: 0.5em;
}

@media screen and (max-width: 687px) {
	.item_freespace_title {
		padding: 1.5%;
		line-height: 140%;
		font-size: 2rem;
		letter-spacing: 0.25em;
	}
}

/*-------------------------------------
	プライバシーポリシー
-------------------------------------*/
.pp-txt {
	font-size: 18px;
	line-height: 180%;
	margin: 0 0 1.5em 0;
}

@media screen and (max-width: 687px) {
	.pp-txt {
		font-size: 16px;
		line-height: 140%;
	}
}

.pp-list {
	list-style-type: decimal;
	margin: 1.25em 0 0 1.5em;
	font-size: 18px;
	line-height: 180%;
}

.pp-list li {
	font-size: 18px;
	margin: 0 0 1.25em 0;
}

@media screen and (max-width: 687px) {
	.pp-list li {
		font-size: 16px;
		line-height: 140%;
	}
}

/*-------------------------------------
	投稿一覧ページネーション
-------------------------------------*/
.bl-blogpage-box {
	display: flex;
	justify-content: center;
	margin: 50px 0;
}

.bl-blogpage-box a {
	max-width: 40%;
	flex: 1 1 100%;
	margin: 0 auto;
}

/*-------------------------------------
	本サイトフォーム内プライバシーポリシー
-------------------------------------*/
.bl-pp {
	margin: 1.5em auto 0;
}

.bl-ppCheck {
	text-align: center;
}

.bl-ppLink {
	text-align: center;
	margin: 1.5em auto;
}

.bl-ppLink a,
.bl-ppLink a:visited {
	color: #000;
}

.bl-ppLink a:hover {
	text-decoration: underline;
}

/*-------------------------------------
	注文送信前のモーダルウィンドウ
-------------------------------------*/
/* モーダルウィンドウを作成する */
#wpcf7-before-modal {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	z-index: 50;
}

#wpcf7-before-modal__bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

#wpcf7-before-modal__wrap {
	background-color: #ffffff;
	border-radius: 10px;
	width: 80%;
	max-width: 1000px;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	text-align: center;
}

#wpcf7-before-modal__wrap p {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 240%;
}
@media screen and (max-width: 599px) {
	#wpcf7-before-modal__wrap p {
		font-size: 16px;
		line-height: 180%;
	}
}

/*-------------------------------------
	注文送信後のモーダルウィンドウ
-------------------------------------*/
/* 本来の送信メッセージは非表示にする */
.wpcf7 form.sent .wpcf7-response-output {
	display: none;
}

/* モーダルウィンドウを作成する */
#wpcf7-modal {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	z-index: 50;
}

#wpcf7-modal__bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

#wpcf7-modal__wrap {
	background-color: #ffffff;
	border-radius: 10px;
	width: 80%;
	max-width: 1000px;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	text-align: center;
}

#wpcf7-modal__wrap p {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 240%;
}
@media screen and (max-width: 599px) {
	#wpcf7-modal__wrap p {
		font-size: 16px;
		line-height: 180%;
	}
}

#wpcf7-modal__wrap a {
	font-size: 18px;
	color: #000;
	text-decoration: underline;
}
@media screen and (max-width: 599px) {
	#wpcf7-modal__wrap a {
		font-size: 16px;
	}
}

.wpcf7cf_step_controls {
	justify-content: center !important;
	gap: 15% !important;
}

/*-----------------------------
採用フォーム
------------------------------*/
.wpcf7-text:read-only {
	border: none;
	color: #000;
}

.recruit_form_contents {
	line-height: 1.8;
	border: none !important;
	padding: 0 2rem 0 0.5rem;
	resize: none;
	height: 5rem;
	overflow: hidden;
}

@media screen and (max-width: 687px) {
	.recruit_form_contents {
		height: 8rem;
	}

	.recruit_form_radio [type="radio"] {
		width: auto !important;
	}
}

/*-----------------------------
ヘルパー
------------------------------*/
.hp_flexbox {
	display: flex;
	flex-direction: row;
}

.hp_flexbox__col4 {
}

.hp_flexbox__col4 > .hp_flexbox__in_img {
	flex: 0 0 25%;
	max-width: 175px;
}

.hp_flexbox__col1to2 > .hp_flexbox__in_img {
	flex: 0 0 33%;
	max-width: 250px;
}

.hp_flexbox__gapSmall {
	gap: 0 5%;
}

.hp_flexbox__gapMiddle {
	gap: 0 10%;
}

@media screen and (max-width: 687px) {
	.hp_flexbox__gapMiddle_sp {
		gap: 0 10% !important;
	}
}

.hp_flexbox__gapColSmall {
	gap: 5% 0;
}

.hp_flexbox__gapColMiddle {
	gap: 10% 0;
}

@media screen and (max-width: 687px) {
	.hp_flexbox__col4 > .hp_flexbox__in_img {
		flex: 0 0 21%;
		max-width: 130px;
	}

	.hp_flexbox__gapSmall {
		gap: 0 2.5%;
	}

	.hp_flexbox__gapMiddle {
		gap: 0 5%;
	}

	.hp_flexbox__gapColSmall {
		gap: 2.5% 0;
	}

	.hp_flexbox__gapColMiddle {
		gap: 5% 0;
	}
}

.hp_flexbox_fd_col {
	flex-direction: column !important;
}

.hp_flexbox_jc_center {
	justify-content: center !important;
}

.hp_flexbox_jc_spa {
	justify-content: space-around !important;
}

.hp_flexbox_ai_center {
	align-items: center !important;
}

.hp_mg_tops1 {
	margin-top: 2% !important;
}

.hp_mg_bottoms1 {
	margin-bottom: 2% !important;
}

.hp_mg_bottoms2 {
	margin-bottom: 4% !important;
}

.hp_mg_bottoms3 {
	margin-bottom: 6% !important;
}

.hp_mg_bottoms4 {
	margin-bottom: 8% !important;
}

.hp_ta_center {
	text-align: center !important;
}

.hp_blk_pos_center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.hp_fz_large {
	font-size: 2.4rem !important;
}

.hp_fz_small {
	font-size: 0.85em !important;
}

.hp_fz_normal {
	font-size: 1em !important;
}

.hp_padding_tb_large {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.hp_padding_t_large {
	padding-top: 2rem !important;
}

.hp_padding_lr_large {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

.bl_frame {
	width: 80%;
	padding: 1.5em;
	/* border: 1px solid #002b62; */
	background-color: #dde8fc;
}

@media screen and (max-width: 687px) {
	.hp_sp_w100 {
		width: 100% !important;
	}
	.hp_sp_lh_200 {
		line-height: 2 !important;
	}
	.hp_sp_lh_200 {
		line-height: 2 !important;
	}
	.hp_fz_large {
		font-size: 1.6rem !important;
	}
}

/*-----------------------------
見出し
el_headLine8 -> SDGsページで使用
------------------------------*/
.el_headLine8 {
	color: #006934;
	font-size: calc(17px * 2.25);
	font-weight: bold;
	line-height: 180%;
	margin-bottom: 1.25em;
}

@media screen and (max-width: 687px) {
	.el_headLine8 {
		font-size: calc(17px * 1.2);
	}
}

.el_headLine8 > span {
	color: #44403f;
	font-size: calc(17px * 1.5);
}

/*-----------------------------
定義リスト
el_headLine8 -> SDGsページで使用
------------------------------*/
.el_sdgslist {
	margin-top: 3em;
	font-size: calc(17px * 1.25);
}

@media screen and (max-width: 687px) {
	.el_sdgslist {
		font-size: calc(17px);
	}
}

.el_sdgslist > dt {
	border-left: 0.75em solid #1d2088;
	padding-left: 0.5em;
	margin-bottom: 1.25em;
}

.el_sdgslist > dd {
	margin-bottom: 1.75em;
	line-height: 2;
}

.el_sdgslist > dd > ul.inner_list {
	list-style: disc;
	list-style-position: inside;
}

.hp_flame {
	border: 1px solid #000;
	padding: 2%;
}

.bl_himg_txt__col_green {
	color: #006934 !important;
	text-shadow: none !important;
}

.el_sdgs_lead {
	font-size: 1.5em;
}

@media screen and (max-width: 687px) {
	.bl_sp_sdgs_media {
		flex-direction: column !important;
		align-items: center !important;
	}

	.hp_sp_ta_center {
		text-align: center !important;
	}

	.el_sdgs_lead {
		font-size: 1em !important;
	}
}

.js-accordion-header:hover {
	text-decoration: underline;
	cursor: pointer;
}

.js-accordion-body {
	display: none;
}

/*-----------------------------
ガス価格表
------------------------------*/
.gas_basic_price {
	color: #002b62;
	font-weight: 800;
	letter-spacing: 0.0125em;
}

.gas_basic_price > span {
	letter-spacing: 0;
	font-weight: 400;
}

.gas_basic_price2 {
	color: #002b62;
	font-size: 2.6rem;
}

.gas_basic_price2 > span {
	color: #002b62;
	font-size: 1.4rem;
	font-weight: 400;
}

.gas_price_caution {
	color: #002b62;
	font-size: 1.2rem;
	font-weight: 400 !important;
	line-height: 140%;
}

.gas_price_discount {
	color: #002b62;
	font-size: 3.4rem;
	font-weight: 800;
	padding-left: 0.75rem;
}

.gas_discount_txt {
	line-height: 140%;
	text-align: center;
	font-size: 1.2rem;
}

.gas_price_discount > span {
	font-size: 1.6rem;
}

/* 実験 */
.wpcf7cf_prev.disabled {
	display: none;
}

/* 企業情報（会社情報）追加 */
.el_galleryUnit._toLeft {
	justify-content: start;
	gap: 3em;
}

@media screen and (max-width: 687px) {
	.el_galleryUnit._toLeft {
		justify-content: space-between;
		gap: 1em;
	}
}

.hp_hover_on_txtUnderline:hover {
	text-decoration: underline !important;
}

@media screen and (max-width: 687px) {
	.hp_sp_fz_small {
		font-size: 0.85em !important;
	}
}

.line-height-middle {
	line-height: 200%;
}

/*-----------------------------
坂下石油　会社概要
------------------------------*/
.bl_media13 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	/* border: 1px solid #ccc; */
	padding: 1.5rem 0 1.5rem 0;
	margin-bottom: 3rem;
}

@media screen and (max-width: 1000px) {
	.bl_media13 {
		width: 100%;
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	}
}

@media screen and (max-width: 687px) {
	.bl_media13 {
		width: 100%;
		flex-direction: column;
	}
}

.bl_media13_imgWrapper {
	flex: 0 0 33%;
	max-width: 300px;
	margin-right: 5%;
}

@media screen and (max-width: 1000px) {
	.bl_media13_imgWrapper {
		width: 100%;
		max-width: 300px;
	}
}

@media screen and (max-width: 687px) {
	.bl_media13_imgWrapper {
		max-width: initial;
	}
}

.bl_media13_imgWrapper img {
	border: 1px solid #ccc;
}

.bl_media13_txtWrapper {
	flex: 1 0 66%;
	line-height: 1.75;
}

.bl_media13_txtWrapper p {
	font-size: 1.25em;
	color: #002b62;
}

@media screen and (max-width: 687px) {
	.bl_media13_txtWrapper p {
		font-size: 1em;
	}
}

.bl_media13_txtWrapper p:nth-child(1) {
	font-size: 1.5em;
	font-weight: 700;
}

@media screen and (max-width: 687px) {
	.bl_media13_txtWrapper p:nth-child(3) {
		font-size: 0.85em;
	}
}

.bl_media13_iconWrapper {
	width: 45%;
	align-items: baseline;
}

@media screen and (max-width: 687px) {
	.bl_media13_iconWrapper {
		width: 100%;
	}
}

/*-----------------------------
宅配水フォーム　配達日時指定追加
------------------------------*/
.water-limit {
	display: flex;
	flex-direction: column;
	gap: 2em 0;
}

.water-limit-assign-text:read-only {
	background-color: #f0f0f0;
	color: #333;
	border: 1px solid #d8d8d8;
}

.water-limit_lead {
	margin: 1em 0 1em 2em;
	line-height: 180%;
}
@media screen and (max-width: 687px) {
	.water-limit_lead {
		margin: 1em 0 1em 0;
	}
}

.water-limit_lead2 {
	margin-left: 2em;
}
@media screen and (max-width: 687px) {
	.water-limit_lead2 {
		margin-left: 0;
	}
}

@media screen and (max-width: 687px) {
	.water-limit-wrapper .wpcf7-list-item {
		margin-left: 0;
	}
}

/* SELECT BOXのボタン復活 */
select {
	line-height: 1.2;
	color: #333;
	box-shadow: none;
	padding: 0 24px 0 8px;
	background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
	background-size: 16px 16px;
	cursor: pointer;
}

/**
 * トップページのつばめe-checkバナー領域
 */

.bl_top_echeck {
	margin-bottom: 3rem;
	background-color: #0c68ab;
}

.bl_top_echeck_banner_wrapper {
	background-color: #002b62;
	padding: min(1.125vw, 80px) 1%;
}

.bl_top_echeck_banner {
	display: flex;
	justify-content: space-around;
}

.bl_top_echeck_banner_link_wrapper {
	flex: 0 0 45%;
	position: relative;
}
.bl_top_echeck_banner_link_wrapper:after {
	position: absolute;
	top: 51%;
	right: 1em;
	transform: translateY(-50%);
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: min(1em, 4.83vw);
	color: #fff;
}

.bl_top_echeck_banner_link {
	/* font-size: min(1em, 0.83vw); */
	font-size: min(1.25em, 1.83vw);
	background-color: #0c68ab;
	color: #fff !important;
	font-weight: bold;
	padding: min(1.05vw, 50px) 0;
}

.bl_top_echeck_banner_link__orange {
	background-color: #ed9027;
}

.bl_top_echeck_banner_link__orange:hover {
	background-color: #fff;
	color: #ed9027 !important;
}

@media screen and (max-width: 1199px) {
	.bl_top_echeck_banner_wrapper {
		padding: 1.25vw 1.5%;
	}

	.bl_top_echeck_banner_link {
		font-size: 2.25vw;
		padding: 1.35vw 0;
	}
}

@media screen and (max-width: 687px) {
	.bl_top_echeck_banner_wrapper {
		padding: 5vw 3%;
	}

	.bl_top_echeck_banner {
		flex-direction: column;
		gap: 5vw;
	}

	.bl_top_echeck_banner_link_wrapper {
		width: 100%;
	}

	.bl_top_echeck_banner_link {
		font-size: 4.25vw;
		padding: 2.75vw 0;
	}
}

@media screen and (max-width: 687px) {
	.hp-sp-line-height-140p {
		line-height: 140%;
	}
}