@charset'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,900');
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin : 0;
  padding : 0;
}h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight : normal;;
  font-size : 100%;
}ul {
  list-style : none;
}button,
input,
select,
textarea {
  margin : 0;
}html {
          box-sizing : border-box;;

  -webkit-box-sizing : border-box;
}*,
*:before,
*:after {
          box-sizing : inherit;;

  -webkit-box-sizing : inherit;
}img,
embed,
iframe,
object,
audio,
video {
  max-width : 100%;;
  height : auto;
}iframe {
  border : 0;
}table {
  border-collapse : collapse;
  border-spacing : 0;
}td,
th {
  padding : 0;
  text-align : left;
}


/********************************************
  以下、LP用CSS
 */
/*preload*/
body::after {
  position : absolute;
  z-index : -1;
  width : 0;
  height : 0;
  overflow : hidden;
  content : url(../images/header/SA_logo.svg) url(../images/header/header_btn_form_large.svg) url(../images/header/header_btn_tel_small_1811.svg) url(../images/main_feature/main_feature_header.svg) url(../images/main_feature/main_feature_point.svg) url(../images/contact/contact_btn_form.svg) url(../images/contact/contact_btn_tel.svg);
}

/*ベースの設定*/
html {
  min-width : 320px;
  font-size : 10px;
  line-height : 1.5;
}

body {
  color : #4D4D4D;
  font-weight : 500;
  font-size : 20px;
  line-height : 1.5;
  font-family : '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Avenir, 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, sans-serif;
/*  word-break: break-all;
  word-wrap: break-word;*/

  -webkit-text-size-adjust : 100%;
     -moz-text-size-adjust : 100%;
      -ms-text-size-adjust : 100%;
          text-size-adjust : 100%;
}
/*IE10,11の游ゴシック余白下2px対策フォント変更*/
_:-ms-input-placeholder,
:root body {
  font-family : 'メイリオ', Meiryo, 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic', Avenir, 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, sans-serif;
}

article {
  overflow : hidden;
}
section {
  margin : -1px 0;
  padding : 1px 0;
}

img {
  vertical-align : top;
}
/*Win8.1以下のIE10,11のSVG余白対策用*/
_:-ms-input-placeholder,
:root img[src$='.svg'] {
  width : 100%;

/*UIE10用*/
  border : 0;
}

span {
  display : inline-block;
}

/*form*/
input,
textarea {
  padding : 3px;
  font-size : 16px;
}

pre {
  font-weight : 500;
  font-family : '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, sans-serif;
}
/*IE10,11の游ゴシック余白下2px対策フォント変更*/
_:-ms-input-placeholder,
:root pre {
  font-family : 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*アンカー*/
a,
a:visited {
  color : blue;
  text-decoration : none;
}
a:hover,
a:active {
  text-decoration : underline;
}

/*丸ゴシック*/
.marugoshic {
  font-family : 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO', sans-serif;
}
/*明朝体*/
.mincho {
  font-family : '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', Garamond, 'Times New Roman', serif;
}

/*テキスト位置*/
.tac {
  text-align : center;
}
.tar {
  text-align : right;
}
.tal {
  text-align : left;
}

/*フォントスタイル*/
.fwb {
  font-weight : bold;
}
/*文字色*/
.fcr,
.red {
  color : red;
}

/*イメージ表示位置*/
.img-pos-r {
  margin-right : 0;
  margin-left : auto;
}
.img-pos-c {
  margin-right : auto;
  margin-left : auto;
}
.img-pos-l {
  margin-right : auto;
  margin-left : 0;
}


/***************************
  列表示用
*/
/*  フロート*/
.flt_box {
  zoom : 1;
}
.flt_box::after,
.fltBox::before {
  display : table;
  content : '';
}
.flt_box::after {
  clear : both;
}

/*flex*/
.flex_box {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          flex-wrap : wrap;
          justify-content : space-between;

  -webkit-flex-wrap : wrap;
      -ms-flex-wrap : wrap;
  -webkit-box-pack : justify;
  -webkit-justify-content : space-between;
  -ms-flex-pack : justify;
}

.item_ctr {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          justify-content : center;
          align-items : center;

  -webkit-box-pack : center;
  -webkit-justify-content : center;
  -ms-flex-pack : center;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
}

.item_mdl {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          align-items : center;

  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
}

/*句読点関係*/
.left_parenthesis {
  margin-left : -.55em;
}
.right_parenthesis {
  margin-right : -.55em;
}
.jp_comma,
.jp_period {
  margin-right : -.66em;
}

/*テキスト揃え*/
.tal {
  text-align : left;
}
.tac {
  text-align : center;
}
.tar {
  text-align : right;
}

/*PC/SP切替用*/
.pc_view {
  display : block;
}

.sp_view {
  display : none;
}

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

  .sp_view {
    display : block;
  }
}

/*SP改行用*/
.br_sp {
  display : none;
}

/********************************************
  共通
 */
/**/
.contents_bloc {
  max-width : 1280px;
  margin : 0 auto;
  padding : 1px 10px;
}

/*マンガ*/
.manga_bloc {
  max-width : 980px;
  margin : .5em auto;
  padding : 0 10px;
}
.manga_bloc p {
  padding : .5em 0;
}
.manga_bloc img {
  margin : auto;
}
/*マンガSP用*/
.manga_box_sp p {
  padding : 1.15vw 0;
}
.manga_box_sp img {
  margin : auto;
  border : .5vw solid #2A0A12;
}


/********************************************
  フッター                                    */
footer {
  background-color : #79CCF3;
  color : #FFF;
  font-size : 26px;
  line-height : 1.25;
  text-align : center;
}
.footer_inner {
  padding : 1.8% 0 3%;
}

.footer_inner a {
  color : #000;
}

.ga_announce {
  font-size : 1.4rem;
  text-align : center;
}

.ga_announce a {
  color : #000;
}

/*トップへ戻るボタン*/
.pagetop {
  position : fixed; /*固定*/
  right : 0; /*場所を右下に移動*/
  bottom : 0; /*場所を右下に移動*/
  z-index : 50;
  width : 60px;
  height : 60px;
/*  border-radius: 30px; */
  padding-top : 30px;
          box-sizing : border-box;
  background-color : rgba(0,0,0,.5); /*以下、デザインはご自由に！！*/
  color : #FFF;
  font-weight : bold;
  font-size : 11px;
  line-height : 22px;
  text-decoration : none;
  text-align : center;
          transition : 0s;

  -webkit-box-sizing : border-box;
  -webkit-transition : 0s;
       -o-transition : 0s;
}
.pagetop:before {
  position : absolute;
  top : 10px;
  left : 0;
  width : 100%;
  font-size : 18px;
  text-align : center;
  content : '\25B2';
}
.pagetop:hover {
  opacity : .7;
}

a.pagetop:visited {
  color : #FFF;
}

/********************************************
  ヘッダー                                    */
header {
  position : relative;
  z-index : 200;
  overflow : hidden;
  box-shadow : 0 3px 9px rgb(0 0 0 / 5%);
}

#header_box.contents_bloc {
  height : 72px;
  margin : 0 auto;
  padding : 0 10px;
}

@media screen and (max-width: 1175px) {
  #header_box.contents_bloc {
    height : auto;
    margin : 0 auto;
    padding : 10px;
  }
}

/*ヘッダーロゴ*/
.logo_bloc {
  width : 25%;
  max-width : 412px;
}

#logo {
  display : flex;
  justify-content : center;
  height : 100%;;
}

@media screen and (max-width: 1175px) {
  .logo_bloc {
    width : 100%;
    max-width : 100%;
    padding : 10px 0;
  }
}

@media screen and (max-width: 768px) {
  .logo_bloc {
    width : 80%;
  }
}

@media screen and (max-width: 544px) {
  .logo_bloc {
    width : 80%;
  }
}

#logo {
  display : flex;
  justify-content : center;
  align-items : center;
}

#logo img {
  width : 50%;
  min-width : 300px;
  padding-left : 4px;
}

/*ヘッダーメニュー*/
.nav_bloc {
  display : flex;
  height : 100%;
}

@media screen and (max-width: 1175px) {
  .nav_bloc {
    display : block;
    margin : 0 auto;
    padding-bottom : 6px;
  }
}

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

.menu_link {
  display : flex;
  align-items : center;
  height : 100%;
  font-size : 18px;
}

@media screen and (max-width: 1175px) {
  .menu_link {
    margin-top : 8px;
    font-size : 15px;
  }
}

.menu_item {
  margin-left : 18px;
}

@media screen and (max-width: 1175px) {
  .menu_item:first-child {
    margin-left : 0;
  }
}

.menu_item a {
  color : #000;
}

.menu_item a:before {
  width : 8px;
  content : '▾';
}

.menu_item:nth-of-type(4) a:before {
  width : 8px;
  content : '';
}

.menu_item:nth-of-type(4) a:after {
  width : 8px;
  content : '▸';
}

.menu_item .-signup {
  width : 160px;
}

.menu_item a.entry-button {
  margin : 16px 12px;
  padding : 8px 24px;
  border-radius : 40px;
  background-color : #FF8E1E;
  color : #FFF;
  font-weight : 700;
}

.menu_item a.entry-button:hover {
  text-decoration : none;
}

.menu_item a.entry-button:before {
  content : none;
}

/*バーガーメニュー*/
.menubtn {
  display : block;
}

@media screen and (max-width: 768px) {
  .menubtn {
    display : block;
    position : absolute;
    right : 6px;
    width : 50px;
    height : 50px;
    border-radius : 5px;
    background : #6C6;
    cursor : pointer;
  }

  .menubtn span {
    display : inline-block;
    position : absolute;
    left : 14px;
    width : 45%;
    height : 2px;
    border-radius : 5px;
    background : #FFF;
    transition : all .4s;
  }

  .menubtn span:nth-of-type(1) {
    top : 13px;
  }

  .menubtn span:nth-of-type(2) {
    top : 19px;
  }

  .menubtn span:nth-of-type(3) {
    top : 25px;
  }

  .menubtn span:nth-of-type(3)::after {
    position : absolute;
    top : 5px;
    left : -2px;
    color : #FFF;
    font-size : .6rem;
    text-transform : uppercase;
    content : 'メニュー';
  }

  .menubtn.active span:nth-of-type(1) {
    top : 14px;
    left : 18px;
    transform : translateY(6px) rotate(-45deg);
    width : 30%;
  }

  .menubtn.active span:nth-of-type(2) {
    opacity : 0;
  }

  .menubtn.active span:nth-of-type(3) {
    top : 26px;
    left : 18px;
    transform : translateY(-6px) rotate(45deg);
    width : 30%;
  }

  .menubtn.active span:nth-of-type(3)::after {
    top : 5px;
    left : 10px;
    transform : translateY(0) rotate(-45deg);
    width : 3rem;
    content : '閉じる';
  }
}

.gnav_sp {
  width : 100%;
}

.menu_link_sp {
  width : 100%;
  text-align : center;
}

.menu_link_sp .menu_item {
  margin-bottom : 8px;
}

/********************************************
  区切りのライン                               */
.arrow_dogleg_bloc {
  width : 20%;
  margin : 4.2% auto;
}
.arrow_dogleg {
  width : 100%;
  height : 0;
  padding-top : 42.5%;
  background : url('../images/lp/arrow_dogleg.svg') no-repeat 0 0;
  background-size : 100% auto;
}
.arrow_dogleg:not(:last-of-type) {
  margin-bottom : -11.2%;
}

.arrow_dogleg_c {
  margin : 5.4% auto 4.2%;
}
.arrow_dogleg_m {
  margin : 3.2% auto 4.2%;
}

/********************************************
  コンタクト　                                 */
.contact_box {
  position : relative;
  width : 83.4%;
  margin : 10% .14% 1.3% auto;
  padding : 4.6% 0 0;
}
.contact_box1 {
  margin : -4.3% .14% 3.3% auto;
}

/*ボタン*/
.contact_btn_bloc {
  display : block;
  width : 48.6%;
}
.contact_btn_form_inner,
.contact_btn_tel_inner {
  height : 100%;
  min-height : 130px;
  overflow : hidden;
  border-radius : 12px;
}
.contact_btn_form_inner {
  background-color : #00A73C;
}
.contact_btn_tel_inner {
  background-color : #0064B4;
}
.contact_btn_form {
  width : 100%;
  padding : 0 4.8% 0 5.8%;
}
.contact_btn_tel {
  width : 100%;
  padding : 0 3.6% 0 2%;
}

/*イラスト*/
.contact_illust1 {
  position : absolute;
  z-index : 1;
  height : 0;
}
.contact_illust1 {
  bottom : 7%;
  left : -21.5%;
  width : 24.58%;
  padding-top : 27%;
  background : url('../images/illust/contact_illust.png') no-repeat 0 0;
  background-position : left bottom;
  background-size : 100% auto;
}

/********************************************
  各項目のヘッダー                              */
/**/
.header_box {
  background-color : #6C6;
}
.header_box > .contents_bloc {
  position : relative;
  padding : 0 10px;
}

/*イラスト*/
.header_illust1,
.header_illust2,
.header_illust3,
.header_illust4,
.header_illust5 {
  position : absolute;
  z-index : 1;
  height : 0;
}
.header_illust1 {
/*left: 14.1%;*/
  bottom : -5.2%;
  width : 20.2%;
  padding-top : 20.8%;
  background : url('../images/illust/header_illust1.png') no-repeat 0 0;
  background-position : left bottom;
  background-size : 100% auto;
}

.header_illust2 {
  bottom : -11.2%;
  left : 9.4%;
  width : 14.2%;
  padding-top : 24.8%;
  background : url('../images/illust/header_illust2.png') no-repeat 0 0;
  background-position : left bottom;
  background-size : 100% auto;
}
/*.header_illust2 {
  width: 20.7%;
  padding-top: 23.8%;
  left: 2.86%;
  bottom: -15.6%;
  background: url('../images/illust/header_illust2.png') no-repeat 0 0;
  background-size: 100% auto;
  background-position: left bottom;
}
*/
.header_illust3 {
/*left: 14.1%;*/
  bottom : -5.2%;
  width : 20.2%;
  padding-top : 20.8%;
  background : url('../images/illust/header_illust1.png') no-repeat 0 0;
  background-position : left bottom;
  background-size : 100% auto;
}

.header_illust4 {
  bottom : -5.2%;
  left : 1%;
  width : 20.2%;
  padding-top : 20.8%;
  background : url('../images/illust/header_illust1.png') no-repeat 0 0;
  background-position : left bottom;
  background-size : 100% auto;
}

.header_illust5 {
  bottom : -5.2%;
  left : 9%;
  width : 20.2%;
  padding-top : 20.8%;
  background : url('../images/illust/header_illust1.png') no-repeat 0 0;
  background-position : left bottom;
  background-size : 100% auto;
}


/*.header_illust4 {
  width: 14.2%;
  padding-top: 27.6%;
  left: 11.2%;
  bottom: 0;
  background: url('../images/illust/header_illust4.png') no-repeat 0 0;
  background-size: 100% auto;
  background-position: left bottom;
}*/
/*.header_illust5 {
  width: 24.75%;
  padding-top: 27.6%;
  left: 8.8%;
  bottom: -33.4%;
  background: url('../images/illust/contact_illust.png') no-repeat 0 0;
  background-size: 100% auto;
  background-position: left bottom;
}*/

/********************************************
  メインフィーチャー                           */
/*フィーチャー内容*/
/********************************************
  first view                                    */
#main_feature_box {
  overflow : hidden;
}

@media screen and (max-width: 768px) {
  #main_feature_box {
    overflow : visible;
  }
}

.main_feature_box__inner {
  display : flex;
  justify-content : flex-end;
  position : relative;
  width : 100%;
  height : auto;
  max-height : 560px;
  margin : auto;
}

@media screen and (max-width: 768px) {
  .main_feature_box__inner {
    display : flex;
    flex-direction : column;
    justify-content : flex-start;
    position : relative;
    width : 100%;
    height : auto;
    margin : auto;
  }
}

.main_feature_bloc {
  width : 30%;
  padding : 30px 0;
}

@media screen and (max-width: 1430px) {
  .main_feature_bloc {
    width : 35%;
  }
}

@media screen and (max-width: 1165px) {
  .main_feature_bloc {
    width : 38%;
  }
}

@media screen and (max-width: 768px) {
  .main_feature_bloc {
    width : 100%;
    padding : 4%;
  }
}

.main_feature_copy {
  font-weight : 700;
  font-size : 30px;
  line-height : 1.6;
  letter-spacing : 1px;
  text-decoration : underline;
}

@media screen and (max-width:544px) {
  .main_feature_copy {
    font-size : 20px;
  }
}

.main_feature_copy span {
  background : #FFF;
}

.main_feature_copy > .emphasize {
  font-size : 52px;
}

@media screen and (max-width:1363px) and (min-width: 980px) {
  .main_feature_copy > .emphasize {
    font-size : 42px;
  }
}

@media screen and (max-width:979px) and (min-width: 769px) {
  .main_feature_copy > .emphasize {
    font-size : 36px;
  }
}

@media screen and (max-width:544px) {
  .main_feature_copy > .emphasize {
    font-size : 30px;
  }
}

.main_feature_copy-sub{
  text-align: center;
  font-weight: 700;
  font-size: clamp(14px,1.8vw,20px);
}

@media screen and (max-width:544px) {
.main_feature_copy-sub{
  margin-bottom: 1em;
}
}

.main_feature_description {
  margin-top : 40px;
  color : #262B36;
  font-weight : 700;
}

@media screen and (max-width:544px) {
  .main_feature_description {
    margin-top : 4px;
  }
}

.main_feature_description span {
  background : #FFF;
}

.-text.-highlight {
  background-image : linear-gradient(rgba(0,0,0,0) 70%,rgba(255,219,60,.6) 30%);
  color : #000;
  font-weight : 700;
}

.main_feature_action {
  display : inline-block;
  margin-top : 40px;
}

@media screen and (max-width:544px) {
  .main_feature_action {
    display : block;
    margin-top : 16px;
  }
}

.main_feature_action .entry-button {
  display : flex;
  justify-content : center;
  width : 100%;
  max-width : 440px;
  margin : 0 auto;
  padding : 24px 64px;
  border-radius : 40px;
          box-shadow : 0 3px 9px rgb(241 86 110 / 40%);
  background-color : #FF8E1E;
  color : #FFF;
  font-weight : 700;
  font-size : 20px;

  -webkit-box-shadow : 0 3px 9px rgb(241 86 110 / 40%);
}

@media screen and (max-width:1074px) and (min-width: 980px) {
  .main_feature_action .entry-button {
    padding : 24px 44px;
  }
}

@media screen and (max-width:979px) and (min-width: 865px) {
  .main_feature_action .entry-button {
    padding : 24px 24px;
  }
}

@media screen and (max-width:864px) and (min-width: 769px) {
  .main_feature_action .entry-button {
    padding : 24px 24px;
    font-size : 16px;
  }
}

@media screen and (max-width:544px) {
  .main_feature_action .entry-button {
    padding : 24px 24px;
    font-size : 16px;
  }
}

.main_feature_action a.entry-button:hover {
  text-decoration : none;
}

.e-label {
  padding : 4px 8px;
  border : 1px solid #D0112F;
  border-radius : 2px;
  background-color : #D0112F;
  font-size : 12px;
}

.entry-bottun_txt {
  margin-left : 8px!important;
}

.entry-tel {
  width : 100%;
  max-width : 428px;
  margin : 28px auto 0;
  text-align : center;
}

.entry-tel-button {
  display : flex;
  justify-content : center;
  align-items : center;
  padding : 8px;

/*
    height: 36px;
*/
  border-radius : 18px;
          box-shadow : 0 3px 9px rgb(0 0 0 / 10%);
  background-color : #FFF;
  color : #707889;
  font-weight : 700;
  font-size : 12px;

  -ms-flex-pack : center;
  -ms-flex-align : center;
  -webkit-box-shadow : 0 3px 9px rgb(0 0 0 / 10%);
}

.main_feature_gallely {
  position : relative;
  /*    position: absolute;
    top: 0;
    left: 45%;
    width: 100%;
    height: 100%;*/
  width : 58%;
}

@media screen and (max-width: 768px) {
  .main_feature_gallely {
    width : 100%;
  }
}

.main_feature_gallely_list {
  position : relative;

/*    width: 840px;
    height: 560px;*/
  width : 100%;
  height : 100%;
}

.slider {
  position : relative;
  z-index : 1;
  height : 100%;
  max-height : 560px;
}

@media screen and (max-width: 768px) {
  .slider {
    position : relative;
    z-index : 1;

/*
height: 100vh;
*/
    max-height : 478px;
  }
}

@media screen and (max-width: 544px) {
  .slider {
    position : relative;
    z-index : 1;
    height : auto;
  }
}

.slider-item01 {
  background-image : url('../images/main_feature/main_feature_bg2.jpg');
}

@media screen and (max-width: 768px) {
  .slider-item01 {
    background-image : none;
  }
}

.slider-item02 {
  background-image : url('../images/main_feature/main_feature_bg.jpg');
}

.slider-item03 {
  background-image : url('../images/main_feature/main_feature_bg3.jpg');
}

.slider-item04 {
  background-image : url('../images/main_feature/main_feature_bg4.jpg');
}

.slider-item {
  width : 100%;
  height : 100vh;
  max-height : 560px;
  background-position : center;
  background-size : cover;
  background-repeat : no-repeat;
}

@media screen and (max-width:768px) {
  .slider-item {
    height : auto;
  }
}

@media screen and (max-width:544px) {
  .slider-item {
    width : 100%;

/*height: 38vh;*/
    height : 100%;
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
  }
}

.main_feature_gallely_list img {
  width : 100%;
  /*	height: 100%;*/
}

.main_feature_gallely_list:before {
  position : absolute;
  top : 0;
  left : 0;
  z-index : 2;
  width : 0;
  height : 0;
  border-width : 560px 50px 0 0;
  border-style : solid;
  border-color : #FFF transparent transparent;
  content : '';
}

@media screen and (max-width: 768px) {
  .main_feature_gallely_list:before {
    position : relative;
    border : none;
  }
}
/********************************************
  お悩み                                     */
.trouble_header_box.header_box {
  background-color : #C0A36C;
}
.trouble_header_bloc {
  position : relative;
  width : 63.8%;
  margin : 3.75% 0 3.2em 25%;
  padding : 3.7% 0 4%;
}
.trouble_header_bloc::before {
  display : block;
  position : absolute;
  bottom : -1.44em;
  left : 17.4%;
  z-index : -1;
  width : 0;
  height : 0;
  border : 2.9em solid transparent;
  border-top : 1.47em solid #C0A36C;
  border-bottom : 0;
  font-size : 40px;
  content : '';
}

/*お悩み一覧*/
.trouble_bloc {
  position : relative;
  width : 91.4%;
  margin : .75% 0 3.85% 4.3%;
  padding : .15% 4.15% 5.4% 7.2%;
  background-color : #F8E9DD;
}
.trouble_bloc::after {
  position : absolute;
  top : 0;
  left : 0;
  z-index : -1;
  width : 100%;
  height : 100%;
          box-shadow : 4px 4px 4px rgba(0, 0, 0, .3);
  content : '';

  -webkit-box-shadow : 4px 4px 4px rgba(0, 0, 0, .3);
}

.trouble_bloc > dl {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          flex-wrap : wrap;
          justify-content : flex-start;
          align-items : center;
  width : 100%;
  margin : 5.1% 0 0;

  -webkit-flex-wrap : wrap;
      -ms-flex-wrap : wrap;
  -webkit-box-pack : start;
  -webkit-justify-content : flex-start;
  -ms-flex-pack : start;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
}

.t_checkbox {
  position : relative;
  width : 1.14em;
  height : 1.14em;
  margin : 0 .78em 0 0;
  background-color : #FFF474;
  font-size : 40px;
}

.check1_inner,
.check2_inner,
.check3_inner,
.check4_inner,
.icon1,
.icon2,
.icon3,
.icon4 {
  display : block;
  position : absolute;
  width : 1.45em;
  height : 1.36em;
  font-size : 40px;
}


.check1_inner,
.check2_inner,
.check3_inner,
.check4_inner {
  top : -.575em;
  left : 1px;
  overflow : hidden;
}
.icon1,
.icon2,
.icon3,
.icon4 {
  top : 0;
  left : 0;
  background : url(../images/trouble/trouble_check.svg) no-repeat 0 0;
  background-size : 1.45em 1.36em;
}

.t_checkbox + dd {
  width : 90%;
  width : calc(100% - 1.86em);
  margin : 0;
  padding : 0 0 .21em .22em;
  overflow : hidden;
  color : #808080;
  font-size : 41.4px;
  line-height : 1.3em;
  letter-spacing : -2px;
}

.underline_dotted {
  display : inline;
  padding : 0 0 1.75% 0;
  background : #26B7BC;
  background : -webkit-linear-gradient(left, #26B7BC, #26B7BC 8px, transparent 0px, transparent 6px);
  background :      -o-linear-gradient(left, #26B7BC, #26B7BC 8px, transparent 0px, transparent 6px);
  background :         linear-gradient(90deg, #26B7BC, #26B7BC 8px, transparent 0px, transparent 6px);
  background-position : left 2px bottom;
  background-size : 14px 2.5px;
  background-repeat : repeat-x;
}

/********************************************
  主な紹介領域                                       */
.license_header_box {
  background : #F9C158;
}

.license_header_bloc {
  width : 36.05%;
  margin : .75% 0 4.75% 30.7%;
  padding : 3.7% 0 4%;
}

.license_list_bloc {
  display : flex;
  justify-content : space-between;
}

.license_inner {
  width : 31%;
          box-shadow : 2px 2px 4px rgba(0, 0, 0, .35);
  font-size : 20px;

/*padding: 0 .65em .6em 1.3em;*/

  -webkit-box-shadow : 2px 2px 4px rgba(0, 0, 0, .35);
}

.license_inner dt {
  background : #FFF474;
}

.license_1 {
  width : 52%;
  margin : 0 0 0 25.7%;
  padding : 3.7% 0 2%;
}

.license_2 {
  width : 52%;
  margin : 0 0 0 25.7%;
  padding : 3.7% 0 2%;
}

.license_3 {
  width : 39%;
  margin : 0 0 0 30.7%;
  padding : 3.7% 0 2%;
}


.license_inner dd {
  padding : 0 .65em .6em 1.3em;
}

.lisence_list {
  margin-top : .4em;
}

.dotted_line_green {
  display : block;
  position : relative;
  margin-bottom : .4em;
  color : #000;
  font-weight : bold;
/*font-size: 30px;*/
  line-height : 1.5em;
  text-indent : .15em;
}
.dotted_line_green::after {
  position : absolute;
  bottom : 0;
  left : 0;
  width : 100%;
  height : 1.5px;
  background-image : -webkit-linear-gradient(left, #26B7BC, #26B7BC 7px, transparent 1px, transparent 3.5px);
  background-image :      -o-linear-gradient(left, #26B7BC, #26B7BC 7px, transparent 1px, transparent 3.5px);
  background-image :         linear-gradient(to right, #26B7BC, #26B7BC 7px, transparent 1px, transparent 3.5px);
  background-position : left bottom;
  background-size : 14px 1.5px;
  background-repeat : repeat-x;
  content : '';
}

/********************************************
  体験                                       */
.experience_header_bloc {
  width : 78.05%;
  margin : .75% 0 4.75% 21%;
  padding : 3.7% 0 4%;
}

.experience_list {
  margin : 3.6% 0 4.5%;
}
.experience_bloc:not(:last-of-type) {
  margin : 0 0 8.5%;
}
.experience_title {
  margin : 0 0 2%;
  padding : 0 0 0 .43em;
  border-left : .51em solid #7FC5C2;
  font-size : 36px;
  line-height : 1;
  font-family : 'Noto Sans JP', sans-serif;
}
.company_name {
  font-weight : 900;
}
.sove_title {
  font-size : 67%;
}

/*動画*/
.sove_movie_bloc {
  padding : 0 3px;
}
.sove_movie_inner {
  position : relative;
  height : 0;

/*sove_movie_blocの左右が3px*/
  padding-top : 56.60378%;
  overflow : hidden;

  /*sove_movie_blocの左右が2px*/
  /*padding-top: 56.48536%;*/
}
.sove_movie_inner iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100% !important;
  height : 100% !important;
}

/********************************************
  特徴                                       */
.sa_feature_header_bloc {
  width : 75.95%;
  margin : 9.75% 0 4.75% 21.7%;
  padding : 4.1% 0 4.7%;
}

.sa_feature_list {
  margin : 0 ;
}
.sa_feature1_header_bloc,
.sa_feature3_header_bloc {
  width : 94.3%;
  margin : 0 0 2.9% 3.2%;
}
.sa_feature2_header_bloc {
  margin : 0 0 2.9%;
}
.sa_feature1_bloc,
.sa_feature3_bloc {
  margin : 0 0 6.8%;
  padding : 1.5% 5.02% 1.5% 6.55%;
}
.sa_feature2_bloc {
  padding : 1.5% 0;
  /*margin: 0 0 6.8%;*/
}
.sa_feature1_txt {
  margin : 0 2.9% 1.1%;
}
.sa_feature2_txt {
  margin : 0 9.1% 1.7%;
}
.sa_feature3_txt {
  margin : 0 2.9% 3.2%;
}

.sa_feature_list p {
  font-size : 32px;
}

/*ーーーーーーーーーーーーーーーーーーーー*/
/*インタラクティブ*/
.sa_feature1_effect_bloc {
  position : relative;
  padding : 4.6% 2.2% 2.4% 1.8%;
  overflow : hidden;
  border : 2px solid #7FC5C2;
}
.sa_feature1_effect_header {
  position : relative;
  z-index : 2;
  width : 54%;
  margin : 0 auto -2.75%;
  padding : 1% 1.9%;
  background-color : #FFF;
}
/*効果１*/
.sa_feature1_effect1_inner {
  width : 26.2%;
}
.sa_feature1_effect1_txt {
  margin : 0 0 0 12.1%;
}
.sa_feature1_effect1_title {
  display : inline-block;
  width : 100%;
  margin : 0 0 8%;
  padding : 0 54.7% 0 0;
}
.sa_feature1_effect1_img {
  margin : 11% 0 0;
}
/*効果２*/
.sa_feature1_effect2_inner {
  width : 34.4%;
  padding : 0 0 0 1%;
}
.sa_feature1_effect2_txt {
  margin : 0 0 0 13%;
}
.sa_feature1_effect2_title {
  display : inline-block;
  width : 100%;
  margin : 0 0 6.6%;
  padding : 0 27.6% 0 0;
}
.sa_feature1_effect2_img {
  margin : 11% 0 0;
}
/*効果３*/
.sa_feature1_effect3_inner {
  width : 29.6%;
}
.sa_feature1_effect3_title {
  display : inline-block;
  width : 100%;
  margin : 0 0 6.4%;
}
.sa_feature1_effect3_img {
  width : 54.2%;
  margin : 14.6% 0 6.2% 27.8%;
}

/*ーーーーーーーーーーーーーーーーーーーー*/
/*再生回数*/
.sa_feature2_flow {
  margin : 0 0 5%;
}

/*流れブロック*/
.sa_feature2_flow1_bloc {
  position : relative;
  z-index : 5;
  width : 15.3%;
}
.sa_feature2_flow2_bloc {
  position : relative;
  z-index : 3;
  width : 26.9%;
}
.sa_feature2_flow3_bloc {
  width : 27.7%;
}
.sa_feature2_arrow1_bloc {
  position : relative;
  z-index : 4;
  width : 14.6%;
}
.sa_feature2_arrow2_bloc {
  position : relative;
  z-index : 2;
  width : 15.5%;
}

/*流れ*/
.sa_feature2_flow1_inner,
.sa_feature2_flow2_inner,
.sa_feature2_flow3_inner {
  width : 100%;
}

/*矢印ブロック*/
.sa_feature2_arrow1_inner {
  position : relative;
  width : 100%;
  padding : 0 10% 0 12%;
  color : #000;
  font-size : 18px;
}
.sa_feature2_arrow2_inner {
  position : relative;
  width : 100%;
  padding : 0 7.3% 0 8%;
  color : #000;
  font-size : 18px;
  text-align : center;
}
/*矢印*/
.sa_feature2_straight_arrow {
  width : auto;
  height : 28px;
  background : url(../images/sa_feature/sa_feature2_arrow.svg) no-repeat 0 0;
  background-size : auto 100%;
}
.sa_feature2_three_arrows {
  width : auto;
  height : 262px;
  margin : 0 0 0 8%;
  background : url(../images/sa_feature/sa_feature2_arrow3.svg) no-repeat 0 0;
  background-size : auto 100%;
}
.sa_feature2_arrow1_txt {
  position : absolute;
  top : -1.65em;
}
.sa_feature2_arrow2_txt1 {
  position : absolute;
  top : -3.3em;
}
.sa_feature2_arrow2_txt2 {
  position : absolute;
  top : 25%;
}
.sa_feature2_arrow2_txt {
  position : absolute;
  right : 6.5%;
  bottom : -28%;
  width : 170%;
}

/*ターゲッティング*/
.sa_feature2_targeting_header {
  width : 60%;
  margin : 0 auto 2.4%;
}
.sa_feature2_targeting_img {
  width : 89.9%;
  margin : 2.2% auto 0;
}

/*ーーーーーーーーーーーーーーーーーーーー*/
/*可視化の流れ*/
.sa_feature3_flow {
  width : 97.2%;
  margin : 0 0 3% 2.8%;
}
.sa_feature3_flow1_bloc {
  width : 37.6%;
}
.sa_feature3_flow2_bloc {
  width : 49.1%;
}
.sa_feature3_arrow_bloc {
  width : 13.3%;
  padding : 0 2.5% 0 6.1%;
}
.sa_feature3_flow1_inner,
.sa_feature3_flow2_inner {
  width : 100%;
}
.sa_feature3_flow2_inner {
  margin : 3.8% 0 0;
}
/*矢印*/
.sa_feature3_arrow {
  width : 100%;
  height : 34.65%;
  margin : 360% 0 0;
  background : url(../images/sa_feature/sa_feature3_arrow.svg) no-repeat 0 0;
  background-size : 100% auto;
}


/********************************************
  ご利用の流れ                                       */
.flow_intro_header_bloc {
  width : 44.95%;
  margin : 9.75% 0 4.75% 21.7%;
  padding : 4.1% 0 4.7%;
}
/*

#flow_intro_box .header {
  width: 79.2%;
}*/

.flow_intro_bloc li:nth-of-type(odd) {
  background-color : #EBF5EA;
}

.flow_intro_inner {
  width : 93.25%;
  margin : 1.4% auto;
  padding : 1% 0;
}
.flow_intro_step,
.flow_intro_con_inner {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          align-items : center;

  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
}
.flow_intro_step_inner {
  width : 17%;
}
.flow_intro_step {
  display : block;
  width : 100%;
}
.flow_intro_con_inner {
  width : 81.45%;
  overflow : hidden;
  font-size : 20.2px;
  line-height : 1.65em;
}
.flow_intro_con {
  width : 100%;
  font-size : 32px;
}

#flow_intro1 .flow_intro_inner {
  margin : 1.4% auto 1.4%;
}


/********************************************
  面接会場                                       */
.interview_header_bloc {
  width : 30.2%;
  margin : .75% 0 4.75% 29.3%;
  padding : 4.1% 0 4.7%;
}

.interview_bloc {
  display : flex;
  flex-wrap : wrap;
  justify-content : space-between;
  margin : 20px 0 5% 0;
}

.map {
  width : 48%;
  margin : 0 0 8.75% 0;
}

.place_name {
  color : #0165B4;
  font-weight : bold;
  font-size : 20px;
}

.map p {
  margin-bottom : 20px;
  line-height : 2;
}

.interview_header_bloc dl,
.interview_map_bloc {
  width : 100%;
}

.interview_address_name {
  width : 44.95%;
  margin : 0 0 8.75% 21.7%;
}

.interview_address_txt p {
  margin : 4.75% 0;
}

.interview_address_txt span {
  font-size : 23px;
}

.interview_map_bloc {
  position : relative;
  height : 0;
  padding-top : 210px;
  padding-bottom : 34.25%;
  overflow : hidden;
}

.interview_map_bloc iframe,
.interview_map_bloc object,
.interview_map_bloc embed {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}


/********************************************
  理由                                       */
.reason_header_bloc {
  width : 42.2%;
  margin : .75% 0 4.75% 29.3%;
  padding : 4.1% 0 4.7%;
}

.reason_list {
  width : 89%;
  margin : 0 0 5.6% 4.5%;
}
.reason_bloc {
  padding : 0 0 0 13.8%;
  overflow : hidden;
}
.reason_bloc:not(:last-of-type) {
  margin : 0 0 10%;
}
.reason_list_text {
  font-size : 21.6px;
  line-height : 1.5;
}
/*理由番号*/
.reason_list_header_bloc {
  position : relative;
  margin : 0 0 1.3% .4%;
}
.reason_list_header_bloc::before {
  position : absolute;
  top : 0;
  left : -16.4%;
  z-index : 2;
  width : 12.6%;
  background-color : rgba(0, 0, 0, 1);
  content : '';
}

.reason_header_no1::before {
  height : 320%;
  background : url(../images/reason/icon_q.svg) no-repeat 0 0;
  background-size : 100% auto;
}
.reason_header_no2::before {
  height : 368%;
  background : url(../images/reason/icon_q.svg) no-repeat 0 0;
  background-size : 100% auto;
}

.reason_header_no3::before {
  height : 320%;
  background : url(../images/reason/icon_q.svg) no-repeat 0 0;
  background-size : 100% auto;
}

/*キャンペーン*/
.campaign_bloc {
  background : #D3EADD;
  background : -webkit-gradient(linear, left top, right top, color-stop(25%, #D3EADD), color-stop(25%, #FFF), color-stop(50%, #FFF), color-stop(50%, #D3EADD), color-stop(75%, #D3EADD), color-stop(75%, #FFF), to(#FFF));
  background : -webkit-linear-gradient(left, #D3EADD 25%, #FFF 25%, #FFF 50%, #D3EADD 50%, #D3EADD 75%, #FFF 75%, #FFF);
  background :      -o-linear-gradient(left, #D3EADD 25%, #FFF 25%, #FFF 50%, #D3EADD 50%, #D3EADD 75%, #FFF 75%, #FFF);
  background :         linear-gradient(90deg, #D3EADD 25%, #FFF 25%, #FFF 50%, #D3EADD 50%, #D3EADD 75%, #FFF 75%, #FFF);
  background-position : top center;
  background-size : 55px 55px;
}
.campaign_inner {
  width : 86.8%;
  margin : 4.25% auto 4.9%;
}


/********************************************
  フォーム                                    */
.form_header_box.header_box {
  background-color : #7FC5C2;
}
.form_header_bloc {
  position : relative;
  width : 58.7%;
  margin : 9.2% 0 4.2em 25.4%;
  padding : 2% 0 2.2%;
}
.form_header_bloc::before {
  display : block;
  position : absolute;
  bottom : -1.87em;
  left : 15.8%;
  z-index : -1;
  width : 0;
  height : 0;
  border : 3.76em solid transparent;
  border-top : 1.9em solid #7FC5C2;
  border-bottom : 0;
  font-size : 40px;
  content : '';
}


/*-------------------*/
/*フォーム入力欄*/
.form_bloc {
  width : 76.6%;
  margin : auto;
  padding : 10px 10px;
  border-radius : 10px;
          box-sizing : border-box;

  -webkit-box-sizing : border-box;
}
.form_bloc dt {
  margin : 20px auto 10px;
  padding : 5px;
  background-color : #FFF1C5;
  font-weight : bold;
}
.form_bloc dd {
  margin : 0;
}

/*必須やサンプル*/
.input_notes {
  padding-left : 5px;
}
.required_mark {
  display : inline;
  margin-left : 12px;
  padding : 3px 5px;
  background-color : #E90000;
  color : white;
}
.sample {
  margin-left : 20px;
}

/*inputの必須の背景色*/
.required {
  background-color : #FEE;
}
/*フォーカス時の背景色*/
.inInput {
  background-color : #FEFFE6 !important;
}
/*入力されている時の背景色*/
.endInput {
  background-color : #EDFFEC !important;
}

input[type='text'],
input[type='url'],
input[type='email'],
input[type='tel'] {
  width : 100%;
  width : calc(100% - 10px);
  max-width : 908px;
  margin : 4px 5px;
  padding : 10px 5px;
  border : 1px solid #CCC;
  border-radius : 10px;
  font-size : 16px;
}

.check_box {
  margin-left : 10px;
}

.checkbox_label {
  margin-left : 10px;
}


textarea {
  width : 100%;
  width : calc(100% - 10px);
  min-width : 250px;
  max-width : 908px;
  margin : 4px 5px;
  padding : 10px 5px;
  border : 1px solid #CCC;
  border-radius : 10px;
  font-size : 16px;
}
/*スクロールバー表示させる(ipad)*/
textarea::-webkit-scrollbar {
  width : 10px;
}
textarea::-webkit-scrollbar-thumb {
  border-radius : 10px;
  background : #DDD;
}
textarea::-webkit-scrollbar-track-piece:start {
  background : #AAA;
}
textarea::-webkit-scrollbar-track-piece:end {
  background : #FFF;
}

/*送信ボタン*/
.buttonBox {
  width : 58.6%;
  margin : 4% auto 5%;
}
.buttonBox button[type='submit'] {
  display : block;
  position : relative;
  z-index : 2;
  width : 100%;
  max-width : 736px;
  margin : 12px auto;
  padding : 10px 0;
  border : 2px solid #FC9;
  border-right : 2px solid #C23D14;
  border-bottom : 2px solid #C23D14;
  border-radius : 7px;
  background-color : #F3983B;
  color : #FFF;
  font-weight : bold;
  font-size : 24px;
  text-align : center;

  -webkit-appearance : none;
     -moz-appearance : none;
          appearance : none;
}
/*送信ボタンの▶︎用*/
.submit_btn {
  position : relative;
  padding-right : 1em;
}
.submit_btn::before {
  position : absolute;
  top : 50%;
  right : 0;
  z-index : 1;
          transform : translateY(-50%);
  width : 0;
  height : 0;
  border : .5em solid transparent;
  border-right : 0;
  border-left : .8em solid #FFF;
  content : '';

  -webkit-transform : translateY(-50%);
      -ms-transform : translateY(-50%);
}

/*******************************************
  確認ページ用*/
#comfirm_box {
  margin : 0 auto 2em;
}
.comfirm_bloc {
  margin : auto;
  padding : 10px 20px 30px 20px;
  border-radius : 10px;
}
.comfirm_bloc dt {
  width : 30%;
  margin : 20px auto 10px;
  padding : 5px;
  background-color : #FFF1C5;
  font-weight : bold;
}
.comfirm_bloc dd {
  width : 70%;
  margin : 20px auto 10px;
  padding : 5px 10px;
}
.comfirm_bloc pre {
  height : 300px;
  padding : 5px;
  overflow-y : scroll;
  border : 1px solid #DDD;
  white-space : pre-wrap;
  word-wrap : break-word;
}
/*スクロールバー表示させる(ipad)*/
.comfirm_bloc pre::-webkit-scrollbar {
  width : 10px;
}
.comfirm_bloc pre::-webkit-scrollbar-thumb {
  border-radius : 10px;
  background : #DDD;
}
.comfirm_bloc pre::-webkit-scrollbar-track-piece:start {
  background : #AAA;
}
.comfirm_bloc pre::-webkit-scrollbar-track-piece:end {
  background : #FFF;
}

/*******************************************
  thanks & errorページ用                     */
/*フッター下部固定用*/
#thk_err_lay,
#sub_page_wrap {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          flex-direction : column;
  min-height : 100vh;

  -webkit-box-orient : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction : column;
      -ms-flex-direction : column;
}
#sub_page_wrap > footer {
  margin-top : auto;
}

#sub_page_wrap > header {
  padding : 0;
}
#sub_page_wrap > header::before {
  height : 100%;
}

#thk_err_box {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
          align-items : center;
  min-height : 78vh;

  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
}

.thk_err_contents_bloc {
  width : 100%;
  max-width : 980px;
  margin : 0 auto;
  padding : 2em 5%;
}

.msg_box {
  max-width : 640px;
  margin : auto;
  padding : 2em 10px;
}
.err_header,
.thk_header {
  padding : .5em 10px;
  font-weight : bold;
  font-size : 120%;
  line-height : 1.15em;
  text-align : center;
}
.thk_header {
  background-color : #A3D6CC;
  color : #006A6C;
}
.err_header {
  background-color : #F19CA7;
  color : #D70035;
}
.ok_header_comfirm {
  background-color : #006A6C;
  color : #FFF;
}
.err_header_comfirm {
  background-color : #D70035;
  color : #FFF;
}

/*確認ページ*/
.errMsgList {
  list-style-type : disc;
  margin : 1em 0 1em 1.25em;
  color : #F00;
  line-height : 2em;
}


/*完了ページ*/
.msg_box_inner1 {
  margin : 1em auto 2em;
}
.msg_box_inner2 {
  margin : 2em auto;
}

.msg_box p {
  margin : .5em 0;
}
.msg_box p.sin {
  margin-top : 3em;
  text-align : right;
}
.msg_box p.ec {
  margin : 3em auto -3em;
  color : #EEE;
  text-align : right;
}

/*戻るボタン*/
.back_btn_box {
  width : 40%;
  min-width : 220px;
  height : 2.5em;
  margin : 1.75em auto;
  font-size : 30px;
  line-height : 1.5em;
}
.back_btn_box > .back_btn {
  display : block;
  width : 100%;
  height : 100%;
  padding : .5em;
  border : 0;
  border-radius : 14px;
  background-color : #BBB;
  color : #FFF;
  text-decoration : none;
  text-align : center;
}

/********************************************
 仕事一覧ページリンクボタン */
.search_btn_bloc {
  display : block;
  position : relative;
  width : 60%;
  margin : 5% auto;
}

.search_btn_inner {
  height : 100%;
  min-height : 130px;
  overflow : hidden;
  border-radius : 12px;
  background-color : #FFF474;
}

.search_btn_form {
  width : 100%;
  padding : 0 4.8% 0 5.8%;
}
/********************************************
休業のお知らせ
 */

.announce {
  margin : 1.75% 0;
  font-size : 16px;
  text-align : center;
}

@media screen and (max-width: 768px) {
  .announce {
    text-align : left;
  }
}

/********************************************
注目のお仕事
 */
.new-arrival{
  position: relative;
}
/* swiper */
.swiper{
  width: calc(100% - 100px);
}

.swiper-wrapper{
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}

.swiper-slide{
  width: 100%;
}

.swiper-pagination-bullets {
  width: 100px;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #fff;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

/* .swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
} */

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: #00A73C;
  border-radius: 50%;
  transform: translate(0, -50%);
  transition: left 0.24s, right 0.24s;
  cursor: pointer;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: .5em;
    height: .5em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(25%) rotate(-135deg);
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: .5em;
  height: .5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

/* end - swiper */


.jobCont {
  background : #EBF5EA;
}

.jobList-header-block{
  width: 36.05%;
  margin: .75% 0 4.75% 36%;
  padding: 3.7% 0 4%;
}

/* .jobList-wrap {
  display : flex;
  justify-content : space-between;
} */

.jobList {
  position : relative;
  width : 19.5%;
  padding : .8%;
  border-radius : 10px;
  background : #FFF;
  height: auto;
}

@media screen and (max-width: 768px) {
  .jobList {
    padding : 1.2%;
  }
}

.jobList-image {
  margin-bottom : 4px;
}

.jobList__jobname h3 {
  margin-bottom : 8px;
  text-decoration: underline;
}

.jobList a{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.l_main__inner_content {
  max-width: 992px;
  /* margin-left: auto;
  margin-right: auto; */
  margin : 5% auto;
}
@media (min-width: 544px) {
  .l_main__inner_content {
    width: 94%;
  }
}

.btn_area {
  text-align: center;
}
@media (max-width: 543px) {
  .btn_area--row {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
}
.btn_area.btn_area--sm {
  padding: .75rem 0;
}
.btn_area.btn_area--md {
  padding: 1rem 0;
}
@media (min-width: 544px) {
  .btn_area.btn_area--md {
    padding: 1.25rem 0;
  }
}
.btn_area.btn_area--lg {
  padding: 1.5rem 1.5rem;
}
@media (min-width: 544px) {
  .btn_area.btn_area--lg {
    padding: 1.75rem 1.75rem;
  }
}
.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.btn_more {
  display: block;
  color: #000000;
  border: 1px solid #e1e1e1;
  background: #fff;
  padding: .5em .5em;
  margin: 0 auto 0;
}
@media (max-width: 543px) {
  .btn.btn_more {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 544px) {
  .btn.btn_more {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .btn.btn_more {
    width: 35%;
  }
}
.btn.btn_more:hover {
  color: #4e4e4e;
  background: #f7f7f7;
}
.btn.btn_more:after {
  font-family: 'icomoon';
  content: "\e258";
  position: relative;
  margin-left: .2em;
}
.btn.btn_more.btn_more--next {
  width: 60%;
  margin-bottom: 1.5em;
}
.btn.btn_recruit {
  color: #fff;
  border: 2px solid #fff;
  width: 35%;
  padding: .85em .85em;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
  font-weight: bold;
  margin: 0 .25rem;
}
@media (max-width: 543px) {
  .btn.btn_recruit {
    font-size: 1.6rem;
    width: 46%;
  }
}
@media (min-width: 544px) {
  .btn.btn_recruit {
    font-size: 1.7rem;
    margin: 0 .5rem;
  }
}
@media (min-width: 992px) {
  .btn.btn_recruit {
    font-size: 1.8rem;
  }
}
.btn.btn_tel {
  width: 35%;
  margin: 0 .25rem;
  line-height: 1.44;
}
@media (max-width: 543px) {
  .btn.btn_tel {
    font-size: 1.6rem;
    width: 46%;
  }
}
@media (min-width: 544px) {
  .btn.btn_tel {
    font-size: 1.7rem;
    margin: 0 .5rem;
  }
}
@media (min-width: 992px) {
  .btn.btn_tel {
    font-size: 1.8rem;
  }
}
.btn.btn_change {
  color: #fff;
  padding: .5em .85em;
  font-weight: bold;
  border: 2px solid #fff;
  width: 35%;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
}
@media (max-width: 543px) {
  .btn.btn_change {
    width: 46%;
  }
}
@media (min-width: 544px) {
  .btn.btn_change {
    font-size: 1.7rem;
    padding: .85em .85em;
  }
}
@media (min-width: 992px) {
  .btn.btn_change {
    font-size: 1.8rem;
  }
}
.btn.btn_contents {
  font-size: 1.9rem;
  line-height: 1.33;
  font-weight: bold;
  padding: 1.25em .85em;
  color: #fff;
  border: 2px solid #fff;
  width: 100%;
  max-width: 640px;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
}
@media (min-width: 544px) {
  .btn.btn_contents {
    font-size: 2.1rem;
  }
}
@media (min-width: 992px) {
  .btn.btn_contents {
    font-size: 2.4rem;
  }
}
.btn.btn_sticky {
  font-size: 1.7rem;
  line-height: 1.33;
  font-weight: bold;
  padding: 1em .85em;
  color: #fff;
  border: 2px solid #fff;
  width: 100%;
  max-width: 640px;
  box-shadow: 0px 0px 2px rgba(138, 138, 138, 0.35);
}
@media (min-width: 544px) {
  .btn.btn_sticky {
    font-size: 1.9rem;
    padding: 1em .85em;
  }
}
@media (min-width: 992px) {
  .btn.btn_sticky {
    font-size: 2.1rem;
    padding: 1em .85em;
  }
}
@media (min-width: 1500px) {
  .btn.btn_sticky {
    font-size: 2.4rem;
    padding: 1.25em .85em;
  }
}
.btn.btn_detail {
  background: #808080;
}
.btn.btn_detail:hover {
  background: #8d8d8d;
}
.btn.btn_main {
  background: #fa9f0c;
}
.btn.btn_main:hover {
  background: #fba925;
}
.btn.btn_entry {
  background: #ff5252;
}
.btn.btn_entry:hover {
  background: #ff6c6c;
}
/*

  search_form

*/
.dl_wrapper--search_form dl {
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px dotted #cccccc;
}
@media (max-width: 543px) {
  .dl_wrapper--search_form dl {
    padding: 1.25rem 1rem;
  }
}
@media (min-width: 544px) {
  .dl_wrapper--search_form dl {
    display: table;
  }
}
.dl_wrapper--search_form dl dt span {
  font-size: 1.4rem;
  background: #00A73C;
  padding: .25rem 1.5rem;
  padding-right: 1rem;
  position: relative;
  color: #fff;
  border-radius: .2rem;
}
.dl_wrapper--search_form dl dt span:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: .5rem;
  margin-top: -0.25rem;
}
@media (max-width: 543px) {
  .dl_wrapper--search_form dl dt {
    margin-bottom: 1rem;
  }
}
@media (min-width: 544px) {
  .dl_wrapper--search_form dl dt {
    display: table-cell;
    font-weight: normal;
    width: 25%;
    padding: 1em;
  }
}
@media (min-width: 768px) {
  .dl_wrapper--search_form dl dt {
    width: 19%;
  }
}
@media (min-width: 992px) {
  .dl_wrapper--search_form dl dt {
    width: 16%;
  }
}
.dl_wrapper--search_form dl dd {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}
@media (min-width: 544px) {
  .dl_wrapper--search_form dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 1em;
  }
}
/*CheckBoxとText */
label.checkbox_label {
  cursor: pointer;
  position: relative;
  padding-left: 2em;
  margin-right: 2em;
  overflow: hidden;
  display: inline-block;
  line-height: 1.55;
  margin-bottom: .5em;
}
@media (max-width: 543px) {
  label.checkbox_label {
    display: block;
  }
}
label.checkbox_label:before {
  content: '';
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  left: 0px;
  top: 0;
  border: 1px solid #e1e1e1;
  z-index: 3;
}
label.checkbox_label.focus:before {
  border-color: #1c7bd1;
}
label.checkbox_label:after {
  content: '';
  position: absolute;
  top: .7em;
  left: .5em;
  display: block;
  margin-top: -0.5em;
  width: .5em;
  height: .8em;
  border-right: 3px solid #1c7bd1;
  border-bottom: 3px solid #1c7bd1;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  z-index: 1;
}
label.checkbox_label input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  left: -1.5em;
  width: 1.5em;
  height: 1.5em;
  display: block;
  box-shadow: 1.5em 0px 1px #fff;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border-radius: 0;
  border: none;
}
label.checkbox_label input:checked {
  box-shadow: none;
}
label.checkbox_label input:checked:focus {
  box-shadow: 1.5em 0px 1px #1c7bd1;
  opacity: .05;
}
label.checkbox_label input:focus {
  box-shadow: 1.5em 0px 1px #f2f3f4;
}
.search_form_wrapper {
  position: relative;
  background: #fff;
}
@media (max-width: 543px) {
  .search_form_wrapper {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }
}
@media (min-width: 544px) {
  .search_form_wrapper {
    border: 1px solid #e1e1e1;
    margin-bottom: .5em;
  }
}
@media (min-width: 768px) {
  .search_form_wrapper {
    margin-bottom: 1.5em;
  }
}
.search_form_wrapper--title {
  position: relative;
  background: #f7f7f7;
  padding: 1em;
  font-weight: bold;
}
@media (min-width: 544px) {
  .search_form_wrapper--title {
    background: #f7f7f7;
  }
}
.search_form_wrapper--title:before {
  font-family: 'icomoon';
  content: "\e003";
  margin-right: .2em;
  color: #1c7bd1;
}
/* .search_form_wrapper--body {
  display: none;
} */
@media (max-width: 543px) {
  .search_form_wrapper--body {
    /* display: none; */
    border-top: 1px solid #e1e1e1;
  }
}
.search_form_wrapper--body.open {
  display: block;
}
.btn_menu {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.btn_menu span {
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  width: 70px;
  padding: .5em;
  border-radius: .2em;
  border: 1px solid #1c7bd1;
  background: #fff;
  color: #1c7bd1;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 50%;
  right: .75em;
  margin-top: -1.4em;
}
@media (min-width: 544px) {
  .btn_menu span {
    font-size: 1.5rem;
  }
}
@media (min-width: 544px) {
  .btn_menu span {
    font-size: 1.6rem;
    width: 100px;
  }
}
.btn_menu.open span {
  background: #1c7bd1;
  color: #fff;
}
.search_form__btn_area {
  text-align: center;
  padding: 1em;
}
@media (min-width: 544px) {
    .load-searchform .result-nothing{
        background: #f7f7f7;
        padding: 50px 15px;
        text-align: center;
        margin: 0 0 3.5em;
    }
    .load-searchform .result-nothing p{
        margin: 0;
    }
}
@media (max-width: 543px) {
    .load-searchform .l_section{
        background: none;
    }
    .load-searchform .result-nothing{
        padding: 50px 15px;
    }
    .load-searchform .result-nothing p{
        margin: 0;
    }
    .load-searchform .result-nothing p span{
        display: block;
        text-align: center;
    }
}

.free_word {
  width: 100%;
}
@media (min-width: 768px) {
  .free_word {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .free_word {
    width: 50%;
  }
}
input[type="search"] {
  width: 100%;
  box-sizing: border-box;
  padding: .5em .75em;
  border: 1px solid #e1e1e1;
  line-height: 1.8;
  border-radius: 0;
  -webkit-appearance: none;
  font-weight: normal;
}
.pseudo_select {
  font-weight: normal;
  padding: .5em .75em;
  width: 100%;
  background: #fff;
  border: 1px solid #e1e1e1;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pseudo_select {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .pseudo_select {
    width: 50%;
  }
}
.pseudo_select select {
  -webkit-appearance: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.pseudo_select.focus {
  border: 1px solid #1c7bd1;
}
.pseudo_select:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.pseudo_select:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #333;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 15px;
}
.notfound {
  text-align: center;
}
@media (min-width: 544px) {
  .notfound.notfound--kyujin_l {
    padding-top: 1em;
  }
}