/*
Theme Name:hondakikin
Theme URI:https://www.honda-nenkin.or.jp
Author:ホンダ企業年金基金
Author URI:https://www.honda-nenkin.or.jp
Description:ホンダ企業年金基金のwebサイト用テンプレート
Version:1.0
*/


html {font-size: clamp(15px, 1.2vw, 16px);scroll-behavior:smooth;}
*,input{font-family:"HondaGlobalFontJP-Light";margin:0;padding:0}
body{ background-color:#fff;line-height:1.6;color:#000;box-sizing:border-box;}

.HondaFontBold,
footer .u,
strong,
b,
h2,
h3,
.TopImgRight h2{font-family:"HondaGlobalFontJP-Bold";}
.fonts{font-size:0.875rem}
.txtCenter{text-align:center}
.txtLeft{text-align:left}
.txtRight{text-align:right}

.main ul li{margin:0;list-style:disc;}
.main ul li::before{color:#cc0000;}

.py-10{padding-top:10px;padding-bottom:10px;}
.pt-10{padding-top:10px;}
.pb-10{padding-bottom:10px;}
.py-20{padding-top:20px;padding-bottom:20px;}
.pt-20{padding-top:20px;}
.pb-20{padding-bottom:20px;}
.py-30{padding-top:30px;padding-bottom:30px;}
.pt-30{padding-top:30px;}
.pb-30{padding-bottom:30px;}
.py-40{padding-top:40px;padding-bottom:40px;}
.pt-40{padding-top:40px;}
.pb-40{padding-bottom:40px;}
.py-50{padding-top:50px;padding-bottom:50px;}
.pt-50{padding-top:50px;}
.pb-50{padding-bottom:50px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.pt-60 {padding-top:60px;}
.pb-60 {padding-bottom:60px;}
.py-70 {padding-top:70px;padding-bottom:70px;}
.pt-70 {padding-top:70px;}
.pb-70 {padding-bottom:70px;}
.py-80 {padding-top:80px;padding-bottom:80px;}
.pt-80 {padding-top:80px;}
.pb-80 {padding-bottom:80px;}
.py-90 {padding-top:90px;padding-bottom:90px;}
.pt-90 {padding-top:90px;}
.pb-90 {padding-bottom:90px;}
.py-100{padding-top:100px;padding-bottom:100px;}
.pt-100{padding-top:100px;}
.pb-100{padding-bottom:100px;}

@media (min-width:992px){
	.rpy-10{padding-top:10px;padding-bottom:10px;}
	.rpt-10{padding-top:10px;}
	.rpb-10{padding-bottom:10px;}
	.rpy-20{padding-top:20px;padding-bottom:20px;}
	.rpt-20{padding-top:20px;}
	.rpb-20{padding-bottom:20px;}
	.rpy-30{padding-top:30px;padding-bottom:30px;}
	.rpt-30{padding-top:30px;}
	.rpb-30{padding-bottom:30px;}
	.rpy-40{padding-top:40px;padding-bottom:40px;}
	.rpt-40{padding-top:40px;}
	.rpb-40{padding-bottom:40px;}
	.rpy-50{padding-top:50px;padding-bottom:50px;}
	.rpt-50{padding-top:50px;}
	.rpb-50{padding-bottom:50px;}
	.rpy-60{padding-top:60px;padding-bottom:60px;}
	.rpt-60{padding-top:60px;}
	.rpb-60{padding-bottom:60px;}
	.rpy-70{padding-top:70px; padding-bottom:70px;}
	.rpt-70{padding-top:70px;}
	.rpb-70{ padding-bottom:70px;}
	.rpy-80{padding-top:80px;padding-bottom:80px;}
	.rpt-80{padding-top:80px;}
	.rpb-80{padding-bottom:80px;}
	.rpy-90{padding-top:90px;padding-bottom:90px;}
	.rpt-90{padding-top:90px;}
	.rpb-90{padding-bottom:90px;}
	.rpy-100{padding-top:100px;padding-bottom:100px;}
	.rpt-100{padding-top:100px;}
	.rpb-100{padding-bottom:100px;}
}
@media (max-width:991px){
	.rpy-10{padding-top:4px; padding-bottom:4px;}
	.rpt-10{padding-top:4px;}
	.rpb-10{padding-bottom:4px;}
	.rpy-20{padding-top:8px;padding-bottom:8px;}
	.rpt-20{padding-top:8px;}
	.rpb-20{padding-bottom:8px;}
	.rpy-30{padding-top:12px;padding-bottom:12px;}
	.rpt-30{padding-top:12px;}
	.rpb-30{padding-bottom:12px;}
	.rpy-40{padding-top:16px;padding-bottom:16px;}
	.rpt-40{padding-top:16px;}
	.rpb-40{padding-bottom:16px;}
	.rpy-50{padding-top:20px;padding-bottom:20px;}
	.rpt-50{padding-top:20px;}
	.rpb-50{padding-bottom:20px;}
	.rpy-60{padding-top:24px;padding-bottom:24px;}
	.rpt-60{padding-top:24px;}
	.rpb-60{padding-bottom:24px;}
	.rpy-70{padding-top:28px;padding-bottom:28px;}
	.rpt-70{padding-top:28px;}
	.rpb-70{padding-bottom:28px;}
	.rpy-80{padding-top:32px;padding-bottom:32px;}
	.rpt-80{padding-top:32px;}
	.rpb-80{padding-bottom:32px;}
	.rpy-90{padding-top:36px;padding-bottom:36px;}
	.rpt-90{padding-top:36px;}
	.rpb-90{padding-bottom:36px;}
	.rpy-100{padding-top:40px;padding-bottom:40px;}
	.rpt-100{padding-top:40px;}
	.rpb-100{padding-bottom:40px;}
}


@media (min-width:992px){
	body article{padding:97px 0 50px 0;min-height:600px;max-width:100%; overflow-x:hidden}
	main{padding:50px 0;}
	}
@media (max-width:991px){
	body article{padding:50px 0 50px 0;min-height:600px;max-width:100%; overflow-x:hidden}
	main{padding:50px 0;}
}

@media (max-width:600px){
	html{font-size:14px;}
}


.arrow_btn a{
  margin-top:0.7rem;
  padding:1rem 1rem 0.4rem 1rem;
  padding-right:3.5rem;
  line-height:1.3;
  text-decoration:none;
  border:1px solid #F5F5F5;
  border-radius:4px;
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #00000029;
  display:block;
  position:relative;
  -webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;
  transition:0.3s ease-out;
  cursor:pointer;
}
.arrow_btn a::after{
  content:"";
  width:0.5rem;
  height:0.5rem;
  border:0;
  margin:-3px 0 0 0;
  border-top:solid 2px #00000029;
  border-right:solid 2px #00000029;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  top:50%;
  right:1rem;
  display:block;
  -webkit-transition:0.3s ease-out;
  -moz-transition:0.3s ease-out;
  -o-transition:0.3s ease-out;
  transition:0.3s ease-out;
}
.arrow_btn a:hover{
  background-color:#ffddde;
}
.arrow_btn a:hover::after{
  border-top:solid 2px #F5F5F5;
  border-right:solid 2px #F5F5F5;
}
.arrow_btn a .date,
.arrow_btn a h3{
  font-size:1rem;
}
.arrow_btn a .date{
  color:#c00;
padding-bottom:5px;
}
.arrow_btn a h3{
  color:#000;
}

.gray_bg{
  background-color:#F5F5F5;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAAzElEQVRYhc3YRwrAQAxD0bn/kcUYZRcIaVNcZPD+bfVb750A3N7M6HlNGdd79wNG4AD4AKNwLsBI3DYwGrcFzMAtA7NwS8BM3DQwGzcFrMANA6twQ8BK3C+wGvcJVMC9AlVwj0Al3A2ohrsAFXEnUBUHgE0ZB4BNGWdmfsCodegCjJyu28DoXb0FzBj9y8CsIrEEzMwl08DsljMFrAhNw8CqCjYErEx0v8DqfvgJrMZ9AhVwr0AV3CNQCXcDquEuQEXcCVTFkWRTxpHkAXfBV8zdPkFKAAAAAElFTkSuQmCC");
}

.block3 h2,
.block4 h2,
.block5 h2,
.block6 h2{
text-align:center;
font-weight:bold;
margin-bottom:4.5rem;
margin-top:0.5rem;
}
.block3 h2 .head,
.block4 h2 .head,
.block5 h2 .head,
.block6 h2 .head{
  position:relative;
  transform:translate(0, -6rem);
  width:8rem;
  margin-bottom:-5rem;
}
.block3 h2 p,
.block4 h2 p,
.block5 h2 p,
.block6 h2 p{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  line-height:3rem;
}
.block3 h2 .tx-prime,
.block4 h2 .tx-prime,
.block5 h2 .tx-prime,
.block6 h2 .tx-prime{
  font-weight:normal;
  color:#c00;
  font-size:4rem;
}

a.bub:hover{
  text-decoration:none;
}

.bubble{
  padding:1rem;
  margin-bottom:2rem;
  display:block;
  border:1px solid #F5F5F5;
  border-radius:1rem;
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #00000029;
  transition:0.3s ease-out;
  cursor:pointer;
}
.bubble h3{
  font-weight:bold;
  font-size:1.1rem;
  color:#c00;
  text-align:center;
}
.bubble p{
  font-size:1rem;
  color:#000;
  margin:0;
  overflow:hidden;
}
.bubble:hover{
  text-decoration:none;
  background:#ffddde;
}

.pbox{
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  width:100%;
  height:calc( 100vw / 1920 * 380 );
  display:block;
display:table;
}

.mv-text{color:#fff;font-size:1.4rem;font-weight:bold;text-shadow:#222 1px 0 14px;text-align:center;display:table-cell;vertical-align:middle}

.subpage{
  background:rgba(187, 38, 26, 0.8);
  height:calc( 100vw / 1920 * 280 );
}
#top {margin-top:130px;}

@media (max-width:991px){
	#top {margin-top:80px;}
	#top picture img{margin-top:0;}
	.pbox{height:calc( 100vw / 1200 * 400 );}
	.subpage{height:calc( 100vw / 1200 * 280 );}
	.bubble{margin-bottom:1.4rem;}
}
.block2,
.block7{
  background:#fff;
}
.block2 .btn-color,
.block7 .btn-color{
  color:#fff;
  border-color:#c00;
  background-color:#c00;
  padding-left:4rem;
  padding-right:4rem;
  transition:0.3s ease-out;
}
.block2 .btn-color:hover,
.block7 .btn-color:hover{
  border-color:#ffddde;
  background-color:#ffddde;
}
.block2 h2,
.block7 h2{
  text-align:center;
  font-weight:bold;
  font-size:2.2rem;
}
.block2 .line,
.block7 .line{
  height:3px;
  width:2.2rem;
  background-color:#c00;
  margin:0.5rem 0;
}

@media (max-width:991px){
	.block2 h2,
	.block7 h2{font-size:2.0rem;font-weight:bold;}
}

footer{background-color:#fafafa;}
.footerBox{display: grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 210px; gap: 20px;max-width:1200px;margin: 0 auto;padding:30px 10px 0 10px;box-sizing: border-box}
.footerBox .fonts{font-size:0.9em}

footer a{font-size:12px;text-decoration:none;color:#000;}
footer a:hover{color:#c00;text-decoration:none;}

footer .u{border:1px solid #000;border-width:0 0 1px 0;padding-bottom:6px;margin-bottom:8px;font-size:13px;line-height:20px;}
footer ul{padding:0 0 10px 0;}
footer .qlist ul li{list-style-type:none !important;line-height:1;padding:0 0 7px 7px;text-indent:-10px;}
footer .qlist ul li:before{content: "";display: inline-block;width:0.8em;height:0.8em;mask-image: url("img/caret-right-solid.svg");mask-repeat: no-repeat;mask-position: left top;background-color:#000;background-size: contain;vertical-align:-0.05em;margin-left:3px;margin-right:-3px}
footer .qlist ul li.li02{margin-left:0.5em}

footer nav{text-align:center;margin-bottom:1em;}
footer nav a{font-size:12px;padding:6px 0;margin:0 0.4em;}
@media (max-width:991px){
	.footerBox{grid-template-columns:1fr 1fr; gap:0 20px;}
	footer .qlist ul{grid-template-columns:1fr;}
	footer .qlist .member{display:inline-block;grid-template-columns:1fr;}
	footer nav{display: grid; grid-template-columns:1fr; gap:0 10px;}
	footer nav a{line-height:20px;}
}
@media (max-width:600px){
	.footerBox{grid-template-columns:1fr;}
	footer .qlist ul{grid-template-columns:1fr;}
}
footer .copy{background: linear-gradient(to bottom, #333, #555);padding:10px 0;text-align: center;color:#fff;font-size:12px;}
footer .copy p{max-width:1180px;margin: 0 auto;padding:0}
footer .copy a{display: inline-block;background:#c00;border-radius:3px;padding: 0 5px;margin-left:5px;color: #fff;transition:0.3s}
footer .copy a:hover{opacity:0.7;}

/* 鍵アイコン */
.lock{}
.lock::after {content: "";display: inline-block;width:1em;height:1em;mask-image: url("img/lock.svg");mask-repeat: no-repeat;mask-position: left bottom;background-color:#000;background-size: contain;vertical-align: -1px;margin-left:3px}
.lock:hover::after {background-color:#c00;}

/* ユーザー限定アイコン */
.user-lock{padding-right:1.2em;}
.user-lock::after {content: "";display: inline-block;width:1.2em;height:1.2em;mask-image: url("img/user-lock-solid.svg");mask-repeat: no-repeat;mask-position: left bottom;background-color:#000;background-size: contain;vertical-align: -1px;margin-left:3px}
.user-lock:hover::after {background-color:#c00;}


#to-top{position:fixed;right:0;bottom:0;width:3rem;height:3rem;background-color:#c00;transition:0.4s;opacity:0;}
#to-top img{width:3rem;}
#to-top.active{opacity:1;}
#to-top:hover{text-decoration:none;}
.breadtrail ul{list-style-type:none;}
.breadtrail ul li{display:inline-block;font-size:0.8rem;line-height:3rem;}
.breadtrail ul li a{color:#c00;}
.breadtrail li::before{
	content:"  ";
	background:center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.414' height='13.414' viewBox='0 0 7.414 13.414'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23000000;stroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0.707 0.707)'%3E%3Cline class='a' x2='6' y2='6'/%3E%3Cline class='a' y1='6' x2='6' transform='translate(0 6)'/%3E%3C/g%3E%3C/svg%3E");
	font-weight:bold;
	font-size:0.7rem;
	padding-left:1rem;
	padding-right:0.5rem;
}

.breadtrail li:first-child::before{
  background-image:none;
  content:"";
  padding-left:0rem;
}

.bcpath .path{font-size:0.8rem;}
.bcpath .path a{color:#c00;}
.bcpath .sepa{width:1rem;height:0.8rem;background:center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.414' height='13.414' viewBox='0 0 7.414 13.414'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23000000;stroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0.707 0.707)'%3E%3Cline class='a' x2='6' y2='6'/%3E%3Cline class='a' y1='6' x2='6' transform='translate(0 6)'/%3E%3C/g%3E%3C/svg%3E");font-weight:bold;font-size:0.7rem;}

.second h1{font-size:1rem;background-color:#c00;padding:0.2rem 0.8rem;font-weight:normal;margin-bottom:0.5rem;color:#fff;line-height:1;}
.second h2{font-size:2.4rem;font-weight:bold;text-shadow:rgba(0,0,0,0.25) 1px 0 6px;text-align:center;padding-left:5vw;padding-right:5vw;color:#fff;line-height:1;}

.normal h1{font-size:24px;width:100%;padding:40px 0;color:#000;background:#ffddde;text-align:center;font-weight:bold;margin-bottom:0.5rem;}
.normal h2{font-size:2.8rem;font-weight:bold;text-shadow:rgba(0,0,0,0.25) 1px 0 6px;text-align:center;padding-left:5vw;padding-right:5vw;}

.second h3{font-size:1.6rem;color:#c00;font-weight:bold;margin:60px 0 20px 0;}
.second h4{font-size:1.3rem;line-height:1.4;color:#000;font-weight:bold;margin:40px 0 20px 0;padding:3px 8px;border-left:8px solid #c00;}
.second h5{color:#c00;font-size:1.1rem;font-weight:bold;line-height:1.7;margin:30px 0 10px 0;}
.second h6{font-size:1rem;font-weight:bold;line-height:1.7;margin:20px 0 10px 0;}
.second h6::before{content:'■';color:#c00;}
.second h7{font-size:1rem;font-weight:bold;line-height:1.7;margin:20px 0 10px 0;}
.second ul{margin:0;padding-left:1.4rem;}
.second ul li{margin:0;}
.second ul ::marker{color:#c00;}
.second a{color:#c00;text-decoration:underline;}

ol li{margin-left:2rem;padding:5px 0;}
.second ol li{/*margin-bottom:1.2rem;*/}
.second ol.decimal{padding-left:1.5rem;margin-bottom:0;list-style-type:decimal;}
.second ol.non{list-style-type:none;padding-left:0;}
.second ol.non li::before{content:"​";}

.second ul > li ,
.second .numlist > li{padding:0.5rem 0;}

.second .font-small{font-size:0.8rem;margin-top:0.5rem;}
.second small{font-size:0.8rem; line-height:1.1rem;}

.second .blue-frame{border:1px solid #c00;border-radius:10px;padding:1rem;}
.second .cmt{font-size:0.8rem;}
.second .cmt::before{content:"＊"}

.t_contents{border:1px solid #ccc;background:#f5f5f5;margin-bottom:30px;border-radius:5px;padding:20px 40px;}
.t_contents h3{font-size:1.3rem;text-align:center;color:#c00;font-weight:bold;margin:10px 0 0 0;}
.t_contents h4{font-size:1.2rem;line-height:1.4;color:#000;font-weight:bold;margin:5px 0 0 0;padding:0;border-left:0;}
.t_contents a{font-size:0.9rem;line-height:1;color:#000;text-decoration:none;padding-left:1.5em;width:100%;text-indent:-1em;}
.t_contents a::before {content:'\f0d7';font-family:'Font Awesome 5 Free';font-weight:900;padding-right:5px;}
.t_contents a:hover{opacity:0.8}
.t_contents h4 a{color:#c00000;padding-left:0em;}
.t_contents h4 a::before {content:'\f103';font-family:'Font Awesome 5 Free';font-weight:900;padding-right:5px;}
.t_contents a.q::before {content:'\f059';font-family:'Font Awesome 5 Free';font-weight:900;padding:0 5px 0 20px;}
.t_contents a.link::before {content:'\f152';font-family:'Font Awesome 5 Free';margin-left:-2px;padding-right:4px;}

ul + .t_contents{margin-top:30px;}

.second table {width:100%;
box-sizing:border-box;
background:#fff;
border-collapse:collapse;
margin-top:15px;}
.second table td, .second table th{padding:8px 10px;;border:1px solid #ccc;}
.second table th{text-align:center;background:#eee;font-weight:normal;}
.second table thead th{background:#d5d5d5;}
.second table .blue th{background:#bfe4ff;}
.second table .red th{background:#ffddde;}
.second table .yellow th{background:#fff5aa;}

table th.vertical{line-height:1rem; }
.second table td table.border_none{border:none;padding:0;margin:0}
.second table td table.border_none td, .second table td table.border_none th{border:none;padding:0;margin:0;}

.graybox{border:1px solid #ccc;background:#f5f5f5; padding:10px; border-radius:5px;margin:15px 0 0 0;}
.second img{max-width:100%;}
.second img.img-fluid{max-width:700px;width:100%; margin:0 auto;display:block}

dl.notes{margin-top:30px; padding:10px 20px 20px 20px;background:#f5f5f5;border-radius:5px;border:1px solid #ccc;}
dl.notes dt{padding:10px 0 0 0;font-weight:bold}
dl.notes dd{padding:5px 0 0 0;font-size:0.9rem;}
dl.notes ul li{margin:0; padding:0;}
dl.notes ul ::marker{color:#333;}
dl.notes dt h6{font-size:1rem;font-weight:bold;line-height:1.7;margin:0 0 0 0;}

.reference{margin-top:20px; padding:8px 15px 12px 15px;background:#f5f5f5;border-radius:5px;border:1px solid #ccc;}
.reference h5{padding:0;margin:0 0 6px 0; font-weight:bold;color:#000;font-size:1rem;}
.reference h5::before {content:'\f15c';font-family:'Font Awesome 5 Free';font-weight:200;padding-right:5px;}
.reference h5{padding:0;margin:0 0 10px 0; font-weight:bold}
.reference p{padding-left:1em;text-indent:-1em;margin:0;font-size:0.9rem;}
.reference a{padding:0;margin:0;}
.reference a::before {content:'\f152';font-family:'Font Awesome 5 Free';font-weight:900;padding-right:5px;}
.reference p i{margin-left:18px;}

.qa_notes{margin-top:20px; padding:8px 15px 12px 15px;background:#f9f9f9;border-radius:5px;border:1px solid #ccc;}
.qa_notes h5{padding:0;margin:0 0 6px 0; font-weight:bold;color:#000;font-size:1rem;}
.qa_notes h5::before {content:'\f15c';font-family:'Font Awesome 5 Free';font-weight:200;padding-right:5px;}
.qa_notes h5{padding:0;margin:0 0 10px 0; font-weight:bold}
.qa_notes h7,.qa_notes h6{font-size:0.9rem;}
.qa_notes p{margin:0;font-size:0.9rem;}
.qa_notes p.link{padding-left:1em;text-indent:-1em;margin:0;font-size:0.9rem;}
.qa_notes p.link a{padding:0;margin:0;}
.qa_notes p.link a::before {content:'\f152';font-family:'Font Awesome 5 Free';font-weight:900;padding-right:5px;}
.qa_notes p i{margin-left:18px;}
.qa_notes table{margin-top:5px;}



@media (max-width:991px){
body .second .t2{font-size:2rem;}
.second h1{font-size:1.1rem;}
.second h2{font-size:1.7rem;}
.second h3{font-size:1.3rem;margin:60px 0 10px 0;}
.second h4{font-size:1.1rem;font-weight:bold;line-height:1.7;}
.second h5{}
.normal h1{font-size:22px;}
.normal h2{font-size:16px;}
.t_contents{padding:20px 15px;}
.t_contents h3{margin:10px 0 0 0;}
.t_contents h4{font-size:1rem;}
.second table.lp_table td, .second table.lp_table th{width:100%;display:block;border-bottom:none;}
.second table.lp_table th{border-bottom:none;}	
.second table.lp_table tr:last-child td{border-bottom:1px solid #ccc;}
.second table.lp_table td table.border_none td, 
.second table.lp_table td table.border_none th{width:auto;display:table-cell;}	
}

.block13,.block15,.block17,.block19{background-color:#fafafa;}

.period-title{color:#c00;font-size:1.2rem;font-weight:bold;float:left;}
.period-text{overflow:hidden;padding-left:1rem;}

.frame-title{font-size:1.2rem;font-weight:bold;margin-bottom:0;}
.frame-text{margin-bottom:0;}

.contact-btn{background:#c00;}
.contact-btn:hover{opacity:0.5;}

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

@media screen and (max-width:991px){
	.period-title{float:none;margin-bottom:0.4rem;}
	.period-text{padding-left:0;}
	.pc-none{display:block;}
	.mv-text{ font-size:20px;line-height:30px;text-shadow:#000 0 0 6px;}
}
@media screen and (max-width:750px){
	.mv-text{font-size:16px;line-height:24px;text-shadow:#000 0 0 6px;}
}
@media screen and (min-width:992px){
	.sp-none{display:block;}
	.mv-text{padding-top:calc(( 100vw / 1920 * 700 * 0.5 - ( 1.1rem * 1.7 * 4)) / 2);}
}
/*news*/
.news-area{padding-top:50px;}
.news-area1{padding-top:50px;background-color:#F8F8F8;}
.news{background-color:#c00;color:#fff;font-weight:bold;margin-top:-70px;padding-top:70px;}

.x-scroll{overflow-x:hidden;}
::-webkit-scrollbar{width:7px;}/*スクロールバー*/
::-webkit-scrollbar-track{border-radius:8px;box-shadow:inset 0 0 6px rgba(0, 0, 0, .1);}/*軌道*/
::-webkit-scrollbar-thumb{background:#c00;border-radius:5px;box-shadow:inset 0 0 0 2px #fff;}
.box_srcollbar{overflow:auto;height:345px;padding:4px;color:#000;}

header .navbar{padding:0 0 0 1rem;height:95px;width:100%;z-index:1000;position: fixed; left:0; top:0;background:#fff;}
header .navbar .navbar-brand{font-weight:bold;overflow:hidden;}
.honda-link{position:absolute;z-index:2;top:5px;right:60px;margin:0;padding:0}
.honda-link img{width:120px;}
.page-search{position:absolute;z-index:2;top:0;right:150px;height:26px;line-height:26px; font-size:0.8rem;font-weight:bold;margin:10px 0 0 0;padding:0}
.page-search input{width:150px;line-height:24px;margin:0 0 0 5px;border:1px solid #ccc;padding:0 4px;display:inline-block;border-radius:5px;font-family:"YuGothic","Yu Gothic","ヒラギノ角ゴ", sans-serif;}
.page-search button{background:#c00;border:none;margin:0 0 0 4px;padding:0 8px; height:26px;color:#fff;font-weight:bold;display:inline-block;border-radius:5px;}

/*gnav*/
@media screen and (max-width:991px){
header .navbar{box-shadow:0 0 8px #ccc;border-bottom:3px solid #c00;}
#g-nav{position:fixed;z-index:999;top:-150%;left:0;width:100%;height:100vh;background:#fff;opacity:0.95;}
#g-nav.panelactive{top:0;transition:all 0.3s;}
#g-nav.panelactive #g-nav-list{position:fixed;z-index:9999;width:100%;height:calc(100vh - 53px);margin-top:53px;overflow:auto;-webkit-overflow-scrolling:touch;}/*ナビゲーションの縦スクロール*/
#g-nav ul{position:absolute;z-index:999;top:0;width:100%;text-align:center;padding:20px 0 20px 0;}
#g-nav li{list-style:none;text-align:center; font-size:15px;line-height:17px;}
#g-nav li a{color:#333;text-decoration:none;padding:8px;width:100%;display:block;width:100%;text-transform:uppercase;letter-spacing:0.1em;font-weight:bold;font-size:1.2rem;line-height:1.8}
#g-nav li:first-child a::before{content:"";display:inline-block;width:1em;height:1em;margin-right:8px; mask-image: url("img/house-solid.svg"); mask-repeat: no-repeat;mask-position:center top;background-color:#333;}
.openbtn1{ position:fixed;z-index:9999;top:5px;right:10px;cursor:pointer;width:50px;height:50px;}
.openbtn1 span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:2px;background-color:#c00000;width:45%;}
.openbtn1 span:nth-of-type(1) {top:8px;}
.openbtn1 span:nth-of-type(2) {top:16px;}
.openbtn1 span:nth-of-type(3) {top:24px;}
.openbtn1.active span:nth-of-type(1) {top:10px;left:14px;transform:translateY(6px) rotate(-45deg);width:50%;}
.openbtn1.active span:nth-of-type(2) {opacity:0;}
.openbtn1.active span:nth-of-type(3){top:22px;left:14px;transform:translateY(-6px) rotate(45deg);width:50%;}
header .navbar{height:auto;padding:5px 0 5px 0;}
header .navbar ul{line-height:1;margin-top:-40px;padding-bottom:10px}	
header .navbar .navbar-brand{background:url(img/logo.svg)no-repeat left center;text-indent:-10000px;width:350px;max-width:40%;}
header .navbar ul a.nav-link.jigyosho{line-height:1;background:transparent;color:#019;padding:5px 0;}
.page-search{display:none}
}


@media (min-width:992px){
	header .navbarBox{width:100%;height:95px; max-width:1200px; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);position:absolute;z-index:1;}
	header .navbar .navbar-brand{line-height:52px;display:block;position:absolute;top:0;left:15px;height:52px;width:400px;background:url(img/logo.svg)no-repeat left center;text-indent:-10000px;}
	.honda-link{top:3px;right:0;}
	.honda-link img{width:140px;}
	#g-nav{position:fixed;z-index:10000;top:57px; width:100%;background:#c00;}
	#g-nav ul{width:100%;align-items:center;display:flex;justify-content:flex-end;margin:0;margin: 0 auto;max-width:1180px;}
	#g-nav ul li{list-style:none;line-height:1;width:13.3%;text-align: center;border-left:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(0,0,0,0.2);}
	#g-nav ul li:first-child{width:6.9%;}
	#g-nav ul li a{font-size:1rem;margin-right:0;font-weight:bold;border:none;border:0;color:#fff;margin:0;line-height:40px;padding:0;display:block;text-decoration:none;transition:0.3s;}
	#g-nav ul li a:hover{background-color:#b00000;}
	#g-nav ul li:first-child a::before{content:"";display: block;width:100%;height:16px; mask-image: url("img/house-solid.svg"); mask-repeat: no-repeat;mask-position:center bottom;background-color:#fff;}
	#g-nav ul li:first-child a{line-height:16px;font-size:12px;height:40px;padding-top:5px;}
}

.overview_flow dl{}
.overview_flow dl dt{text-align:center;padding:5px;background:#f5f5f5;}
.overview_flow dl dd{padding:5px;font-size:0.9rem;}
.overview_flow p.icon{text-align:center;font-size:50px;}
.second table.overview_04 th,.second table.overview_04 td {font-size:0.9rem;}
.overview_04 ul {margin:0;padding:0 0 0 1.4rem;}
.overview_04 ul ::marker{color:#000;}
.overview_04 ul li{padding:0;margin:0;}

dl.zei{background:#f5f5f5;padding:7px 7px 0px 7px;margin:0;border-radius:5px;}
dl.zei dt,dl.zei dd{float:left;width:auto;display:inline-block;}

table.benefit_chk1 th{ text-align:left; background:#ffddde;padding:10px;}
table.benefit_chk1 td{ text-align:center; }
table.benefit_chk1 td a{ margin:0 auto; padding:5px 15px; background:#c00000;color:#fff;text-decoration:none; border-radius:5px;transition:0.3s; }
table.benefit_chk1 td a:hover{ opacity:0.8 }

table.benefit_chk2 th{ text-align:left; background:#bfe4ff;padding:10px;}
table.benefit_chk2 td{ text-align:center; }
table.benefit_chk2 td a{ margin:0 auto; padding:5px 15px; background:#3377C6;color:#fff;text-decoration:none; border-radius:5px;transition:0.3s; }
table.benefit_chk2 td a:hover{ opacity:0.8 }

dl.group {background:#ffddde;padding:15px;border-radius:5px;margin-bottom:20px;}
dl.group p{padding:0;color:#c00000;font-weight:bold;text-align:center}
dl.group dt,dl.group dd{padding:0 5px;float:left;text-align:left}
dl.group dt{clear:both;width:8em}
dl.group dd{padding-left:1em}
dl.group dt::before {content:'\f1ad';font-family:'Font Awesome 5 Free';font-weight:900;padding-right:5px;}
dl.group dt.office::before {content:'\f1ad';}
dl.group dt.user::before {content:'\f007';}
dl.group dt::after {content:':'; float:right; margin-top:-3px;margin-right:5px;}
 
.clearfix::after {content:"";display:block;clear:both;}
:target::before { content:"";width:100%;display:block;padding-top:90px; margin-top:-90px;}

.beneficiary_list{margin:10px 1rem 0 0;}
.beneficiary_list p{margin:0; padding:8px 0 0 0;}
.beneficiary_list a{margin:0;border:1px solid #ccc;padding:8px 12px;border-radius:5px;display:block;background:#f5f5f5;text-decoration:none;}
.beneficiary_list a::before {content:'\f044';font-family:'Font Awesome 5 Free';font-weight:300;padding-right:6px;transition:0.3s;}
.beneficiary_list a:hover{opacity:0.8}

table.step{margin:0;padding:0;}
table.step th{width:20%;font-family:'Font Awesome 5 Free';font-weight:300;letter-spacing:0.3rem;background:#c00000;color:#fff;text-align:center;border:none;}
table.step td{border:none;background:#f5f5f5;padding:10px;}
table.step td.down{font-family:'Font Awesome 5 Free';font-weight:300;text-align:center;background:#fff;border:none;}
@media (max-width:991px){
table.step th,table.step td{width:100%;display:block;}
}

dl.faq dt{background:#c00000;color:#fff;line-height:1.5rem;clear:both;float:left;border-radius:5px;width:60px;font-family:'Font Awesome 5 Free';letter-spacing:0.2rem;text-align:center}
dl.faq dd{line-height:1.5rem;padding:0 0 0 70px;}
dl.faq dt,dl.faq dd{margin-bottom:10px;}

dl.faq_a dt{background:#3377c6;color:#fff;line-height:1.5rem;clear:both;float:left;border-radius:5px;width:60px;font-family:'Font Awesome 5 Free';letter-spacing:0.2rem;text-align:center}
dl.faq_a dd{line-height:1.5rem;padding:0 0 0 70px;}
dl.faq_a dt,dl.faq dd{margin-bottom:10px;}

a.linkicon::before {content:'\f152';font-family:'Font Awesome 5 Free';font-weight:900;padding-right:5px;}

dl.member_info dt,
dl.delegate_info dt{line-height:1.5rem;clear:both;float:left;border-radius:5px;width:9.5em;}
dl.member_info dd,
dl.delegate_info dd{line-height:1.5rem;padding:0 0 10px 9.7em;border-bottom:1px dotted #ccc;}
dl.member_info dt,dl.member_info dd,
dl.delegate_info dt,dl.delegate_info dd{}
dl.member_info dd .new,
dl.delegate_info dd .new,
dl.member_info dd .chk,
dl.delegate_info dd .chk{display:inline-block;background:#c00000;border:1px solid #c00000;color:#fff;font-size:12px; padding:0 6px;margin:0 2px;border-radius:5px;}
dl.member_info dd .chk,
dl.delegate_info dd .chk{background:#3377c6;border:1px solid #3377c6;}
dl.member_info dd p,
dl.delegate_info dd p{padding-top:2px;}

dl.info dt{clear:both;float:left;border-radius:5px;width:9.3em;padding-top:1px;}
dl.info dd{padding:0 0 0 9.5em;border-bottom:1px dotted #ccc;}
dl.info dt,
dl.info dd{margin-bottom:10px;line-height:1.5rem;}
dl.info dd .new,
dl.info dd .chk{display:inline-block;background:#c00000;border:1px solid #c00000;color:#fff;font-size:12px; line-height:20px; padding:0 6px;margin:0 2px;border-radius:5px;}
dl.info dd .chk{background:#3377c6;border:1px solid #3377c6;}
dl.info dd p,
dl.info dd p{padding-top:2px;}

.i_cat1,
.i_cat2,
.i_cat3,
.i_cat4{display:inline-block;font-size:12px; line-height:20px; padding:0 10px;margin:0 1px 2px 0;border-radius:11px;font-weight:bold;}
.i_cat1{color:#fff;border:1px solid #c00;background:#c00;}
.i_cat2{color:#3377c6;border:1px solid #3377c6;}
.i_cat3{color:#03af7a;border:1px solid #03af7a;}
.i_cat4{color:#ff9902;border:1px solid #ff9902;}
.i_new,
.i_chk{display:inline-block;background:#c00000;border:1px solid #c00000;color:#fff;font-size:12px; line-height:20px; padding:0 6px;margin:0 2px;border-radius:5px;}
.i_chk{background:#3377c6;border:1px solid #3377c6;}

.pdfjs-fullscreen + div{display:none;}
.pdfjs-fullscreen a:before{font-family:'Font Awesome 5 Free';width:19px;display:inline-block;content:'\f1c1';}
.c_required{font-size:12px; line-height:20px;background:#c00000;padding:0 5px; margin: 0 4px; border-radius:5px;display:inline-block}
.c_required::before{content:"必須";color:#fff;font-style:normal;}
form textarea{width:100%}

.um-cover{display:none;!important}
.account_list{background:#f5f5f5;margin-bottom:1px;}
.account_list a{text-decoration:none;width:100%;display:block;padding:5px 10px;box-sizing:border-box;background:#f5f5f5;}
.um-account-profile-link{display:none;}
.um-account-icon{float:left;padding-right:8px;}
.um-account-arrow{float:right}
#um_field_general_first_name,
#um_field_general_last_name{display:none}
.um-profile-headericon,
.um-profile-photo,
.um-profile-meta,.um-profile-navbar{display:none !important;}
.um-profile *{border:none !important;}
.um-profile-body{margin-top:-100px !important;}
main #post-65{text-align:center}

.pnavi{text-align:center}
.page-numbers{padding:0 4px;min-width:25px;border-radius:5px;display:inline-block;}
.pnavi a{transition:0.3s;text-decoration:none;}
.pnavi a:hover{opacity:0.8}
.current{background:#c00000;color:#fff;}
.next{}

p.avoidance_p{padding:0;margin:0;color:#f00000;}
.button{background:#c00000;border-radius:5px;color:#fff;line-height:30px;min-width:120px;box-shadow:0 0 5px #f5f5f5;border:none;padding:5px 15px;}
.button_glay{background:#ccc;border-radius:5px;color:#666;line-height:30px;min-width:120px;box-shadow:0 0 5px #f5f5f5;border:none;padding:5px 15px;}
.button:hover,
.button_glay:hover{opacity:0.8}

@media (max-width:991px){
.um-account-arrow{display:none;}
.um-account-profile-link{text-align:center}
}

form[name="f1"] input,
form[name="f1"] textarea{border:1px solid #ccc;border-radius:5px;padding:2px 5px;margin:2px 0;}
form[name="f1"] select {
	border :1px solid #eee;
	font-size :16px;
}

.form_dwn{margin:20px auto;position:relative;width:250px;}
form[name="f1"] .form_dwn select{display:inline-block;width:100%;margin:10px 0;padding:5px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;font-size:16px;border-radius:5px;}
form[name="f1"] .form_dwn select option{padding:5px;}
.form_dwn:after {content:'▼';position:absolute;right:25px;top:17px;width:0;font-size:14px;pointer-events: none;}

/*.f_group2,
.f_group3,*/
.f_group4,
.f_group5,
.f_group6,
.f_group7,
.f_group8{display:none;}

input[name="t_name1_1"],
input[name="t_name1_2"],
input[name="t_name2_1"],
input[name="t_name2_2"]{width:14em;}

@media (min-width:992px){
form[name="f1"] table th{width:30%}
}

.upload-area {
    margin:auto;
    width:100%;
    min-height:150px;
    position:relative;
    border:2px dotted rgba(150,150,150, .4);
	margin:10px 0;
	transition:0.3s;
	border-radius:5px;
	background: linear-gradient(to bottom, rgba(245, 245, 245, 1), rgba(250, 250, 250, 1));
}

.upload-area i {
    font-size:75px;
    opacity:.1;
	margin-top:20px;
	width: 100%;
	text-align: center;
}
.upload-area p {
    width:100%;
    top:95px;
    opacity:.8;
	text-align:center;
	font-size: 14px;
}

#input-files {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
	opacity:0;
}

#input-files2 {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
	opacity:0;
}

.more_btn{margin-top:20px;text-align:center;}
.more_btn a{background:#c00000;color:#fff;font-size:1.3rem;padding:5px 10px;border-radius:5px;text-decoration:none;transition:0.3s;min-width:200px;display:inline-block;}
.more_btn a:hover{opacity:0.8;}


a[href$=".pdf"],
a[href$=".xlsx"],
a[href$=".docx"]{
    padding-left:19px; display:inline-block;position: relative;
}
a[href$=".pdf"]::before,
a[href$=".xlsx"]::before,
a[href$=".docx"]::before {
    font-family:'Font Awesome 5 Free';width:16px;display:inline-block;position:absolute;margin-left: -19px;content:'\f1c1';
}
a[href$=".xlsx"]::before{ content:'\f1c3';}
a[href$=".docx"]::before{ content:'\f1c2';}

a.pdfbtn{vertical-align: middle;padding-left:0;text-decoration:none}
a.pdfbtn::before{content:'\f1c1';font-family:'Font Awesome 5 Free';display:inherit;font-size:26px;width:auto;position:relative;margin-left:0;padding-left:0 0 0 7px;}
a.pdfbtn:hover{opacity:0.8}

.newicon{display:inline-block;background:#c00000;border:1px solid #c00000;color:#fff;font-size:12px; padding:0 6px;margin:0 2px;border-radius:5px;}

#wp-acf_content-media-buttons .js-insert-pdfjs{display: none !important;}

.errormsg{color:#c00000;font-size:14px; padding:7px 0 5px 0;margin:0;}

.loginform{padding:5px;border:1px solid #ccc;border-radius:5px;width:280px;margin:20px 0 0 0;font-size:1.3rem;padding:5px 10px;}
.loginbtn_submit{background:#C00000;color:#fff;border:none;border-radius:5px;margin:15px 0 0 0;font-size:1.3rem;padding:5px 10px;border-radius:5px;text-decoration:none;transition:0.3s;min-width:200px;}

#um_role_selector_wrapper{display:none; !important;}
#um_role_selector_wrapper *{display:none; !important;}

.um-form *{color:#000;}
#um-submit-btn{background:#C00000;color:#fff;font-size:1.3rem;padding:5px 10px;border-radius:5px;}
#login p{font-size:1rem;}
#login_error {background:none;border-none;font-size:1rem;}

.wp-core-ui .button, .wp-core-ui .button-secondary{color: #fff;}
.wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover, .wp-core-ui .button:hover{color: #fff;}


/* 学びの広場 */
.MediaBox{display: grid;grid-template-columns: 7fr 5fr;gap:2px 15px;}
@media (max-width:991px){
	.MediaBox{grid-template-columns:1fr;}
}
.MediaBox div{margin: 0;padding: 0;}
.MediaBox table,
.MediaBox table th,
.MediaBox table td{margin: 0;padding:5px;font-size:1rem;}
.MediaBox table th{font-size:0.825rem;}
.movie{display:none;}
.movie div{border:1px solid #ccc;box-shadow:0 0 8px #eee;}

.movie01{display:block;}

.movietitle a{margin-left:1.2em;display:inline-block;}
.movietitle a::before{content: "";display: inline-block;width:1.2em;height:0.8em;mask-image: url("img/circle-play-solid.svg");mask-repeat: no-repeat;mask-position: left top;background-color:#c00;background-size: contain;vertical-align:-0.05em;margin-left:-1.2em;}
.movietitle a:hover{opacity:0.8;cursor:pointer;}

/*お問い合わせ*/
.p-m_none{margin:0;padding:0;}
.contact_bgbox{background:#ffeeee;padding:8px;margin:5px 0 0 0;border-radius:5px;}
.faqbtn{background:#cfe5ff;color:#001166;border:0;padding:20px 0;margin:10px 0 0 0; width:100%;font-size:1.5rem;transition:0.3s;border-radius:5px;}
.faqbtn:hover{opacity:0.7;}

ul.linklist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.linklist li {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 15px;
	margin:0;
	background: #fff;
	transition: 0.2s;
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
}
ul.linklist h4 {
	margin: 0 0 4px;
	border-left:4px solid #c00;
	padding: 0 0 0 8px;
  font-size: 1.1rem;
}

ul.linklist p {
  margin: 0;
  line-height: 1.8;
  font-size: 0.85rem;
}

ul.linklist a {
  color: #c00;
  text-decoration: none;
	transition: 0.3s;
}

ul.linklist a:hover {
	opacity:0.7;
}

ul.linklist a[target="_blank"]::after{content: "";display: inline-block;width:1em;height:1em;mask-image: url("img/arrow-up-right-from-square-solid.svg");mask-repeat: no-repeat;mask-position: left bottom;background-color:#c00;background-size: contain;vertical-align: -2px;margin-left:5px} 

@media (max-width: 768px) {
ul.linklist {
    grid-template-columns: 1fr;
  }
}