/*

Noto Sans Regular	400
Noto Sans Semi Bold	500
EB Garamond Regular	400

*/

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

html,body{
	font-family:YakuHanMP,'Noto Sans JP',sans-serif;
	font-weight:400;
	line-height:1.8em;
	box-sizing: border-box;
	font-feature-settings:"palt";
	margin:0;
	padding:0;
	position:relative;}

*	{margin:0;padding:0;list-style:none;box-sizing:border-box;text-align:justify;}

h1,h2,h3,h4
	{font-size: 1em;margin:0;padding:0;}

.t_mms	{font-size: 0.5em;line-height:1.2em !important;}
.t_ms	{font-size: 0.8em;}
.t_em	{font-size: 1.0em;}
.t_s	{font-size: 1.1em;}
.t_m	{font-size: 1.2em;}
.t_l	{font-size: 1.5em;}
.t_ll	{font-size: 1.625em;}
.t_xl	{font-size: 1.875em;}
.t_xxl	{font-size: 3.0em;line-height:1.0em !important;}

.txt_l	{font-weight: 200;}
.txt_r	{font-weight: 400;}
.txt_b	{font-weight: 600;}
.txt_eb	{font-weight: 800;}

.indent	{text-indent:-1em;padding-left:1em;}
.indent2{text-indent:-2em;padding-left:2em;}
.indent3{text-indent:-3em;padding-left:3em;}

.nl	{letter-spacing:0 !important;}

.t_left		{text-align:left;}
.t_right	{text-align:right;}
.t_center	{text-align:center;}

.t_gold		{color:#8f713c;}
.t_silver	{color:#9fa0a0;}
.t_red		{color:#e61911;}
.t_dred		{color:#c42a15;}
.t_blue		{color:#1d2088;}
.t_color	{color:#231815;}
.t_skyblue	{color:#00afec;}
.t_white	{color:#fff;}

.t_sh5		{text-shadow:0px 0px 5px #000;}
.t_sh10		{text-shadow:0px 0px 10px #000;}

.ul		{display:inline-block;border-bottom:1px solid #000;}
.ulw		{display:inline-block;border-bottom:1px solid #fff;}

.vertical{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;}

a	{color:#0daa48;text-decoration:underline;}
a:hover	{color:#0daa48;text-decoration:none;}

a.other	{
	background-image:url(../img/icon_otherlink.png);
	background-position:right 10px top 50%;
	background-repeat:no-repeat;}

a.other_w{
	background-image:url(../img/icon_otherlink_w.png);
	background-position:right 10px top 50%;
	background-repeat:no-repeat;}

a.other_txt	{
	padding-right:18px;
	background-image:url(../img/icon_otherlink.png);
	background-position:right 0 top 50%;
	background-repeat:no-repeat;}

img	{vertical-align:bottom;}
img.w	{width: 100%;}

@media screen and (max-width:640px){
a	{text-decoration-skip: none;}
}

.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.pc	{display:inline;}
.sp	{display:none;}

@media screen and (max-width:640px){
.pc	{display:none;}
.sp	{display:inline;}
}

@keyframes float {
	0%	{transform: translateY(0);}
	50%	{transform: translateY(-20px);}
	100%	{transform: translateY(0);}
}


/* 汎用 */
.skip{
	position: absolute;
	margin-left:-9999px;}

section{
	margin:0;padding:0;}

video::-internal-media-controls {
	display: none;}

video::-webkit-media-controls {
	display: none !important;}

video::-webkit-media-controls-enclosure {
	display: none !important;}

video::-webkit-media-controls-panel {
	display: none !important;}

.tab-content .tab {
	display: none;
	}

.tab-content .tab.now {
	display: block;}

.inlink{
	padding-top:100px !important;
	margin-top:-100px !important;}

/* scroll fade */
/* 基本のフェードイン */
.fade-in,
.fade-in3{
	opacity: 0;
	transition: opacity 0.5s;}

.fade-in.active,
.fade-in3.active{
	opacity: 1;}

/* 左からフェードイン */
.fade-in-left{
	opacity: 0;
	transform: translateX(-100px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-left3{
	opacity: 0;
	transform: translateX(-500px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-left.active,
.fade-in-left3.active{
	opacity: 1;
	transform: translateX(0);}

/* 右からフェードイン */
.fade-in-right{
	opacity: 0;
	transform: translateX(100px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-right3{
	opacity: 0;
	transform: translateX(500px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-right.active,
.fade-in-right3.active{
	opacity: 1;
	transform: translateX(0);}

/* 上からフェードイン */
.fade-in-up{
	opacity: 0;
	transform: translateY(-100px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-up3{
	opacity: 0;
	transform: translateY(-500px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-up.active,
.fade-in-up3.active{
	opacity: 1;
	transform: translateY(0);}

/* 下からフェードイン */
.fade-in-down{
	opacity: 0;
	transform: translateY(100px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-down3{
	opacity: 0;
	transform: translateY(500px);
 	transition: opacity 1.0s, transform 1.0s;}

.fade-in-down.active,
.fade-in-down3.active{
	opacity: 1;
	transform: translateY(0);}

@media screen and (max-width:500px){
/* scroll fade */

/* 左からフェードイン */
.fade-in-left,
.fade-in-left3{
 	transition: opacity 1.0s, transform 0.5s;}

/* 右からフェードイン */
.fade-in-right,
.fade-in-right3{
 	transition: opacity 1.0s, transform 0.5s;}

/* 上からフェードイン */
.fade-in-up,
.fade-in-up3{
 	transition: opacity 1.0s, transform 0.5s;}

/* 下からフェードイン */
.fade-in-down,
.fade-in-down3{
 	transition: opacity 1.0s, transform 0.5s;}
}

/* 並びのフェードイン */
.fade-in-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.fade-in-item.active {
  opacity: 1;
  transform: translateY(0);
}


.jump-answer{
	width:800px;
	margin:0 auto;}

.jump-answer header{
	width:100%;
	margin-bottom:40px;}

.jump-answer header h1{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:20px;
	padding:30px;
	background-color:#0daa48;
	color:#fff;
	border-radius: 0 0 10px 10px;
	font-size:2.0em;}

.jump-answer header h1 span{
	font-size:1rem;}

@media (max-width: 640px) {
.jump-answer{
	width:calc(100% - 40px);
	margin:0 auto;}

.jump-answer header h1{
	gap:10px;}
}

.jump-answer .btn{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:20px;	
	margin:0 auto 40px;}

.jump-answer .btn a{
	position:relative;
	width:calc(50% - 20px);
	display:block;
	padding:15px;
	text-align:center;
	font-weight:600;
	text-decoration:none;
	color:#000;
	border:2px solid #0d3782;
	background-color:#fff;
	border-radius:10px;
	transition: box-shadow .2s ease-out, opacity 0.6s ease-out, transform 0.6s ease-out, color 0.2s ease-out, background 0.2s ease-out;
	box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.10);}

@media (max-width: 640px) {
.jump-answer .btn{
	flex-direction:column;}

.jump-answer .btn a{
	width:100%;}
}

.jump-answer .btn a.long{
	width:100%;
	border:2px solid #0daa48;}

.jump-answer .btn a:hover{
	color:#fff;
	background-color:#0d3782;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);}

.jump-answer .btn a.long:hover{
	background-color:#0daa48;}

.jump-answer .btn a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #0d3782; /* 通常時は #0d3782 */
	transition: border-left-color 0.2s ease-out;}

.jump-answer .btn a.long::after {
	border-left: 8px solid #0daa48; /* 通常時は #8cc63f */}

.jump-answer .btn a:hover::after {
	border-left-color: #fff; /* ホバー時は #fff */}

.jump-answer .btn a.pdf::before{
	content: "";
	display: inline-block;
	width: 16px; /* アイコンの幅 */
	height: 16px; /* アイコンの高さ */
	margin-right: 6px; /* テキストとの余白 */
	background-image: url('../img/icon_pdf.png'); /* アイコン画像のパス */
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: baseline;}

.jump-answer .youi{
	width:100%;
	margin:0 auto 40px;}

.jump-answer .youi_box{
	text-align:center;
	margin-bottom:40px;}

.jump-answer .youi h2{
	text-align:left;
	border-bottom:1px solid #c9caca;
	font-size:1.4em;
	line-height:1.5em;
	color:rgb(61,61,61);
	font-weight:600;
	padding:10px 0;
	margin-bottom:20px;}

.jump-answer .youi h3{
	font-size:1.2em;
	line-height:1.5em;
	font-weight:600;
	margin-bottom:10px;}

.jump-answer .youi ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:20px;}

.jump-answer .youi li{
	width:calc(50% - 20px);
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:20px;}

@media (max-width: 640px) {
.jump-answer .youi ul{
	flex-direction:column;}

.jump-answer .youi li{
	width:100%;}
}

.jump-answer .youi li:last-child{
	margin-bottom:0;}

.jump-answer .youi li div{
	width:70px;}

.jump-answer .youi li div img{
	width:70px;}

.jump-answer .youi li p{
	font-size:1.4em;
	line-height:1.3em;
	font-weight:600;
	text-align:left;}

.jump-answer .youi li p span{
	font-size:1rem;
	line-height:1.5em;
	font-weight:400;}

.jump-answer .youi li p span a{
	color:#0daa48;}

.mailmagazine{
	border:8px dotted #f60;
	border-radius:40px;
	padding:20px;
	text-align:center;}

.mailmagazine h2{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;
	margin-bottom:15px;}

.mailmagazine h2 img{
	height:60px;}

.mailmagazine h2 span{
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 800;
	text-align: left;}

.mailmagazine .box{
	display:inline-block;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: 600;
	text-align: left;
	margin-bottom:10px;}

.mailmagazine .box span{
	color:#c7b299;}

.mailmagazine h3 {
  font-size: 1.3em;
  line-height: 1.8em;
  font-weight: 800;
  text-align: center;
  color: #000; /* 通常の文字色、背景は marker 側 */
  background: none; /* ここは消す */
}

.mailmagazine h3 .marker {
  display: inline;
  background: linear-gradient(to bottom, transparent 60%, #ff6 60%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 0.2em;
  font-weight: 800;
  color: #f30; /* 赤文字 */
}

footer{
	background:#ebeae7;
	padding:40px;
	font-size:0.9em;
	text-align:center;}

.head_banner{
	padding:20px 0;}