@charset "utf-8";


h1, h2, h3, h4, h5, h6 { font-weight: bold; }
strong, em { font-weight:bold; }
small{ font-size:80%; }
sub,sup{ font-size:70%; line-height:0; position:relative; vertical-align:baseline; }
sup{ vertical-align:text-top; top:-.5em; }
sub{ vertical-align:text-bottom; bottom:-.25em; }


@font-face { font-family:"FAsolid"; src:url("./fa-solid-900.woff") format("woff"); }
@font-face { font-family:"FAregular"; src:url("./fa-regular-400.woff") format("woff"); }
@font-face{font-family: 'slick';font-weight: normal;font-style: normal;src: url('./slick.woff') format('woff');}


.fMin { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
.fGot{ font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.fMaru{ font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
.fTime{ font-family: "Times New Roman","Times New Roman",sans-serif; }

.noto{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.noto-serif{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.dbl{display: block;}
.dib{display: inline-block;}
.din{display: inline;}
.dtb{display: table;}
.right, .right p{ text-align:right; }
.center, .center p { text-align:center; }
.left, .left p{ text-align:left; }
.under{ text-decoration: underline;}
.bold{ font-weight: 700; }
.big{ font-size: 120%; }
.small{ font-size: 90%; }
.small2{ font-size: 80%; }
.small3{ font-size: 70%; }
.lh14{ line-height:1.4; }
/*a[target="_blank"]::after { font-family: "FAsolid"; font-weight:900; content: "\f35d"; display: inline-block; margin:0 0 0 3px; }*/
.sns_icon a[target="_blank"]::after { display: none;}
.float_left {float: left;}
.float_right {float: right;}
.img_left{ display:block; float:left; margin:0 30px 30px 0; }
.img_right{ display:block; float:right; margin:0 0 30px 30px; }
.img_top{ margin-bottom:30px; }
.clear { clear: both; }
.clearfix::after { display: block; clear: both; content: ""; }
.flex{ display: flex; flex-flow: row wrap; }
.flex_between{ justify-content: space-between; }
.flex_center{ justify-content: center; }
.flex_end{ justify-content: flex-end; }
.flex_around{ justify-content: space-around; }
.flex_a_st{align-items: flex-start;}
.flex_a_center{ align-items: center; }
.flex_a_end{ align-items: flex-end; }
.flex_row{ flex-direction: row-reverse; }

.p_re{ position: relative; }

.indent { padding-left:1em; text-indent: -1em;}
.lineclamp2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; }
.lineclamp3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden; }



:root{
  --c_gray: #EEECE8;
  --c_blk: #313131;
  --c_red: #FB4239;
  --c_gren: #83D23F;
  --c_lgren01: #E7F2DD;
  --c_lgren02: #A2DB71;
  --c_dgren: #4BA700;
  --c_pink: #FF8E8E;
  --c_blue: #0063A8;
  --c_lblue: #D1E9FF;
  --c_lpink: #FFB4B4;
  --c_lpink02: #FFE6E6;
  --c_org: #FFAB3E;
  --c_lorg01: #FBEED3;
  --c_lorg02: #FFF6D6;
  --c_lorg03: #FBC965;
  --c_yel: #ffd915;
  --c_lyel01: #FFFFD8;

  --br10: 10px;
  --br20: 20px;
  --br30: 30px;
  --br40: 40px;
  --br50: 50px;
}


/*基本スタイル
==================================================================================================================*/
/*基本文字サイズ&文字色*/
html { font-size:16px; }
body {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .025em;
  word-wrap: break-word;
}

.content {
  color: #111;
/*  background: #ccc;*/
  background: #F7F7F7;
  padding-top: 100px;
}

/*
.wf-active body {
  font-family: "Noto Sans JP", 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','メイリオ', Meiryo, sans-serif;
}
*/
h1, h2, h3, h4, h5, h6 { padding: 0; }
h1,h2,h3, h4{
  line-height: 1.6;
  text-align: center;
  margin-bottom: 1em;
  font-weight: 700;
}

p { margin:0px 0px 1em 0px;} /*下部に余白*/


p,dl dt,dl dd,li,div { font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem) }


/*リンク文字色*/
a{text-decoration: none;color:#111;transition : all 0.6s ease 0s;}
a:hover   { opacity: 0.8; }
a.t_und{text-decoration: underline;}


/*マーカー＆強調文字色*/
.c_mrk { background-color:#e5d89b; padding:0 3px; } /*ラインマーカー*/
.c_posi  {color:#d64a5a;}/*positive*/
.c_point {color:#900000;}/*point up*/
.c_nega  {color:#5488a2;}/*negative*/
.c_off   {color:#cac5ba;}/*off*/
.c_blue  {color: var(--c_blue);}
.c_lblue  {color: var(--c_lblue);}
.c_red  {color: var(--c_red);}
.c_yel  {color: var(--c_yel);}
.c_org  {color: var(--c_org);}
.c_pink  {color: var(--c_pink);}
.c_gren  {color: var(--c_gren);}
.c_dgren  {color: var(--c_dgren);}
.c_wt  {color:#fff;}

.t_und_yel{background: linear-gradient(transparent 75%, var(--c_yel) 25%);}


/*背景色*/
.bg_red{background: var(--c_red);}
.bg_gray{background: var(--c_gray);}
.bg_gren{background: var(--c_gren);}
.bg_pink{background: var(--c_pink);}
.bg_lpink{background: var(--c_lpink);}
.bg_lpink02{background: var(--c_lpink02);}
.bg_blue{background: var(--c_blue);}
.bg_lblue{background: var(--c_lblue);}
.bg_org{background: var(--c_org);}
.bg_lorg01{background: var(--c_lorg01);}
.bg_lorg02{background: var(--c_lorg02);}
.bg_lorg03{background: var(--c_lorg03);}
.bg_yel{background: var(--c_yel);}
.bg_lyel01{background: var(--c_lyel01);}
.bg_lgren01{background: var(--c_lgren01);}
.bg_lgren02{background: var(--c_lgren02);}
.bg_wt{background: #fff;}


/*テーブル*/
table { border-collapse: collapse; border-spacing:0; width: 100%; }
caption { text-align:left; font-weight:bold; color:#993300; }
th,td{ border: #7f9255 1px solid; padding:10px 20px; font-size: 1rem; vertical-align:top; }
thead th,tfoot th { background-color:#728c42; color:#fff; }
thead td,tfoot td { background-color:#999; color:#fff; }
tbody th { background-color: #a0cc3c; color: #fff; }
tbody td { background-color:#fff; }

/*区切り線*/
hr{clear:both;border:0px solid #fff;padding:15px 0;width:0;}
hr.br{ border:none; }

.img_frame { border: solid 4px #fff; box-shadow: 0 2px 6px rgb(0 0 0 / 10%); }

/*レイアウト共通*/
#container  { width: 100%;overflow: hidden;}

.inner{ width:94vw; max-width: 1600px; margin:0 auto; }
.main_inner{ width:94vw; max-width: 1200px; margin:0 auto; }
.inner:after{ content: ""; display: block; clear: both; }
.inner_section{ width: 94vw; max-width: 1600px; margin:0 auto; padding: 60px 0; }
.inner_wide{ width: 94vw; max-width: 1800px; margin:0 auto; padding: 60px 0; }
.w80{max-width: 800px;margin: auto;}
.w100{max-width: 1000px;margin: auto;}
.w110{max-width: 1100px;margin: auto;}
.w120{max-width: 1200px;margin: auto;}
.w130{max-width: 1300px;margin: auto;}
.w136{max-width: 1360px;margin: auto;}
.w160{max-width: 1600px;margin: auto;}
.inner.w80,.inner.w100,
.inner_section.w80,.inner_section.w100{width: 92vw}

.b_shadow{
  box-shadow: 0px 3px 6px #00000029;
}

.full_w{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.txt{
  text-align: center;
  line-height: 2;
  margin-bottom: 3em;
}

.gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}


.contents_btm01{margin-bottom: 20px;}
.contents_btm02{margin-bottom: 40px;}
.contents_btm03{margin-bottom: 60px;}
.contents_btm04{margin-bottom: 80px;}
.contents_btm05{margin-bottom: 100px;}
.contents_btm0{margin-bottom: 0;}
.p0{padding: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

@media (max-width:999px) {
	body { letter-spacing: 0.1em;}
}


@media (max-width:799px) {


.content {padding-top: 80px;}

	.inner_section,.inner,.inner_wide{ width: 92vw;}
	.inner_section,.inner_wide,.pd80{ padding: 8vw 0;}
  .contents_btm01{margin-bottom: 2vw;}
  .contents_btm02{margin-bottom: 4vw;}
  .contents_btm03{margin-bottom: 6vw;}
  .contents_btm04{margin-bottom: 8vw;}
  .contents_btm05{margin-bottom: 10vw;}

  .txt{
  text-align: left;
  line-height: 1.8;
  margin-bottom: 1.5em;
}

.nobr{display: none;}

}




@media all and (min-width: 600px){
  .noPC{ display:none !important; }
}
@media all and (max-width: 599px){
  .content {padding-top: 80px;}
  .noSP{ display:none !important; }
}
@media (max-width:599px) {
  body{line-height: 1.7;}
  .noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td {
    display:block; width:100%; }
    .noTab tr { margin-top:10px; }
    .img_left{ float:none; margin:10px auto; text-align:center; }
    .img_right{ float:none; margin:10px auto; text-align:center; } 

:root{
  --br10: 6px;
  --br20: 10px;
  --br30: 16px;
  --br40: 20px;
  --br50: 24px;
}


  }

@media (max-width:399px){

.content {padding-top: 60px;}

}



.flex>.txt_area,.flex>.img_area{
  width: 46%;
}


.wide_tit{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: .25em;
  color: #fff;
  font-size: clamp(1.625rem, 1.125rem + 2.5vw, 3rem);
  position: relative;
  margin-bottom: 2em;
}

.wide_tit::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-bottom: 0;
  position: absolute;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
}

.wide_tit.bg_org::after{border-top: 40px solid var(--c_org);}
.wide_tit.bg_blue::after{border-top: 40px solid var(--c_blue);}
.wide_tit.bg_gren::after{border-top: 40px solid var(--c_gren);}
.wide_tit.bg_pink::after{border-top: 40px solid var(--c_pink);}



.label_tit{
  font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
  padding: .5em 1em;
  margin-bottom: 1.75em;
  text-align: left;
}

.label_tit.bg_lorg01{
  border-left: 10px solid var(--c_org);
  background: var(--c_lorg01);
}

.label_tit.bg_lgren01{
  border-left: 10px solid var(--c_gren);
  background: var(--c_lgren01);
}

.label_tit.bg_lpink02{
  border-left: 10px solid var(--c_pink);
  background: var(--c_lpink02);
}



/*ボタン矢印*/
.arrow::after{
  content: '\f105';
  font-family: 'FAsolid';
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: .875em;
  transform: translateY(-50%);
}

.more{
  width: 100%;
  max-width: 500px;
  margin: 3em auto 0;
}

.more a{
  display: block;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #FFFFFF;
  padding: 1em 1.75em;
  font-size: clamp(1rem, 0.886rem + 0.57vw, 1.313rem);
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  position: relative;
}



.more a,.arrow{position: relative;}
.more a::after,.arrow::after{
  content: '\f0a9';
  font-family: 'FAsolid';
  font-weight: 900;
  font-size: 110%;
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
}

.campus a{background: var(--c_org);}
.shiryo a{background: var(--c_gren);}
.kobetsu a{background: var(--c_pink);}


/*FAQ*/


.faq_list{
  width: 100%;
  max-width: 1230px;
  margin: auto;
}
.faq_list li:not(:last-child){
  margin-bottom: 2em;
}


.faq_list .ac_title,
.faq_list .ac_box{
  box-shadow: 3px 3px 6px #00000029;
  border-radius: var(--br30);
  position: relative;
}

.faq_list .ac_title {
  width: 80%;
  max-width: 800px;
  cursor: pointer;
  transition: all .5s ease;
  text-align: left;
  margin-bottom: 0;
  font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  color: #fff;
  text-shadow: 2px 2px 3px #00000029;
  background: #A2DB71;
  padding: 1.25em 4em 1.25em 2em;
}

.faq_list .ac_title span{
  display: inline-block;
  padding-left:1.5em;
  text-indent: -1.5em;
}


.faq_list .ac_title .q_tit{
  font-weight: 700;
  font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
  margin-right: .5em;
}

.faq_list .ac_box {
  width: 80%;
  max-width: 1000px;
  display: none;
  background-color: #fff;
  padding: 1.5em 3em;
  margin-left: auto;
}
.faq_list .ac_box p{
  padding-left:1.25em;
  text-indent: -1.25em;
  margin-bottom: 0;
}

.faq_list .ac_title:before {
    content: '';
    width: 36px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 2em;
    top: 2.25em;
    /* bottom: 0; */
    margin: auto;
}

.faq_list .ac_title:after {
    content: '';
    width: 2px;
    height: 36px;
    background-color: #fff;
    position: absolute;
    right: calc(2em + 18px);
    top: 1.5em;
    /* bottom: 0; */
    margin: auto;
}

.faq_list .ac_box .a_tit{
  font-weight: 400;
  font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
  margin-right: .5em;
}



.faq_list .ac_title.close:after {
  display: none;
}


/*ブログ一覧 共通*/
.column_list{
  gap: 2.25em;
}
.column_list>li{
  width: calc(100% / 3 - 1.5em);
  background: #fff;
  padding: 1em;
}
.column_list .thumb{
  width: 40%;
}
.column_list .thumb img{
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
}

.column_list .column_text{
  width: 55%;
}

.column_list .column_text dl{
  border-bottom: 1px solid #707070;
  padding-bottom: .75em;
  margin-bottom: .25em;
}

.column_list .column_text dd,
.column_text .cate,
.column_text .day{
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}

.column_text .cate{
  width: calc(56% - .5em);
  height: 2.25em;
  color: #fff;
  text-align: center;
  padding: .25em;
  margin-left: .5em;
  position: relative;
}
.column_text .cate.type01{background: #FBC965;}
.column_text .cate.type02{background: #A2DB71;}
.column_text .cate.type03{background: #FFB4B4;}

.column_text .cate::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1.125em solid transparent;
  border-bottom: 1.125em solid transparent;
  border-left: 0;
  position: absolute;
  top: 0;
  left: -10px;
}

.column_text .cate.type01::before{border-right: 10px solid #FBC965;}
.column_text .cate.type02::before{border-right: 10px solid #A2DB71;}
.column_text .cate.type03::before{border-right: 10px solid #FFB4B4;}

.column_text .day{
  width: 7em;
  text-align: right;
  margin-left: auto;
  color: #777;
}

.column_list dt{
    margin-bottom: 0.25em;
}

.column_list dt,.column_list dd{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
    line-height: 1.4;
}

.related { background: #eeece8; margin-top: clamp( 2em, 4vw, 4em ); padding: clamp( 1em, 3vw, 2em );}
.related .column_list>li{width: calc(100% / 2 - 1.5em);}

/* ナビゲーション（ページャー） */
.postNavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5em 0;
  border-top: solid 1px var(--c_line);
  border-bottom: solid 1px var(--c_line);
  margin-top: 1.5em;
  gap: .5em 1em;
}

.postNavi li, .related .more {
  max-width: 200px;
}

.postNavi li { margin: 0;}

.postNavi li.more a, .related .more a { background: var(--c_blue); font-size: 1rem;}
.postNavi li.more a::after, .related .more a::after { content: "";}
.postNavi li.prev.more a::after { right: unset; left: .5em; content: '\f0a8';}
.postNavi li.next.more a::after { content: '\f0a9';}

@media (max-width: 1299px){

.column_list{
  gap: 1.5em;
}
.column_list>li{
  width: calc(100% / 2 - .75em);
}
.column_list .thumb{width: 25%;}
.column_list .column_text{width: 72%;}


}

@media (max-width: 799px){



.flex>.txt_area,.flex>.img_area{
  width: 100%;
}
.flex>.img_area{
  max-width: 540px;
  margin: auto;
}


.wide_tit{margin-bottom: 1.5em}
.wide_tit::after{
  border-right: 4vw solid transparent;
  border-left: 4vw solid transparent;
  bottom: -5vw;
}
.wide_tit.bg_org::after{border-top: 6vw solid var(--c_org);}
.wide_tit.bg_blue::after{border-top: 6vw solid var(--c_blue);}

.faq_list .ac_box {padding: .75em 1.25em;}

.faq_list .ac_title {
  width: 90%;
  padding: 1em 3em 1em 2em;
}
.faq_list .ac_title:before {
    width: 1.5em;
    right: 1em;
    top: calc(1em + .75em);
}

.faq_list .ac_title:after {
    height: 1.5em;
    right: calc(1em + .75em);
    top: 1em;
}
.faq_list .ac_box {
  width: 90%;
  padding: 1.5em 2.5em;
}

.more{
  margin: 1.5em auto 0;
}

.column_list>li{ width: 100%;}

}


@media (max-width: 599px){

.column_list{
  gap: 1.5em 0;
}

.faq_list .ac_title {
  padding: 1em 2em 1em 1em;
}

.column_list .thumb{width: 30%;}
.column_list .column_text{width: 66%;}

.related .column_list>li{ width: 100%;}

}







/*フッター*/
.bread {
  background: #0063A8;
  font-size:80%;
  padding:0.3em;
}
.bread li {
  display:inline-block;
  font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
}
.bread li:not(:first-of-type) {margin: 0 .75em}
.bread li::before {
  font-family:FAsolid;
  content:"\f105";
  font-weight:900;
  color:#fff;
  display:inline-block;
  margin-right: 1.5em;
}
.bread li:first-of-type::before { content:"\f015"; margin:.1em .5em .1em 0; }
.bread,.bread a { color:#fff; }




footer{padding: 2em 0 1em;}


footer .txt{
  font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
}


footer .foot_logo{
  width: 70%;
  max-width: 300px;
  margin: 1.5em auto;
}

footer .copy{
  font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
  text-align: center;
  padding: .25em;
}




@media (max-width:799px){

footer{padding: 1em 0 calc(50px + .5em);}


footer .foot_logo{
  max-width: 180px;
  margin: 0 auto 1em;
  text-align: center;
}

}


@media (max-width:399px){

footer{padding: 1em 0 calc(46px + .5em);}

}





#page_top{ width: 54px; height: 54px; position: fixed; z-index: 9999; display:none; right: 55px; bottom: 60px; background: var(--c_blue); border-radius: 50%;opacity: .8}
#page_top.on { display:block; }
#page_top a{ position: relative; display: block; width: 54px; height: 54px; text-decoration: none; text-align: center; color: #fff;}
#page_top a::before{ font-family: FAsolid; font-weight: 900; content: '\f106'; display: block; font-size: 25px; color: #fff;text-align: center;
  position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;}
@media (max-width: 799px){
  #page_top{ width: 50px; height: 50px; right: 20px;bottom: 65px}
  #page_top a{ width: 50px; height: 50px; line-height:1;}
  #page_top a::before{ margin-bottom:2px;}
}
@media (max-width: 369px){
  #page_top{ right: 10px;bottom: 55px}
  #page_top, #page_top a{width: 40px;height: 40px;}
  #page_top a::before{margin-bottom:0;height: 22px;}
}


.onoff { opacity: 0; transition:all 1s; }
.onoff.on { opacity: 1; }


.fadein{
  display: block;
  transition: 1s;/*効果時間*/
  transition-timing-function:ease;/*開始と完了を滑らかにする*/
  transform:translateY(50px);/*下から表示させる*/
  opacity: 0;/*不透明度*/
}
.fadein.on{
  transform: none;/*active時に拡大解除*/
  opacity: 1;/*不透明度を元に戻す*/
}



/*サブページ
-------------------------------------------------------------------------------------------------------------------*/


.sub_main{
  padding: 4em 0;
}

.sub_main .img_area{
  
  width: 45%;
}
.sub_main .txt_area{
  width: 50%;
}
.sub_main h1{
  font-size: clamp(1.875rem, 0.92rem + 4.77vw, 4.5rem);
  color: var(--c_blue);
  text-align: left;
  line-height: 1.2;
  margin-bottom: .5em;
}
.sub_main h1 .sub_btm{
  display: block;
  font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
  color: initial;
  margin-top: .5em;
}


.sub_main h1 .small{
  font-size: clamp(1.5rem, 0.818rem + 3.41vw, 3.375rem);
}


.sub_main .link{
  width: 100%;
  max-width: 590px;
  margin: 3em auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sub_main .link li{width: 48%;}
.sub_main .link li a{
  height: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  padding: 1.25em 2em;
  background: var(--c_blue);
  color: #fff;
  line-height: 1.2;
  text-align: center;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  position: relative;
}

.sub_main .link li a::after{
  content: '\f061';
  background: #fff;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  padding: .25em;
  font-family: 'FAsolid';
  font-weight: 900;
  font-size: 85%;
  color: var(--c_blue);
  position: absolute;
  top: 50%;
  right: .75em;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}


.sub_main .txt_img{
  display: block;
  margin-bottom: .125em;
}
.sub_main .txt_img img{
  display: block;
  max-height: 30px;
  min-height: 14px;
}



h2{font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);}
h3{font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);}


.sh1{
  font-size: clamp(1.875rem, 1.466rem + 2.05vw, 3rem);
  margin-bottom: 1em;
}


.sh2{
  font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);
  margin-bottom: 1em;
}

.sh3{
  font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  margin-bottom: .75em;
}


.mt{ margin-top: 50px;}


.f48{font-size: clamp(1.875rem, 1.466rem + 2.05vw, 3rem);}
.f40{font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);}
.f39{font-size: clamp(1.5rem, 1.159rem + 1.7vw, 2.438rem);}
.f36{font-size: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem);}
.f32{font-size: clamp(1.25rem, 0.977rem + 1.36vw, 2rem);}
.f30{font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);}
.f24{font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);}
.f23{font-size: clamp(1.063rem, 0.926rem + 0.68vw, 1.438rem);}
.f21{font-size: clamp(1rem, 0.886rem + 0.57vw, 1.313rem);}
.f18{font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem)}


@media (max-width: 899px){

.sub_main{padding: 6vw 0;}
.sub_main .txt_area { order: 1; width: 100%;}
.sub_main .img_area{
  width: 80%;
  max-width: 540px;
  margin:2em auto 0;
  order: 2;
}



}



@media (max-width: 599px){


.sub_main .link li{width: 49%;}
.sub_main .link li a{
  padding: .75em 2em;
}


}