/*《記事のパーツ調整》-----------------------------------------------------------*/

.st-in-mybox {
padding: 35px 0;
}
.number {
background: #FFF234;
color: #594138;
border-radius: 50px;
display: inline-block;
font-weight:bold;
padding: 8px 20px;
margin: 0px 10px 0px 0;
}

.photoline {
margin-top: 5px;
margin-bottom: 20px;
}

.st-list-check ,.st-list-no{
margin-top: 15px;
margin-bottom: 10px;
}

/*------------------------------------------------------------*/
#nendebcopy {
  display:none !important;
}
 
.colum1.lp #content-w main {
   padding-top: 0px;
}

.st-hide {
   display:none !important;
  }
  
/*《GoogleFont》-----------------------------------------------------------*/
.poppins{
   font-family: 'Poppins', sans-serif!important;
}
   
/*《▽各パーツの文字サイズ変更》--------------------------------------------------------------------*/
  #footer .footermenust a {
    padding:0px;
    margin:0px;
    font-size: 16px;
}
/*《△各パーツの文字サイズ変更》-----------------------------------------------------------------------*/
/*《▽Googleマテリアルアイコン》--------------------------------------------------------------------*/
/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;  /* 推奨サイズ */
  display: inline-block;
  width: 1.1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  color: #2b2b2a;
  vertical-align: -20%;
  
/* WebKitブラウザサポート */
-webkit-font-smoothing: antialiased;
/* Chrome、Safariサポート */
text-rendering: optimizeLegibility;
/* Firefoxサポート */
-moz-osx-font-smoothing: grayscale;
/* IEサポート */
font-feature-settings: 'liga';
}
/* アイコンサイズ */
  .material-icons.md-18 { font-size: 18px; }
  .material-icons.md-24 { font-size: 24px; }
  .material-icons.md-36 { font-size: 36px; }
  .material-icons.md-48 { font-size: 48px; }
  .material-icons.md-108 { font-size: 108px; }
  
  /* アイコンカラー */
  .material-icons.red { color: #c9171e; }
  .material-icons.blue { color: #102cd4; }
  .material-icons.navy { color: #19448e; }
  .material-icons.orange { color: #be4815;}
  .material-icons.orange2 { color: #ed6d3d;}
  .material-icons.yellow { color: #ffd900;}
  .material-icons.gray { color: #474a4d;}
  .material-icons.green { color: #0e8584;}
  .material-icons.white { color: #ffffff;}
  
  /* 背景が明るいとき用のアイコン色 */
  .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
  .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
  
  /* 背景が暗いとき用のアイコン色 */
  .material-icons.md-light { color: rgba(255, 255, 255, 1); }
  .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
  /*《△Googleマテリアルアイコン》-----------------------------------------------------------------------*/
  
  /*《▽サイトの横揺れ調整》--------------------------------------------------------------------*/
  html {
      max-width:100%;
      height: auto;
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
  }
  /*《△サイトの横揺れ調整》-----------------------------------------------------------------------*/
  /*《▽テーブルの調整》--------------------------------------------------------------------*/
  table {
  box-sizing: border-box;
  border-top: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
  margin-bottom: 20px;
  max-width: 100%;
  }
  
  table tr th {
  font-size: 0.9em;
  line-height: 1.6;
  padding: 0.6em 0.2em 0.6em 0.2em;
  font-weight: normal;
  color: #424242;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #d7d7d7;
  border-left-color: #d7d7d7;
  }
  
  table tr td {
  font-size: 0.9em;
  line-height: 1.6;
  padding: 0.6em 0.2em 0.6em 0.2em;
  font-weight: normal;
  color: #424242;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #d7d7d7;
  border-left-color: #d7d7d7;
  vertical-align:top;
  }
  
  
  table tr td:last-child {
  margin-bottom:0;
  }
  
  /*《△テーブルの調整》-----------------------------------------------------------------------*/
  
  /*《▽テーブル・カンパニープロフィールの装飾》--------------------------------------------------------------------*/
  table.companylayout{ 
  width: 100%;
  table-layout: fixed;
  background-color: #ffffff;
  }
  
  table.companylayout th, table.companylayout td{ 
  padding: 10px; 
  border: 1px solid #ddd;
  }
  
  table.companylayout th	{
  width: 25%; 
  text-align: left;
  }
  
  table.companylayout tr:nth-child(even) {
  background-color: #EEEEEE;
  }
  
  table.companylayout tr:hover {
  background-color: #E0FFFF;
  }
  /*《△テーブル・カンパニープロフィールの装飾》-----------------------------------------------------------------------*/
  
  /*《▽コンタクトフォーム7》------------------------------------------------------------*/
  /* ボックス全体の調整 */
  table.inquiry {
  width: 100%;
  margin-top: 10px;
  color: #474a4d;
  }
  
/* チェックボックスの調整 */
.box2{
  margin: 60px 0;
   }
.box3 {
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 10px;
  width: 100%;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
   
.wpcf7-form-control-wrap {
 display: block;
}
.wpcf7-form-control.wpcf7-checkbox {
 display: flex;
 flex-wrap: wrap;
}
span.wpcf7-list-item {
 position: relative;
 margin: 0 50px 0 0 !important;/*項目ごとの余白を調整*/
}

.wpcf7-list-item-label {/*項目の色や文字サイズ*/
 cursor: pointer;
 font-size: 16px;
 color: #474a4d;
}

input[type="checkbox"] {
 position: absolute;
 opacity: 0;/*既存のチェックボックスを見えなくする*/
}

.wpcf7-list-item-label:before {/*チェックボックスの枠*/
 content: '';
 border: 1px solid rgb(66, 66, 66);
 display: inline-block;
 width: 16px;
 height: 16px;
 position: relative;
 top: -2px;
 margin-right: 5px;
 vertical-align: middle;
 cursor: pointer;
 text-align: center;
}

input[type="checkbox"]:checked + .wpcf7-list-item-label:after {/*チェックアイコン*/
 content: "";
 display: block;
 position: absolute;
 top: -2px;
 left: 3px;
 width: 20px;
 height: 20px;
 background: url("https://lh3.googleusercontent.com/pw/AM-JKLWcHq1bnSwoh-L1sElSz9ro4tTA-SPGrK7baVTGgExoZW3lT0fR2l1YNmXBfKKUYw0OsV81i7wESg6hOUJNdse8qpraRps0vpTKp_Syss3GShbunkmxow9-cnp1bkVkZQNu81x3FjM0FAlc7HH7jaEt=s512-no") no-repeat center;
 background-size: contain;
}
 
/* 入力欄の調整 */
.post select{
 border-radius:3px;
 border:1px solid #ccc;
}
   
/* 見出し欄 */
.inquiry th {
 text-align: left;
 font-size: 14px;
 font-weight: normal;
 color: #474a4d;
 padding-right: 5px;
 width: 30%;
 background:#f7f7f7;
 border: solid 1px #d7d7d7;
}
 
/* 入力欄 */
.inquiry td {
 font-size: 14px;
 border: solid 1px #d7d7d7;
}
   
/* 「必須」項目 */
.haveto {
 font-size: 9px;
 padding: 5px;
 background: #d3381c;
 color: #fff;
 border-radius: 2px;
 margin-right: 5px;
 position:relative;
 bottom:1px;
}
   
/* 任意の調整 */
.any {
 font-size: 9px;
 padding: 5px;
 background: #2a83a2;
 color: #fff;
 border-radius: 2px;
 margin-right: 5px;
 position:relative;
 bottom:1px;
}
   
/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
 display: block;
}
   
/*入力欄にフォーカスしたら変化する箇所と色*/
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="select"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="quiz"]:focus, textarea:focus {
 background: #EEFFFF;
 box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
   
/*確認・戻って入力し直し・送信するボタンの装飾-------------------------*/
  
  
/*ボタン配置調整*/
.center{
 text-align: center;
 margin-top: 30px;
}
  /*ボタン配置調整*/
  
  
  /*ボタンの並び調整*/
  .flex{
  padding: 2% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  }
  
  .flex > *{
  width: 48%;
  background: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 80px;
  }
  
  .flex,
  .flex > *{
  border: none;
  }
  
  /*ボタンの並び調整*/
  .sendbtn .btn{
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.4em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: .25rem;
  }
  
  .contactformbtn{
  margin: 0;
  padding: 0;
  }
  
  
  /* 確認ボタンのデザイン変更 */
  .kakuninbtn{
  margin: 0;
  padding:20px!important;
  width:75%;
  background: #ff8c00!important;
  color: #fff;
  font-size: 20px!important;
  border-radius: 2px!important;
  font-weight: 900;
  }
  
  .kakuninbtn:hover{
  background:#fff!important;
  color:#d2691e;
  border:2px solid #ff8c00;
  }
  
  /* 戻るボタンのデザイン変更 */
  .modorubtn{
  padding:20px!important;
  width:100%;
  background-color: #df7401!important;
  color: #fff;
  font-size: 20px!important;
  border-radius: 2px!important;
  font-weight: 900;
  }
  
  .modorubtn:hover{
  background:#fff!important;
  color:#b45f04;
  border:2px solid #df7401;
  }
  
  
  /* 送信ボタンのデザイン変更 */
  .soushinbtn{
  padding: 20px!important;
  width: 100%;
  background-color: #00984f!important;
  color: #ffffff!important;
  font-size: 20px!important;
  border-radius: 2px!important;
  font-weight: 900;
  }
  
  .soushinbtn:hover{
  background-color: #a5c9c1!important;
  color: #004d25;
  border:2px solid #0174df;
  }
  
  
  /*送信完了・NG・スパム・エラーメッセージ-------------------------*/
  
  /* 確認時のボックスの背景色等 */
  .wpcf7-form-control-wrap .wpcf7c-conf {
  background-color: #F5F5F5; 
  border: 1px solid #AEAEAE; 
  }
  
  .form-control:disabled, .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eceeef;
  opacity: 1;
  }
  
  .wpcf7 div.wpcf7-response-output{
  margin:5px 0;
  padding:3px;
  }
  
  p.wpcf7c-elm-step2{
  color: #A90521;
  margin: 0;
  padding: 0;
  }
  
  /* 入力エラー時に入力欄を赤く表示 */
  .wpcf7 .wpcf7-not-valid {
  background: #ffb6c1;
  }
  
  .wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  font-weight: bold;
  }
  
  /* 送信完了時のアナウンス */
  .wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  font-weight: bold;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  }
  
  .wpcf7  div.wpcf7-mail-sent-ng {
  background-color: #AD3335;
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
  }
  
  div.wpcf7-spam-blocked {
  background-color: #823A62;
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
  padding: 2px;
  margin: 5px 0; 
  }
  
  /*送信完了の成形-------------------------*/
  .sent .forminner{
  display:none;
  }
  
  .complete-display{
  display: none;
  }
  
  .sent .complete-display{
  display: block;
  }
  
  .sent .complete-display p{
  font-size: 1em;
  }
  
  .sent .complete-display p a{
  font-weight: bold;
  font-size: 1em;
  margin: 2em 0; 
  color: #B0152F;
  }
  
  
  /*《▽その他追記の項目》------------------------------------------------------------*/
  .st-triangle-down {
  margin: -8px auto -8px;
  }
  
  .post .entry-title:not(.st-css-no) {
  padding-bottom: 10px;
  border: none;
  border-left: 0px solid #23282d;
  color: #23282d;
  padding-left: 0px;
  padding-top: 5px!important;
  background-color: transparent;
  background: none;
  }
  
  .responbox, 
  .responbox30, 
  .responbox33, 
  .responbox40, 
  .responbox50, 
  .responbox60, 
  .responbox70,
  .responboxfree {
  padding-top:20px;
  }
  
  
  .colum1.st-lp-wide .st-lp-wide-wrapper:first-child {
  padding-top: 15px;
  padding-bottom: 15px;
  }
  
  #content-w {
  padding-top: 0px;
  }
  
  /*《マージンの調整》-----------------------------------------------------------*/
  
  .margintop-10{
  margin-top: -10px;	
  }
  .margintop-20{
  margin-top: -20px;	
  }
  .margintop-30{
  margin-top: -30px;	
  }
  .margintop-40 {
  margin-top: -40px;	
  }
  .margintop-60{
  margin-top: -60px;	
  }
  
  .blockmargintop-30{
  margin-top: -30px;	
  }
  
  .blockmargintop-40{
  margin-top: -40px;	
  }
  
  .blockmargintop-60{
  margin-top: -60px;	
  }
  
  .margintop10{
  margin-top: 10px;	
  }
  .margintop20{
  margin-top: 20px;	
  }
  .margintop30{
  margin-top: 30px;	
  }
  
  .margintop40{
  margin-top: 40px;	
  }
  
  .marginbottom5{
  margin-bottom: 5px;	
  }
  
  .marginbottom10{
  margin-bottom: 10px;	
  }
  
  .marginbottom-20{
  margin-bottom: -20px;	
  }
  
  
  .wpcf7-form .wpcf7-select, select first_as_label {
  color: #666666;
  }
  
  /*《トップへ戻るアイコンの方》-----------------------------------------------------------*/
  #page-top:not(.page-top-img) a {
  display: none;
  }
  
  /*《背景色の調整》-----------------------------------------------------------*/
  
  .bkcolor-f3f3f2{
  background-color: #f3f3f2 ;
  }
  
  .bkcolor-fff9f9{
  background-color: #fff9f9 ;
  }
  
  .bkcolor-e7e7eb{
  background-color: #e7e7eb ;
  }
  
  .bkcolor-ebf6f7{
  background-color: #ebf6f7 ;
  }
  
  .bkcolor-c97586{
  background-color: #c97586 ;
  }
  
  /*《文字装飾の調整》-----------------------------------------------------------*/
  .hutoaka{
  font-weight: bold;
  color: #c9171e;
  }
  
  .goma-y{
  -webkit-text-emphasis: filled sesame #F2E205;
  text-emphasis: filled sesame #F2E205;
  font-weight: bold;
  }
  
  .goma-r{
  -webkit-text-emphasis: filled sesame #ef5350;
  text-emphasis: filled sesame #ef5350;
  font-weight: bold;
  }
  
  .goma-o{
  -webkit-text-emphasis: filled sesame #F28705;
  text-emphasis: filled sesame #F28705;
  font-weight: bold;
  }
  
  .goma-k{
  -webkit-text-emphasis: filled sesame #121B26;
  text-emphasis: filled sesame #121B26;
  font-weight: bold;
  }
  
  
  /*《マイボックス》-----------------------------------------------------------*/
  .st-in-mybox {
  padding: 10px 0;
  }
  
  
  /* ここからレスポンシブデザイン・最小横幅959px（PCサイズ）959px～
  -----------------------------------------------------------------------------*/
  @media only screen and (max-width: 959px) {
  }
  /*（最大横幅959px）--------------------------------------------*/
  
  
  /* 最大で横幅600px（タブレットipadサイズ）
  -----------------------------------------------------------------------------*/
  @media only screen and (max-width:600px){
  html,body {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  }
  }
  /*（最大横幅600px）--------------------------------------------------------*/
  
  
  /* 最大で横幅480px（スマホサイズ）
  -----------------------------------------------------------------------------*/
  @media only screen and (max-width:480px){
  html,body {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  }
  
  .inquiry th,.inquiry td {
  display:block!important;
  width:100%!important;
  border-top:none!important;
  -webkit-box-sizing:border-box!important;
  -moz-box-sizing:border-box!important;
  box-sizing:border-box!important;
  }
  .inquiry tr:first-child th{
  border-top:1px solid #d7d7d7!important;
  }
  /* 必須・任意のサイズ調整 */	
  .inquiry .haveto,.inquiry .any {	
  font-size:10px;
  }
  .margintop-10{
  margin-top: -10px;	
  }
  .margintop-20{
  margin-top: -20px;	
  }
  .margintop-30{
  margin-top: -40px;	
  }
  .margintop-40{
  margin-top: -40px;	
  }
  .margintop-60{
  margin-top: -60px;	
  }
  .blockmargintop-30{
  margin-top: -20px;	
  }
  .blockmargintop-60{
  margin-top: -40px;	
  }
  }
  
  /*（最大横幅480px）--------------------------------------------------------*/