@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
body { font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; margin:0; padding: 0; -webkit-text-size-adjust: 100%; overflow-x: hidden; letter-spacing: 0.14em; font-weight: 500; line-height: 1.6; font-feature-settings: "palt" 1; color: #4D4D4D;}
html{font-size: 15px;}
/* #wrapper { overflow-x: hidden; } */
@media screen and (max-width: 860px){
  html{font-size: 13px;} 
}
@media screen and (max-width: 600px){
  html{font-size: 12px;} 
}

h1.ind-transform { position: absolute; top: -5555px; }

a { text-decoration: none; color: #000; }
a.underline{ text-decoration: underline; }
a:focus,
a:hover { text-decoration: none; }
a { outline:none;}
:focus { outline: 0; }
/* ::selection { background: rgb(194, 17, 17); color: #fff;} */

.flex{ display: flex; flex-wrap: wrap;}
.flex-jus{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-jus-itcen{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.centerposi,
.pc-centerposi { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.centertate,
.pc-centertate { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.centeryoko,
.pc-centeryoko { position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } 

.cshover button,
.cshover input,
.cshover a, 
a.cshover{ -webkit-transition:all .4s; transition:all .4s; }
.cshover input:hover,
.cshover button:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }

.imgwrap{line-height: 0;}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/* ハック
==========================================================*/

@media screen and (min-width: 1041px){
  .sp_show1040{display: none;}
  .sp_hide1040{display: block;}
  .sp_show1040-inline{display: none;}
  .sp_hide1040-inline{display: inline;}
}
@media screen and (max-width: 1040px){
  .sp_show1040{display: block;}
  .sp_hide1040{display: none;}
  .sp_show1040-inline{display: inline;}
  .sp_hide1040-inline{display: none;}
}
@media screen and (min-width: 861px){
  .sp_show860{display: none;}
  .sp_hide860{display: block;}
  .sp_show860-inline{display: none;}
  .sp_hide860-inline{display: inline;}
  .sp_show860-flex{display: none;}
  .sp_hide860-flex{display: flex;}
}
@media screen and (max-width: 860px){
  .sp_show860{display: block;}
  .sp_hide860{display: none;}
  .sp_show860-inline{display: inline;}
  .sp_hide860-inline{display: none;}
  .sp_show860-flex{display: flex;}
  .sp_hide860-flex{display: none;}
}
@media screen and (min-width: 601px){
  .sp_show600{display: none;}
  .sp_hide600{display: block;}
  .sp_show600-inline{display: none;}
  .sp_hide600-inline{display: inline;}
  .sp_show600-flex{display: none;}
  .sp_hide600-flex{display: flex;}
}
@media screen and (max-width: 600px){
  .sp_show600{display: block;}
  .sp_hide600{display: none;}
  .sp_show600-inline{display: inline;}
  .sp_hide600-inline{display: none;}
  .sp_show600-flex{display: flex;}
  .sp_hide600-flex{display: none;}
}


/* 横幅 */
.w100{width: 100%; margin: 0 auto;}
.w90{width: 90%; margin: 0 auto;}
.w85{width: 85%; margin: 0 auto;}
.w80{width: 80%; margin: 0 auto;}
.w72{width: 72%; max-width: 1600px; margin: 0 auto;}
.w1400{max-width: 1400px; width: 72%; margin: 0 auto;}
.w1200{max-width: 1200px; width: 85%; margin: 0 auto;}
.w1100{max-width: 1100px; width: 85%; margin: 0 auto;}
.w1000{max-width: 1000px; width: 85%; margin: 0 auto;}
.w890{max-width: 890px; width: 85%; margin: 0 auto;}
.w780{max-width: 780px; width: 85%; margin: 0 auto;}

/* カラーパレッド */
.c_white{color: #fff;}
.c_black{color: #000;}
.c_gray{color: #4d4d4d;}
.c_blue{color: #3778FF;}
.c_blue2{color: #BFE7F6;}
.c_blue3{color: #3778FF;}
.c_blue4{color: #66c6ea;}

.bg_white{background-color: #fff;}
.bg_gray{background-color: #EAEDF2;}
.bg_blue1{background-color: #3778FF;}
.bg_blue2{background-color: #3778FF;}

/* タイポグラフィ */
.fn_CG{font-family: century-gothic, sans-serif;}

.h2ttl{}
.h1ttl_kasou{}


.fn_ls0{letter-spacing: 0em;}
.fn_ls20{letter-spacing: 0.02em;}
.fn_ls90{letter-spacing: 0.09em;}
.fn_ls150{letter-spacing: 0.15em;}
.fn_ls200{letter-spacing: 0.2em;}

.fn_weight100{font-weight: 100;}
.fn_weight200{font-weight: 200;}
.fn_weight300{font-weight: 300;}
.fn_weight400{font-weight: 400;}
.fn_weight500{font-weight: 500;}
.fn_weight600{font-weight: 600;}
.fn_weight700{font-weight: 700;}

/* ベースフォントサイズ = 15px */
.fn_size10{font-size: 0.667em;}
.fn_size11{font-size: 0.733em;}
.fn_size12{font-size: 0.8em;}
.fn_size13{font-size: 0.867em;}
.fn_size14{font-size: 0.933em;}
.fn_size16{font-size: 1.067em;}
.fn_size17{font-size: 1.133em;}
.fn_size18{font-size: 1.2em;}
.fn_size19{font-size: 1.267em;}
.fn_size20{font-size: 1.333em;}
.fn_size21{font-size: 1.4em;}
.fn_size22{font-size: 1.467em;}
.fn_size23{font-size: 1.533em;}
.fn_size24{font-size: 1.6em;}
.fn_size25{font-size: 1.667em;}
.fn_size26{font-size: 1.733em;}
.fn_size27{font-size: 1.8em;}
.fn_size28{font-size: 1.867em;}
.fn_size29{font-size: 1.933em;}
.fn_size30{font-size: 2em;}
.fn_size33{font-size:2.2em;}
.fn_size35{font-size: 2.333em;}
.fn_size37{font-size: 2.3em;}
.fn_size32{font-size: 2.133em;}
.fn_size40{font-size: 2.667em;}
.fn_size44{font-size: 2.933em;}
.fn_size50{font-size: 3.333em;}
.fn_size55{font-size: 3.667em;}
.fn_size80{font-size: 5.333em;}
.fn_size90{font-size: 6em;}
.fn_size110{font-size: 7.333em;}

.kasou_h1_ttlwrap .enttl{font-size: 8em;}

.pd120{padding: 120px 0;}
.pd_t120{padding-top: 120px;}
.pd_b120{padding-bottom: 120px;}
.pd100{padding: 100px 0;}
.pd_t100{padding-top: 100px;}
.pd_b100{padding-bottom: 100px;}


@media screen and (max-width: 860px){
  .pd120{padding: 90px 0;}
  .pd_t120{padding-top: 90px;}
  .pd_b120{padding-bottom: 90px;}
  .pd100{padding: 90px 0;}
  .pd_t100{padding-top: 90px;}
  .pd_b100{padding-bottom: 90px;}

  .w72{width: 85%;}
}
@media screen and (max-width: 600px){
  .pd120{padding: 70px 0;}
  .pd_t120{padding-top: 70px;}
  .pd_b120{padding-bottom: 70px;}
  .pd100{padding: 70px 0;}
  .pd_t100{padding-top: 70px;}
  .pd_b100{padding-bottom: 70px;}
  .mb50{margin-bottom: 30px !important;}
  .mt40 {margin-top: 15px !important;}
  .mt50 {margin-top: 30px !important;}
  .mt60 {margin-top: 40px !important;}
  .mt70 {margin-top: 50px !important;}

  .h2ttl_en.fn_size55 {font-size: 3.1em;}
}


.btn{display: flex;justify-content: center;}
.btn a{padding:15px 30px ;line-height: 1;text-align: center;border: 1px solid #3778FF;box-sizing: border-box;}

@media screen and (max-width: 600px){
	.btn a{width: 100%;}
}


/*  menu triggerここから  */
.navInner { display: block;  height: 19px; width: 28px; }
.menu-trigger { width: 100%; height: 100%; line-height: inherit; cursor: pointer; position: relative; top: 0; right: 0; z-index: 9999;}
.menu-trigger.active { margin-left: 0px; position: relative; z-index: 999999;}
.menu-trigger,
.menu-trigger span { display: inline-block; transition:all .4s; box-sizing: border-box; }
.menu-trigger span{ position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff; }
.menu-trigger span:nth-of-type(1){ top:0;}
.menu-trigger span:nth-of-type(2){ top: 50%; transform: translateY(-50%);}
.menu-trigger span:nth-of-type(3){ bottom:0;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg); background-color: #fff;}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg); background-color: #fff;}

/*  menu triggerここまで  */


.pdt120{padding-top: 120px;}

@media screen and (max-width: 860px){
}
@media screen and (max-width: 600px){
}

/* header
==========================================================*/
#headerContainer{}
.header_inner{align-items: center; position: fixed; z-index: 9999; top: 45px; left: 50%; transform: translateX(-50%); padding: 0 5%; width: 100%; box-sizing: border-box;}
.header_inner .f_right_wrap{align-items: center;}

.h_menu_pc .g_nav__list{align-items: center;}
.h_menu_pc .g_nav__list li{margin-right: 20px;}
.h_menu_pc .g_nav__list li:last-child{margin-right: 50px;}
.h_menu_pc .g_nav__list li a{color: #fff;}

.menu__single .menu__second-level { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); -webkit-transition: all .2s ease; transition: all .2s ease; visibility: hidden; opacity: 0;  flex-wrap: nowrap; width: 530px;}
.menu__single .menu__second-level li{width: 170px; background: #fff; margin-right: 10px; transition: all .4s;}
.menu__single .menu__second-level li a{color: #3778FF; transition: all .4s; height: 55px; width: 100%; display: flex; justify-content: center; align-items: center;}
.menu__single .menu__second-level li:last-child{margin-right: 0;}
.menu__single .menu__second-level li:hover{background: #3778FF; transition: all .4s;}
.menu__single .menu__second-level li:hover a{color: #fff; transition: all .4s;}

.menu__single:hover .menu__second-level { top: 35px; visibility: visible; opacity: 1; }
.menu__single > a::before{content: ""; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 5px;
  right: 3px; transition: all .4s;}
.menu__single:hover > a::before{-webkit-transform: rotate(315deg); transform: rotate(315deg); transition: all .4s; transform-origin:center center 0; top: 7px;}

.invert {filter: invert(100%);}
.menu-trigger.active.invert {filter: invert(0%);}

#g_nav{display: none; position: fixed; top: -45px; left: 0; width: 100vw; height: 100vh;}
.g_nav__inner{max-width: 1060px; width: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.burger_logo{margin-right: 105px;}
.burger_menu{width: calc(100% - 265px); flex-wrap: wrap;}
.burger_menu a{color: #fff;}
.burger_menu .g_nav__list > li{width: 25%; margin-bottom: 70px; padding-right: 30px; box-sizing: border-box;}
.burger_menu .g_nav__list > li > ul > li{font-size: 0.867em; margin-top: 20px;}
.burger_menu .g_nav__list > li > ul > li a{color: #99D9F1;}

.menu_small_wrap{max-width: 1060px; width: 85%; bottom: 40px; left: 50%; transform: translateX(-50%);}
.menu_small_wrap p{margin-left: 50px;}
.menu_small__inner{margin-left: auto; justify-content: flex-end;}

.menu__second-level{z-index: -1;}
.h_menu_pc .g_nav__list li{margin-right: 0;}
.menu__single .menu__second-level li{margin-right: 10px;}
.menu__single > a::before{top: 17px;right: 13px;}
.menu__single:hover > a::before{ top: 20px;}
.g_nav__list li .invertSet{padding: 14px 10px;}
.g_nav__list li:first-child .invertSet{padding-left: 0;}
.g_nav__list li:last-child .invertSet{padding-right: 0;}

@media screen and (max-width: 1070px){
  .burger_menu{width: 100%;}
  .burger_logo { margin-right: 0; margin-bottom: 80px; }
  .h_menu_pc .g_nav__list li { margin-right: 15px; font-size: 0.85em; }
}
@media screen and (min-width: 1001px){
  .h_menu_pc{display: block;}
}
@media screen and (max-width: 1000px){
  .h_menu_pc{display: none;}
}
@media screen and (max-width: 860px){
  .header_inner{position: fixed;}
}
@media screen and (max-width: 600px){
  .header_inner{top: 30px;}
  #g_nav{top: -30px;}
  .burger_menu .g_nav__list > li{width: 50%; margin-bottom: 45px;}
  .burger_logo{margin-bottom: 60px;}
  #g_nav{overflow-y: scroll;}
  .g_nav__inner{margin-top: 120px; padding-bottom: 170px;}
  .menu_small_wrap{bottom: -40px;}
  .burger_menu .g_nav__list > li > ul > li {font-size: 1em; margin-top: 10px;}
  .menu_small__inner {margin-left: 0; justify-content: space-between;}
  .menu_small_wrap p{margin-left: 0;}
}



/* Index - footer
==========================================================*/
#footerContainer{padding: 100px 0;}
#footerContainer .burger_menu .g_nav__list > li{width: 14.285%;}
#footerContainer .burger_menu .g_nav__list > li > ul > li a {}
#footerContainer .burger_menu .g_nav__list > li > ul > li {margin-top: 10px;}
.foot_underwrap{margin-top: 90px;}
.foot_underwrap .menu_small__inner p{margin-left: 20px;}

.to_ctn_wrap__inner > ul{max-width: 890px; width: 90%; margin: 0 auto;}
.to_ctn_wrap__inner > ul li{width: 47.5%;}
.to_ctn_wrap__inner > ul li a{display: block; width: 100%; height: 100px; line-height: 100px;}
.to_ctn_wrap__inner > ul li.tel_wrap a{background: linear-gradient(90deg, rgba(51,179,227,1) 0%, rgba(153,217,241,1) 100%);}

.toTOP_btn{top: -20px; right: 65px; display: block; width: 40px; height: 40px; }
.toTOP_btn .btn_icon{background-color: #fff; transform: rotate(-90deg); border: none; box-shadow : 0px 1px 2px rgba(129, 129, 129, 0.3);}

@media screen and (max-width: 1200px){
  #footerContainer .burger_menu .g_nav__list > li{width: 20%;}
}
@media screen and (max-width: 960px){
  #footerContainer .burger_menu .g_nav__list > li{width: 25%;}
  .foot_underwrap{flex-flow: column;}
  .foot_underwrap {margin-top: 40px;}
  #footerContainer .menu_small__inner{justify-content: space-between; margin-left: 0; margin-top: 50px;}
}
@media screen and (max-width: 600px){
  #footerContainer {padding: 80px 0 100px;}
  #footerContainer{font-size: 1.25em;}
  #footerContainer .burger_menu .g_nav__list > li { width: 50%;}
  #footerContainer .menu_small__inner{flex-flow: column;}
  #footerContainer .menu_small__inner p{margin-left: 0; margin-top: 30px; font-size: 0.65em;}
  #footerContainer .burger_menu .g_nav__list {display: none;}
  .foot_underwrap{margin-top: 0;}
  #footerContainer .menu_small__inner{margin-top: 35px;}

  .to_ctn_wrap__inner > ul li{width: 100%;}
  .to_ctn_wrap__inner > ul li.tel_wrap a{margin-bottom: 10px;}

  .toTOP_btn{right: 10%;}
}

.to_ctn_wrap__inner > ul li.tel_wrap a{background: #3778FF;}
.mail_wrap a{background: #00A0DC;}
.mail_wrap a:hover{background-color: #3778FF;opacity: 1;}


/* common
==========================================================*/
.kasou_kv__inner{width: 100vw; height: 0; padding-top: 35.714%; background: center center no-repeat; background-size: cover; overflow: hidden;}
.kasou_kv__inner.kv_none{height: 350px; padding-top: 0;}
.kasou_kv__inner.case{background-image: url("../images/case/mv.jpg");}
.kasou_h1_ttlwrap{left: 5%; bottom: -27px;}
.ind_mv__inner {width: 100vw;height: 100vh;}

.outline_wrap__inner .h2ttlwrap{width: 280px;}
.outline_wrap__inner .outline_main_wrap{width: calc(100% - 280px);}
.outline_list{padding: 30px 0; border-bottom: 1px solid #D2D2D2;}
.outline_list:first-child{padding-top: 10px;}
.outline_list .f_left{width: 250px; padding-left: 50px; box-sizing: border-box;}
.outline_list .f_right{width: calc(100% - 250px);}
.outline_list_mapicon{position: relative; top: 1px; left: 3px;}
.outline_list_linkicon{position: relative; top: 1px; left: 3px;}
.outline_list.gruop a{display: inline-block; margin-bottom: 10px;}

@media screen and (max-width: 860px){
  .outline_wrap__inner .h2ttlwrap{width: 100%;}
  .outline_wrap__inner .outline_main_wrap{width: 100%; margin-top: 15px;}
  .outline_list:first-child{padding-top: 30px;}
  .outline_list .f_left{width: 200px; padding-left: 30px;}
  .outline_list .f_right{width: calc(100% - 200px);}
}
@media screen and (max-width: 600px){
  .outline_list .f_left {width: 100%; padding-left: 0; margin-bottom: 10px;}
  .outline_list .f_right {width: 100%;}
  .outline_list {padding-top: 20px;}
  .outline_list:first-child {padding-top: 20px;}
}


/* NEXCIS 
==========================================================*/

/*  menu triggerここから  */
#Page_nexcis .navInner { display: none;  height: 19px; width: 28px; }/* position: absolute; right: calc(6% - 20px); z-index: 5555 !important; top: 40px; */
#Page_nexcis .menu-trigger { width: 100%; height: 100%; line-height: inherit; cursor: pointer; position: relative; top: 0; right: 0; z-index: 9999;}
#Page_nexcis .menu-trigger.active { margin-left: 0px; position: relative; z-index: 999999;}
#Page_nexcis .menu-trigger,
#Page_nexcis .menu-trigger span { display: inline-block; transition:all .4s; box-sizing: border-box; }
#Page_nexcis .menu-trigger span{ position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff; }
#Page_nexcis .menu-trigger span:nth-of-type(1){ top:0;}
#Page_nexcis .menu-trigger span:nth-of-type(2){ top: 50%; transform: translateY(-50%);}
#Page_nexcis .menu-trigger span:nth-of-type(3){ bottom:0;}
#Page_nexcis .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg); background-color: #fff;}
#Page_nexcis .menu-trigger.active span:nth-of-type(2){opacity:0}
#Page_nexcis .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg); background-color: #fff;}

/*  menu triggerここまで  */
@media screen and (max-width: 860px){
  #Page_nexcis .navInner{display: block;}
}
/*  menu triggerここまで  */


#Page_nexcis #g_nav{position: static; width: auto; height: auto;}
#Page_nexcis #g_nav li:not(:last-child){margin-right: 40px;}
#Page_nexcis .ind_mv__inner{width: 100vw; background: url("../images/nexcis/nexcis_mv.jpg?1")center center no-repeat; background-size: cover;}
.Nex_about__inner .h2ttl_en{display: inline-block; line-height: 1.1; margin-bottom: 15px;}


.Nex_about__inner{max-width: 1400px; width: 100%; margin: 0 auto; align-items: center;}
.Nex_about__inner .f_left{width: 37.5%; padding-left: 13.5%; box-sizing: border-box;}
.Nex_about__inner .f_right{width: 62.5%; padding: 7% 5.5%; box-sizing: border-box;}
.Nex_about__inner .f_right .desc{letter-spacing: 0.25em;}
.Nex_about__sukashi{font-size: 11em; color: #D6DBE0; bottom: 0; left: 0;}

.Nex_ser__introwrap {width: 80%; margin: 0 auto;}
.Nex_ser__introwrap p{width: 56%; padding-top: 3em;}
.Nex_ser__introwrap span{display: block;}
.Nex_ser__introwrap .h2ttl_jp{line-height: 1.2; margin-top: 20px;}


#Nex_ser__ctt{max-width: 1400px; width: 100%; margin: 0 auto;}
.Nex_ser__ctt-side{width: 38%; padding-top: 120px;}
.Nex_ser__ctt-side-in{ top: 100px; position: sticky; position: -webkit-sticky; }
.Nex_ser__cttul-lul{width: 100%; height: 0; padding-top: 77%;}
.Nex_ser__cttul-lul li{width: 100%; height: 0; padding-top: 77%; margin-bottom: 35px; opacity: 0; transition: all .4s; position: absolute; top: 0; left: 0;}
.Nex_ser__cttul-lul li:nth-child(1){background: url("../images/nexcis/service_01.jpg")center center no-repeat; background-size: cover;}
.Nex_ser__cttul-lul li:nth-child(2){background: url("../images/nexcis/service_02.jpg")center center no-repeat; background-size: cover;}
.Nex_ser__cttul-lul li:nth-child(3){background: url("../images/nexcis/service_03.jpg?1202")center center no-repeat; background-size: cover;}
.Nex_ser__cttul-lul li.selected{opacity: 1; transition: all .4s;}

.Nex_ser__ctt-main{ width: 62%;}
.Nex_ser__ctt-Inner {padding: 120px 13% 85px 11%; box-sizing: border-box;}
.Nex_ser__ctt-Inner .ttl_flex_wrap{align-items: center; position: relative; margin-bottom: 40px; padding-bottom: 20px; width: 100%;}
.Nex_ser__ctt-Inner .ttl_flex_wrap::after{content: ""; width: 100%; height: 4px; background : linear-gradient(90deg, rgba(0, 160, 220, 1) 0%, rgba(55, 120, 255, 1) 100%); position: absolute; bottom: 0; left: 0;}
.Nex_ser__ctt-Inner .ttl_flex_wrap .ttl_num{margin-right: 25px;}
.Nex_ser__ctt-Inner .desc_wrap .desc_txt{margin-top: 15px;}

.foot_nav_list li a{display: block; padding: 10px 0;}
.foot_nav_list li:first-child a{padding-top: 0;}

.invert{filter: invert(100%);}
.menu-trigger.active.invert{filter: invert(0%);}

/*追加分 ココから*/
.Nex_ser__ctt-side{margin-bottom: -200px;}
.Nex_ser__ctt-side-in{margin-top: 40%; top: 50%;transform: translateY(-50%);}

@media screen and (max-width: 1240px){
    .Nex_ser__ctt-side{margin-bottom: -120px;}
}
/*追加分　ココまで*/

@media all and (-ms-high-contrast: none) {
  /* ここに書く */
  .Nex_ser__cttul-lul li{width: 38vw; padding-top: 28%;}
}

@media screen and (max-width: 1240px){
}
@media screen and (min-width: 861px){
  #Page_nexcis #g_nav{display: block !important;}
}
@media screen and (max-width: 860px){
  #Page_nexcis #g_nav{display: none;}
  #Page_nexcis #g_nav{position: fixed; top: -45px; left: 0; width: 100vw; height: 100vh; background-color: #3778FF;}
  #Page_nexcis #g_nav .g_nav_list { width: 100%; flex-flow: column; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  #Page_nexcis #g_nav li:not(:last-child) { margin-right: 0; }
  #Page_nexcis #g_nav li a { display: block; width: 100%; padding: 15px; font-size: 1.8em; box-sizing: border-box;}

  .Nec_mv_copy__wrap .ind_mv_copy__en {font-size: 11.5vw;}

  .Nex_about__inner .f_left{width: 85%; margin: 0 auto; padding-left: 0;}
  .Nex_about__inner .f_right{width: 85%; margin: 40px auto 100px;}

  .Nex_ser__introwrap{width: 85%;}
  .Nex_ser__introwrap p { width: 100%; padding-top: 0; }
  .Nex_ser__ctt-side{display: none;}
  .Nex_ser__ctt-main{width: 100%;}
  .Nex_ser__ctt-Inner{padding: 0 7%; margin-top: 70px;}
  .Nex_ser__ctt-Inner .desc_wrap.mt50{margin-top: 30px !important;}
  .Nex_ser__ctt-Inner .ttl_flex_wrap{margin: 30px 0;}
}
@media screen and (max-width: 600px){
  #Page_nexcis #g_nav{top: -30px;}
  #Page_nexcis #g_nav li { width: 100%; text-align: center; }
  .Nec_mv_copy__wrap .ind_mv_copy__jp{margin-top: 15px;}
  
  .Nex_about__sukashi{font-size: 22vw;}
  .Nex_about__inner .f_right{margin-bottom: 12%;}

  .Nex_ser__ctt-Inner{margin-top: 50px;}
  .Nex_ser__ctt-Inner .ttl_flex_wrap{align-items: flex-start;}
  .Nex_ser__ctt-Inner .ttl_flex_wrap .ttl_num{margin-right: 15px;}
  .Nex_ser__ctt-Inner .ttl_flex_wrap .ttl_jp {width: calc(100% - 75px); line-height: 1.3 !important;}

}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}


/* NEWS
==========================================================*/
.kasou_kv__inner.gradbg{background-image: none; background: linear-gradient(90deg, rgba(55,120,255,1) 0%, rgba(155,187,255,1) 100%);}



/* PRIVACY POLICY
==========================================================*/
#kasou_privacy .content_wrap h2{padding-bottom: 10px;margin-bottom: 50px; border-bottom: 1px solid #3778FF;box-sizing: border-box;}
#kasou_privacy .content_wrap div:last-child{margin-top: 100px;}
#kasou_privacy ul{margin-top: 30px; padding-left: 1.7em; list-style: decimal;}
#kasou_privacy ul li{margin-bottom: 20px;}
.ip_seitei{margin-top: 50px; text-align: right;}
.ip_seitei p{display: inline-block;text-align: left;}
.ip_seitei span{display: block;}

@media screen and (max-width: 860px){
	#kasou_privacy .content_wrap div:last-child{margin-top: 70px;}
}
@media screen and (max-width: 600px){
	#kasou_privacy .content_wrap div:last-child{margin-top: 40px;}
}


/* CONTACT
==========================================================*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]::focus,
input[type="button"]::focus { outline-offset: -2px; }
textarea{-webkit-box-shadow: none; box-shadow: none;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px rgba(240,241,241,1) inset !important;background: #f0f1f1!important; transition: background-color 5000s ease-in-out 0s !important;}

.contact-message {margin: 0 auto;font-size: 1.066em; text-align: center; line-height: 1.6em;}
.message-notice {color: #3778FF; font-size: 0.933em;}
.contact-area { margin: 50px auto 80px;}
.contact-table { width: 100%;}
.contact-table tr:last-child th {vertical-align: baseline;padding-top: 10px;box-sizing: border-box;}
.table-list {width: 100%;margin-bottom: 50px;display: table;letter-spacing: 0.1em;}
.contact-table tr:last-child{margin-bottom: 0;}
.table-list th {width: 170px;font-size: 0.933em;vertical-align: middle;}
.table-list td {width: calc(100% - 170px);}
.input-area {width: 100%;height: 40px;padding: 0 20px;letter-spacing: 0.05em;border: none;line-height: 2em;vertical-align: top;overflow: auto;box-sizing: border-box;}
#submit.btn{display: block;margin: 0 auto;padding:15px 40px ;line-height: 1; letter-spacing: 0.16em; text-align: center;border: 1px solid #3778FF;box-sizing: border-box;}
#submit.btn:hover{opacity: 0.6;}
.cshover input:hover{opacity: 1;}

@media(max-width:1000px) {
	.contact-area {margin-top: 30px;}
	/* .contact-message { margin-top: 30px;} */
	.table-list{margin-bottom: 20px;flex-wrap: wrap;justify-content: flex-start;}
	.table-list th{width: 100%;margin-bottom: 5px; display: flex;}
	.table-list td{width: 100%;display: flex;}
	.input-area{width: 100%;}
}
@media(max-width:860px) {
	.table-list{margin-bottom: 15px;}
	.table-list th{font-size: 1em;}
}
@media (max-width:600px) {
	.contact-area{margin: 10% 0 20%;}
	.contact-message {width: calc(100% - 50px);}
	#submit.btn{width: 100%;}
}
@media all and (-ms-high-contrast: none){ 
	.table-list {flex-wrap: wrap;margin-bottom: 20px;}
	.table-list th {display: block;margin-bottom: 5px;}
	.table-list td {display: block;width: 100%;}
}
@media all and (-ms-high-contrast: none) and (max-width:600px){ 
	.table-list{margin-bottom: 15px;}
}


/*input*/
input{ font-size: 0.733em;background-color: #EAEDF2;border-radius: 0; font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;}
input::placeholder { color: #8E8E8E;}
input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="email"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="file"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; width: 100%;}
input[type="radio"]{ display: none; }
input[type="radio"]:checked + .check::after { opacity: 1; }
input[type="checkbox"]{ display: none; }
input[type="checkbox"]:checked + .check::after { opacity: 1; }
input[type="submit"]{ background-color: #fff; }
textarea {width: 100%;height: 160px;padding: 10px 20px;font-size: 0.733em;border: none;background-color: #EAEDF2;box-sizing:border-box;font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;}
textarea::placeholder {color: #8E8E8E;}
input::-ms-clear, input::-ms-reveal { visibility: hidden; } /* 右に出てくるアイコン削除 */

@media(max-width:1000px) {
	textarea{width: 100%;}
}
@media(max-width:860px) {
	input{ font-size: 1.143em;}
	textarea {font-size: 1.143em;}
}
@media (max-width:600px) {
	input{ font-size: 1em;}
	textarea {font-size: 1em;}
	.file input{font-size: 1em;}
}


/*ラジオボタン*/
.table-list .kind{vertical-align: baseline;}
.table-list .radio{margin-top: -5px;flex-wrap: wrap;display: flex;width: 100%;}
.radio .mr0{margin-right: 0;}
.radio .kind05{margin-right: 35px;}
.radio label{padding-left:20px;margin-right: 30px;margin-top: 15px; position: relative;font-size: 0.733em;letter-spacing: 0.11em;}
.radio label:last-child{margin-right: 0;}

@media(max-width:1000px) {
	.radio{margin-top: 15px;}
	.radio .mr0{margin-right: 30px;}
	.radio .kind05{margin-right: 30px;}
	.kind{margin-top: 15px; margin-bottom: 15px;}
}
@media(max-width:860px){
	.radio label{font-size: 1em;}
}
@media(max-width:600px){
	.radio label{width: 100%; margin-right: 0;font-size: 1em;display: block;}
}
@media all and (-ms-high-contrast: none){ 
	.table-list .kind{display: block;}
	.table-list .radio{display: block;}
}


/*チェックボックス*/
.checkbox{margin-top: 45px; text-align: center;}
.checkbox label{padding-left: 25px; position: relative;font-size: 0.786em;}
.checkbox label::before,.radio label::before{ content: ""; width: 15px; height: 15px; background-color: #CECECE; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; -webkit-transition:all .4s; transition:all .4s;}
.checkbox label::after,.radio label::after{ content: ""; width:9px; height:9px; position: absolute; top: 50%; left: 3px;transform: translateY(-50%);border-radius: 50%; background-color: #3778FF; -webkit-transition:all .4s; transition:all .4s; opacity: 0; }

@media(max-width:860px){
	.checkbox label{font-size: 1em;}
}


/*ファイル*/
.file{width: 100%;}
.file input{background-color: transparent;}
.file label{display: inline-block; cursor: pointer;margin-right:  20px;padding: 7px 10px;line-height: 1;color: #000;font-size: 0.786em;border: 1px solid #000;border-radius: 6px;transition: 0.2s;box-sizing: border-box;}
.file label:hover {opacity: 0.6;}
.file label input {display: none;}
.filename{font-size: 0.786em;}
.fileclear {display: none;cursor: pointer;}
.show.js_fileclear{width: 15px;height: 15px; display: inline-block;position: relative;left: 15px;vertical-align: middle;}
.show.js_fileclear::before{content: '';width: 10px;height: 1px;position: absolute;top: 50%; transform: translateY(-50%) rotate(45deg);background-color: #000;}
.show.js_fileclear::after{content: '';width: 10px;height: 1px;position: absolute;top: 50%; transform: translateY(-50%) rotate(-45deg);background-color: #000;}

@media(max-width:860px){
	.file label{font-size: 1em;}
	.filename{font-size: 1em;}
}
@media(max-width:600px){
	.file{flex-wrap: wrap;}
	.file label{margin-top: 10px; margin-bottom: 10px;}
	.filename_wrap{width: 100%;}
}


/*プライバシーポリシーリンク*/
.PPlink {margin: 20px auto 50px;font-size: 0.786em;}
.PPlink a{color: #000; text-decoration: underline;}
.PPlink a:hover{opacity: .6;text-decoration: none;-webkit-transition:all .3s; transition:all .3s;}

@media(max-width:1000px) {
	.PPlink {margin: 15px auto 50px;}
}
@media(max-width:860px) {
	.PPlink {font-size: 1em;}
}


/* エラーボックス */
.error_box { display: none; width: 100%; text-align: center; box-sizing: border-box; border: 1px solid #3778FF; color: #3778FF; padding: 25px 20px; margin: 0 auto 40px;line-height: 2;font-size: 1em;}


/* thanks */
.thanks h2{margin-bottom: 20px;letter-spacing: 0.18em;line-height: 1.5em;}
.thanks p{line-height: 2em;}