@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/* Editor Reset
================================================== */
:where(.editor-styles-wrapper) *,
:where(.editor-styles-wrapper) ::before,
:where(.editor-styles-wrapper) ::after,
:where(.mce-content-body) *,
:where(.mce-content-body) ::before,
:where(.mce-content-body) ::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

:where(.editor-styles-wrapper) ul,
:where(.editor-styles-wrapper) ol,
:where(.mce-content-body) ul,
:where(.mce-content-body) ol {
	padding: 0;
	list-style: none;
}

:where(.editor-styles-wrapper) dt,
:where(.mce-content-body) dt {
	font-weight: bold;
}

:where(.editor-styles-wrapper) dd,
:where(.mce-content-body) dd {
	margin-left: 0;
}

:where(.editor-styles-wrapper) hr,
:where(.mce-content-body) hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

:where(.editor-styles-wrapper) table,
:where(.mce-content-body) table {
	border-collapse: collapse;
}

:where(.editor-styles-wrapper) caption,
:where(.mce-content-body) caption {
	text-align: left;
}

:where(.editor-styles-wrapper) td,
:where(.editor-styles-wrapper) th,
:where(.mce-content-body) td,
:where(.mce-content-body) th {
	vertical-align: top;
	padding: 0;
}

:where(.editor-styles-wrapper) th,
:where(.mce-content-body) th {
	text-align: left;
	font-weight: bold;
}

/* root / body
================================================== */
:root {
	--textBody   : #333;
	--textGray   : #767676;
	--textLink   : #0066cc;
	--textVisited : #66c;
	--textHover  : #c30;
	--textAlert  : #be4c30;
	--borderGray : #808080;
	--borderFocus : #F56801;
	--bgGray	 : #d0d2d4;
	--bgLGray	 : #efefef;
	--white	: #fff;
	--black	: #000;

	--mainNavy : #0F2F45; /*メインネイビー*/
	--lightNavy : #123A52; /*ライトネイビー*/
	--mainBlue : #2F7F9F; /*メインブルー*/
	--offWhite : #F8FAFB; /*オフホワイト*/
	--paleBlue : #EAF2F6; /*サブカラー　ペールブルー*/
	--mistBlue : #F3F7F9; /*サブカラー　ミストブルー*/
	--lightBlue : #DDE7EE; /*サブカラー　ライトブルー*/

	--font10  : .625rem;
	--font11  : .6875rem;
	--font12  : .75rem;
	--font13  : .8125rem;
	--font14  : .875rem;
	--font15  : .9375rem;
	--font16  : 1rem;
	--font17  : 1.0625rem;
	--font18  : 1.125rem;
	--font20  : 1.25rem;
	--font22  : 1.375rem;
	--font24  : 1.5rem;
	--font26  : 1.625rem;
	--font28  : 1.75rem;
	--font30  : 1.875rem;
	--font32  : 2rem;
	--font34  : 2.125rem;
	--font36  : 2.25rem;
	--font38  : 2.375rem;
	--font40  : 2.5rem;
	--font42  : 2.625rem;
	--font44  : 2.75rem;
	--font46  : 2.875rem;
	--font48  : 3rem;
	--font52  : 3.25rem;
	--font54  : 3.375rem;
	--font60  : 3.75rem;
	--font64  : 4rem;
	--font72  : 4.5rem;
	--font80  : 5rem;
	--font84: 5.25rem;

	--spacing : .05em;
	--spMargin  : 4.6875vw;
}

* {
	letter-spacing: var(--spacing);
}

.editor-styles-wrapper {
	background-color: var(--white);
	color: #333;
	font-size: var(--font16);
	font-family: 'M PLUS 1', YuGothic, 'Yu Gothic Medium', 'Yu Gothic', sans-serif;
	line-height: 1.5;
}

.wp-block {
	max-width: 1200px;
}

.wp-block-post-content,
.mce-content-body {
	width: 960px;
	max-width: calc(100% - 16px);
	margin: 0 auto;
}

.wp-block-post-content .wp-block-group:not(:first-child) {
	margin-top: 80px;
}

/* content
================================================== */
h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	line-height: 1.5;
}

/* .pageTitle p,
h1 {
	font-size: var(--font48);
} */

h2 {
	margin: 120px 0 80px;
	font-size: var(--font40);
	font-weight: 600;
}

h2:first-child {
	margin-top: 0;
}

h3 {
	margin: 64px 0 24px;
	font-size: var(--font32);
}

h4 {
	margin: 28px 0 22px;
	font-size: var(--font26);
}

h5 {
	margin: 24px 0 18px;
	font-size: var(--font20);
}

h6 {
	margin: 20px 0 16px;
	font-size: var(--font18);
}

@media screen and (max-width: 767px) {
	/* .pageTitle p,
	h1 {
		font-size: var(--font36);
	} */

	h2 {
		margin: 80px 0 48px;
		font-size: var(--font28);
	}

	h3 {
		margin: 48px 0 24px;
		font-size: var(--font22);
	}

	h4 {
		margin: 48px 0 24px;
		font-size: var(--font20);
	}
}

@media screen and (max-width: 479px) {
	/* .pageTitle p,
	h1 {
		font-size: var(--font32);
	} */

	h2 {
		font-size: var(--font24);
	}

	h3 {
		font-size: var(--font20);
	}

	h4 {
		font-size: var(--font18);
	}

	h5 {
		font-size: var(--font16);
	}

	h6 {
		font-size: var(--font16);
	}
}

p,
ol,
ul,
dl {
	margin-bottom: 1.125em;
	line-height: 2;
}

ol {
	list-style: decimal;
	padding-left: 2em;
}

ul {
	list-style: disc;
	padding-left: 1.5em;
}

li ul {
	list-style: circle;
}

li li ul {
	list-style: square;
}

li ol,
li ul {
	margin-bottom: 0;
}

dt {
	font-weight: 500;
}

dd + dt {
	margin-top: 1.125em;
}

dd {
	padding-left: 1em;
}

dd > *:last-child {
	margin-bottom: 0;
}

dd + dd {
	margin-top: .75em;
}

.hanging {
	padding-left: 1em;
	text-indent: -1em;
}

.hanging + .hanging {
	margin-top: -0.75em;
}

.notes {
	margin-top: 32px;
  padding-top: 16px;
  border-top: 1px dotted var(--borderLGray);
}

a img.external {
	border: 0;
}

table,
.wp-block-table table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
}

table th,
table td,
.wp-block-table table th,
.wp-block-table table td {
	padding: 10px 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

table th,
.wp-block-table table th {
	background-color: var(--bgLGray);
	font-weight: 400;
}

.wp-block-table thead {
	border-bottom: 0;
}

table.monospace {
	table-layout: fixed;
}

table caption {
	margin-bottom: 5px;
	text-align: left;
}

table p:first-child,
table ol:first-child,
table ul:first-child,
table dl:first-child {
	margin-top: 0;
}

table p:last-child,
table ol:last-child,
table ul:last-child,
table dl:last-child,
table ol li:last-child {
	margin-bottom: 0;
}

.scrollTable {
	overflow-x: auto;
}

.scrollTable table {
	min-width: 960px;
}

hr {
	margin: 1.5em 0;
	border-color: var(--borderGray);
}

.has-small-font-size {
	font-size: var(--font14) !important;
}

.has-medium-font-size {
	font-size: var(--font18) !important;
}

.has-large-font-size {
	font-size: var(--font22) !important;
}

.has-x-large-font-size {
	font-size: var(--font28) !important;
}

.alignleft,
.wp-block-image .alignleft {
	float: left;
	max-width: 50%;
	margin: .25em 24px 16px 0;
}

.alignright,
.wp-block-image .alignright {
	float: right;
	max-width: 50%;
	margin: .25em 0 16px 24px;
}

.aligncenter,
.wp-block-image .aligncenter {
	margin: 0 auto;
}

.alignnone,
.wp-block-image .alignnone {
	display: inline-block;
	margin-right: 10px;
}

.alignnone,
.wp-block-image .alignnone:last-child {
	margin-right: 0;
}

a + br[data-mce-bogus] /* TinyMCE */ {
	display: none;
}

.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

@media screen and (max-width: 479px) {
	.alignleft,
	.alignright {
		float: none;
		display: block;
		max-width: 100%;
		margin: 0 0 1em;
	}

	.alignnone {
		margin-right: 0;
	}
}

blockquote {
	margin-bottom: 1em;
	padding: 0 1.5em;
	color: #666;
	position: relative;
}

blockquote:before,
blockquote:after {
	position: absolute;
	top: -0.25em;
	font-size: 200%;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
}

blockquote:before {
	content: "“";
	left: 0;
}

blockquote:after {
	content: "”";
	right: 0;
}

.fileSize {
	font-size: 93.75%;
	white-space: nowrap;
}

.wp-embedded-content {
	max-width: 100%;
}

.wp-block-column > *:last-child {
	margin-bottom: 0;
}

.wp-block-image {
	margin: 32px 0;
}

.wp-block-column .wp-block-image:first-child {
	margin-top: 8px;
}

.wp-block-column .wp-block-image:last-child {
	margin-bottom: 8px;
}

.wp-block-image figcaption {
	display: block;
	margin-bottom: 0;
  line-height: 1.75;
  font-size: inherit;
}

figcaption {
	font-size:var(--font16);
}

.wp-caption {
	max-width: 100%;
	text-align: center;
}

.wp-caption-text,
.wp-caption-dd 	/* TinyMCE */ {
	display: inline-block;
	margin-top: 5px;
	font-size: 87.5%;
	line-height: 1.25;
	text-align: left;
}

.wp-block-table {
	margin: 24px 0;
}

.wp-block-table table {
	margin: 0;
}

.wp-block-file {
	margin-bottom: 1em;
}

.wp-block-file:not(.wp-element-button) {
	font-size: 100%;
}

.wp-block-separator {
	margin: 2em 0;
	border-top: 1px solid var(--borderGray);
}

.wp-block-columns {
	margin: 48px 0;
}

.wp-block-columns:first-of-type {
	margin-top: 0;
}

.wp-block-columns:last-of-type {
	margin-bottom: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
}

.more a,
.wp-block-button__link,
.wp-block-file__button {
	display: inline-block;
  padding: .5em 1em;
	border: 1px solid var(--borderGray);
	border-radius: 24px;
	background-color: var(--white);
	color: var(--textBody) !important;
	text-decoration: none !important;
}

.more a:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover {
	background-color: var(--bgLGray);
}

/* カラムブロックのブレイクポイントを変更 */
@media (max-width: 767px) {
	.wp-block-columns {
		flex-wrap: wrap !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (min-width: 768px) {
	.wp-block-columns {
		flex-wrap: nowrap !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-grow: 1 !important;
	}
}