@charset "UTF-8";
/*
 * 今回のBEMのルール
 * 
 * Block_Block
 * Block__Element
 * Block__Element--Modifier
 */
 /* 2023/1/30 印刷ビュー対応のため @media screen を allに変更 */
/* ==================================================================
   Reset Style
   ================================================================== */
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
 /* line 6, _scss/_ress.scss */
 html {
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	overflow-y: scroll;
 	-webkit-text-size-adjust: 100%;
 }

 /* line 6, _scss/_ress.scss */
 *, :after, :before {
 	background-repeat: no-repeat;
 	-webkit-box-sizing: inherit;
 	box-sizing: inherit;
 }

 /* line 6, _scss/_ress.scss */
 :after, :before {
 	text-decoration: inherit;
 	vertical-align: inherit;
 }

 /* line 6, _scss/_ress.scss */
 * {
 	padding: 0;
 	margin: 0;
 }

 /* line 6, _scss/_ress.scss */
 audio:not([controls]) {
 	display: none;
 	height: 0;
 }

 /* line 6, _scss/_ress.scss */
 hr {
 	overflow: visible;
 }

 /* line 6, _scss/_ress.scss */
 article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
 	display: block;
 }

 /* line 6, _scss/_ress.scss */
 summary {
 	display: list-item;
 }

 /* line 6, _scss/_ress.scss */
 small {
 	font-size: 80%;
 }

 /* line 6, _scss/_ress.scss */
 [hidden], template {
 	display: none;
 }

 /* line 6, _scss/_ress.scss */
 abbr[title] {
 	border-bottom: 1px dotted;
 	text-decoration: none;
 }

 /* line 6, _scss/_ress.scss */
 a {
 	background-color: transparent;
 	-webkit-text-decoration-skip: objects;
 }

 /* line 6, _scss/_ress.scss */
 a:active, a:hover {
 	outline-width: 0;
 }

 /* line 6, _scss/_ress.scss */
 code, kbd, pre, samp {
 	font-family: monospace,monospace;
 }

 /* line 6, _scss/_ress.scss */
 b, strong {
 	font-weight: bolder;
 }

 /* line 6, _scss/_ress.scss */
 dfn {
 	font-style: italic;
 }

 /* line 6, _scss/_ress.scss */
 mark {
 	background-color: #ff0;
 	color: #000;
 }

 /* line 6, _scss/_ress.scss */
 sub, sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }

 /* line 6, _scss/_ress.scss */
 sub {
 	bottom: -.25em;
 }

 /* line 6, _scss/_ress.scss */
 sup {
 	top: -.5em;
 }

 /* line 6, _scss/_ress.scss */
 input {
 	border-radius: 0;
 }

 /* line 6, _scss/_ress.scss */
 [role=button], [type=button], [type=reset], [type=submit], button {
 	cursor: pointer;
 }

 /* line 6, _scss/_ress.scss */
 [disabled] {
 	cursor: default;
 }

 /* line 6, _scss/_ress.scss */
 [type=number] {
 	width: auto;
 }

 /* line 6, _scss/_ress.scss */
 [type=search] {
 	-webkit-appearance: textfield;
 }

 /* line 6, _scss/_ress.scss */
 [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }

 /* line 6, _scss/_ress.scss */
 textarea {
 	overflow: auto;
 	resize: vertical;
 }

 /* line 6, _scss/_ress.scss */
 button, input, optgroup, select, textarea {
 	font: inherit;
 }

 /* line 6, _scss/_ress.scss */
 optgroup {
 	font-weight: 700;
 }

 /* line 6, _scss/_ress.scss */
 button {
 	overflow: visible;
 }

 /* line 6, _scss/_ress.scss */
 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
 	border-style: 0;
 	padding: 0;
 }

 /* line 6, _scss/_ress.scss */
 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
 	outline: 1px dotted ButtonText;
 }

 /* line 6, _scss/_ress.scss */
 [type=reset], [type=submit], button, html [type=button] {
 	-webkit-appearance: button;
 }

 /* line 6, _scss/_ress.scss */
 button, select {
 	text-transform: none;
 }

 /* line 6, _scss/_ress.scss */
 button, input, select, textarea {
 	background-color: transparent;
 	border-style: none;
 	color: inherit;
 }

 /* line 6, _scss/_ress.scss */
 select {
 	-moz-appearance: none;
 	-webkit-appearance: none;
 }

 /* line 6, _scss/_ress.scss */
 select::-ms-expand {
 	display: none;
 }

 /* line 6, _scss/_ress.scss */
 select::-ms-value {
 	color: currentColor;
 }

 /* line 6, _scss/_ress.scss */
 legend {
 	border: 0;
 	color: inherit;
 	display: table;
 	max-width: 100%;
 	white-space: normal;
 }

 /* line 6, _scss/_ress.scss */
 ::-webkit-file-upload-button {
 	-webkit-appearance: button;
 	font: inherit;
 }

 /* line 6, _scss/_ress.scss */
 [type=search] {
 	-webkit-appearance: textfield;
 	outline-offset: -2px;
 }

 /* line 6, _scss/_ress.scss */
 img {
 	border-style: none;
 }

 /* line 6, _scss/_ress.scss */
 progress {
 	vertical-align: baseline;
 }

 /* line 6, _scss/_ress.scss */
 svg:not(:root) {
 	overflow: hidden;
 }

 /* line 6, _scss/_ress.scss */
 audio, canvas, progress, video {
 	display: inline-block;
 }

 @media all {
 	/* line 6, _scss/_ress.scss */
 	[hidden~=screen] {
 		display: inherit;
 	}
 	/* line 6, _scss/_ress.scss */
 	[hidden~=screen]:not(:active):not(:focus):not(:target) {
 		position: absolute !important;
 		clip: rect(0 0 0 0) !important;
 	}
 }

 /* line 6, _scss/_ress.scss */
 [aria-busy=true] {
 	cursor: progress;
 }

 /* line 6, _scss/_ress.scss */
 [aria-controls] {
 	cursor: pointer;
 }

 /* line 6, _scss/_ress.scss */
 [aria-disabled] {
 	cursor: default;
 }

 /* line 6, _scss/_ress.scss */
 ::-moz-selection {
 	background-color: #b3d4fc;
 	color: #000;
 	text-shadow: none;
 }

 /* line 6, _scss/_ress.scss */
 ::-moz-selection {
 	background-color: #b3d4fc;
 	color: #000;
 	text-shadow: none;
 }
 ::selection {
 	background-color: #b3d4fc;
 	color: #000;
 	text-shadow: none;
 }

 /* line 10, _scss/configs/_font.scss */
 html {
 	font-size: 10px;
 }

 /* line 13, _scss/configs/_font.scss */
 body {
 	font-family: "Original Yu Gothic", "Yu Gothic", "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
 	font-size: 1.6rem;
 	line-height: 1.75;
 	letter-spacing: 0px;
 }

 /* IE表示用のCSS　*/
 /* line 21, _scss/configs/_font.scss */
 _:-ms-input-placeholder, :root body,
 _:-ms-input-placeholder, :root input,
 _:-ms-input-placeholder, :root button,
 _:-ms-input-placeholder, :root textarea {
 	font-family: "メイリオ", "Meiryo", sans-serif;
 }

 /* line 27, _scss/configs/_font.scss */
 _:-ms-input-placeholder, :root rt {
 	position: relative;
 	top: .1em;
 }

 /* line 18, _scss/configs/_width.scss */
 #wrapper {
 	width: 100%;
 }

 @media all and (min-width: 768px) {
 	/* line 18, _scss/configs/_width.scss */
 	#wrapper {
 		min-width: 1020px;
 	}
 }

 /* line 24, _scss/configs/_width.scss */
 .container, .header__inner, .vol__inner, .section__inner, .footer__inner {
 	margin: 0 auto;
 }

 @media all and (max-width: 767px) {
 	/* line 24, _scss/configs/_width.scss */
 	.container, .header__inner, .vol__inner, .section__inner, .footer__inner {
 		padding-left: 16px;
 		padding-right: 16px;
 	}
 }

 @media all and (min-width: 768px) {
 	/* line 24, _scss/configs/_width.scss */
 	.container, .header__inner, .vol__inner, .section__inner, .footer__inner {
 		width: 1000px;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 34, _scss/configs/_width.scss */
 	.container_sponly {
 		padding-left: 16px;
 		padding-right: 16px;
 	}
 }

 @media all and (min-width: 768px) {
 	/* line 40, _scss/configs/_width.scss */
 	.container_pconly {
 		width: 1000px;
 		margin-left: auto;
 		margin-right: auto;
 	}
 }

 /* line 33, _scss/commonstyle.scss */
 .txc {
 	text-align: center;
 }

 /* line 36, _scss/commonstyle.scss */
 .txr {
 	text-align: right;
 }

 /* line 39, _scss/commonstyle.scss */
 .imgc {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }

 @media all and (min-width: 768px) {
 	/* line 44, _scss/commonstyle.scss */
 	.sponly {
 		display: none;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 49, _scss/commonstyle.scss */
 	.pconly {
 		display: none;
 	}
 }

 /* line 54, _scss/commonstyle.scss */
 img {
 	max-width: 100%;
 	vertical-align: middle;
 }

 /* line 64, _scss/commonstyle.scss */
 html {
 	font-size: 10px;
 }

 /* line 67, _scss/commonstyle.scss */
 body * {
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	-webkit-text-size-adjust: 100%;
 	word-wrap: break-word;
 }

 /* line 74, _scss/commonstyle.scss */
 .header__inner {
 	padding: 18px 0 10px;
 }

 /* line 79, _scss/commonstyle.scss */
 .logo {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 /* line 83, _scss/commonstyle.scss */
 .logo__gankenshin50 {
 	display: block;
 }

 @media all and (max-width: 767px) {
 	/* line 83, _scss/commonstyle.scss */
 	.logo__gankenshin50 {
 		width: 200px;
 	}
 }

 /* line 89, _scss/commonstyle.scss */
 .logo__mhlw {
 	display: block;
 }

 @media all and (max-width: 767px) {
 	/* line 89, _scss/commonstyle.scss */
 	.logo__mhlw {
 		width: 100px;
 	}
 }

 /* line 95, _scss/commonstyle.scss */
 .logo img {
 	max-width: 100%;
 }

 /* line 99, _scss/commonstyle.scss */
 .vol {
 	padding-top: 8rem;
 }

 /* line 101, _scss/commonstyle.scss */
 .vol--white {
 	padding-top: 60px;
 	padding-bottom: 60px;
 }

 /* line 105, _scss/commonstyle.scss */
 .vol--gray {
 	background: #F1EBE8;
 	padding-top: 60px;
 	padding-bottom: 80px;
 }

 /* line 113, _scss/commonstyle.scss */
 .vol__title {
 	text-align: center;
 	background: #F1EBE8;
 	border-radius: 1rem;
 	padding: 1rem;
 	font-size: 2.6rem;
 	margin-bottom: 4rem;
 	position: relative;
 }

/*2022.0614追加*/
 .vol__title.is-h2 {
   margin-bottom: 0;
   background-color: #F1EBE8;
 }

/*2022.0614追加*/
 .vol__title__area {
   text-align: center;
   background: #F1EBE8;
   border-radius: 1rem;
   padding: 1rem 0 2rem;
   font-size: 2.6rem;
   margin-bottom: 4rem;
   position: relative;
 }

 @media all and (min-width: 768px) {
 	/* line 113, _scss/commonstyle.scss */
 	.vol__title {
 		font-size: 2.6rem;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 113, _scss/commonstyle.scss */
 	.vol__title {
 		font-size: 2rem;
 	}
 }

/*2022.0614追加*/
 .vol__title__area>ul {
   text-align: left;
   font-size: 1.8rem;
   padding: 0 2rem;
   max-inline-size: max-content;
   margin-inline: auto;
   list-style-type: none;
 }

/*2022.0614追加*/
  @media all and (min-width: 768px) {
.vol__title__area>ul {
      font-size: 1.8rem;
      padding: 0 2rem;
   }
 }

/*2022.0614追加*/
 @media all and (max-width: 767px) {
.vol__title__area>ul {
      font-size: 1.5rem;
      padding: 0 1rem;
   }
 }

/*2022.0614追加*/
  .vol__title__area>ul li {
   position: relative;
   padding-left: 1em;
	 padding-right: 1em;
  }

/*2022.0614追加*/
  .vol__title__area>ul li::before {
   content: "・";
   position: absolute;
   top: 0;
   left: 0;
  }

 /* line 127, _scss/commonstyle.scss */
 .vol__title--toggle {
 	/* background: #fff; */
 	cursor: pointer;
 }

 /* line 130, _scss/commonstyle.scss */
 .vol__title--toggle::after {
 	content: "";
 	display: block;
 	position: absolute;
 	right: 10px;
 	/* top: 28px; */
 	top: 50%;
 	width: 0;
 	height: 0;
 	border-style: solid;
 	border-width: 10px  9px 0   9px;
 	border-color: #54ceca transparent transparent transparent;
 }

 @media all and (min-width: 768px) {
 	/* line 130, _scss/commonstyle.scss */
 	.vol__title--toggle::after {
 		top: 50%;
		right: 30px;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 130, _scss/commonstyle.scss */
 	.vol__title--toggle::after {
 		top: 50%;
	}
}

 /* line 151, _scss/commonstyle.scss */
 .vol__title--toggle--open::after {
	 -webkit-transform: rotate(180deg);
	 top: 45%;
 	transform: rotate(180deg);
 }

 /* line 156, _scss/commonstyle.scss */
 .vol__archive {
 	position: relative;
 	text-align: center;
 	padding-top: 68px;
 	margin-bottom: 20px;
 }

 @media all and (min-width: 768px) {
 	/* line 156, _scss/commonstyle.scss */
 	.vol__archive {
 		font-size: 3.2rem;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 156, _scss/commonstyle.scss */
 	.vol__archive {
 		font-size: 2rem;
 	}
 }

 /* line 167, _scss/commonstyle.scss */
 .vol__archive::before {
 	content: "";
 	display: block;
 	background: url(../images/title_archive.png) center no-repeat;
 	background-size: 100%;
 	width: 56px;
 	height: 62px;
 	left: 50%;
 	top: 0;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	position: absolute;
 }

 /* line 181, _scss/commonstyle.scss */
 .section {
 	padding-top: 60px;
 	padding-bottom: 80px;
 }

 /* line 184, _scss/commonstyle.scss */
 .section--first {
 	padding-top: 0;
 }

 /* line 190, _scss/commonstyle.scss */
 .section--gray {
 	background: #F1EBE8;
 }

 /* line 193, _scss/commonstyle.scss */
 .section + .section {
 	border-top: 1px solid #ccc;
 	padding-top: 6rem;
 }

 /* line 200, _scss/commonstyle.scss */
 .section__title {
 	position: relative;
 	text-align: center;
 	padding-top: 68px;
 	margin-bottom: 20px;
 }

 .section__title.is-expert,
 .section__title.is-survivor{
 	padding-top: 130px;
 }

 @media all and (min-width: 768px) {
 	/* line 200, _scss/commonstyle.scss */
 	.section__title {
 		font-size: 3.2rem;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 200, _scss/commonstyle.scss */
 	.section__title {
 		font-size: 2rem;
 	}
 }

 /* line 211, _scss/commonstyle.scss */
 .section__title::before {
 	content: "";
 	display: block;
 	background: url(../images/title_icon.png) center no-repeat;
 	background-size: 100%;
 	width: 56px;
 	height: 62px;
 	left: 50%;
 	top: 0;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	position: absolute;
 }
 .section__title.is-expert::before {
 	background: url(../images/title_icon_expert.png) center no-repeat;
 	background-size: contain;
 	width: 200px;
 	height: 118.5px;
 	left: 120px;
 	-webkit-transform: translateX(0);
 	transform: translateX(0);
 }
 .section__title.is-survivor::before {
 	background: url(../images/title_icon_survivor.png) center no-repeat;
 	background-size: contain;
 	width: 200px;
 	height: 118.5px;
 	left: 120px;
 	-webkit-transform: translateX(0);
 	transform: translateX(0);
 }

 @media all and (max-width: 767px) {

 	.section__title.is-expert,
 	.section__title.is-survivor{
 		padding-top: 100px;
 	}
 	.section__title.is-expert::before,
 	.section__title.is-survivor::before {
 		width: 150px;
 		height: 88.9px;
 		left: 0;
 	}
 }

 /* line 226, _scss/commonstyle.scss */
 .section__subtitle {
 	margin-top: 40px;
 }

 @media all and (min-width: 768px) {
 	/* line 226, _scss/commonstyle.scss */
 	.section__subtitle {
 		font-size: 2rem;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 226, _scss/commonstyle.scss */
 	.section__subtitle {
 		font-size: 1.8rem;
 	}
 }

 /* line 235, _scss/commonstyle.scss */
 .section__text + .section__text {
 	margin-top: 1em;
 }

 /* line 237, _scss/commonstyle.scss */
 .section__text + .section__text--mt0 {
 	margin-top: 0;
 }

 /* line 241, _scss/commonstyle.scss */
 .section__authorimg {
 	position: relative;
 	border-radius: 50%;
 	overflow: hidden;
 	margin-bottom: .5em;
 	margin-left: auto;
 }

 /* line 247, _scss/commonstyle.scss */
 .section__authorimg::before {
 	content: "";
 	display: block;
 	padding-top: 100%;
 }

 @media all and (min-width: 768px) {
 	/* line 241, _scss/commonstyle.scss */
 	.section__authorimg {
 		width: 160px;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 241, _scss/commonstyle.scss */
 	.section__authorimg {
 		width: 100px;
 	}
 }

 /* line 258, _scss/commonstyle.scss */
 .section__authorimg img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	max-width: 100%;
 }

 /* line 265, _scss/commonstyle.scss */
 .section__author {
 	margin-bottom: 2em;
 	text-align: right;
 }

 /* line 269, _scss/commonstyle.scss */
 .section__point {
 	background: #EF8201;
 	padding: 1rem;
 	border-radius: 4px;
 	text-align: center;
 	font-weight: normal;
 	font-size: 1.8rem;
 	color: #fff;
 }

 @media all and (min-width: 768px) {
 	/* line 269, _scss/commonstyle.scss */
 	.section__point {
 		margin: 2rem 14rem;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 269, _scss/commonstyle.scss */
 	.section__point {
 		margin: 2rem 1rem;
 	}
 }

 /* line 283, _scss/commonstyle.scss */
 .section__point em {
 	font-style: normal;
 	font-weight: bold;
 }

 /* line 289, _scss/commonstyle.scss */
 .flex {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-orient: horizontal;
 	-webkit-box-direction: normal;
 	-ms-flex-flow: row wrap;
 	flex-flow: row wrap;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	list-style: none;
 	margin: 1rem 0;
 }

 /* line 296, _scss/commonstyle.scss */
 .flex > * {
 	margin: 1rem;
 }

 /* line 300, _scss/commonstyle.scss */
 .firstview {
 	border-top: 8px solid #F19E27;
 	border-bottom: 8px solid #F19E27;
 }

 /* line 303, _scss/commonstyle.scss */
 .firstview__border {
 	border-top: 2px solid #fff;
 	border-bottom: 2px solid #fff;
 	background: url(../images/firstview_bg.png) left top;
 }

 /* line 308, _scss/commonstyle.scss */
 .firstview__inner {
 	margin: 0 auto;
 }

 @media all and (min-width: 768px) {
 	/* line 308, _scss/commonstyle.scss */
 	.firstview__inner {
 		display: -webkit-box;
 		display: -ms-flexbox;
 		display: flex;
 		-webkit-box-align: center;
 		-ms-flex-align: center;
 		align-items: center;
 		width: 800px;
 		height: 301px;
 		padding: 35px 0 29px;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 308, _scss/commonstyle.scss */
 	.firstview__inner {
 		padding: 12px 0 12px;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 321, _scss/commonstyle.scss */
 	.firstview__icon {
 		display: none;
 	}
 }

 @media all and (min-width: 768px) {
 	/* line 326, _scss/commonstyle.scss */
 	.firstview__title {
 		margin-left: 50px;
 	}
 }

 @media all and (max-width: 767px) {
 	/* line 326, _scss/commonstyle.scss */
 	.firstview__title {
 		margin: 0 auto;
 		width: 200px;
 	}
 }

 /* line 336, _scss/commonstyle.scss */
 .footer {
 	background: #F19E27;
 }
  .is-bgWhite{
    background-color: #fff !important;
   }
 /* line 342, _scss/commonstyle.scss */
 .copyright {
 	color: #fff;
 	text-align: center;
 	padding: 15px;
 	font-size: 1.6rem;
 	font-weight: normal;
 }

  @media all and (min-width: 768px) {
   .sp {
      display: none;
   }
	}
  @media all and (max-width: 767px) {
   .sp {
      display: block;
   }
	}

/*2022.1129追加*/
 .section__wrap{
	margin-bottom: 2em;
 }

 .section__container01{}

 .section__container02{
	margin-top: 1em;
	text-align: center;
 }

 @media all and (min-width: 768px) {
	.section__wrap {
		display: flex;
		justify-content: space-between;
	}

	.section__container01 {
		width: calc(100% - 340px);
	}

	.section__container02 {
		max-width: 300px;
  }

	.is-column3{
		width: calc((100% - 20px) / 3);
	}
 }

/*  2023.06.22追加 */
.iframe{
	max-width: 650px;
	margin: 40px 0;
}
.iframe__inner{
	position: relative;
	padding-top: 56.25%;
}
.iframe__item{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*  2023.06.22追加 ここまで */

/*  2023.09.28追加 */
.section__image01{
	display: inline-block;
	margin-top: 20px;
	max-width: 300px;
}

a{
	transition: .3s all;
}
a:hover{
	opacity: .7;
}