@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: 株式会社ワンシード /article/ 用（本体サイトのヘッダー・フッターを模倣）
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==========================================================================
   0. SWELL標準UIの非表示
   子孫セレクタ（`.l-header *` 等）は本体レイアウトに波及するため使わない
   ========================================================================== */
.l-header,
.l-fixHeader,
.l-footer,
.p-fixBtnWrap,
.c-fixBtn,
#pagetop,
.p-spMenu,
.p-spMenuBtn {
	display: none !important;
}

/* ==========================================================================
   1. SPドロワー開閉用トグル（視覚的に隠す）
   ========================================================================== */
.os-menu-toggle {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
	opacity: 0;
}

/* ==========================================================================
   2. ヘッダー
   ========================================================================== */
#os-header-wrap,
#os-header-wrap *,
#os-header-wrap *::before,
#os-header-wrap *::after {
	box-sizing: border-box;
}

#os-header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background: #fff;
	border-bottom: 6px solid #2E6EB1;
	z-index: 9990;
	display: flex;
	flex-direction: column;
	font-family: "Noto Sans JP", "Noto Sans", "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* 管理バー表示時の逃がし */
.admin-bar #os-header-wrap {
	top: 32px;
}

#os-header-spacer {
	height: 65px;
}

#os-header-wrap a {
	text-decoration: none;
}

#os-header-wrap img {
	vertical-align: bottom;
	line-height: 1em;
}

#os-header-wrap .os-header {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	height: 59px;
	display: flex;
	justify-content: space-between;
}

#os-header-wrap .os-logo {
	margin: 0;
	padding: 10px 15px 8px;
	line-height: 1em;
	border: 0;
}

#os-header-wrap .os-logo a {
	display: block;
}

#os-header-wrap .os-logo img {
	height: 40px;
	width: auto;
	display: inline-block;
}

/* SPではアイコン列・グロナビは出さない（ドロワーに集約） */
#os-header-wrap .os-header-nav,
#os-header-wrap .os-gnav {
	display: none;
}

@media screen and (min-width: 768px) {

	#os-header-wrap {
		height: 175px;
	}

	#os-header-spacer {
		height: 175px;
	}

	#os-header-wrap .os-header {
		height: 120px;
		align-items: flex-start;
	}

	#os-header-wrap .os-logo {
		padding: 29px 0 19px;
	}

	#os-header-wrap .os-logo img {
		height: auto;
		max-width: 100%;
	}

	#os-header-wrap .os-header-nav {
		display: block;
		padding: 10px 0 0;
	}

	#os-header-wrap .os-hicons {
		display: flex;
		margin: 0;
		padding: 0;
	}

	#os-header-wrap .os-hicons li {
		list-style: none;
		padding-right: 5px;
		margin: 0 0 3px;
	}

	#os-header-wrap .os-hicons li a {
		display: grid;
		place-items: center;
		border-radius: 7px;
		overflow: hidden;
	}

	#os-header-wrap .os-hicons li.os-hicon1 a {
		background: #0092E5;
	}

	#os-header-wrap .os-hicons li.os-hicon2 a {
		background: #F08300;
	}

	#os-header-wrap .os-hicons li.os-hicon3 a {
		background: #EB7161;
	}

	#os-header-wrap .os-hicons img {
		display: block;
		width: 100px;
		height: 73px;
	}

	#os-header-wrap .os-header-tel {
		margin: 0;
		text-align: center;
		font-family: "Kozuka Mincho Pr6N", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", kozuka-mincho-pro, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}

	#os-header-wrap .os-header-tel a {
		display: block;
		text-align: center;
		font-size: 22px;
		font-weight: 700;
	}

	#os-header-wrap .os-header-tel a span {
		display: inline-block;
		color: #007E26;
		line-height: 1.54;
		padding-left: 48px;
		background: transparent url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-fdial.svg) no-repeat 0 50%;
	}

	/* グローバルナビ（水色帯） */
	#os-header-wrap .os-gnav {
		display: block;
		background: #AFE1F6;
		margin: auto 0 0;
	}

	#os-header-wrap .os-gnav ul {
		max-width: 1080px;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}

	#os-header-wrap .os-gnav li {
		list-style: none;
		width: 20%;
		margin: 0;
	}

	#os-header-wrap .os-gnav li a {
		display: grid;
		place-items: center;
		line-height: 49px;
	}

	#os-header-wrap .os-gnav li a span {
		display: inline-block;
		color: #2E6EB1;
		font-size: 16px;
		padding-left: 36px;
		background-position: 0 50%;
		background-repeat: no-repeat;
	}

	#os-header-wrap .os-gnav li.os-gnav1 a span {
		background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-01.svg);
	}

	#os-header-wrap .os-gnav li.os-gnav2 a span {
		background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-02.svg);
	}

	#os-header-wrap .os-gnav li.os-gnav3 a span {
		background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-03.svg);
	}

	#os-header-wrap .os-gnav li.os-gnav4 a span {
		background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-04.svg);
	}

	#os-header-wrap .os-gnav li.os-gnav5 a span {
		background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-05.svg);
	}
}

/* 中間幅：本体サイトと同じ折り返し挙動 */
@media screen and (min-width: 768px) and (max-width: 980px) {

	#os-header-wrap .os-gnav li {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width: 768px) and (max-width: 872px) {

	#os-header-wrap .os-gnav li a span {
		background: none !important;
		padding: 0;
	}
}

/* ==========================================================================
   3. SPハンバーガー ＋ ドロワー
   ========================================================================== */
#os-spmenu {
	position: fixed;
	top: 8px;
	right: 18px;
	width: 45px;
	height: 45px;
	margin: 0;
	z-index: 9999;
	border-radius: 10px;
	background: #AFE1F6;
	display: block;
	cursor: pointer;
}

.admin-bar #os-spmenu {
	top: 40px;
}

#os-spmenu span {
	width: 33px;
	height: 2px;
	border-radius: 1px;
	background: #2E6EB1;
	display: block;
	position: absolute;
	left: 6px;
	opacity: 1;
	visibility: visible;
	transition: 0.4s;
}

#os-spmenu span:nth-of-type(1) {
	top: 13px;
}

#os-spmenu span:nth-of-type(2) {
	top: 50%;
	transform: translateY(-1px);
}

#os-spmenu span:nth-of-type(3) {
	bottom: 13px;
}

#os-menu-toggle:checked ~ #os-spmenu span:nth-of-type(1) {
	transform: rotate(45deg);
	top: 21px;
}

#os-menu-toggle:checked ~ #os-spmenu span:nth-of-type(2) {
	opacity: 0;
	visibility: hidden;
}

#os-menu-toggle:checked ~ #os-spmenu span:nth-of-type(3) {
	transform: rotate(-45deg);
	bottom: 22px;
}

#os-spnav,
#os-spnav *,
#os-spnav *::before,
#os-spnav *::after {
	box-sizing: border-box;
}

#os-spnav {
	position: fixed;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100vh;
	background: #AFE1F6;
	opacity: 0;
	visibility: hidden;
	z-index: 9995;
	transition: right 0.6s;
	font-family: "Noto Sans JP", "Noto Sans", "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#os-menu-toggle:checked ~ #os-spnav {
	right: 0;
	opacity: 1;
	visibility: visible;
}

#os-spnav a {
	text-decoration: none;
}

#os-spnav img {
	vertical-align: bottom;
}

#os-spnav .os-spnav-inner {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	padding: 84px 22px 70px;
}

#os-spnav .os-spnav-icons {
	border-top: 1px dashed #62B7DC;
	border-bottom: 1px dashed #62B7DC;
	padding: 20px 0;
}

#os-spnav .os-spnav-icons ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
}

#os-spnav .os-spnav-icons li {
	list-style: none;
	border-radius: 7px;
	height: 100px;
	width: 100px;
	margin: 0;
	overflow: hidden;
}

#os-spnav .os-spnav-icons li.os-hicon1 {
	background: #0092E5;
}

#os-spnav .os-spnav-icons li.os-hicon2 {
	background: #F08300;
}

#os-spnav .os-spnav-icons li.os-hicon3 {
	background: #EB7161;
}

#os-spnav .os-spnav-icons li a {
	display: grid;
	place-items: center;
	height: 100%;
	width: 100%;
}

#os-spnav .os-spnav-icons img {
	display: block;
	width: 100%;
	height: auto;
}

#os-spnav .os-spnav-tel {
	margin: 0;
	padding: 17px 0 21px;
	border-bottom: 1px dashed #62B7DC;
}

#os-spnav .os-spnav-tel a {
	display: block;
}

#os-spnav .os-spnav-tel .os-t1 {
	display: block;
	text-align: center;
	color: #2E6EB1;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.42;
}

#os-spnav .os-spnav-tel .os-t2 {
	display: block;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
}

#os-spnav .os-spnav-tel .os-t2 span {
	display: inline-block;
	color: #007E26;
	line-height: 1.53;
	padding-left: 48px;
	background: transparent url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-fdial.svg) no-repeat 0 50%;
}

#os-spnav .os-spnav-tel .os-t3 {
	display: block;
	text-align: center;
	color: #2E6EB1;
	font-size: 14px;
	line-height: 1.35;
}

#os-spnav .os-spnav-tel .os-f12 {
	font-size: 12px;
}

#os-spnav .os-spnav-main {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#os-spnav .os-spnav-main li {
	list-style: none;
	border-bottom: 1px dashed #62B7DC;
	margin: 0;
}

#os-spnav .os-spnav-main li a {
	display: grid;
	place-items: center;
	width: 100%;
	min-height: 55px;
	padding: 10px 0;
	font-weight: 500;
}

#os-spnav .os-spnav-main li a span {
	display: inline-block;
	color: #2E6EB1;
	width: 216px;
	padding-left: 56px;
	text-align: left;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#os-spnav .os-spnav-main li.os-gnav1 a span {
	background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-01.svg);
}

#os-spnav .os-spnav-main li.os-gnav2 a span {
	background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-02.svg);
}

#os-spnav .os-spnav-main li.os-gnav3 a span {
	background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-03.svg);
}

#os-spnav .os-spnav-main li.os-gnav4 a span {
	background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-04.svg);
}

#os-spnav .os-spnav-main li.os-gnav5 a span {
	background-image: url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-05.svg);
}

@media screen and (min-width: 768px) {

	#os-spmenu,
	#os-spnav {
		display: none;
	}
}

/* ==========================================================================
   4. フッター
   ========================================================================== */
#os-footer-wrap,
#os-footer-wrap *,
#os-footer-wrap *::before,
#os-footer-wrap *::after {
	box-sizing: border-box;
}

#os-footer-wrap {
	position: relative;
	background: #62B7DC;
	font-family: "Noto Sans JP", "Noto Sans", "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#os-footer-wrap a {
	color: #FFFFFF;
	text-decoration: none;
}

#os-footer-wrap a:hover,
#os-footer-wrap a:focus,
#os-footer-wrap a:active {
	color: #FFFFFF;
}

#os-footer-wrap img {
	vertical-align: bottom;
	line-height: 1em;
}

#os-footer-wrap .os-footer {
	padding: 18px 15px 44px;
}

#os-footer-wrap .os-finfo {
	color: #FFFFFF;
	margin-bottom: 33px;
}

#os-footer-wrap .os-flogo {
	margin: 0 0 14px;
	padding: 0;
	text-align: center;
	border: 0;
}

#os-footer-wrap .os-flogo img {
	width: 100%;
	max-width: 257px;
	height: auto;
}

#os-footer-wrap .os-ftel {
	margin: 0 0 16px;
	text-align: center;
}

#os-footer-wrap .os-ftel a {
	display: block;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
}

#os-footer-wrap .os-ftel a span {
	display: inline-block;
	color: #007E26;
	line-height: 1.535;
	padding-left: 48px;
	background: transparent url(https://one-seed.co.jp/wp/wp-content/themes/one-seed2021/img/common/icon-fdial.svg) no-repeat 0 50%;
}

#os-footer-wrap .os-faddress {
	font-size: 16px;
	line-height: 1.875;
	margin: 0 0 22px;
	padding-left: 14px;
}

#os-footer-wrap .os-faddress a {
	display: inline-block;
	padding-right: 1.5em;
}

#os-footer-wrap .os-fterm {
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
	padding-left: 14px;
}

#os-footer-wrap .os-pc-only {
	display: none;
}

#os-footer-wrap .os-fnav {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}

#os-footer-wrap .os-fnav ul {
	width: calc(50% - 3px);
	margin: 0;
	padding: 0;
}

#os-footer-wrap .os-fnav li {
	list-style: none;
	margin: 0;
}

#os-footer-wrap .os-fnav li a {
	color: #FFFFFF;
	line-height: 1.78;
}

#os-footer-wrap .os-fnav ul.os-fsns {
	width: 100%;
	margin-top: 41px;
	display: flex;
	justify-content: center;
}

#os-footer-wrap .os-fsns li {
	padding: 0 32px;
}

#os-footer-wrap .os-fsns img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {

	#os-footer-wrap .os-footer {
		display: flex;
		max-width: 1110px;
		margin: 0 auto;
		padding: 26px 15px 21px;
	}

	#os-footer-wrap .os-finfo {
		width: 50%;
		margin-bottom: 0;
	}

	#os-footer-wrap .os-flogo {
		margin-bottom: 10px;
	}

	#os-footer-wrap .os-ftel {
		margin-bottom: 8px;
	}

	#os-footer-wrap .os-faddress {
		max-width: 320px;
		margin: 0 auto 22px;
		padding-left: 0;
	}

	#os-footer-wrap .os-fterm {
		max-width: 320px;
		margin: 0 auto;
		padding-left: 0;
	}

	#os-footer-wrap .os-pc-only {
		display: inline;
	}

	#os-footer-wrap .os-sp-only {
		display: none;
	}

	#os-footer-wrap .os-fnav {
		width: 50%;
		font-size: 16px;
	}

	#os-footer-wrap .os-fnav li a {
		line-height: 1.75;
	}
}

/* ==========================================================================
   5. コピーライト／ページトップ
   ========================================================================== */
#os-copyright {
	margin: 0;
	background: #2E6EB1;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	line-height: 1.41;
	padding: 15px 0 28px;
	font-family: "Noto Sans JP", "Noto Sans", "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#os-totop {
	position: fixed;
	bottom: 100px;
	right: 15px;
	width: 44px;
	height: 44px;
	margin: 0;
	z-index: 9980;
}

#os-totop img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {

	#os-copyright {
		font-size: 14px;
		line-height: 19px;
	}

	#os-totop {
		width: 68px;
		height: 68px;
		right: 44px;
	}
}