@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

/*--------------------------------------------
  GENERAL STYLING
-----------------------------------------------*/
body {
  color: #000000;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  width: 100%;
  /*---------------------------------------------
    decoration
  -----------------------------------------------*/
  /*	.w1200{
  		width: 1200px;
  		margin: 0 auto;
  		padding: 100px 0;
  	}
  */
  /**/
  /*.textCenter{
  	text-align: center;
  }
  
  .col_black{
  	color: #000;	
  }
  
  .col_blue{
  	color: #108EF4;
  	font-weight: bold;
  }
  	
  .bk_gray{
  	background-color: #F8F8F8;		
  }
  	
  .title01{
  	font-size: clamp(40px, 3.5vw, 50px);	
  	color: #353535;
  	font-weight: bold;
   	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  	margin: 90px auto 50px;
  	text-align: center;
  }
  	
  .title02{
  	font-size: clamp(40px, 3.5vw, 50px);	
  	color: #353535;
  	font-weight: bold;
   	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  	margin:50px auto;
  	text-align: center;
  }
  */
  /*breadcrumb*/
  /*
  .breadcrumb{
      display: flex;
      gap: 0 22px;
      list-style: none;
      padding: 0;
      font-size: .9em;
  	width: 1400px;
  	margin: 0 auto;
  }
  
  .breadcrumb li{
      display: flex;
      align-items: center;
  }
  
  .breadcrumb li:not(:last-child)::after {
      display: inline-block;
      transform: rotate(45deg);
      width: .3em;
      height: .3em;
      margin-left: 10px;
      border-top: 1px solid #333333;
      border-right: 1px solid #333333;
      content: '';
  }
  
  .breadcrumb a {
      color: #333333;
      text-decoration: none;
  }
  */
  /*--------------------------------------------
  	decoration
  -----------------------------------------------*/
  /*
  .scrollDown a {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    display: inline-block;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #fff;
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
  }
  
  .scrollDown a:hover {
    opacity: .5;
  }
  
  #scrollDown a {
    padding-top: 60px;
  }
  #scrollDown a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
  }
  #scrollDown a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
  }
  @-webkit-keyframes sdb10 {
    0% {
      -webkit-transform: translate(0, 0);
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    80% {
      -webkit-transform: translate(0, 20px);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes sdb10 {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    80% {
      transform: translate(0, 20px);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  
  	
  a.button01{
  	display: block;
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	width: 300px;
  	margin: auto;
  	padding: 1.5rem 0;
  	color: #343434;
      font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  	font-size: 16px;
  	border: 1px solid #727272;
  	background: #fff;
  	transition: 0.5s;
  }
  
  	
  a.button01:hover {
  	color: #fff;
  	background: #000;
  }	
  		
  a.button02{
  	display: block;
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	width: 300px;
  	margin: 60px 0 0;
  	padding: 1.5rem 0;
  	color: #343434;
      font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  	font-size: 16px;
  	border: 1px solid #727272;
  	background: #fff;
  	transition: 0.5s;
  }
  
  	
  a.button02:hover {
  	color: #fff;
  	background: #000;
  }
  	
  		
  a.button03{
  	display: block;
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	width: 300px;
  	margin: 60px 0 0;
  	padding: 1.5rem 0;
  	color: #fff;
      font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  	font-size: 16px;
  	border: 1px solid #fff;
  	transition: 0.5s;
  }
  
  	*/
  /*animation*/
  /*a.button03:hover {
  	color: #fff;
  	background: #000;
  }
  	
  .fadeIn{
    opacity: 0;
    transition: all 1s;
    transform: translate3d(0,30px,0);
  }
  .fadeIn.active{
    opacity: 1;
    transform: translate(0,0);
  }
  		
  */
  /*--------------------------------------------
  	headline
  -----------------------------------------------*/
  	/*.headline{margin-bottom: 90px;}
  	
  	
  	h1{
  	font-family: sans-serif;
  	color: #000000;
  	font-size: clamp(50px, 4.2vw, 60px);
  	font-weight: bold;
  	text-align: center;
  	margin-bottom: 90px;
  	}
  	
  	h2{
  	font-family: sans-serif;
  	color: #138DF2;
  	font-size: clamp(30px, 2.8vw, 40px);
  	font-weight: bold;
  	text-align: center;
  	margin-bottom: 15px;
  	}
  	
  	h3{
  	font-family: sans-serif;
  	color: #fff;
  	font-size: clamp(16px, 1.2vw, 18px);
  	font-weight: bold;
  	text-align: center;
  	letter-spacing: 0.7em;
  	}
  
  	
  	.blog-detail__title{
  	font-family: sans-serif;
  	color: #138DF2;
  	font-size: clamp(30px, 2.8vw, 40px);
  	font-weight: bold;
  	text-align: center;
  	margin-bottom: 15px;		
  	}
  	*/
  /*--------------------------------------------
  	header
  /*---------------------------------------------*/
  /*catchphrase*/
  /*--------------------------------------------
  	index
  -----------------------------------------------*/
  /*貴社の課題を解決します！*/
  /*地方の中小企業の皆さま*/
  /*マーケティング支援事業とは*/
  /*なぜ今、定期通販が注目されているのか？*/
  /*定期通販が注目される3つの理由*/
  /*定期通販ビジネスについて、こんな誤解してませんか？*/
  /*定期通販市場は右肩上がり！その魅力と成長の背景*/
  /*当社が選ばれる理由*/
  /*当社のサポート内容*/
  /*なぜマーケティング支援が必要なの？*/
  /*当社の実績*/
  /*料金表*/
  /*会社概要*/
  /*	.aboutBox{
  		display: flex;
  		justify-content: space-between;
  		width: 80%;
  		margin: 90px auto 0;
  	}	
  	
  	.aboutSubBox02{
  		width: 40%;
  		img{width: 100%;}
  	}	
  	
  	.aboutSubBox01{
  		width: 50%;
  		font-weight: bold;
  		
  		table th,
  		table td {
    		padding: 15px 0;
    		border: none;
  		}
  
  		table th {width: 30%;}		
  	}	*/
  /*	.aboutSubBox02{
  		width: 40%;
  		img{width: 100%;}
  	}	*/
  /*相談の流れ*/
  /*よくある質問*/
  /*	
  	
  	.qa {
    padding: 19px 22.5px 42px 22.5px;
  }*/
  /*お問い合わせ*/
  /* 全幅指定 */
  /* pタグの余白を削除 */
  /* 背景色（お好きな色に） */
  /*  フォームの幅（自由に変えてOK） */
  /* 各項目の下部余白 */
  /* 項目名 */
  /* 必須タグと任意タグ共通のスタイル */
  /*.label_tag {
      font-size: 1.5rem;
      color: #ffffff;
      border-radius: .3rem;
      margin-right: 1rem;
      padding: 5px 10px;
  }*/
  /* 必須タグ */
  /*.label_must {
      background-color: #093C87;
  }*/
  /* 任意タグ */
  /*.label_option {
      background-color: #888988;
  }*/
  /* 名前やメールアドレスなどユーザーが入力する箇所 */
  /* お問い合わせ内容を入力する箇所 */
  /* ボタン */
  /* ボタンにホバーした時 */
  /* ローダー */
  /*catchphrase*/
  /*.catchphrase{
  	margin-top: 15%;
  	opacity: 0;
  	opacity: 0;
  }
  	*/
  /*.phrase01{
  	font-size: clamp(30px, 2.7vw, 40px);
  	color: #ffffff;
  	font-family: "Arial", "メイリオ";
  	text-align: center;
  	text-shadow:1px 2px 3px #000000;
  	opacity: 0;
  	transform: translateY(20px);
  	margin-bottom: 30px;
  	}
  
  .phrase02{
  	font-size: clamp(50px, 4.2vw, 60px);
  	color: #ffffff;
   	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  	font-weight: bold;
  	text-align: center;
  	margin-top: 50px;
  	text-shadow:1px 2px 3px #000000;
  	opacity: 0;
  	transform: translateY(20px);
  	
  	span{
  		color: #0F8DF3;
  		font-weight: bold;
  	}
  	}
  	
  	
  		.headerSubBox {
    		background-image: url("../images/header.webp");
    		width: 100%;
  		background-size: cover;
  		background-repeat: no-repeat;
  	}
  
  	
  	.headerTitle{padding: 100px;}
  	
  	
  	*/
  /*--------------------------------------------
  	index
  -----------------------------------------------*/
  /*.topaboutTitle01{
    opacity: 0;
    transform: translateX(30px); 
    transition: opacity .8s, transform .8s; 
  	img{
  		width: 60%;
  	}	
  }
  	
  .topaboutTitle01.is-inview{
  	opacity: 1;
  	transform: translateX(0); 
  	transition-delay: .5s; 
  	}		
  	
  .topaboutTitle02{
  	text-align: center;
  	font-size: clamp(60px, 5vw, 70px);
  	color: #353535;
  	font-weight: bold;
   	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  	margin: 90px auto 100px;
  }
  
  .topaboutText{
  	text-align: center;
  	line-height: 3em;
  	margin-bottom: 90px;
  }
  
  .topService{
  	display: flex;
  	justify-content: space-between;
  	
  	.topServiceBox01{
  		width: 45%;
  		img{width: 100%;}
  	}
  	
  	.topServiceBox02{
  		width: 45%;
  		display: flex;
  		flex-direction: column;
  		justify-content:flex-start;
  		
  		.topServiceTitle01{
  			img{
  				width: 60%;
  			}
  			
  			.topServiceTitle02{
  				font-size: clamp(20px, 2.1vw, 30px);
  				color: #353535;
  				font-weight: bold;
   				font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;	
  				margin-top: 10px;
  			}
  		}
  		
  		.topServiceTitle03{
  				font-size: clamp(25px, 2.5vw, 35px);
  				color: #353535;
  				font-weight: bold;
  				font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  				margin: 40px 0 25px;
  		}	
  	}
  }
  
  
  .topFamily{
  	display: flex;
  	justify-content: space-between;
  	margin-top: 100px;
  	
  	.topFamilyBox02{
  		width: 45%;
  		img{width: 100%;}
  	}
  	
  	.topFamilyBox01{
  		width: 45%;
  		display: flex;
  		flex-direction: column;
  		justify-content:flex-start;
  		
  		.topFamilyTitle01{
  			img{
  				width: 60%;
  			}
  			
  			.topFamilyTitle02{
  				font-size: clamp(20px, 2.1vw, 30px);
  				color: #353535;
  				font-weight: bold;
   				font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;	
  				margin-top: 10px;
  			}
  		}
  		
  		.topFamilyTitle03{
  				font-size: clamp(25px, 2.5vw, 35px);
  				color: #353535;
  				font-weight: bold;
  				font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  				margin: 40px 0 25px;
  		}	
  	}	
  }
  
  
  	.topMessageBkSp{
  		display: none;
  	}	
  	
  .topMessageBk{
  	background-image: url("../images/topmessage.webp");
  	background-repeat: no-repeat;
  	background-size: cover;
  
  	
  	.topMessageBox{
  		width: 1400px;
  		margin: 0 auto;
  		padding: 110px 0 100px;
  		
  		.topMessageTitle{
  			font-size: clamp(40px, 3.5vw, 50px);
  			color: #fff;
  			font-weight: bold;
   			font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;			
  			}
  		
  		.topMessageText{
  			color: #fff;
  			margin: 45px 0;
  			width: 43%;
  		}
  		
  		.topMessageName01{
  			font-size: clamp(25px, 2.5vw, 35px);
  			color: #fff;
  			font-weight: bold;
   			font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;	
  		}
  		
  		.topMessageName02{
  			font-size: clamp(50px, 4.2vw, 60px);
  			color: #fff;
  			font-weight: bold;
   			font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;	
  			margin-top: 30px;
  		}		
  		
  	}
  }
  	
  .recruitBk{
  	background-image: url("../images/recruit.webp");
  	background-repeat: no-repeat;
  	background-size: cover;
  	
  	.recruitBox{
  		width: 1400px;
  		margin: 0 auto;
  		padding: 110px 0 100px;	
  		
  		p{
  			font-size: clamp(16px, 1.1vw, 20px);
  			color: #fff;
  			margin: 90px 0 50px;
  		}
  	}
  	
  	.recruitTitle{
  		font-size: clamp(70px, 5.4vw, 80px);
  		color: #fff;
  		font-weight: bold;
  		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;		
  	}
  	
  	}
  	*/
  /*---------------------------------------------
      FOOTER
  --------------------------------------------- */
  /*
  footer{
  	background-color: #F2F2F2;
  	
  	.footerBox{
  		display: flex;
  		justify-content: space-between;
  		width: 90%;
  		margin: 0 auto;
  		align-items: center;
  			}
  
  	.footerSubBox{
  		width: 10%;
  		display: flex;
  		justify-content: space-between;
  				}
  
  	.footerLogo img{height: 60px;}
  
  	.footermenu-wrapper {
  		flex-wrap: wrap;
  		display: flex;
  		width: 400px;
  				}
  
  	.footermenu-wrapper li {padding: 1rem;}
  	
  	.footermenu-wrapper a {
  		color: #000000;
  		text-decoration: none;
  			}
  
  	.footermenu-wrapper.open-menu {width: 100%;}
  
  }
  
  .copyrightBox{
      background-color: #128CED;
      text-align: center;
  	line-height: 1.7em;
  }
  
  .copyright{color: #ffffff;}*/
  /*---------------------------------------------
    mailfoam
  ----------------------------------------------- */
  /*
  #container {
  	width: 80%;
  	margin: 0 auto;
  	background-color: aqua;
  	}
  	
  	form{
  	width: 80%;
  	margin: 0 auto;		
  	}
  	
  	
  	.formBox{
  		display: flex;
  		width: 80%;
  		margin-bottom: 30px;
  	}
  	
  	.formText{
  		font-weight: bold;
      	color: #232584;
  		width: 225px;
  	}
  	
  	.formBox li input{
  		border: 1px solid #707070;
      	border-radius: 3px;
      	padding: 0.5rem;
      	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
      	width: 775px;
  	}
  	
  	.formBox li textarea{
  		border: 1px solid #707070;
      	border-radius: 3px;
      	padding: 0.5rem;
      	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
      	width: 775px;	
  		overflow: auto;
  	} 
  	
  	#mailformpro dl dt {
  		width: auto;
  		font-size: 12px;
  		padding: 10px 0 0 10px;
  		text-align: left;
  		border-top: solid 1px #CCC;
  		margin: 0px;
  	}	
  	
  	button {
  		border-radius: 100px;
      	display: block;
      	width: 300px;
      	padding: 20px 60px;
      	box-sizing: border-box;
      	background: #0D2EA1;
      	color: #FFF;
      	text-decoration: none;
      	text-align: center;
      	margin: 50px auto 0;
  		transition: 0.3s ease-in-out;
  		border: none;
  		}
  
  	button:hover {
      	background: #0D66A1;
  		}
  		
  
  
  div#wrapper div#container form#mailformpro dl dt,
  div#wrapper div#container form#mailformpro dl dt span {
  	vertical-align: middle;
  	line-height: 1em;
  }
  div#wrapper div#container form#mailformpro dl dt span {
  	margin-top: -0.3em;
  }
  div#wrapper div#container form#mailformpro dl dd {
  	border: none;
  	margin: 0px;
  	padding: 10px;
  	font-size: 12px;
  	line-height: 1.5em;
  	text-align: left;
  }*/
  /*お問い合わせフォーム*/ }
  body a {
    text-decoration: none; }
  body .sp-br {
    display: none; }
  body .tab-br {
    display: none; }
  body .pc-br {
    display: block; }
  body p {
    line-height: 1.8em; }
  body figure img {
    max-width: 100%;
    vertical-align: bottom; }
  body section {
    width: 1400px;
    margin: 0 auto;
    padding: 100px 0 40px; }
  body .section {
    width: 1400px;
    margin: 0 auto;
    padding: 100px 0 40px; }
  body .bkblue {
    background-color: #F2F5FF; }
  body .bknavy {
    background-color: #093C87; }
  body .colBlue {
    color: #003692;
    font-weight: bold; }
  body .titleText {
    text-align: center;
    margin-top: 15px; }
  body .mb60 {
    margin-bottom: 60px; }
  body .mainVisual {
    background-image: url("../images/mainvisual.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 110dvh;
    position: relative;
    padding-top: 15px; }
  body .headerBox {
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    margin: 0 auto;
    width: 99%;
    position: fixed;
    z-index: 99999; }
    body .headerBox .primary-navigation {
      display: flex;
      width: 70%;
      justify-content: flex-end;
      color: #ffffff;
      align-items: center; }
  body .manu-pc {
    display: flex;
    width: 99%;
    justify-content: flex-end; }
  body .menu-wrapper {
    width: 70%; }
    body .menu-wrapper ul {
      display: flex;
      justify-content: space-between;
      color: #212121;
      width: 95%; }
      body .menu-wrapper ul li {
        font-size: clamp(20px, 1.7vw, 25px); }
  body .manu-sp {
    display: none; }
  body .headContact {
    width: 20%;
    height: 60px;
    background-color: #003692;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center; }
    body .headContact .menuContact {
      font-size: clamp(20px, 1.7vw, 25px);
      color: #fff;
      margin-left: 10px; }
  body .catchphraseBox {
    position: absolute;
    top: 35%;
    left: 10%; }
    body .catchphraseBox .phrase01 {
      width: 100%;
      text-align: center;
      padding: 0.5em;
      background-color: #000;
      color: #fff;
      font-size: 1.7em;
      margin-bottom: 25px; }
    body .catchphraseBox .phrase02 {
      line-height: 1.5em;
      font-size: 3.3em;
      font-weight: bold; }
    body .catchphraseBox .phrase03 {
      position: relative;
      display: inline-block;
      padding: 0 55px;
      font-size: 1.1em; }
    body .catchphraseBox .phrase03:before {
      content: '';
      position: absolute;
      top: 50%;
      display: inline-block;
      width: 40px;
      height: 1px;
      background-color: black;
      left: 0; }
  body .popup {
    position: absolute;
    right: 5%;
    bottom: -150px;
    transition: 0.3s; }
  body .popup:hover {
    position: absolute;
    right: 5%;
    bottom: -150px;
    opacity: 0.7; }
  body .solutionTitle {
    position: relative;
    display: table;
    font-weight: bold;
    font-size: 3.3em;
    line-height: 1.4;
    padding-bottom: 1px;
    background: linear-gradient(transparent 70%, #FDD109 0%);
    margin: 0 auto; }
  body .solutionBox {
    display: flex;
    justify-content: space-between;
    margin: 50px auto 60px; }
  body .solutionSubBox {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
  body .solutionImg img {
    width: 100%; }
  body .solutionText {
    font-size: 1.3em;
    text-align: center;
    font-weight: bold; }
  body .regionTitle {
    position: relative;
    display: table;
    padding: 0 75px;
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 auto 25px; }
  body .regionTitle:before,
  body .regionTitle:after {
    content: '';
    position: absolute;
    top: 50%;
    display: table;
    width: 60px;
    height: 1px;
    background-color: #2A2A2A; }
  body .regionTitle:before {
    left: 0; }
  body .regionTitle:after {
    right: 0; }
  body .regionSubTitle {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center; }
  body .supportBox {
    display: flex;
    justify-content: space-around;
    margin: 60px auto; }
  body .supportSubBox01 {
    width: 40%; }
    body .supportSubBox01 .supportTitle {
      font-size: 2.2em;
      font-weight: bold;
      color: #093C87;
      margin-bottom: 25px; }
  body .supportSubBox02 {
    width: 45%; }
    body .supportSubBox02 img {
      width: 100%; }
  body .attentionTitle {
    position: relative;
    display: table;
    margin: 0 auto 1.5em;
    font-size: 2.2em;
    font-weight: bold; }
  body .attentionTitle:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    display: inline-block;
    width: 80px;
    height: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #003692; }
  body .attentionImg {
    margin: 100px auto 60px; }
    body .attentionImg img {
      width: 100%; }
  body .reasonTitle {
    font-size: 2.2em;
    font-weight: bold;
    text-align: center; }
    body .reasonTitle span {
      font-size: 2.2em;
      font-weight: bold;
      color: #093C87; }
  body .reasonBox {
    display: flex;
    justify-content: space-between;
    margin-top: 60px; }
  body .reasonSubBox {
    width: 30%;
    display: flex;
    flex-direction: column; }
    body .reasonSubBox p {
      font-size: 0.8em; }
  body .reasonImg img {
    width: 100%; }
  body .reasonSubTitle {
    font-size: 1.6em;
    font-weight: bold;
    color: #003391;
    text-align: center;
    margin: 25px auto; }
  body .meritMessagePc {
    width: 100%;
    margin-top: 40px; }
    body .meritMessagePc img {
      width: 100%; }
  body .meritMessageSp {
    display: none; }
  body .meritText {
    padding: 60px 0 100px;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5; }
    body .meritText span {
      font-size: 1em;
      font-weight: bold;
      color: #093C87; }
  body .mdTitle {
    width: 50%;
    margin: 0 auto 90px; }
    body .mdTitle img {
      width: 100%; }
  body .mdBox {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto; }
  body .mdicon {
    width: 5%; }
    body .mdicon img {
      width: 60%;
      margin-right: 10px; }
  body .mdsubbox {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  body .mdList {
    font-size: 1.6em;
    font-weight: bold;
    color: #093C87;
    margin-bottom: 15px; }
  body .mdBorder {
    border: solid 1px #0455AF;
    width: 85%;
    margin: 25px auto; }
  body .mdTxst {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 50px;
    line-height: 1.5; }
  body .growthTitle {
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.5; }
  body .growthtitleText {
    text-align: center;
    margin-top: 15px;
    color: #fff; }
  body .growImgBox {
    display: flex;
    justify-content: center;
    margin: 90px auto 40px; }
  body .growImgSubBox01 {
    width: 25%;
    margin-right: 50px; }
    body .growImgSubBox01 img {
      width: 100%; }
  body .growImgSubBox02 {
    width: 25%;
    margin-left: 50px; }
    body .growImgSubBox02 img {
      width: 100%; }
  body .predictionTtile {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-align: center; }
    body .predictionTtile span {
      font-size: 2em;
      font-weight: bold;
      color: #FFD200; }
  body .predictionTxst {
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    margin: 10px auto 0; }
  body .successPointContents {
    background-color: #F2F5FF;
    padding: 80px 0;
    margin-top: 90px; }
  body .successTitle {
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 2.5rem;
    color: #093C87;
    margin-bottom: 50px; }
  body .successTitle:before,
  body .successTitle:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #000;
    width: 3px;
    height: 1em;
    margin: 0 1em;
    margin-top: -.2em;
    vertical-align: middle; }
  body .successTitle:before {
    transform: rotate(-35deg); }
  body .successTitle:after {
    transform: rotate(35deg); }
  body .successPointBox {
    display: flex;
    justify-content: center; }
  body .successPointsubBox01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
    margin-right: 40px; }
    body .successPointsubBox01 img {
      width: 100%; }
  body .successPointsubBox02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
    margin-left: 40px; }
    body .successPointsubBox02 img {
      width: 100%; }
  body .successPointTitle {
    font-size: 1.6em;
    font-weight: bold;
    color: #093C87;
    text-align: center;
    margin: 20px auto; }
  body .successPointul {
    list-style: none;
    margin: 0;
    padding: 0; }
  body .successPointlist:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #000;
    border-radius: 50%; }
  body .successPointTxst {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 50px; }
  body .chosenTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .chosenTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .chosenBox01 {
    display: flex;
    justify-content: space-between;
    margin: 90px auto 60px; }
  body .chosenBox02 {
    display: flex;
    justify-content: space-around; }
  body .chosenImg {
    width: 25%; }
    body .chosenImg img {
      width: 100%; }
  body .supportContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .supportContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .supportContBox {
    display: flex;
    justify-content: space-between;
    margin-top: 60px; }
  body .supportContSubBox {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body .supportContSubBox p {
      font-size: 0.8em; }
  body .supportContImg img {
    width: 100%; }
  body .supportContSubTitle {
    font-size: 1.6em;
    font-weight: bold;
    color: #003391;
    text-align: center;
    margin: 25px auto; }
  body .needTitle {
    position: relative;
    display: table;
    font-weight: bold;
    font-size: 2.3em;
    line-height: 1.4;
    color: #093C87;
    padding-bottom: 1px;
    background: linear-gradient(transparent 70%, #FDD109 0%);
    margin: 60px auto; }
  body .solutionTitle {
    position: relative;
    display: table;
    font-weight: bold;
    font-size: 3.3em;
    line-height: 1.4;
    padding-bottom: 1px;
    background: linear-gradient(transparent 70%, #FDD109 0%);
    margin: 0 auto; }
  body .needContBox {
    display: flex;
    justify-content: space-between;
    margin-top: 60px; }
  body .needContSubBox {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body .needContSubBox p {
      font-size: 0.8em; }
  body .needContImg img {
    width: 100%; }
  body .needContSubTitle {
    font-size: 1.6em;
    font-weight: bold;
    color: #003391;
    text-align: center;
    margin: 25px auto; }
  body .resultContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .resultContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .resultContBox {
    display: flex;
    justify-content: space-between;
    margin-top: 60px; }
  body .resultContSubBox {
    width: 30%;
    height: 250px;
    background-color: #F2F5FF;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    body .resultContSubBox .resultContSubTitle {
      font-size: 1.6em;
      font-weight: bold;
      color: #003391;
      text-align: center;
      margin: 0 auto; }
      body .resultContSubBox .resultContSubTitle span {
        position: relative;
        display: table;
        font-weight: bold;
        line-height: 1.5;
        color: #093C87;
        padding-bottom: 1px;
        background: linear-gradient(transparent 70%, #FDD109 0%);
        margin: 0 auto; }
    body .resultContSubBox p {
      font-size: 0.8em;
      text-align: center;
      margin-top: 20px; }
  body .priceContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .priceContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .pricetitleText {
    text-align: center;
    margin-top: 15px;
    color: #000; }
  body .priceTableBox {
    margin: 90px auto 60px; }
    body .priceTableBox table {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      border-collapse: collapse;
      border-spacing: 0; }
    body .priceTableBox table th {
      text-align: center;
      padding: 10px;
      background: #093C87;
      border: solid 1px #fff;
      color: #ffffff; }
    body .priceTableBox table td {
      padding: 10px;
      border: solid 1px #959595;
      background: #FFFFFF; }
    body .priceTableBox table td:first-child {
      background: #B7D4FF; }
  body .priceNotes {
    width: 80%;
    margin: 0 auto;
    text-align: right;
    font-weight: bold; }
  body .priceOthers {
    width: 80%;
    margin: 0 auto; }
    body .priceOthers .priceOthersTitle {
      font-size: 1.6em;
      font-weight: bold;
      color: #093C87;
      text-align: left; }
    body .priceOthers table {
      border-collapse: collapse;
      width: 100%;
      max-width: 700px; }
    body .priceOthers table1 th, body .priceOthers table td {
      border: 1px solid #959595;
      padding: 1em;
      background: #fff; }
    body .priceOthers table th {
      background-color: #093C87;
      color: #fff;
      font-weight: bold;
      text-align: center;
      width: 20%;
      min-width: 4em;
      vertical-align: middle;
      border: 1px solid #fff; }
    body .priceOthers .priceOthersNotes {
      text-align: left;
      font-weight: bold; }
  body .costFeatContTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px auto; }
  body .costFeatContTitle span {
    padding: 0 20px;
    font-size: 1.6em;
    font-weight: bold; }
  body .costFeatContTitle::before,
  body .costFeatContTitle::after {
    content: "";
    height: 2px;
    width: 5%;
    background: #000; }
  body .costFeatContImg {
    width: 80%;
    margin: 0 auto; }
    body .costFeatContImg img {
      width: 100%; }
  body .costFeatTableBox {
    width: 80%;
    margin: 90px auto 60px; }
    body .costFeatTableBox .costFeatTitle {
      font-size: 1.6em;
      font-weight: bold;
      color: #093C87;
      text-align: left; }
    body .costFeatTableBox table {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      border-collapse: collapse;
      border-spacing: 0; }
    body .costFeatTableBox table th {
      text-align: center;
      padding: 10px;
      background: #093C87;
      border: solid 1px #fff;
      color: #ffffff; }
    body .costFeatTableBox table td {
      padding: 10px;
      border: solid 1px #959595;
      background: #FFFFFF;
      vertical-align: middle; }
    body .costFeatTableBox table td:first-child {
      vertical-align: middle; }
    body .costFeatTableBox .table-col01 {
      background: #B7D4FF; }
    body .costFeatTableBox .table-txtLeft {
      text-align: left; }
  body .aboutContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .aboutContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .aboutBox {
    display: flex;
    /*		justify-content: space-between;*/
    justify-content: center;
    width: 100%;
    margin: 90px auto 0; }
  body .aboutSubBox01 {
    width: 100%;
    font-weight: bold; }
    body .aboutSubBox01 #table01 {
      margin: 0 auto; }
    body .aboutSubBox01 table th,
    body .aboutSubBox01 table td {
      padding: 15px 0;
      border: none; }
    body .aboutSubBox01 table th {
      width: 30%; }
  body .flowContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .flowContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .flowContBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 90px auto 0; }
  body .flowContSubBox {
    position: relative;
    background: #fff;
    border-radius: 4px;
    /*padding:3em 1.5em;*/
    width: 300px;
    height: 320px; }
  body .flowStep {
    position: absolute;
    top: -12px;
    left: 25%;
    padding: 5px 25px;
    background-color: #093C87;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em; }
  body .flowDetail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 35px; }
  body .flowIcon {
    width: 30%;
    margin: 0 auto; }
    body .flowIcon img {
      width: 100%;
      margin: 0 auto; }
  body .flowTitle {
    font-size: 1.5625em;
    font-weight: bold;
    color: #093C87;
    text-align: center; }
    body .flowTitle span {
      color: #000;
      font-size: 0.7em;
      font-weight: bold; }
  body .flowText {
    margin-top: 15px;
    text-align: center; }
  body .flowArrow {
    margin: 0 25px; }
  body .qaContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .qaContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .qaCont {
    margin-top: 90px; }
  body .qaTitle {
    text-align: left;
    font-weight: bold;
    font-size: 1.8em;
    color: #093C87;
    margin-bottom: 30px; }
  body .qamt100 {
    margin-top: 100px; }
  body .qaAccordionList {
    background: #F2F5FF;
    position: relative;
    font-size: 1.5em;
    font-weight: bold; }
  body .qaAccordionList:not(:first-child) {
    margin-top: 32px; }
  body .qaAccordionTitle {
    cursor: pointer;
    position: relative;
    padding: 24px 50px 24px 24px;
    line-height: 1.5; }
  body .qaAccordionTitle::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 44%;
    right: 30px;
    transform: translateY(-50%) rotate(135deg);
    width: 30px;
    height: 30px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transition: .3s; }
  body .qaAccordionText {
    display: none;
    padding: 24px 50px 24px 24px; }
  body .qaAccordionBox {
    color: #000000;
    font-size: 0.85em;
    line-height: 1.5;
    position: relative; }
  body .open::after {
    transform: rotate(-45deg); }
  body .qace {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 80px; }
  body .contactContTitle {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    color: #000; }
  body .contactContTitle::before {
    position: absolute;
    border-bottom: 3px solid #003692;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: ''; }
  body .full-width {
    /*    margin: 0 calc(50% - 50vw);*/
    margin: 80px auto 0;
    /*    padding: 5em calc(50vw - 50%);*/ }
  body .wpcf7-form p {
    margin-bottom: 0;
    display: flex; }
  body section.contact {
    background-color: #EDF7EF; }
  body .contactForm {
    width: 100%;
    margin: 0 auto; }
  body .contact_item {
    margin-bottom: 2.5rem;
    width: 100%;
    display: flex; }
  body .label {
    display: block;
    font-size: 1.2em;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-bottom: .6rem;
    font-weight: bold;
    width: 20%; }
  body .inputs {
    width: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  body input[type="text"], body input[type="email"] {
    border: solid 1px #707070;
    padding: .5rem;
    font-size: 1.8rem;
    width: 60%; }
  body textarea.form-control {
    border: solid 1px #707070;
    padding: .5rem;
    height: 207px;
    font-size: 1.8rem;
    width: 60%; }
  body .btnArea {
    text-align: center; }
  body input[type="submit"] {
    background: #093C87;
    width: 300px;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: .5em;
    text-indent: .5em;
    font-weight: bold;
    padding: 0.5em 0;
    margin: 0 auto;
    cursor: pointer;
    transition: all .3s;
    margin-top: 40px; }
  body input[type="submit"]:hover {
    color: #000;
    background-color: #B7D4FF;
    border-color: #000; }
  body .wpcf7 .ajax-loader {
    display: block;
    margin: 0 auto; }
  body .copyrightBox {
    background-color: #000;
    text-align: center;
    line-height: 1.7em; }
  body .copyright {
    color: #ffffff; }
  body form {
    width: 80%;
    margin: 0 auto; }
  body input[type="text"],
  body input[type="email"],
  body input[type="url"],
  body input[type="password"],
  body input[type="search"],
  body input[type="number"],
  body input[type="tel"],
  body input[type="date"],
  body input[type="month"],
  body input[type="week"],
  body input[type="time"],
  body input[type="datetime"],
  body input[type="datetime-local"],
  body input[type="color"],
  body textarea {
    border: 1px solid #707070;
    border-radius: 3px;
    padding: .5rem;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    width: 775px; }
  body .btnWrap {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 300px;
    padding: 1.5rem 0;
    color: #343434;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    border: 1px solid #727272;
    background: #fff;
    transition: 0.5s; }
  body .btnWrap:hover {
    color: #fff;
    background: #000; }
  body .privacyBox {
    text-align: center;
    margin: 90px auto; }
  body .privacyBox a {
    color: #232584; }
  body .privacyBox a:hover {
    color: #232584;
    font-weight: bold; }
  body .mwformBox {
    margin: 0 auto;
    width: 80%; }
  body .formBox {
    display: flex; }
  body .forSubmBox01 {
    width: 20%;
    font-weight: bold;
    color: #138DF2;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
  body .mw_wp_form_confirm .privacyBox {
    display: none; }
  body .mw_wp_form_input .input-hidden {
    display: none; }
  body .btnWrap {
    margin-bottom: 10px; }
  body .complete-hidden {
    margin-top: 50px; }
  body .check {
    text-align: center; }

/*================================================ 
  MEDIUM SIZE tab
================================================ */
@media (max-width: 1368px) {
  /*--------------------------------------------
    GENERAL STYLING
  -----------------------------------------------*/
  body {
    /*breadcrumb*/
    /*---------------------------------------------
      COMMON
    -----------------------------------------------*/
    /*--------------------------------------------
    	decoration
    -----------------------------------------------*/
    /*about-text*/
    /*	.about-text{
    		width: 65%;
    		margin: 100px auto 80px;
    		text-align: center;
    		display: block;
    		
    		img{
    			width: 100%;
    		}
    	}
    	
    	.about-textSp{display: none;}	
    		*/
    /*--------------------------------------------
    	header
    /*---------------------------------------------*/
    /*--------------------------------------------
    	index
    -----------------------------------------------*/
    	/*.breadcrumb{
    	width: 90%;
    	margin: 0 auto;
    }
    	
    	
    	.cp_breadcrumb {
    	width: 80%;
    	margin: 0 auto;
    }
    
    
    .topMessageBk{
    	background-size: cover;
    	background-position: 25% 75%;
    
    	.topMessageBox{
    		width: 100%;
    		padding-left: 10%;
    		
    		
    		.topMessageTitle{
    			font-size: clamp(40px, 3.5vw, 50px);		
    			}
    		
    		.topMessageText{
    			color: #fff;
    			margin: 45px 0;
    			width: 43%;
    		}
    		
    		.topMessageName01{
    			font-size: clamp(25px, 2.5vw, 35px);
    		}
    		
    		.topMessageName02{
    			font-size: clamp(50px, 4.2vw, 60px);
    			margin-top: 30px;
    		}		
    		
    	}
    }	
    	
    .recruitBk{
    	background-position: bottom;
    		
    	.recruitBox{
    		width: 100%;
    		padding-left: 10%;
    		
    		p{
    			font-size: clamp(16px, 1.1vw, 20px);
    			margin: 90px 0 50px;
    		}
    	}
    	
    	.recruitTitle{
    		font-size: clamp(70px, 5.4vw, 80px);
    		color: #fff;
    		font-weight: bold;
    		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;		
    	}
    	
    	}*/
    /*--------------------------------------------
    	business
    -----------------------------------------------*/
    /*.serviceTitle{
    		font-size: clamp(25px, 2.5vw, 35px);
    		margin-bottom: 70px;
    	}*/
    /*.servicelist{
    		font-size: clamp(18px, 1.4vw, 20px);	
    }*/ }
    body section {
      width: 90%;
      margin: 0 auto;
      padding: 100px 0; }
    body .breadcrumb {
      width: 90%;
      margin: 0 auto; }
    body .sp-br {
      display: none; }
    body .pc-br {
      display: none; }
    body .tab-br {
      display: block; }
    body .menu-wrapper ul li {
      font-size: clamp(18px, 1.4vw, 20px); }
    body .manu-sp {
      display: none; }
    body .telButton {
      display: none; } }
/*================================================ 
  LARGE SIZE sp
================================================ */
@media (max-width: 780px) {
  body {
    /*	p {line-height: 1.6em;	font-size: 14px;}*/
    line-height: 1.2;
    font-size: 14px;
    /*---------------------------------------------
      decoration
    -----------------------------------------------*/
    /*.title02{
    	font-size: clamp(35px, 3.2vw, 45px);	
    	color: #353535;
    
    	margin:50px auto;
    	text-align: center;
    }
    	*/
    /*--------------------------------------------
    	headline
    -----------------------------------------------*/
    /*	h3{
    		font-size: clamp(20px, 1.7vw, 25px);
    		text-align: center;
    	}
    	
    	
    	h4{
    		font-size: clamp(60px, 4.2vw, 70px);
    		margin-bottom: 90px;
    		
    		span{
    		font-size: clamp(30px, 2.1vw, 40px);
    		}
    	}
    	
    
    	.headline{margin-bottom: 45px;}	
    	*/
    /*下層 ヘッダー*/
    /*---------------------------------------------
      COMMON
    -----------------------------------------------*/
    /*.cp_breadcrumb {
    	width: 80%;
    	margin: 0 auto;
    }*/
    /*--------------------------------------------
    	decoration
    -----------------------------------------------*/
    /*.textCenter{text-align: center; width: 90%; margin: 0 auto;}
    
    a.button02{
    	margin: 60px auto 0;
    }*/
    /*---------------------------------------------
      header
    -----------------------------------------------*/
    /*ハンバーガーメニュー*/
    /*メインビジュアル*/
    /*catchphrase*/
    /*--------------------------------------------
    	index
    -----------------------------------------------*/
    /*貴社の課題を解決します！*/
    /*地方の中小企業の皆さま*/
    /*マーケティング支援事業とは*/
    /*なぜ今、定期通販が注目されているのか？*/
    /*定期通販が注目される3つの理由*/
    /*定期通販ビジネスについて、こんな誤解してませんか？*/
    /*定期通販市場は右肩上がり！その魅力と成長の背景*/
    /*当社が選ばれる理由*/
    /*当社のサポート内容*/
    /*なぜマーケティング支援が必要なの？*/
    /*当社の実績*/
    /*料金表*/
    /*後で変更*/
    /*	.costFeatTableBox{
    		width: 80%;
    		margin: 0 auto;
    		
    	.costFeatTitle{
    		font-size: 1.6em;
    		font-weight: bold;
    		color: #093C87;
    		text-align: left;
    	}		
    		
    		
    		table {
     		width: 90%;
    		margin: 0 auto;
     		text-align: center;
     		border-collapse: collapse;
     		border-spacing: 0;
    		}
    
    		table th {
    		text-align: center;
    		padding: 1px;
     		background: #093C87;
     		border: solid 1px #fff;
     		color: #ffffff;
    		}
    		
    		table td {
     		padding: 1px;
     		border: solid 1px #959595;
    		background: #FFFFFF;
    		vertical-align: middle;
    		}
    
    		table td:first-child {
    		vertical-align: middle;
    		}
    		
    		.table-col01{background: #B7D4FF;}
    		
    		.table-txtLeft{text-align: left;}
    	}
    	*/
    /*会社概要*/
    /*相談の流れ*/
    /*よくある質問*/
    /*.qaAccordionList:not(:first-child) {
        margin-top: 32px;
    }
    */
    /*footer{
    	
    	.footerBox{
      		display: flex;
      		flex-direction: column;
      		justify-content: center;
    		width: 90%;
    		margin: 0 auto;
    			}
    
    	.footerSubBox{width: 100%;}
    	
    	.footerLogo {width: 90%; margin: 0 auto;}
    	
    
    	.footerLogo img{width: 100%;}
    
    	.footermenu-wrapper {
    		flex-wrap: wrap;
    		display: flex;
    		width: 90%;
    				}
    
    	.footermenu-wrapper li {padding: 1rem;}
    	
    	.footermenu-wrapper.open-menu {width: 100%;}
    } 
    */
    /*.phrase01{
    	font-size: clamp(25px, 2.1vw, 30px);
    	margin-bottom: 30px;
    	line-height: 1.5em;
    	}
    	
    .phrase02{
    	font-size: clamp(35px, 3.2vw, 45px);
    	margin-top: 50px;
    	line-height: 1.5em; 
    	}
    	*/
    /*-----------------------------------------------
    News
    ----------------------------------------------- */
    /*
    .post-list{
      display: flex;
      flex-direction: column;
      justify-content: center;
    	align-items: center;
    	margin-top: 50px;
    }	
    
    .post-item {
    	width: 90%;
    	height: auto;
    }	
    
    .preface p{
    		width: 90%;
    	}
    
    a.btn02 {
    	margin: 0 auto;
    }	*/
    /*--------------------------------------------
    	index
    -----------------------------------------------*/
    /*.topConcept01{
      display: flex;
      flex-direction: column;
      justify-content: center;
    	
    	.topConcept01_Sub01{width: 100%;}
    	
    	.topConcept01_Sub02{
    		width: 100%;
    		
    		span{
    		font-size: clamp(30px, 3vw, 35px);
    		margin-bottom: 30px;
    		margin-top: 30px;
    		}	
    	}
    }
    	
    	
    .topContents02{
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	margin-top: 145px;
    	
    	.topConcept02_Sub01{
    		width: 100%;
    		order: 2;
    		
    		span{
    		font-size: clamp(30px, 3vw, 35px);
    		height: 1.3em;
    		margin-bottom: 30px;
    		padding-bottom: 30px;
    		margin-top: 30px;
    		}
    
    	}
    	
    	.topConcept02_Sub02{
    		width: 100%;
    		order: 1;
    		
    		img{width: 100%;}
    	}		
    }
    	
    	
    	.topMessageBk{
    		display: none;
    	}
    	
    	
    	
    
    	.topMessageBkSp{
    	background-image: url("../images/topmessagesp.webp");
    	background-repeat: no-repeat;
    	background-size: cover;
    	display: block;
    	background-position: bottom;
    
    		.topMessageBox{
    		width: 100%;
    		margin: 0 auto;
    		padding: 120% 0 20%;
    		
    		.topMessageTitle{
    			font-size: clamp(40px, 3.5vw, 50px);
    			color: #fff;
    			font-weight: bold;
    			line-height: 1.5em;
    			text-align: center;
    			}
    		
    		.topMessageText{
    			margin: 45px auto;
    			width: 90%;
    			color: #fff;
    		}
    		
    		.topMessageName01{
    			font-size: clamp(25px, 2.5vw, 35px);
    			color: #fff;
    			font-weight: bold;
    			text-align: center;
    		}
    		
    		.topMessageName02{
    			font-size: clamp(50px, 4.2vw, 60px);
    			color: #fff;
    			font-weight: bold;
    			margin-top: 30px;
    			line-height: 1.2em;
    			text-align: center;
     		}		
    		
    	}
    	}
    	
    	.informationBk{
    		
    		.topBanner{
    			width: 90%;
    			margin: 0 auto;
    		}
    		
    		.topBanner01{
    			width: 20%;
    		}
    		
    		.topBanner02{
    			width: 20%;
    		}
    	}
    	
    
    	.nuwsCategory{
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		margin-top: 5px;}
    	
    	
    	.topaboutTitle01{
    	img{
    		width: 100%;
    	}	
    }
    		
    .topaboutTitle02{
    	text-align: center;
    	font-size: clamp(40px, 3.5vw, 50px);
    	margin: 45px auto 50px;
    }	
    	
    .topService{
      display: flex;
      flex-direction: column;
      justify-content: center;
    	
    	.topServiceBox01{
    		width: 100%;
    		margin: 0 auto; 
    		img{width: 100%;}
    	}
    	
    	.topServiceBox02{
    		width: 100%;
    		
    		.topServiceTitle01{
    			margin: 30px auto 0; text-align: center;
    			img{
    				width: 60%;
    			}
    			
    			.topServiceTitle02{
    				font-size: clamp(30px, 2.8vw, 40px);
    				margin-top: 10px;
    			}
    		}
    		
    		.topServiceTitle03{
    				font-size: clamp(40px, 3.5vw, 50px);
    				margin: 40px 0 25px;
    				line-height: 1.2em; 
    				text-align: center; 
    		}	
    	}
    }
    	
    	
    .topFamily{
      display: flex;
      flex-direction: column;
      justify-content: center;
    	margin-top: 100px;
    	
    	.topFamilyBox02{
    		width: 100%;
    		order: 1;
    		img{width: 100%;}
    	}
    	
    	.topFamilyBox01{
    		width: 100%;
    		display: flex;
    		flex-direction: column;
    		justify-content:flex-start;
    		order: 2;
    		
    		.topFamilyTitle01{
    			margin: 30px auto 0; text-align: center;
    			img{
    				width: 60%;
    			}
    			
    			.topFamilyTitle02{
    				font-size: clamp(30px, 2.8vw, 40px);
    				margin-top: 10px;
    			}
    		}
    		
    		.topFamilyTitle03{
    				font-size: clamp(40px, 3.5vw, 50px);
    				margin: 40px 0 25px;
    				line-height: 1.2em; 
    				text-align: center; 
    		}	
    	}	
    }	
    	*/
    /*breadcrumb*/
    /*.breadcrumb{
        font-size: 1.2em;
    	margin-top: 10px;
    }*/
    /*会社概要*/
    /*お問い合わせ*/
    /* 全幅指定 */
    /* pタグの余白を削除 */
    /* 背景色（お好きな色に） */
    /*  フォームの幅（自由に変えてOK） */
    /* 各項目の下部余白 */
    /* 項目名 */
    /*input[type="text"],input[type="email"] {
        border: solid 1px #707070;
        padding: .5rem;
        font-size: 1.8rem;
    	    width: 60%;
    }*/
    /* お問い合わせ内容を入力する箇所 */
    /* ボタン */
    /* ボタンにホバーした時 */
    /* ローダー */
    /* モバイル版 */
    /*    .label_tag {
            font-size: 1.1rem;
        }
        input[type="text"],input[type="email"] {
            padding: .4rem;
            font-size: 1.5rem;
        }
        textarea {
            padding: .4rem;
            font-size: 1.5rem;
        }
        input[type="submit"]{
            font-size: 1.5rem;
        }
    	*/
    /*お問い合わせ*/ }
    body .mb60 {
      margin-bottom: 0; }
    body section {
      width: 90%;
      margin: 0 auto;
      padding: 50px 0; }
    body .section {
      width: 90%;
      margin: 0 auto;
      padding: 50px 0 0; }
    body .w1200 {
      width: 100%;
      margin: 0 auto;
      padding: 50px 0; }
    body .navBox nav {
      display: none; }
    body .telButton {
      display: none; }
    body .telButtonSp {
      background-color: #5ECEDB;
      padding: 12px; }
    body .main {
      display: none; }
    body .main_sp {
      display: block; }
    body .tab-br {
      display: none; }
    body .pc-br {
      display: none; }
    body .sp-br {
      display: block; }
    body .subHeader {
      background-color: #E8FBFF;
      width: 100%;
      padding: 20% 0;
      margin-top: 55px; }
    body .manu-sp {
      display: flex;
      justify-content: end; }
    body .spHederTel
    img {
      width: 53px; }
    body .spHederTel {
      align-items: flex-end;
      width: 53px;
      height: 53px; }
    body .spHederTel a {
      width: 53px;
      height: 53px; }
    body #toggle-nav {
      display: none; }
    body #toggle-nav:checked ~ .hamburger {
      height: 28px; }
    body #toggle-nav:checked ~ .hamburger div {
      background-color: #fff; }
    body #toggle-nav:checked ~ .hamburger div:nth-of-type(1) {
      margin-top: 6px;
      transform: rotate(135deg); }
    body #toggle-nav:checked ~ .hamburger div:nth-of-type(2) {
      opacity: 0; }
    body #toggle-nav:checked ~ .hamburger div:nth-of-type(3) {
      margin-top: -20px;
      transform: rotate(-135deg); }
    body #toggle-nav:checked ~ .menu {
      opacity: 1;
      visibility: visible; }
    body .hamburger {
      cursor: pointer;
      position: absolute;
      z-index: 1020;
      top: 30%;
      right: 3%;
      width: 30px;
      height: 14px;
      margin: 0;
      padding: 0; }
    body .hamburger div {
      position: relative;
      width: 100%;
      height: 2px;
      background-color: #fff;
      transition: background-color 0.5s, transform 0.5s; }
    body .hamburger div:nth-of-type(2) {
      margin: 8px 0; }
    body .menu {
      position: fixed;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 1010;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      margin: 0;
      padding: 0;
      background-color: #000;
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s ease-out;
      will-change: opacity, visibility; }
    body .menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    body .menu ul li {
      margin-bottom: 4px;
      font-size: 32px; }
    body .menu ul li a {
      color: #fff;
      font-size: 18px; }
    body .menu ul li a, body .menu ul li a:hover {
      color: #fff;
      text-decoration: none; }
    body .spHederMenu {
      width: 53px;
      height: 53px;
      background-color: #003692; }
    body .headerBox {
      padding: 0;
      width: 100%;
      background-color: transparent;
      box-shadow: none;
      margin: 0 auto;
      width: 100%;
      position: fixed;
      z-index: 99999; }
    body .headerTitle {
      padding: 50px; }
    body .hederLogo img {
      width: 100%;
      height: auto; }
    body .navBox {
      display: none; }
    body .navBox {
      display: none; }
    body header .logoImg {
      width: 50%; }
    body header .manu-pc {
      display: none; }
    body .mainVisual {
      background-image: url("../images/mainvisualsp.webp");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom;
      position: relative;
      padding-top: 0; }
    body .catchphraseBox {
      position: absolute;
      top: 10%;
      left: 5%; }
      body .catchphraseBox .phrase01 {
        width: 90%;
        text-align: left;
        padding: 0.5em;
        font-size: 1.6em;
        margin-bottom: 25px; }
      body .catchphraseBox .phrase02 {
        line-height: 1.5em;
        font-size: 2em; }
      body .catchphraseBox .phrase03 {
        position: relative;
        display: inline-block;
        padding: 0 55px;
        font-size: 1.1em; }
      body .catchphraseBox .phrase03:before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 40px;
        height: 1px;
        background-color: black;
        left: 0; }
    body .popup {
      display: none; }
    body .solutionTitle {
      /*	position: relative;
      	display: table;
      	font-weight:bold;*/
      font-size: 2em;
      padding-bottom: 1px;
      background: linear-gradient(transparent 70%, #FDD109 0%);
      margin: 0 auto; }
    body .solutionBox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 50px auto 60px; }
    body .solutionSubBox {
      width: 100%; }
    body .solutionText {
      font-size: 1.4em; }
    body .regionTitle {
      padding: 0 50px;
      font-size: 2em;
      line-height: 1.2;
      text-align: center;
      margin: 0 auto; }
    body .regionTitle:before,
    body .regionTitle:after {
      width: 30px; }
    body .regionSubTitle {
      font-size: 1.2em;
      margin: 20px 0 0; }
    body .supportBox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 40px auto 0; }
    body .supportSubBox01 {
      width: 100%;
      order: 2; }
      body .supportSubBox01 .supportTitle {
        font-size: 1.6em;
        margin: 25px auto; }
    body .supportSubBox02 {
      width: 100%;
      order: 1; }
    body .attentionTitle {
      margin: 0 auto 1.5em;
      font-size: 2.2em;
      text-align: center; }
    body .attentionTitle:before {
      bottom: -15px; }
    body .attentionImg {
      margin: 40px auto 60px; }
      body .attentionImg img {
        width: 100%; }
    body .reasonTitle {
      font-size: 2em; }
      body .reasonTitle span {
        font-size: 1.6em; }
    body .reasonBox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 40px; }
    body .reasonSubBox {
      width: 100%;
      margin: 15px auto; }
      body .reasonSubBox p {
        font-size: 1em; }
    body .reasonImg img {
      width: 100%; }
    body .reasonSubTitle {
      font-size: 1.6em;
      font-weight: bold;
      color: #003391;
      text-align: center;
      margin: 25px auto 10px; }
    body .meritMessagePc {
      display: none; }
    body .meritMessageSp {
      display: block;
      width: 100%; }
      body .meritMessageSp img {
        width: 100%; }
    body .meritText {
      padding: 40px 0;
      font-size: 1.4em; }
      body .meritText span {
        font-size: 1em;
        font-weight: bold;
        color: #093C87; }
    body .mdTitle {
      width: 100%;
      margin: 0 auto 40px; }
    body .mdBox {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 0 auto; }
    body .mdicon {
      width: 10%; }
      body .mdicon img {
        width: 80%; }
    body .mdsubbox {
      width: 100%; }
    body .mdList {
      font-size: 1.6em;
      font-weight: bold;
      color: #093C87;
      margin-bottom: 15px; }
    body .mdBorder {
      width: 100%; }
    body .mdTxst {
      font-size: 1.4em;
      margin-top: 30px; }
    body .growthTitle {
      font-size: 1.8em;
      font-weight: bold;
      color: #fff;
      text-align: center;
      line-height: 1.5; }
    body .growthtitleText {
      text-align: center;
      margin-top: 15px;
      color: #fff; }
    body .growImgBox {
      display: flex;
      justify-content: center;
      margin: 40px auto; }
    body .growImgSubBox01 {
      width: 50%;
      margin-right: 15px; }
      body .growImgSubBox01 img {
        width: 100%; }
    body .growImgSubBox02 {
      width: 50%;
      margin-left: 15px; }
      body .growImgSubBox02 img {
        width: 100%; }
    body .predictionTtile {
      font-size: 1.4em;
      font-weight: bold;
      color: #fff;
      text-align: center; }
      body .predictionTtile span {
        font-size: 2.5em;
        font-weight: bold;
        color: #FFD200; }
    body .predictionTxst {
      color: #fff;
      text-align: center;
      font-size: 0.8em;
      margin: 10px auto 0; }
    body .successPointContents {
      background-color: #F2F5FF;
      padding: 40px 0;
      margin-top: 40px; }
    body .successTitle {
      position: relative;
      text-align: center;
      font-weight: bold;
      line-height: 1.3;
      font-size: 1.6rem;
      color: #093C87;
      margin-bottom: 50px; }
    body .successTitle:before,
    body .successTitle:after {
      position: relative;
      display: inline-block;
      content: "";
      background: #000;
      width: 3px;
      height: 1em;
      margin: 0 1em;
      margin-top: -.2em;
      vertical-align: middle; }
    body .successTitle:before {
      transform: rotate(-35deg); }
    body .successTitle:after {
      transform: rotate(35deg); }
    body .successPointBox {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    body .successPointsubBox01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 90%;
      margin: 15px auto; }
    body .successPointsubBox02 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 90%;
      margin: 15px auto; }
    body .successPointTitle {
      font-size: 1.6em;
      font-weight: bold;
      color: #093C87;
      text-align: center;
      margin: 20px auto; }
    body .successPointul {
      list-style: none;
      margin: 0;
      padding: 0; }
    body .successPointlist:before {
      content: "";
      width: 10px;
      height: 10px;
      display: inline-block;
      background-color: #000;
      border-radius: 50%; }
    body .successPointTxst {
      font-size: 1em;
      margin-top: 30px; }
    body .chosenTitle {
      font-size: 2em; }
    body .chosenTitle::before {
      top: 80%; }
    body .chosenBox01 {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 60px auto 0; }
    body .chosenBox02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
    body .chosenImg {
      width: 90%;
      margin: 15px auto; }
    body .supportContTitle {
      font-size: 2em; }
    body .supportContTitle::before {
      top: 80%; }
    body .supportContBox {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 40px; }
    body .supportContSubBox {
      width: 100%;
      margin: 15px auto; }
      body .supportContSubBox p {
        font-size: 1em; }
    body .supportContImg img {
      width: 100%; }
    body .supportContSubTitle {
      font-size: 2em;
      margin: 15px auto 10px; }
    body .needTitle {
      font-size: 2.3em;
      line-height: 1.4;
      color: #093C87;
      padding-bottom: 1px;
      background: linear-gradient(transparent 70%, #FDD109 0%);
      margin: 60px auto; }
    body .needContBox {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 40px; }
    body .needContSubBox {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 15px auto; }
      body .needContSubBox p {
        font-size: 1em; }
    body .resultContTitle {
      font-size: 2em; }
    body .resultContTitle::before {
      top: 80%; }
    body .resultContBox {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 40px; }
    body .resultContSubBox {
      width: 100%;
      height: 200px;
      margin: 15px auto; }
      body .resultContSubBox .resultContSubTitle {
        font-size: 2em; }
      body .resultContSubBox p {
        font-size: 1em;
        margin-top: 20px; }
    body .priceContTitle {
      font-size: 2em; }
    body .priceContTitle::before {
      top: 80%; }
    body .priceTableBox {
      margin: 40px auto 30px; }
      body .priceTableBox table {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0; }
      body .priceTableBox table th {
        text-align: center;
        padding: 10px;
        background: #093C87;
        border: solid 1px #fff;
        color: #ffffff; }
      body .priceTableBox table td {
        padding: 10px;
        border: solid 1px #959595;
        background: #FFFFFF; }
      body .priceTableBox table td:first-child {
        background: #B7D4FF; }
    body .priceNotes {
      width: 100%;
      margin: 0 auto;
      text-align: right;
      font-weight: bold; }
    body .priceOthers {
      width: 100%;
      margin: 0 auto; }
      body .priceOthers .priceOthersTitle {
        font-size: 1.6em;
        font-weight: bold;
        color: #093C87;
        text-align: left; }
      body .priceOthers table {
        border-collapse: collapse;
        width: 100%;
        max-width: 700px; }
      body .priceOthers table1 th, body .priceOthers table td {
        border: 1px solid #959595;
        padding: 1em;
        background: #fff; }
      body .priceOthers table th {
        background-color: #093C87;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 20%;
        min-width: 4em;
        vertical-align: middle;
        border: 1px solid #fff; }
      body .priceOthers .priceOthersNotes {
        text-align: left;
        font-weight: bold; }
    body .costFeatContTitle {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 80px auto; }
    body .costFeatContTitle span {
      padding: 0 20px;
      font-size: 1.6em;
      font-weight: bold; }
    body .costFeatContTitle::before,
    body .costFeatContTitle::after {
      content: "";
      height: 2px;
      width: 5%;
      background: #000; }
    body .costFeatContImg {
      width: 100%;
      margin: 0 auto; }
      body .costFeatContImg img {
        width: 100%; }
    body .costFeatTableBox {
      width: 100%;
      margin: 90px auto 60px; }
      body .costFeatTableBox .costFeatTitle {
        font-size: 1.6em;
        font-weight: bold;
        color: #093C87;
        text-align: left; }
      body .costFeatTableBox table {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0; }
      body .costFeatTableBox table th {
        text-align: center;
        padding: 10px;
        background: #093C87;
        border: solid 1px #fff;
        color: #ffffff; }
      body .costFeatTableBox table td {
        padding: 10px;
        border: solid 1px #959595;
        background: #FFFFFF;
        vertical-align: middle; }
      body .costFeatTableBox table td:first-child {
        vertical-align: middle; }
      body .costFeatTableBox .table-col01 {
        background: #B7D4FF; }
      body .costFeatTableBox .table-txtLeft {
        text-align: left; }
    body .aboutContTitle {
      font-size: 2em; }
    body .aboutContTitle::before {
      top: 80%; }
    body .aboutBox {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin: 40px auto 0; }
    body .aboutSubBox02 {
      width: 100%;
      order: 1; }
    body .aboutSubBox01 {
      width: 100%;
      font-weight: bold;
      font-size: 1.2em;
      order: 2; }
      body .aboutSubBox01 table th,
      body .aboutSubBox01 table td {
        padding: 15px 0;
        border: none; }
      body .aboutSubBox01 table th {
        width: 30%; }
    body .flowContTitle {
      font-size: 2em;
      margin-bottom: 60px; }
    body .flowContTitle::before {
      top: 80%; }
    body .flowContBox {
      margin: 15px auto 80px; }
    body .flowContSubBox {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 auto; }
    body .flowStep {
      left: 29%; }
    body .flowDetail {
      margin-top: 50px; }
    body .flowIcon {
      width: 60%;
      margin: 0 auto; }
      body .flowIcon img {
        width: 100%;
        margin: 0 auto; }
    body .flowTitle {
      font-size: 1.5625em;
      font-weight: bold;
      color: #093C87;
      text-align: center; }
      body .flowTitle span {
        color: #000;
        font-size: 0.7em;
        font-weight: bold; }
    body .flowText {
      margin-top: 15px;
      text-align: center; }
    body .flowArrow {
      margin: 25px; }
      body .flowArrow img {
        transform: rotate(90deg); }
    body .qaContTitle {
      font-size: 2em;
      margin-bottom: 60px; }
    body .qaContTitle::before {
      top: 80%; }
    body .qaCont {
      margin-top: 40px; }
    body .qaTitle {
      text-align: left;
      font-weight: bold;
      font-size: 1.8em;
      color: #093C87;
      margin-bottom: 30px; }
    body .qamt100 {
      margin-top: 50px; }
    body .qaAccordionList {
      font-size: 1em; }
    body .qaAccordionTitle {
      padding: 15px 60px 15px 10px; }
    body .qaAccordionTitle::after {
      width: 15px;
      height: 15px; }
    body .qaAccordionText {
      display: none;
      padding: 15px 60px 15px 10px; }
    body .qaAccordionBox {
      font-size: 1em; }
    body .open::after {
      transform: rotate(-45deg); }
    body .qace {
      font-size: 1.4em;
      margin-top: 60px; }
    body .aboutSubBox01 table th,
    body .aboutSubBox01 table td {
      width: 100%;
      display: block; }
    body .aboutSubBox01 table th {
      width: 100%; }
    body .aboutSubBox01 table td {
      padding-top: 0; }
    body .contactContTitle {
      position: relative;
      padding: 0.5rem 0 2rem;
      margin-bottom: 0.5rem;
      font-weight: bold;
      font-size: 2.2em;
      text-align: center;
      color: #000; }
    body .contactContTitle::before {
      position: absolute;
      border-bottom: 3px solid #003692;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      content: ''; }
    body form {
      width: 100%;
      margin: 0 auto; }
    body .full-width {
      /*    margin: 0 calc(50% - 50vw);*/
      margin: 40px auto 0;
      /*    padding: 5em calc(50vw - 50%);*/ }
    body .wpcf7-form p {
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    body section.contact {
      background-color: #EDF7EF; }
    body .contactForm {
      width: 100%;
      margin: 0 auto; }
    body .contact_item {
      margin-bottom: 1.6rem;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    body .label {
      display: block;
      line-height: 1.6;
      letter-spacing: 0.05em;
      font-weight: bold;
      width: 100%;
      font-size: 1rem;
      margin-bottom: .4rem; }
    body .inputs {
      width: 70%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    body textarea.form-control {
      border: solid 1px #707070;
      padding: .5rem;
      height: 207px;
      font-size: 1.8rem;
      width: 60%; }
    body .btnArea {
      text-align: center; }
    body input[type="submit"] {
      background: #093C87;
      width: 300px;
      display: block;
      color: #ffffff;
      text-align: center;
      font-size: 1.5rem;
      line-height: 1.3;
      letter-spacing: .5em;
      text-indent: .5em;
      font-weight: bold;
      padding: 0.5em 0;
      margin: 40px auto 0;
      cursor: pointer;
      transition: all .3s; }
    body input[type="submit"]:hover {
      color: #C84772;
      background-color: #ffffff;
      border-color: #C84772;
      width: 60%; }
    body .wpcf7 .ajax-loader {
      display: block;
      margin: 0 auto; }
    body .copyrightBox {
      background-color: #000;
      text-align: center;
      line-height: 1.7em; }
    body .copyright {
      color: #ffffff; }
    body input[type="text"],
    body input[type="email"],
    body input[type="url"],
    body input[type="password"],
    body input[type="search"],
    body input[type="number"],
    body input[type="tel"],
    body input[type="date"],
    body input[type="month"],
    body input[type="week"],
    body input[type="time"],
    body input[type="datetime"],
    body input[type="datetime-local"],
    body input[type="color"],
    body textarea {
      border: 1px solid #707070;
      border-radius: 3px;
      padding: .5rem;
      box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
      width: 100%; } }