/* CSS Document */
/**********
foudation
**********/
/*蛻晄悄險ｭ螳咾SS*/
#localNav, #catNav, #lineup_coutainer, #c3_ll, #subNav, .top_img_Bbox, #kenshu_flow_nav{
  color:#333;
  font:400 14px/1.6 "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  letter-spacing:.1em;
}

@media print{
  #localNav, #catNav, #lineup_coutainer, #c3_ll, #subNav, .top_img_Bbox, #kenshu_flow_nav{
    font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif
  }
}
[v-cloak]{
  display: none;
}
body{
	counter-reset: featureNum pointNum;
}
/**********
attention
螟夜ΚCSS縺ｮ荳頑嶌縺搾ｼ丈ｻ砲SS縺ｮ豬∫畑
**********/
:root{
  --theme_basic: #0382c0;
  --theme_bup : #164A84;
  --theme_haken : #9E2730;
  --theme_webins: #D1151B;
  --theme_beginner: #00817C;
  --theme_date: #D66C00;
  --theme_reservation: #2a6cae;
  scroll-padding-top: var(--nav_h);
}
#base{ width: 100%;}
div#cont{ 
  width: 1220px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
div#cont div#c3_ll{
  overflow: visible;
}
@media screen and (max-width: 768px){
  div#cont{ 
    width: 100%;
    display: block;
  }
}

/*
    繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ荳九リ繝�
    �区､懃ｴ｢繝懊ャ繧ｯ繧ｹ
================================*/
/** nav **/
.nav {
  position: relative;
  width: 100%;
}
.nav-top2 {
  width: 100%;
  padding-bottom: 12px;
}
.nav-top2__title{
	position: relative;
  margin: 0 auto 16px;
	padding-top: 16px;
  line-height: 1;
  color: var(--theme_haken);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
	&::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		width: 64px;
		height: 3px;
		margin: auto;
		border-radius: 100px;
		background: var(--theme_haken);
	}
}
.nt2 {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 auto;
	padding: 10px;
	background: #f1ede9;
}
.nt2__list {
  display: flex;
  width: 100%;
  padding: 2px;
}
.nt2__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 2px 2px 2px #ccc;
	letter-spacing: 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  background: #fff;
}
.nt2__link:hover {
  background: var(--theme_haken);
  color: #fff;
}
.nt2__link::after {
  content: attr(data-example);
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60%;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #333;
  text-align: left;
  font-size: 11px;
  background: #fff;
  opacity: 0;
  transition: .7s opacity;
}
.nt2__link:hover::after {
  opacity: 1;
}
.nt2__link::before{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin: 5px auto 10px;
  line-height: 0;
  background: no-repeat center center;
  background-color:var(--theme_haken);
  border-radius: 50%;
}
.nt2__link.is_current{
  background:var(--theme_haken);
  color: #fff;
}
.nt2__link.is_current::after{
  content:none;
}
.nav-top2--win {}
.nav-top2--win .nt2__link--skill::before{
  background-image: url("/common/img/nav_theme.png");
}
.nav-top2--win .nt2__link--skill:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--hierarchy::before{
  background-image: url("/common/img/nav_kaisou.png");
}
.nav-top2--win .nt2__link--hierarchy:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--gyoshu::before{
  background-image: url("/common/img/nav_gyoshu.png");
}
.nav-top2--win .nt2__link--gyoshu:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--dokuritu::before{
  background-image: url("/common/img/nav_dokuritu.png");
}
.nav-top2--win .nt2__link--dokuritu:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--section::before{
  background-image: url("/common/img/nav_section.png");
}
.nav-top2--win .nt2__link--section:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--needs::before{
  background-image: url("/common/img/nav_needs.png");
}
.nav-top2--win .nt2__link--needs:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--new::before{
  background-image: url("/common/img/nav_new.png");
}
.nav-top2--win .nt2__link--new:hover {
  background:var(--theme_haken);
}
@media screen and (max-width: 768px){
  .nav-top2__title{ width: 100%;}
  .nt2{ width: 100%;}
  .nt2__link{ 
    font-size: 12px;
    line-height: 1.4;
  }
}

/**********
譌｢蟄呂SS
**********/
/* 遽€ */
.p_sec{}
.p_sec--lg > .p_sec__item + .p_sec__item{
  margin-top: 36px;
}
.p_sec--md > .p_sec__item + .p_sec__item{
  margin-top: 24px;
}
.p_sec--sm > .p_sec__item + .p_sec__item{
  margin-top: 16px;
}
.p_sec--xs > .p_sec__item + .p_sec__item{
  margin-top: 8px;
}
.p_sec--megaMenu{
  padding: 16px;
}



/*繝��繝悶Ν繝薙Η繝ｼ*/
.c_tableview{}
.c_tableview__item{}
.c_tableview__target{
  display:block;
  color: inherit;
}
.c_tableview__target--transparent:hover{
  opacity: .7;
}
.c_tableview__target--underline:hover{
  text-decoration: underline;
}
.p_tableview--side{}
.p_tableview--side > .c_tableview__item{
  border-bottom: 1px solid #7c7b7c;
}
.p_tableview--side .c_tableview__target{
  padding-top: 3px;
  padding-bottom: 3px;
}


/*繝ｪ繝ｳ繧ｯ*/
.p_link{
  color: #0044CC;
}
.p_link__img{}
.p_link__ttl{}
.p_link:hover{
  color: #f79494;
  text-decoration: underline;
}
.p_link--box{
  color: inherit;
  text-decoration: none;
}
.p_link--box:hover{
  color: inherit;
  text-decoration: underline;
}

/*繝ｩ繝吶Ν*/
.p_lavel{}
.p_lavel--red{
  background: #9e2730;
  color: #fff;
}

/*繧｢繧､繧ｳ繝ｳ*/
.c_hasIco{
  position: relative;
}
.c_hasIco__item,
.c_hasIco::before,
.c_hasIco::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.c_hasIco__item,
.c_hasIco::before{
  left: 0;  
}
.c_hasIco::after{
  right: 0;  
}
/*繧｢繧､繧ｳ繝ｳ*/
.p_hasIco--bgRed{}
.p_hasIco--bgRed > .c_hasIco__item > img{
  background: #9e2730;
  -webkit-backface-visibility: hidden;/* chrome蟇ｾ蠢� */
  max-width: 100%;
  height: auto;
}
.p_hasIco--heading{
  display: flex;
  align-items: center;
}
.p_hasIco--heading > .c_hasIco__item{
  margin: 0 8px 0 4px;
  position: static;
  transform: none;
}
.p_hasIco--heading::before{
  left: 4px;
}
.p_hasIco--heading > .c_hasIco__item--left0{
  left: 0;
}
.p_hasIco--link{
  padding-left:1.5em;
}
/*隕句�縺�*/
.p_heading{}
.p_heading__img{}
.p_heading__ttl{
  line-height: 1.2;
  font-size: inherit;
}
.p_heading__ttl--lineup{
  color:#9e2730;
}
.p_heading__ttl--hasIco{
  position: relative;
  padding-left: 32px;
  font-weight: normal;
}
.p_heading__ttl--hasIco:before{
  content:"";
  position: absolute;
  left: 0;
  top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.p_heading__ttl--hasIco--small{
  padding-left: 28px;
}
.p_heading__ttl--hasIco--small:before{
  width: 20px;
  height: 20px;
  background-size: contain;
}
.p_heading__ttl--skill:before{ background-image: url("/common/img/nav_theme.png");}
.p_heading__ttl--hierarchy:before{ background-image: url("/common/img/nav_kaisou.png");}
.p_heading__ttl--gyoshu:before{ background-image: url("/common/img/nav_gyoshu.png");}
.p_heading__ttl--dokuritu:before{ background-image: url("/common/img/nav_dokuritu.png");}
.p_heading__ttl--section:before{ background-image: url("/common/img/nav_section.png");}
.p_heading__ttl--needs:before{ background-image: url("/common/img/nav_needs.png");}

.p_heading--primary{
  margin-bottom: 24px;
  padding: 8px 16px;
  border-top: 1px solid #7c7b7c;
  border-bottom: 1px solid #7c7b7c;
  background: #e4e4e4;
  font-size: 16px;
}
.p_heading--primary > .p_heading__ttl{
  font-weight: normal;
}
.p_heading--attention{
  margin-bottom: 24px;
  padding: 9px 8px;
  background: #9e2730;
  color: #fff;
  font-size: 16px;
}
.p_heading--attention > .p_heading__ttl{
  position: relative;
  padding-left: 32px;
  font-weight: normal;
}
.p_heading--attention > .p_heading__ttl::before{
  content: url(/resource/img/lineup/excla_icon.svg);
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: auto;
  line-height: 0;
  transform: translateY(-50%);
}
.p_heading--feature{
  font-size: 24px;
  font-weight: 500;
  color: #9e2730;
}
.p_heading--news{
  margin-bottom: 6px;
  padding: 7px 8px;
  background: #9e2730;
  color: #fff;
  font-size: 16px;
}
.p_heading--news > .p_heading__ttl{
  position: relative;
  padding-left: 32px;
  font-weight: normal;
}
.p_heading--news > .p_heading__ttl::before{
  content: "\f1d8";
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #9e2730;
  font-size: 16px;
  line-height: 1;
  text-indent: -3px;
  font-family: FontAwesome;
  background: #fff;
  transform: translateY(-50%);
}
.p_heading--lineup{
  margin-bottom: 0;
  background-color: #9e2730;
  color: #fff;
  border: none;
  padding: 7px 8px;
}
.p_heading--pdf_dl{
  margin-bottom: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #7c7b7c;
}
.p_heading__ico__pdf{
  color: #9e2730;
}
.p_heading--pdf_dl > .p_heading__ttl{
  line-height: 1;
  font-size: inherit;
}
.p_heading--secondary{
  margin-bottom: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #7c7b7c;
}
.p_heading--sidePrimary{
  padding: 8px 0 8px 16px;
  background: #9e2730;
  color: #fff;
  font-size: 14px;
}
.p_heading--sideSecondaly{
  border-bottom: 1px solid #333;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}
.p_heading--sideSecondaly > .p_heading__ttl{
  line-height: 1.3;
}
.p_heading--megaMenu{
  padding: 8px 16px;
  background: #efeaed;
}
@media screen and (max-width:599px){
  .p_heading--feature{
    font-size: 18px;
  }
}
/* 讀懃ｴ｢繝懊ャ繧ｯ繧ｹ */
.searchField{
  margin-bottom: 0;
  padding: 0;
}
.searchField__wrap{
  background: #f1ede9;
}
.searchField__inner{
  padding: 10px;
}
.searchField__body{
  display: flex;
  align-items: center;
}
.searchField__heading{
  flex: 0 0 140px;
  position: relative;
  margin-right: 30px;
  background: #9E2730;
	@media screen and (max-width: 768px){
		display: none;		
	}
}
.searchField__heading::before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  border-left: 15px solid #9E2730;
  transform: translateX(100%);
}
.searchField__ttl{
  position: relative;
  padding: 0 16px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
}
.searchField__ttl::after{
  content: "";
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  border-left: 15px solid #EEEEEE;
  transform: translateX(100%);
}
.searchField__ttl::before{
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto 0;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  border-left: 15px solid #9E2730;
  transform: translateX(100%);
}
.searchField__fieldWrap{
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  border: 2px solid;
  border-radius: 4px;
  overflow: hidden;
}

.searchField__field{
  width: calc(100% - 28px);
}
.searchField__field input{
  width: 100%;
  padding: 0;
  border-right: none;
  border-radius: 0;
  border: none;
  outline: none;
  line-height: 28px;
  text-indent: .5em;
}
.searchField__btn{
  background: #EEEEEE;
  width: 28px;
  height: 28px;
  padding: 6px;
  border: none;
  line-height: 0;
  cursor: pointer;
  transition: .3s opacity;
}
.searchField__btn img{
  max-width: 100%;
  height: auto;
}
.searchField__btn:hover{
  opacity: .7;
}
.searchField__footer{
  padding: 0 10px;
}
.searchField__reset{
  display: flex;
  justify-content: flex-end;
}
.searchField__resetTarget{
  position: relative;
  display: block;
  padding-left: 1.5em;
  font-size: 14px;
  text-decoration: underline;
  color: inherit;
  transition: .3s opacity;
}
.searchField__resetTarget:hover{
  opacity: .7;
}
.searchField__resetTarget::before{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px){
  .searchField__body{
    flex-wrap: wrap;
  }
  .searchField__fieldWrap{
    width: 100%;
  }
}

/* 讀懃ｴ｢繧ｵ繝ｳ繝励Ν繝ｯ繝ｼ繝� */
.searchWordBox{
  display: flex;
  align-items: center;
  padding: 0 10px 10px;
  background: #f1ede9;
}
.searchWordBox__ttl{
  flex: 0 0 160px;
  position: relative;
  padding-left: 32px;
  font-weight: bold;
  font-size: 15px;
}
.searchWordBox__ttl::before{
  content: url(/resource/img/lineup/icon_koushi-top_keyword.svg);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  height: 23px;
  margin: auto 0;
  line-height: 0;
}

.searchWordBox__words{
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
  border-left: 4px solid #9E2730;
}
.searchWordBox__word{
  padding: 4px 6px;
  line-height: 1;
}
.searchWordBox__wordTarget{
  font-size: 14px;
  text-decoration: underline;
  color: inherit;
  transition: .3s opacity;
}
.searchWordBox__wordTarget:hover{
  opacity: .7;
}
@media screen and (max-width: 768px){
  .searchWordBox{
    display: block;
  }
  .searchWordBox__ttl{
    margin: 0 0 12px 0;
  }
}
.js_isHide{
  display: none;
}

/*繧ｭ繝｣繝�メ繧ｳ繝斐�縺ｪ縺ｩ閼壽ｳｨ*/
.p_attention{
  font-size: 10px;
}
.p_attention--normal{
  color: #2f768c;
}

/*豕ｨ逶ｮ遐比ｿｮ*/
.p_attentionLineup{}
.p_attentionLineup__item{}
.p_attentionLineup__target{}
.p_attentionLineup__target:hover{
  text-decoration: underline;
}
.p_attentionLineup--mainCont{}
.p_attentionLineup--mainCont > .p_attentionLineup__item + .p_attentionLineup__item{
  margin-top: 16px;
}
.p_attentionLineup--mainCont .p_attentionLineup__target{
  position: relative;
  display:block;
  padding-left: 1.5em;
  color: inherit;
}
/*.p_attentionLineup--mainCont .p_attentionLineup__target::before{ 窶ｻ笆ｲ縺�縺ｨchrome縺ｧ譁�ｭ怜喧縺代☆繧九％縺ｨ縺後≠繧九�縺ｧborder縺ｧ菴懈�
  content: "笆ｲ";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-45%) rotate(90deg);
}*/
.p_attentionLineup--mainCont .p_attentionLineup__target::before{
  content: "";
  border: 7px solid transparent;
  border-left:12px solid currentColor;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-45%);
}
.p_attentionLineup--side{}
.p_attentionLineup--side > .p_attentionLineup__item{
  border-bottom: 1px solid #7c7b7c;
}
.p_attentionLineup--side .p_attentionLineup__target{
  display:block;
  padding-top: 8px;
  padding-bottom: 8px;
  color: inherit;
}


/*繝｡繧ｬ繝｡繝九Η繝ｼ*/
.p_megaMenu{
  position: relative;
  z-index: 2;
}
.p_megaMenu.is_active .p_megaMenu__target{
  color: #9e2730;
}
.p_megaMenu__body{
  position: absolute;
  top: -36px;
  left: 100%;
  display: none;
  width: 360px;
  border: 1px solid #7c7b7c;
  background: #fff;
}
.p_megaMenu.is_active .p_megaMenu__body{
  display: block;
}

/**********
layout
**********/
/* 遽€ */
.l_section{}
.l_section__item{}
.l_section--primary{
	> .l_section__item + .l_section__item {
		margin-top: 40px;
	}
}

/* 繧ｰ繝ｪ繝�ラ */
.l_grid{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -10px;
}
.l_grid__item{
	display: flex;
	padding: 10px;
}
.l_grid__inner{
	display: block;
	width: 100%;
}


/**********
module
**********/
/* 逕ｻ蜒丞腰菴� */
.m_onlyImg{
	line-height: 0;
	text-align: center;
	img{
		max-width: 100%;
		height: auto;
	}
}
/* 隕句�縺� */
.m_heading{}
.m_heading__ttl{}
.m_heading--primary{
	counter-increment: pointNum;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	min-height: 33px;
	border-left: 10px solid var(--theme_haken);
	padding-left: 10px;
	.m_heading__ttl{
		position: relative;
		padding-left: 98px;
		font-weight: normal;
		line-height: 1.3;
    font-size: 20px;
		&::before{
			content: "Point "counter(pointNum)".";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			display: block;
			height: 1em;
			margin: auto;
			color: var(--theme_haken);
			font-weight: bold;
			letter-spacing: 0;
			line-height: 1;
			font-size: 24px;
		}
	}
	@media screen and (max-width: 599px){
		.m_heading__ttl{
			padding-left: 0;
			&::before{
				content: "Point "counter(pointNum)".";
				position: static;
				margin-bottom: 10px;
			}
		}
	}
}
.m_heading--secondary{
	margin-bottom: 20px;
	.m_heading__ttl{
		color: var(--theme_haken);
		font-weight: bold;
		line-height: 1.3;
    font-size: 18px;
	}
}
/* 繧ｳ繝ｳ繝�Φ繝� */
.m_cont{}
.m_cont__body{
	& + .m_cont__body{
		margin-top: 24px;
	}
}
.m_cont__body--media{
	display: flex;
	align-items: center;
	gap: 20px;
	@media screen and (max-width: 768px){
		display: block;
		.m_cont__cont + .m_cont__img{
			margin-top: 20px;
		}
	}
}
.m_cont__img{
	flex: 0 0 auto;
	line-height: 0;
	text-align: center;
	img{
		max-width: 100%;
		height: auto;
	}
}
.m_cont__msg{
	& + .m_cont__msg{
		margin-top: 20px;
	}
}
.m_cont__footer{
	margin-top: 32px;
}

/* 繝ｪ繝ｳ繧ｯ繝懊ャ繧ｯ繧ｹ */
.m_linkBox{
  display: flex;
}
.m_linkBox--right{
  justify-content: flex-end;
}
/* 繝ｪ繝ｳ繧ｯ */
.m_link{
  color: #00087D;
  text-decoration: underline;
}
.m_link:hover{
  opacity: .7;
}
.m_link--hasIco{
  position: relative;
  display: block;
  padding-right: 20px;
}
.m_link--hasIco::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-right: 1px solid;
  border-top: 1px solid;
  transform: rotate(45deg); 
}

/* 繝懊ち繝ｳ繝ｪ繧ｹ繝� */
.m_btns{
	display: flex;
    justify-content: flex-end;
	gap: 20px;
    .m_btns__item{
      width: 50%;
  	  @media screen and (max-width: 768px) {
		width: 100%;
	  }
    }
  	@media screen and (max-width: 768px) {
	  flex-wrap: wrap;
      .m_btns__item{
        width: 100%;
      }
	}
}

/* 繝懊ち繝ｳ */
.m_btn{
	display: flex;
	align-items: stretch;
	&::before{
		content: "";
		width: 0;
	}	
}
.m_btn__target{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: inherit;
	font-size: inherit;
}
.m_btn--main{
	font-size: 14px;
	&::before{
		height: 3em;
	}
	.m_btn__target{
		position: relative;
		padding: 0 32px;
		border-radius: 10px;
    border: 2px solid var(--theme_haken);
		color: #fff;
        line-height: 1.4;
    background: var(--theme_haken);
		transition: .2s background, .2s color;
		&:hover{
			color: var(--theme_haken);
			background: #fff;
		}
		&::before{
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 16px;
      display: block;
			width: 8px;
			height: 8px;
			border-right: 2px solid; 
			border-bottom: 2px solid;
			margin: auto; 
			transform: rotate(-45deg);
		}
	}
}
.m_btn--sub{
	font-size: 14px;
	&::before{
		height: 3em;
	}
	.m_btn__target{
		position: relative;
		padding: 0 32px;
		border-radius: 10px;
    border: 2px solid var(--theme_haken);
		color: var(--theme_haken);
    background: #fff;
		transition: .2s opacity;
		&:hover{
			opacity: .7;
		}
		&::before{
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 16px;
      display: block;
			width: 8px;
			height: 8px;
			border-right: 2px solid; 
			border-bottom: 2px solid;
			margin: auto; 
			transform: rotate(-45deg);
		}
	}
}

/* 閼壽ｳｨ繝ｪ繧ｹ繝� */
.m_footNotes{}
.m_footNotes__item{
	margin-top: 10px;
}
/* 閼壽ｳｨ */
.m_footNote{
	position: relative;
	font-size: 10px;
}
.m_footNote:not(:has(.m_footNote__ico)){
	padding-left: 1em;
}
.m_footNote:not(:has(.m_footNote__ico))::before{
	content: "窶ｻ";
	position: absolute;
	left: 0;
}
.m_footNote__ico{
	position: absolute;
	left: 0;
}
.m_footNote:has(.m_footNote__ico--3em){
    padding-left: 3em;
}

/* 繧ｭ繝ｼ繝薙ず繝･繧｢繝ｫ */
.m_keyvisual{}
.m_keyvisual__img{
	line-height: 0;
	text-align: center;
}
.m_keyvisual__img img{
	max-width: 100%;
	height: auto;
}

/* 繝ｪ繝ｼ繝画枚縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_leadWrap{}
.m_leadWrap__heading{
	margin-bottom: 40px;
}
.m_leadWrap__lead{
	width: fit-content;
	margin: 0 auto;
	font-weight: normal;
	letter-spacing: .1em;
	font-size: 18px;
}
.m_leadWrap__keyword{
	color: var(--theme_haken);
	line-height: 100%;
	font-size: 32px;
	@media screen and (max-width: 599px){
		display: block;
		margin-top: 10px;
	}
}
.m_leadWrap__body{}
.m_leadWrap__item + .m_leadWrap__item{
	margin-top: 24px;
}

/* 繝ｪ繝ｼ繝画枚 */
.m_lead{}
.m_lead__heading{
	margin-bottom: 12px;
}
.m_lead__ttl{
	color: var(--theme_haken);
	font-size: 16px;
}

/* 遐比ｿｮ縺ｮ迚ｹ髟ｷ縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_featureWrap{}
.m_featureWrap__heading{
	margin-bottom: 40px;
}
.m_featureWrap__ttl{
	width: fit-content;
	margin: 0 auto;
	font-weight: normal;
	letter-spacing: .1em;
	font-size: 16px;
}
.m_featureWrap__em{
	color: var(--theme_haken);
	line-height: 100%;
	font-size: 28px;
	@media screen and (max-width: 599px){
		display: block;
		margin-top: 10px;
	}
}
.m_featureWrap__body{}
.m_featureWrap__list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	@media screen and (max-width: 768px){
		grid-template-columns: repeat(2, 1fr);
	}
	@media screen and (max-width: 599px){
		grid-template-columns: repeat(1, 1fr);
	}
}
.m_featureWrap__footer{
	margin-top: 24px;
}
/* 隰帛ｸｫ豢ｾ驕｣蝙狗�比ｿｮ縺ｮ迚ｹ蠕ｴ*/
.m_feature{
	counter-increment: featureNum;
	display: block;
	color: inherit;
    transition: .2s opacity;
    &:hover{
      opecity: .7;
    }
}
.m_feature__heading{
	min-height: 20px;
  position: relative;
	padding-left: 32px;
}
.m_feature__heading::before{
	content: counter(featureNum)".";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1em;
	margin: auto;
	color: var(--theme_haken);
	font-weight: bold;
	line-height: 1;
	font-size: 24px;
}
.m_feature__ttl{
	font-weight: bold;
	font-size: 14px;
}
.m_feature__body{
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dotted #ccc;
}
.m_feature__msg{
  font-size: 11px;
}
@media screen and (max-width: 599px){
  .m_feature__heading{
    align-items: center;
 }
 .m_feature__heading:before{
    width: 26px;
  }
  .m_feature__ttl{
    margin-left: 10px;
  }
}

/* 繝昴う繝ｳ繝� */
.m_trainerCard{
  position: relative;
	padding: 16px;
  border: 2px solid var(--theme_haken);
}
.m_trainerCard__heading{
	margin-bottom: 16px;
}
.m_trainerCard__ttl{
	display: flex;
	align-items: center;
	min-height: 2lh;
  color: var(--theme_haken);
  letter-spacing: 0;
  font-size: 16px;
	@media screen and (max-width: 768px) {
    min-height: auto;
	}
}
.m_trainerCard__subTtl{
  margin-left: .5em;
  font-size: 16px;
}
.m_trainerCard__body{}
.m_trainerCard__msg + .m_trainerCard__msg{
  margin-top: 8px;
}

/* 螳滓命縺ｮ豬√ｌ縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_flowWrap{}
.m_flowWrap__body{
	& + .m_flowWrap__body{
		margin-top: 30px;
	}
}


/* 螳滓命縺ｮ豬√ｌ */
.m_flow {}

.m_flow > dt {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.m_flow > dt >span {
  background-color: #eb625a;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  height: 30px;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

.m_flow > dd {
  border-bottom: 1px dotted #666;
  margin: 0 0 20px 0;
  padding: 0 0 20px 40px;
}

.m_flow > dd::after{
  content:"";
  display:block;
  clear:both;
}

.m_flow > dd > ul {}

.m_flow > dd > ul >li {
  line-height: 1.3;
  padding-left: 1em;
  text-indent: -1em;
}

.m_flow > dd > ul > li + li { margin-top: 10px; }

.m_flow > dd img {
  height: auto;
  width: 200px;
}

/* Leaf讖溯� */
.m_choose{}
.m_choose__img{
	line-height: 0;
	text-align: center;
	& + .m_choose__ttl{
    margin-top: 5px;
	}
}
.m_choose__img img{
	max-width: 100%;
	height: auto;
}
.m_choose__ttl{
	display: flex;
	align-items: center;
	min-height: 2lh;
	margin-bottom: 3px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 13px;
}
.m_choose__msg{
	letter-spacing: 0;
	line-height: 1.4;
	font-size: 12px;
}

/* 繧ｪ繝励す繝ｧ繝ｳ繧ｫ繝ｼ繝� */
.m_optionCard{
	display: block;
	padding: 10px;
	border: 1px solid;
	border-radius: 2px;
	color: inherit;
	transition: .2s opacity;
	&:hover{
		opacity: .7;
	}
}
.m_optionCard__ttl{
	display: flex;
	align-items: center;
	min-height: calc(2lh + 10px);
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid;
	font-weight: bold;
}

/* CTA繝懊ャ繧ｯ繧ｹ */
.m_cta{
	padding: 40px 25px;
  border: 2px dashed #a11f24;
  border-radius: 15px;
}
.m_cta__lead{
  display: flex;
	justify-content: center;
  font-weight: bold;
	letter-spacing: 0;
	font-size: 18px;	
	& + .m_cta__btn{
		margin-top: 20px;
	}
}
.m_cta__btn{
	max-width: 375px;
	margin: auto;
}

/*********
state
**********/
.is_fixed.js_fixNav__target{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 1220px;
	margin: auto;
	@media screen and (max-width: 768px){
		width: 95%;
	}
}
.is_fixed.js_fixNav__target > *{
  width: 730px;
  margin-inline: auto;
  @media screen and (max-width: 768px){
    width: auto;
  }
}
/*********
utility
**********/
/*讓ｪ蟷�*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}
/*髢馴囮*/
.u_mb4{
  margin-bottom: 4px;
}
.u_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
.u_mb24{
  margin-bottom: 24px;
}
.u_mb40{
  margin-bottom: 40px;
}
.u_mb64{
  margin-bottom: 64px;
}
.u_mr8{
  margin-right: 8px;
}
.u_mt4{
  margin-top: 4px;
}
.u_mt8{
  margin-top: 8px;
}
.u_mt16{
  margin-top: 16px;
}
@media screen and (max-width: 768px){
  .u_resMdMb8{
    margin-bottom: 8px;
  }
  .u_resMdMb16{
    margin-bottom: 16px;
  }
}
/*繝輔か繝ｳ繝医し繧､繧ｺ*/
.u_fs11{
  font-size: 11px;
}
.u_fs10{
  font-size: 10px;
}
/*繝代ョ繧｣繝ｳ繧ｰ*/
.u_pl4{
  padding-left: 4px;
}
.u_pl8{
  padding-left: 8px;
}
.u_pl16{
  padding-left: 16px;
}
/*繝輔か繝ｳ繝医し繧､繧ｺ*/
.u_fs11{
  font-size: 11px;
}
.u_fs10{
  font-size: 10px;
}
/*繝輔か繝ｳ繝医�螟ｪ縺�*/
.u_fwB{
  font-weight: bold;
}

/*繝昴ず繧ｷ繝ｧ繝ｳ*/
.u_rel{
  position: relative;
}
/*譁�ｭ鈴俣*/
.u_ls0{
  letter-spacing: 0px;
}
@media screen and (max-width:599px){
  .u_resSmLs0{
    letter-spacing: 0px;
  }
}
/*譁�ｭ嶺ｽ咲ｽｮ*/
.u_ar{
  text-align: right;
}
/*荳贋ｻ倥″*/
.u_super{
	font-size: 10px;
	vertical-align: super;
}
/*陦ｨ遉ｺ*/
.u_hide{
  display: none;
}
@media screen and (max-width:768px){
  .u_resMdHide{
    display: none;
  }
  .u_resMdInline{
    display: inline;
  }
}

@media screen and (max-width:599px){
  .u_resSmInline{
    display: inline;
  }
}


.cu_hide {
    display: none;
}

.cu_hideImp {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .resHide, .cu_resMdHide {
        display: none;
    }

    .cu_resMdInline {
        display: inline;
    }

    .cu_resMdBlock {
        display: block;
    }

    .cu_resMdHideImp {
        display: none !important;
    }

    .cu_resMdInlineImp {
        display: inline !important;
    }

    .cu_resMdBlockImp {
        display: block !important;
    }
}

@media screen and (max-width: 599px) {
    .cu_resSmHide {
        display: none;
    }

    .cu_resSmInline {
        display: inline;
    }

    .cu_resSmBlock {
        display: block;
    }

    .cu_resSmHideImp {
        display: none !important;
    }

    .cu_resSmInlineImp {
        display: inline !important;
    }

    .cu_resSmBlockImp {
        display: block !important;
    }
}