@charset "utf-8";
 html, body {
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif;
}


/* PC SP 表示切り替え
----------------------------------------------*/
.sp-hide {
  display: block;
}
.pc-hide {
  display: none;
}
 /*tel--------------*/
 .tel_link_target{
  pointer-events: none;
}
 /* br ------------*/
  .br_pcOnOff {
   display:block !important;
 }
  .br_spOnOff {
   display:none !important;
 }

@media screen and (max-width:767px) {
  .sp-hide {
    display: none;
  }
  .pc-hide {
    display: block;
  }
/*tel--------------*/
 .tel_link_target{
  pointer-events: auto;
}
 /* br ------------*/
  .br_pcOnOff {
   display:none !important;
 }
  .br_spOnOff {
   display:block !important;
 }
/***/
}

/* clearfix
------------------------------------------------*/
.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
 *zoom: 1;
}

.oricon_p {
  text-align:center;
  padding:.5em 1em;
}
/**************************PC only*********************************/
@media screen and (min-width: 768px) {
  
  /* headernav leftwidth
  -------------------------------------*/
  .pageNav_li_w {
    width:210px;
  }
  
  /* p
  ----------------------------------- PC */
	.ttl-feat p .lead {
		text-align:center;
	}
  .hikari_denwa_p {
    padding: .7em 2px;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.6;
  }
  .hikari_denwa_p sup {
    font-size: .8em;
    position: relative;
    top: -0.3em;
  }
  .p_attention {
    padding: .3em 2px;
    font-size: 11px;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.6;
  }
  .wifi_p,
  .security_p,
  .ho_support_p{
    padding: .5em 30px;
    line-height: 1.5;
		text-align: justify;
		text-justify: inter-ideograph;
}
  .ho_support_p_2{
    padding: .5em 30px;
    line-height: 1.5;
		text-align: justify;
		text-justify: inter-ideograph;
}
  .ho_support_p_2 span{
    font-size:12px;
  }
  
  
  .cta_footer_lead_p {
    padding: 0;
    text-align: center;
    margin:1em 0;
  }
  
  
  /* attention PC
-------------------------------------------------PC */
  section.attention_top_wrap {
    width: 100%;
    min-width: 1000px;
    background-color: #EFEFEF;
  }
  .attention_top {
    width: 1000px;
    display: table;
    font-size: 0.9em;
    margin: 0em auto 10px;
    padding: .3em 0;
  }
  .attention_top h2.num01 {
    display: table-cell;
    width: 6.4em;
    padding: .2em;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6;
    background-color: #262626;
  }
  .attention_top p.h3-text01 {
    display: table-cell;
    width: auto;
    text-align: left;
    vertical-align: middle;
    padding: .2em 1em .2em 1em;
    background-color: #EFEFEF;
    line-height: 1.5;
    font-size: 0.9em;
  }
  .attention_top dt {
    font-size: 1em;
  }
  .attention_top li {
    line-height: 1.5;
    font-size: 0.9em;
  }
  
  /* brand_banner_block PC
-------------------------------------------------PC */
.brand_banner_block {
  margin: 0 0 10px;
  padding: 20px;
}
.brand_banner_block > .brand_banner_wrap {
  width: 1000px;
  margin: 0 auto;
}

.brand_banner > a {
  transition: opacity 0.01s linear!important;
}

.brand_banner > a:hover {
  opacity: .7;
}

  /* header TEL PC
------------------------------------------------- PC */
  div.call_block {
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 0 1.2em;
    background-color: #EFEFEF;
    box-sizing: border-box;
  }
 div.call_area_wrap {
    display: flex;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    justify-content:space-between;
  }
  div.call_area_wrap div {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  div.call_area_wrap div img {
    width: 98%;
    /*align-items: center;*/
  }
  
  
/*サブタイトル PC
----------------------------------------------------------------------- PC */
  div.sub_title_area_01 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img01.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 104px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_02 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img02.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 195px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
  div.sub_title_area_03 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img03.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 195px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
  div.sub_title_area_04 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img04.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 195px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
  div.sub_title_area_05 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img05.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 195px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
  div.sub_title_area_06 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img06.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 195px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
  div.sub_title_area_07 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img07.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 195px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

  div.sub_title_area_08 h2 {
    width: 100%;
    margin: 3em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img08.png) no-repeat,
                url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
    background-position: center top;
    height: 104px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

div.sub_title_area_09 h2 {
  width: 100%;
  margin: 3em 0 .5em;
  padding: 0;
  background-color: #ccc;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img09.png) no-repeat,
              url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
  background-position: center top;
  height: 104px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

div.sub_title_area_10 h2 {
  width: 100%;
  margin: 3em 0 .5em;
  padding: 0;
  background-color: #ccc;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img10.png) no-repeat,
              url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_bg.png) repeat-x;
  background-position: center top;
  height: 104px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

  
/* feature
--------------------------------------- PC */
.ttl-feat {
  max-width: 1000px;
  margin: 2.4em auto 0;
  position: static;
}
.comment_area {
  margin: 0.5em 2em 1em;
}
.comment_area p {
  font-size: 0.8em;
  line-height: 1.3;
  position: static;
  text-align:left;
}
.ttl-feat .feature_area {
  border: 1px solid #CCC;
  border-radius: 5px;
  text-align: center;
  background-color: #fff;
}
 .ttl-feat .feature_area img {
  width:98%;
  margin:0 auto;
 }
  
  .ttl-feat .feature_area2 {
  /*border-radius: 12px;*/
  margin:2em 0;
  border:1px solid #ccc;
  text-align: center;
  padding:1em 40px 1.5em;
 border-top:6px solid #000;
}
  
 .ttl-feat .feature_area2 img {
  width:100%;
  margin:0 auto;
 }
  
.fig_wrap_gray {
    background-color:#F7F7F7;
    width:100%;
  margin:.5em 0 .2em;
}

  
/* service
--------------------------------- PC */
#anc-section-02n h3,
#anc-section-09n h3 {
    font-size:40px;
    font-weight:bold;
    text-align:center;
    line-height:48px;
    margin-top:1em;
  }
  
  .service_wrap_box {
    border:1px  solid #CCC;
    border-top:8px solid #000;
    margin:0 auto;
    padding:1.5em;
    width:1000px;
    box-sizing: border-box;
    color:#000;
    text-align: center;
  }
  
/*service img Ho_support*/
.service_wrap_box  img.img3-2 {
  margin:.3em 0 .8em;
}
.service_wrap_box  img.img3-3 {
  margin:.8em 0 0 !important;
}
.service_wrap_box  img.img3-4 {
  margin:.3em 0 2em;
}


/*sp SERVICE
  --------------------- PC */
.security__box {
display:none;
  }

  
  /* option
  ------------------------------------------- PC */
  p.option_lead_img {
		text-align:center;
  }
.fbox_wrap {
background-color: #ECECEC;
width:100%;
padding:1em 0;
}
#anc-section-04n .fbox_wrap {
  background-color: transparent;
}
.fbox_wrap_title {
  text-align: center;
  padding: 20px 0 34px;
}
.fbox_wrap_in {
display:flex;
width:1000px;
flex-wrap:wrap;
margin:0 auto;
justify-content:space-between;
}
.fbox_banner {
  width: calc((100% - (15px * 1)) / 2);
}
.fbox_banner img {
width:100%;
align-content: center;
}
    
  
  
  
  /* CTA footer
  ------------------------------------------- PC */

.cta_footer_fbox_wrap {
  background-color: #EEEEEE;
  width: 100%;
  padding: 2em 0;
  margin-top: 1em;
}
.cta_footer_fbox_wrap img {
  display: block;
  margin: 0 auto;
}
.cta_footer_fbox_wrap_in {
  display: flex;
  width: 1010px;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
.cta_footer_fbox_wrap_in p {
  margin:0 3px;
}

.cta_footer_fbox_wrap_in p.btn2_1-2 {
  flex-grow: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #fff;
  width: 292px;
  height: 138px;
}
  .cta_footer_fbox_wrap_in p.btn2_1-2 img {
width: 100%;
  }
  
.cta_footer_fbox_wrap_in .comment_area li {
  line-height: 1.5;
  font-size: 0.9em;
}
  
.fbox_banner img {
  width: 100%;
}

  /****/ 
  h3.cta_footer_btn {
    text-align:center;
    width:96%;
    padding:2em 0 0 !important;
    margin:0 2%;

  }
.cta_footer_btn01 {
width:96%;
margin:.2em auto;
  display:block;
}
 .cta_footer_btn01 .tel img {
   width:100%;
  }
  
  
/******************************pc*/
/* btn
-------------------------------------------*/
  a.btn01 {
    display: block;
    text-decoration: none;
    height: 38px;
    width: 90%;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: solid 1px #23A1B6;
    border-radius: 20px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 0 auto 1.5em;
    background: #23A1B6;
    clear:both;
  }
  a.btn01:hover {
    background: #4DC1D4;
    color: #fff;
    border: solid 1px #4DC1D4;
    width: 90%;
    display: block;
  }
  
  
  /* btn02 cta_footer yellow PC
------------------------------------------------ PC */
  a.btn02 {
    display: block;
    text-decoration: none;
    height: 42px;
    width: 300px;
    line-height: 42px;
    text-align: center;
    color: #000;
    border: solid 1px #FCDB00;
    border-radius: 4px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 0 auto 1.5em;
    background: #FCDB00;
    font-weight: bold;
  }
  a.btn02:hover {
    background: #FFE960;
    color: #000;
    border: solid 1px #FFE960;
  }
  
/* btn03
------------------------------------------------*/
  a.btn03 {
    display: block;
    text-decoration: none;
    height: 38px;
    width: 300px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: solid 1px #23A1B6;
    border-radius: 20px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 0 auto 1.5em;
    background: #23A1B6;
  }
  a.btn03:hover {
    background: #4DC1D4;
    color: #fff;
    border: solid 1px #4DC1D4;
    height: 38px;
    width: 300px;
    line-height: 38px;
    display: block;
  }
  
  
  /* btn2 Wrap
  ----------------------------------------- PC */
  .btn02_wrap {
    width:100%;
    max-width:1094px;
    background-color: #fff;
    padding:2em 0 .2em;
    align-items: center;
    border:1px solid #ccc;
  }
    .btn02_wrap p {
      font-weight:bold;
      text-align:center;
      
  }
  

}


/******************SP TAB*******************/
@media only screen and (max-width: 1024px) {}



/****************SP only***************************************sp*/
@media only screen and (max-width: 767px) {
  

/*サブタイトル SP SP
----------------------------------------------------------------- SP */
  div.sub_title_area_01 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img01s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 9);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_02 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img02s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 5);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_03 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img03s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 5);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_04 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img04s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 5);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_05 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img05s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 5);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_06 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img06s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 5);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
  div.sub_title_area_07 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img07s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 5);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
   
  div.sub_title_area_08 h2 {
    width: 100%;
    margin: 1em 0 .5em;
    padding: 0;
    background-color: #ccc;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img08s.png) no-repeat;
    background-position: center top;
    background-size:contain;
    height: calc(100vw / 9);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

div.sub_title_area_09 h2 {
  width: 100%;
  margin: 1em 0 .5em;
  padding: 0;
  background-color: #ccc;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img09s.png) no-repeat;
  background-position: center top;
  background-size:contain;
  height: calc(100vw / 9);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

div.sub_title_area_10 h2 {
  width: 100%;
  margin: 1em 0 .5em;
  padding: 0;
  background-color: #ccc;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/title_img10s.png) no-repeat;
  background-position: center top;
  background-size: contain;
  height: calc(100vw / 9);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
 
  /* header TEL SP
------------------------------------------------- SP */
div.call_block {
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 0 1.2em;
    background-color: #EFEFEF;
    box-sizing: border-box;
  }
 div.call_area_wrap {
    display: flex;
    margin: 0 auto;
    padding: 0;
    width: 100%;
   flex-direction: column;
  }
  div.call_area_wrap div {
    width: 100%;
    padding:.2em 2%;
  }
  div.call_area_wrap div img {
    width: 96%;
    margin:0 2%;
    align-items:center;
  }
  div.call_block .wrap{
    padding: 6vw 4.6vw 12vw;
  }
  
/* p
----------------------------------- SP */
/*
.ttl-feat p .lead {
		text-align:center;
	}
*/
  .hikari_denwa_p {
    padding: .5em 2px;
		margin:0;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.6;
    font-size:.9em;
  }
  .hikari_denwa_p sup {
    font-size: .7em;
    position: relative;
    top: -0.3em;
  }
  
  .p_attention {
    padding: .3em 2px;
    font-size: .7em;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5;
  }
.wifi_p,
.security_p,
.ho_support_p {
		padding: .5em 4px;
		line-height: 1.5;
		/* font-weight: bold;*/
		text-align: justify;
		text-justify: inter-ideograph;
		font-size:.9em;
}
.ho_support_p_2 {
		padding: 0em 4px;
		line-height: 1.5;
		text-align: justify;
		text-justify: inter-ideograph;
		font-size:.9em;
}
.ho_support_p_2 span {
		font-size:.8.2em;
  
  }
  
  
  .cta_footer_lead_p {
    padding: 0;
    text-align: left;
    margin:1em 1em 1em 1.3em;
  }
  
/* section
-----------------------------------------------------------SP */
  section#anc-section-01n,
  section#anc-section-02n,
  section#anc-section-03n,
  section#anc-section-04n,
  section#anc-section-05n,
  section#anc-section-06n,
  section#anc-section-07n,
  section#anc-section-09n
  {
   margin-top:-100px;
  padding-top:100px;
}

  
/* feature SP
---------------------------------------SP */
.ttl-feat {
  width: 96%;
  margin: 3em auto 0;
  position: static;
}
.comment_area {
  margin: 0.5em .5em 1em;
}
.comment_area p {
  font-size: 0.8em;
  line-height: 1.5;
  position: static;
  text-align:left;
}
.ttl-feat .feature_area {
  border: 1px solid #CCC;
  border-radius: 5px;
  text-align: center;
	margin:.3em 0 1.5em;
	padding:1em 0;
  background-color: #fff;
  box-sizing:border-box;
}
 .ttl-feat .feature_area img {
  width:98%;
  margin:0 auto;
 }

  .ttl-feat .feature_area2 {
  /*border-radius: 2px;
  border:6px solid #EFEFEF;*/
  text-align: center;
  padding:.5em 8px .5em;
  margin:1em 0 1.5em;
background-color:#fff;
    width:100%;
}
.fig_wrap_gray {
    background-color:#F7F7F7;
    width:100%;
	padding:.3em 0  .3em
}
 .feature_area2 img {
    margin:.2em 0;
  }
  
/* SP SERVICE
--------------------------------- SP */
  #anc-section-02n h3,
  #anc-section-09n h3 {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    line-height:24px;
    margin-top:1em;
  }
  
  .service_wrap_box {
    border:1px  solid #CCC;
    border-top:8px solid #000;
    margin:0 auto;
    padding:8px 10px;
    width:96%;
    box-sizing: border-box;
    font:#000;
    text-align: center;
  }
  .service_wrap_box  img {
    margin:.2em 0 .3em
  }
  
/*service img Ho_support SP*/
.service_wrap_box  img.img3-2 {
  padding:.5em 0 0;
}
.service_wrap_box  img.img3-3 {
  margin:.5em 0 0;
}
.service_wrap_box  img.img3-4 {
  margin:.5em 0 .5em;
}
  
  
 /*SP SERVICE
  --------------------- SP */
.security__box {
    width:100%;
  margin:.5em 0;
  text-align:left;
  }
.sec_sub_title_img {
width:100%;
}
  
.sec_icon_wrap {
display:flex;
}
.sec_icon {
flex-basis:18%;
flex-shrink: 0;
align-items: flex-start;
}
.sec_icon img {
width:100%;
}
  
p.sec_text{
  display:block;
    text-align: justify;
    text-justify: inter-ideograph;
/*align-items: center;*/
font-size:11px;
line-height:1.6;
padding:.2em 0 0 .5em;
letter-spacing: 0.01rem;
}
p.sec_text span {
color:#FFA7BE;
  }


  
  
  
  
  
  
  
/* option
------------------------------------------- SP */
  p.option_lead_img {
		text-align:center;
  }
.fbox_wrap {
background-color: #ECECEC;
width:100%;
padding:1em 0;
}
.fbox_wrap_title {
  padding: 10px 50px 18px;
}
.fbox_wrap_in {
display:flex;
width:90%;
flex-wrap:wrap;
margin:0 auto;
justify-content:space-between;
}
.fbox_banner {
flex-basis: 96%;
flex-grow:2;
  padding:0 .5em;
}
.fbox_banner img {
width:100%;
align-content: center;
}
    
  
/* attention SP
------------------------------------------------------------ SP */

section.attention_top_wrap {
    width: 100%;
	background-color:#EFEFEF;
  padding-top:1%;
  }
  
div.attention_top {
 width: 96%;
 display: table;
 margin:0 auto;
}
div.attention_top h2.num01 {
 display: table-cell;
 width: 6em;
 padding: .4em .8em;
 vertical-align: middle;
 color: #fff;
 text-align: center;
 font-size: .76rem;
 background-color: #323232;
}
div.attention_top p.h3-text01 {
 display: table-cell;
 width: auto;
 text-align: left;
 vertical-align: middle;
 padding: .4em .3em .4em .5em;
 line-height:1.3;
 font-size: .7rem;
 background-color: #EFEFEF;
  text-align: justify;
  text-justify: inter-ideograph;
}
.attention_top .comment_area {
 width: 96%;
 font-size: .7rem;
}

  /* brand_banner_block SP
-------------------------------------------------SP */
  .brand_banner_block {
    margin: 1em 0;
  }
  .brand_banner_block > .brand_banner_wrap {
    width: 96%;
    margin: 0 auto;
  }

	/* CTA footer SP
 -------------------------------------------SP */
.cta_footer_fbox_wrap{
background-color: #F0F0F0;/*fff*/
width:100%;
padding:1em 0;
margin:0;
}
 .cta_footer_fbox_wrap img {
    display:block;
    margin:0 auto;
  }
.cta_footer_fbox_wrap_in {
display:flex;
width:96%;
flex-wrap:wrap;
margin:0 auto;
flex-direction:column;
}
.cta_footer_fbox_wrap_in .comment_area {
font-size: .7rem;
}

.btn2_1-2s {
  border-radius:4px;
  border:1px solid #ccc !important;
  padding:3px;
  background-color:#fff;
  width:96% !important;
  height:auto;
  margin:0 2% 3%;
}
.btn2_1-2s img {
  padding:3px 30px;
  }

  h3.cta_footer_btn {
    text-align:center;
    width:96%;
    padding:1em 0 0;
    margin:0 2%;

  }
.cta_footer_btn01 {
    /*border:1px solid #ccc;*/
    /*border-radius: 5px;*/
    width:96%;
    margin: 0 auto 3%;
    /*background-color:#fff;*/
    display:block;
}
 .cta_footer_btn01 .tel img {
   width:100%;
 }
  
  
/**********************************/
/* btn
------------------------------------------- SP */
  a.btn01 {
    display: block;
    text-decoration: none;
    height: 38px;
    width: 90%;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: solid 1px #23A1B6;
    border-radius: 20px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 3px auto 1.5em;
    background: #23A1B6;
  }
  a.btn01:hover {
    background: #4DC1D4;
    color: #fff;
    border: solid 1px #4DC1D4;
    width: 90%;
    display: block;
  }

/*****/
  
  
  /* btn02 cta_footer yellow SP
  ------------------------------------------------- SP */
  a.btn02 {
    display: block;
    text-decoration: none;
    height: 48px;
    width: 65%;
    line-height: 49px;
    text-align: center;
    color: #000;
    border: solid 1px #FCDB00;
    border-radius: 4px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 0 auto 1.5em;
    background: #FCDB00;
    font-weight: bold;
  }
  a.feature_area2:hover {
    background: #FFE960;
    color: #000;
    border: solid 1px #FFE960;
  }
  
  /* btn2 Wrap
  ----------------------------------------- SP */
  .btn02_wrap {
    width:100%;
    background-color: #fff;
    padding:2em 0 .2em;
    align-items: center;
    border:1px solid #ccc;
  }
      .btn02_wrap p {
      font-weight:bold;
      text-align:center;
      
  }
  

  
 /************/
}

.h0{
  font-weight: bold;
  text-align: center;
  font-size: 2em;
}
.h1{
  font-weight: bold;
  position: relative;
  overflow: hidden;
  margin-top: 68px;
  margin-bottom: 24px;
  padding-bottom: 12px;
  font-size: 2.2rem;
  line-height: 1.36364;
}

.h1::before,
.h1::after{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
  content: '';
}
.h1::after{
  width: 70px;
  background-color: #009841;
}
.h1::before {
  width: 100%;
  background-color: #414141;
}

.fwb{
  font-weight: bold;
}

/* studentplan */
@media screen and (min-width: 768px) {
.section-student-top {
  max-width: 1000px;
  margin: 0 auto;
}
}
@media only screen and (max-width: 767px){
.section-student-top {
  width: 96%;
  margin: .5em auto 0;
  position: static;
}
}
.s-plan-caution {
  width: 1010px;
  margin: 0 auto;
  line-height: 1.3;
  padding: 0 24px;
}
@media screen and (max-width: 767px) {
  .s-plan-caution {
    width: auto;
    padding: 30px 15px 0;
  }
}



.service_wrap_box .mod-listNotice li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 1.3em;
  text-align: left;
  color: #223;
}
.service_wrap_box .mod-listNotice li::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.2em;
  content: '';
  text-align: center;
  vertical-align: middle;
  color: #223;
}
.service_wrap_box .mod-listNotice li > .mark {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.2em;
  content: '';
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #223;
}
.service-attention {
  padding: 0 20px;
}
.service-attention-type2 {
  padding: 0 0px;
}
.service_wrap_box.type2 {
  border: 3px solid #d3307a;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service_wrap_box.type3 {
  border: 3px solid #35a1d4;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service_wrap_box.type4 {
  border: 3px solid #2e992e;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
  margin-bottom: 120px;
}
.service_wrap_box.type5 {
  border: 3px solid  #00FA9A;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service_wrap_box.type6 {
  border: 3px solid #e61616;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service-desc {
  margin: 30px 0 15px;
  padding: 0 25px;
  text-align: left;
}
.service-desc-bullets {
  text-align: left;
}
a.service-btn {
  background-color: #2e992e;
  width: 95%;
  margin: 40px auto 10px;
}
a.service-btn:hover {
  background: #2e992e;
  color: #fff;
  border: solid 1px #2e992e;
  width: 95%;
  display: block;
}
#anc-section-02n h3.service-title,
#anc-section-09n h3.service-title {
  padding: 0 0 34px 110px;
  margin-top: 2em;
}
.service-title-icon {
  position: relative;
}
.service-title-icon::before {
  content: "";
  position: absolute;
  top: -24px;
  left: -110px;
  display: inline-block;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-router.png) center / contain no-repeat;
  width: 71px;
  height: 80px;
}
.service-title-icon.type2::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-key.png) center / contain no-repeat;
  top: -14px;
  left: -77px;
  width: 58px;
  height: 77px;
}
.service-title-icon.type3::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-support.png) center / contain no-repeat;
  top: -14px;
  left: -96px;
  width: 77px;
  height: 70px;
}
.service-title-icon.type5::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-wifi.jpg) center / contain no-repeat;
  top: -45px;
  left: -125px;
  width: 110px;
  height: 125px;
}
.service-title-icon.type6::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-sakusaku.png) center / contain no-repeat;
  top: -32px;
  left: -125px;
  width: 110px;
  height: 125px;
}
@media screen and (max-width: 767px) {
  .service_wrap_box.type4 {
    margin-bottom: 55px;
  }
  .service-attention {
    margin: 20px 0 20px;
    padding: 0;
  }
  .service-desc {
    padding: 0;
  }
  #anc-section-02n h3.service-title,
  #anc-section-09n h3.service-title {
    padding: 30px 15px 30px 60px;
    font-size: 30px;
    margin-top: 20px;
  }
  .service-title-icon::before {
    width: 35px;
    height: 40px;
    top: -3px;
    left: -48px;

  }
  .service-title-icon.type2::before {
    top: -2px;
    left: -40px;
    width: 31px;
    height: 44px;
  }
  .service-title-icon.type3::before {
    top: -7px;
    left: -53px;
    width: 45px;
    height: 46px;
  }
  .service-title-icon.type5::before {
    top: -15px;
    left: -65px;
    width: 55px;
    height: 60px;
  }
  .service-title-icon.type6::before {
    top: 12px;
    left: -70px;
    width: 62px;
    height: 21px;
  }
}

.inc-wrap {
  margin-bottom: 1em;
}
.inc-wrap .hs0 {
  border-bottom: 3px solid #666;
  padding-bottom: .8rem;
}
.inc-wrap .mod-hdg-al3 h3 {
  margin: 0;
  font-size: 2.6rem;
}
.inc-wrap .mod-hdg-al3 {
  margin-top: 64px;
  margin-bottom: 20px;
}
.inc-wrap .mod-hdg-al4 h4 {
  font-size: 2.2rem;
}
.inc-wrap .mod-tbl .var-02 {
  margin: 0 0 24px;
}
.inc-wrap .mod-tbl.var-02 tbody th {
  background: #f0f1f3;
}
.inc-wrap .mod-tbl td, .mod-tbl th {
  text-align: left;
  vertical-align: top;
  word-break: break-all;
  padding: 9px 11px 5px;
  border: 1px solid #d9dadb;
}
.inc-wrap .mod-tbl td.tar {
  text-align: right;
}
.inc-wrap .mod-tbl.var-03 thead th {
  color: #fff;
  background: #929294;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}
.inc-wrap .mod-tbl.var-03 thead th:first-child {
  /*width: 30%;*/
}
.inc-wrap .mod-tbl.var-03 thead th:nth-child(2) {
  width: 360px;
}
.inc-wrap .mod-tbl.var-03 thead th:last-child {
  width: 135px;
}
.inc-wrap .mod-tbl.var-03 tbody th {
  background: #f0f1f3;
}
.inc-wrap .highlight {
  color: #F75303;
}
.inc-wrap .include {
  color: #108A7B;
}
.inc-wrap .discount {
  color: #2974DC;
}
.inc-wrap .fwb {
  font-weight: bold;
}
.inc-wrap .mod-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  margin: 0 auto 30px;
}
.inc-wrap .mod-btn .btn.var-02 a {
  color: #fff;
  background: #314da5;
  display: flex;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 14px 36px;
  border-radius: 4px;
  box-shadow: 0 2px 0 0 rgb(0 0 0 / 6%);
  box-sizing: border-box;
  width: 300px;
}
.inc-wrap .mod-btn a[target="_blank"] img.icn-_blank {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto 0;
}
.inc-wrap table {
  width: 100%;
}
.inc-wrap .list {
  margin-top: 1em !important;
}
.inc-wrap .mod-tbl td.tac {
  text-align: center;
}
@media (max-width: 767px) {
  .inc-wrap .mod-tbl.var-02 tbody th {
    white-space: nowrap;
  }
  .inc-wrap .mod-tbl.var-03.of-scroll {
    overflow: scroll;
  }
  .inc-wrap .mod-tbl.var-03.of-scroll table {
    width: 900px;
  }
}

.ads-head-attention {
  background: #30333A;
  color: #fff;
  margin-top: -2px;
}
.ads-head-attention-inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 5px;
}
@media (max-width: 767px) {
  .ads-head-attention-inner {
    text-align: left;
    font-size: 12px;
  }
}

.supprt_tel {
  width: 460px;
  box-sizing: border-box;
  padding: 6px 18px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
}

div.call_area_wrap .supprt_tel {
  width: 490px;
}

div.call_area_wrap .supprt_tel img {
  width: auto;
}

div.call_area_wrap .supprt_tel > p:nth-child(3) img {
    width: 79%;
}

.supprt_tel._footer {
  width: 398px;
  margin: 0 3px;
}

@media (max-width: 767px) {
  .supprt_tel,
  div.call_area_wrap .supprt_tel  {
    width: 96%;
    margin: 0 2%;
}
  

  div.call_area_wrap .supprt_tel img {
  width: 96%;
}

}

.ttl-feat .feature_area.feature_area_02 {
  padding: 30px 40px;
}

@media (max-width: 767px) {
  .ttl-feat .feature_area.feature_area_02 {
    padding: 1em;
  }
}

/* 2207A-01-014 */
body.hikkoshi #mv {
  background-color: #000;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/hikkoshi_mv_bg.png) no-repeat center top,
              linear-gradient(90deg, #f3f5f2 0, #f3f5f2 50%, #fff 50%, #fff 100%) no-repeat;
  color: #000;
  padding-top: 3.2rem;
  padding-bottom: 2.3rem;
}
body.hikkoshi div#mv h1 {
  margin-top: 0;
  text-align: left;
}
body.hikkoshi .mv-panels {
  margin-top: 26px;
  width: 545px;
}
body.hikkoshi .mv-panel {
  display: block;
  position: relative;
  z-index: 1;
}
body.hikkoshi .mv-panel::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
body.hikkoshi .mv-panel:active > picture,
body.hikkoshi .mv-panel:focus > picture,
body.hikkoshi .mv-panel:hover > picture {
  opacity: .7;
}
body.hikkoshi .mv-panel + .mv-panel {
  margin-top: 30px;
}
body.hikkoshi div#mv .mod-list-notice {
  margin-top: 16px;
  margin-bottom: 0;
}
body.hikkoshi div#mv .mod-list-notice> .list> li .content,
body.hikkoshi div#mv .mod-list-notice> .list> li> .symbol,
body.hikkoshi #mv .mv_link {
  color: #000;
}
.wide-anchorlink {
  margin: 25px 27px 0;
}
.wide-anchorlink_inner {
  background-color: #d3307a;
  color: #fff;
  display: block;
  font-size: 2rem;
  font-weight: bold;
  min-height: 69px;
  padding: 19px 55px 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.wide-anchorlink_inner::before {
  content: "";
  border-style: solid;
  border-width: 2px 2px 0 0;
  display: inline-block;
  height: 11px;
  position: absolute;
  top: 43%;
  right: 36px;
  transform: rotate(135deg) translate(-50%, -50%);
  vertical-align: top;
  width: 11px;
}
.wide-anchorlink_inner:active,
.wide-anchorlink_inner:focus,
.wide-anchorlink_inner:hover {
  opacity: .7;
}
.bg-gray {
  background-color: #F7F7F7;
}
.bg-gray_inner {
  padding: 25px;
  max-width: 1000px;
  margin: 0 auto;
}
.img-wrapper + .img-wrapper {
  margin-top: 25px;
}
.img-contains-btn {
  position: relative;
}
.img-contains-btn_btn {
  position: absolute;
  top: 64px;
  right: 21px;
}
.img-contains-btn .mod-btn a {
  font-size: 1.3rem;
  letter-spacing: 0;
  min-height: 45px;
  padding: 8px 10px 12px;
  width: 235px;
}
@media (max-width: 767px) {
  body.hikkoshi #mv {
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/hikkoshi_mv_bg_sp.png) no-repeat center center;
    background-size: cover;
    padding-top: 2.4rem;
    padding-bottom: 0;
  }
  body.hikkoshi #mv .inner {
    background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/hikkoshi_mv_bg_momo.png) no-repeat;
    background-size: 291px 409px;
    background-position: calc(50% + 42px) bottom;
    padding: 0 25px 1rem;
  }
  body.hikkoshi div#mv h1 {
    text-align: center;
  }
  body.hikkoshi .mv-panels {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 325px;
  }
  body.hikkoshi .mv-panel {
    width: 176px;
  }
  body.hikkoshi .mv-panel + .mv-panel {
    margin-top: 15px;
  }
  body.hikkoshi div#mv .mod-list-notice {
    margin-top: 8px;
    margin-bottom: 0;
  }
  body.hikkoshi div#mv .mod-list-notice> .list {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4;
  }
  body.hikkoshi div#mv .mod-list-notice> .list> li> .symbol {
    padding-right: 1px;
  }
  .bg-gray_inner {
    padding: 8px;
  }
  .img-wrapper + .img-wrapper {
    margin-top: 17px;
  }
  .wide-anchorlink {
    margin: 30px 1.72em 0;
  }
  .wide-anchorlink_inner {
    font-size: 4.53vw;
    min-height: 57px;
    padding: 18px 40px 12px;
  }
  .wide-anchorlink_inner::before {
    top: 36%;
    right: 28px;
  }
  .img-contains-btn_btn {
    top: 26.9vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .img-contains-btn .mod-btn a {
    font-size: 4.4vw;
    min-height: 45px;
    padding: 3.2vw 10px 2.9vw;
    width: 80vw;
  }
}