@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "fontn";
  src: url("../../img/font_n.woff")  format('woff');
}
@font-face {
  font-family: "fontb";
  src: url("../../img/font_b.woff")  format('woff');
}
html,
body {
	margin: 0;
	line-height: 1.75;
	font-size: 16px;
	overflow-x: hidden;
}
body {
	font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #646469;
	max-width: 2560px;
	margin: 0 auto;
}
html.thanks{
	height:100%;
}
html.thanks body {
	height:100%;
	background: url(../img/bg_wave.png) repeat-x;
	background-size: 6.01em;
	background-position: 48% 100%;
}
body * {
	margin: 0;
	padding: 0;
}
.anm{
	opacity:0;
}
li {
	list-style: none;
}
em,i {
	font-style: normal;
}
a img,
h1 img,
h2 img,
h3 img,
p img {
	width: 100%;
	vertical-align: bottom;
}
.ctsInner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
main .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
}
main .fig {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.8em;
}
main .txtBox {
	margin: 0;
}
main .slidePic {
	background: #dcdcdc;
	height: 20em;
	width: 284.626em;
	white-space: nowrap;
	background-size: contain !important;
}
main .slidePic li {
	color: #fff;
	display: inline-block;
	margin: 6.5% 0 0 0.32%;
	font-size: 0.72em;
	width: 9.68%;
}
main .slidePic.left {
	left: 0;
}
main .active .slidePic.left{
    animation: slideleft 100s linear infinite;
}
@keyframes slideleft {
   0% {
     transform:translateX(-50%)
   }
}
main .active .slidePic.right{
    animation: slideright 100s linear infinite;
}

ul.slidePic.right {}
@keyframes slideright {
   100% {
     transform:translateX(-50%)
   }
}
main .state {
	margin-top: 1.4%;
	font-size: 0.94em;
	font-size: max(11px, 0.94em);
	line-height: 2;
	letter-spacing: 0.03em;
	font-weight: bold;
}
main .state span {
	display: block;
}
main .state,
#ctsMv {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, 'Noto Serif JP', メイリオ, Meiryo, serif;
	font-weight: 600;
}
main h2 img {
	display: inline-block;
}
main h2 span {
	display: inline-block;
	vertical-align: bottom;
	font-size: 0.6em;
	letter-spacing: 0.15em;
	font-weight: normal;
	margin-left: 2%;
}
main .btn {
	border: #b2b2b2 1px solid;
	margin-top: 3%;
	display: inline-block;
	text-decoration: none;
	color: #646469;
	font-weight: bold;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	padding: 2.3% 4.5%;
}
/*============================
#ctsMv
============================*/

#ctsMv {
	position: relative;
	color: #fff;
	text-align: center;
}
#ctsMv .cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	pointer-events: none;
}
#ctsMv .sky {
	background: url(../img/bg_mv.jpg);
	background-size: cover;
}
#ctsMv .plane {
	background: url(../img/bg_plane.png?2) no-repeat;
	background-size: cover;
	/* transform: scale(0.85); */
	transform-origin: 8.6% 5%;
	/* opacity: 0.4; */
}
#ctsMv .sky {
	background-position: 75% 50%;
}
#ctsMv h1 {
	position: relative;
	left: 0.4%;
	width: 45.5%;
	height: 0;
	padding-bottom: 10.084%;
	/* width: 546px; */
	/* height: 121px; */
	margin: 0 auto 0.5%;
	overflow: hidden;
}
#ctsMv h1 .draw{
	position:absolute;
	top:0;
	left:0;
}
@media all and (-ms-high-contrast: none){
  #ctsMv h1 .draw{
    margin-top: -1px;
  }
}
#ctsMv h1 img{
	opacity:0;
}
#ctsMv .mainCopy {
	letter-spacing: 0.13em;
	font-size: 1.08em;
	width: 29.4em;
	margin-left: 29.2%;
	white-space: nowrap;
}
#ctsMv .mainCopy span{
	width: 100%;
	display: block;
	overflow: hidden;
}
#ctsMv .ctsInner {
	min-height: 25.02em;
	padding-top: 15em;
}

/*============================
#header
============================*/

#header {
	position: absolute;
	width: 100%;
	bottom: -3.1em;
	height: 3.1em;
	background: #0076cd;
	background: linear-gradient(90deg, #0046c2, #0096e2, #0046c2);
	z-index: 2;
}
#header.fixed{
	position: fixed;
	top:0;
	bottom: auto;
}
#header .line {
	width: 12.2em;
	display: block;
	margin: 0.65em 0 0.7em 3.76em;
}
#header .contact {
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	text-decoration: none;
	width: 6.9em;
	margin: 0.25em 4.1em 0 0;
}
/*============================
#ctsStatement
============================*/

#ctsStatement {} #ctsStatement .txtBox {
	margin: 15.6% 0 19.7% 12.8%;
}
#ctsStatement h2 {
	width: 11em;
	margin-left: 0.3%;
}
#ctsStatement .pic {
	margin: 10.8% 0 0 57.5%;
}
#ctsStatement .fig {
	margin: -1.65% 0 0 86.2%;
}
#ctsStatement .right {
	background: url(../img/pic_01_1.jpg);
}
#ctsStatement .left {
	background: url(../img/pic_01_2.jpg);
}
/*============================
#ctsDiscovery
============================*/

#ctsDiscovery {} #ctsDiscovery .txtBox {
	margin: 14.6% 0 8.9% 50%;
}
#ctsDiscovery h2 {
	width: 14em;
	margin-bottom: 2.5%;
}
#ctsDiscovery .state {
	font-size: 0.9em;
	line-height: 2.09;
}
#ctsDiscovery .pic {
	margin: -3.8% 0 0 12.8%;
}
#ctsDiscovery .fig {
	margin: 24.5% 0 0 7.3%;
}
#ctsDiscovery .right {
	background: url(../img/pic_02_1.jpg);
}

ul.slidePic.right {}
#ctsDiscovery .left {
	background: url(../img/pic_02_2.jpg);
}
/*============================
#ctsPlanning
============================*/

#ctsPlanning .txtBox {
	margin: 9.1% 0 8.6% 12.8%;
}
#ctsPlanning h2 {
	width: 15em;
	/* margin-bottom: 1.4%; */
}
#ctsPlanning h3 {
	font-size: 0.91em;
	letter-spacing: 0.13em;
	margin: 1.3% 0 0.5%;
}
#ctsPlanning dl {
	font-size: 0.7em;
	font-size: max(10px, 0.7em);
	width: 50em;
	letter-spacing: 0.05em;
	margin-left: 0.2%;
}
#ctsPlanning dt {
	width: 6.8em;
	display: inline-block;
	vertical-align: top;
	color: #006ec8;
}
#ctsPlanning dt.long {
	width: 8.5em;
}
#ctsPlanning dd {
	width: 40em;
	display: inline-block;
	vertical-align: top;
	text-indent: -1em;
	padding-left: 1em;
}
#ctsPlanning dd i{
	font-style:normal;
}
#ctsPlanning small {
	font-size: 0.75em;
	margin-top: 2.3%;
	display: block;
}
#ctsPlanning .pic {
	margin: 8.2% 0 0 63%;
}
#ctsPlanning .fig {
	margin: -1.3% 0 0 87.2%;
}
#ctsPlanning .right {
	background: url(../img/pic_03_1.jpg);
}
#ctsPlanning .left {
	background: url(../img/pic_03_2.jpg);
}
/*============================
#ctsProduce
============================*/

#ctsProduce .txtBox {
	margin: 9.15% 0 6.9% 46.8%;
}
#ctsProduce h2 img {
	width: 7.6em;
	margin-bottom: 0.4%;
	margin-left: 0.4%;
}
#ctsProduce h2 {
	margin-bottom: 2.5%;
}
#ctsProduce em span {
	color: #006ec8;
}
#ctsProduce p {
	font-size: 0.77em;
	font-size: max(11px, 0.77em);
	line-height: 1.7;
	letter-spacing: 0.05em;
}
#ctsProduce em {
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.12em;
	display: block;
	margin-bottom: 1.7%;
}
#ctsProduce em i{
	font-family: 'Andika New Basic', sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.08em;
	margin-right: 0.1em;
}
#ctsProduce .pic {
	margin: 1.3% 0 0 12.8%;
}
#ctsProduce .fig {
	margin: 24.9% 0 0 1.5%;
}
/*============================
#ctsAdvice
============================*/

#ctsAdvice {} #ctsAdvice .txtBox {
	margin: 2.1% 0 10.2% 12.8%;
}
#ctsAdvice h2 {
	margin-bottom: 1.4%;
}
#ctsAdvice h2 img {
	width: 12.5em;
	margin-left: 0.3%;
	margin-bottom: 0.4%;
}
#ctsAdvice h2 span {
	margin-left: 1.4%;
}
#ctsAdvice p {
	font-size: 0.77em;
	font-size: max(10px, 0.77em);
	line-height: 1.7;
	letter-spacing: 0.05em;
}
#ctsAdvice .pic {
	margin: 5.1% 0 0 46.7%;
	width: 22.08%;
}
#ctsAdvice .performance {
	position: absolute;
	top: 0;
	left: 0;
	margin: 4.9% 0 8.6% 71.2%;
}
#ctsAdvice .performance h4 {
	font-size: 0.67em;
	line-height: 1.7;
	letter-spacing: 0.2em;
	color: #006ec8;
}
#ctsAdvice .performance p + h4 {
	margin-top: 4%;
}
#ctsAdvice .performance p {
	font-size: .6em;
	font-size: max(8px, 0.6em);
	letter-spacing: 0;
	line-height: 1.8;
}
#ctsAdvice .performance p span {
	width: 33.2em;
	white-space: nowrap;
	display: inline-block;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	border: none;
}
#ctsAdvice .fig {
	margin: 9.1% 0 8.6% 12.8%;
}
#ctsAdvice .right {
	background: url(../img/pic_04_1.jpg);
}
#ctsAdvice .left {
	background: url(../img/pic_04_2.jpg);
}
/*============================
#ctsInfo
============================*/

#ctsInfo {
	text-align: center;
}
#ctsInfo .txtBox {
	margin: 0;
}
#ctsInfo h2 {
	width: 12.5em;
	display: inline-block;
	margin: 0 auto 0.4%;
	padding-left: 0.4%;
}
#ctsInfo .hash {
	margin: 0 0 2.9%;
}
#ctsInfo .btn {
	margin: 5.5% 0 4.3%;
	width: 10.81em;
	padding: 1.18% 0;
}
#ctsInfo .btn + .btn {
	margin-left: -1px;
}
#ctsInfo .hash1 {
	display: inline-block;
	width: 7.9em;
	margin-right: 2.4%;
	vertical-align: top;
}
#ctsInfo .hash2 {
	display: inline-block;
	width: 14.7em;
	vertical-align: top;
}
#ctsInfo .info {
	margin-bottom: 3.6%;
}
#ctsInfo .info h3 {
	letter-spacing: 0.08em;
	line-height: 1.2;
	font-weight: 400;
}
#ctsInfo .info small {
	font-size: 0.76em;
	margin: 0.6% 0 2.5%;
	display: block;
}
#ctsInfo .info p {
	line-height: 1.35;
	font-size: 1.12em;
	letter-spacing: 0.07em;
}
#ctsInfo .info p + p {
	margin-top: 1.4em;
}
#ctsInfo .fig {
	margin: 11.4% 0 0 80.1%;
}
/*============================
footer
============================*/

footer {
	position: relative;
	background: url(../img/bg_wave.png) repeat-x;
	background-size: 6.01em;
	background-position-x: 48%;
	height: 7.25em;
}
footer .fish {
	position: absolute;
	width: 66px;
	height: 66px;
	overflow: hidden;
	left: 0;
	margin: -4.1% 0 0 15.35%;
	opacity: 0;
}
footer .fish img {
	width:100%;
}
footer .fish.a img {
	margin-top: -100%;
}
footer .corpyright {
	color: #fff;
	text-align: right;
	padding-right: 60px;
	padding-top: 65px;
	font-size: 0.82em;
	letter-spacing: 0.11em;
}

/*============================
#ctsForm
============================*/

#ctsForm {
	text-align: center;
	font-size: 16px;
}
#ctsForm h1 {
	padding: 14.9% 0 4.9%;
	font-size: 1.8em;
	letter-spacing: 0.24em;
	color: #006ec8;
}
#ctsForm h1 span {
	display: block;
	color: #646469;
	font-size: 0.62em;
	line-height: 1.2;
	letter-spacing: 0.02em;
}
#ctsForm form {
	text-align: left;
	width: 90.9%;
	margin: 0 auto;
}
#ctsForm h3 {
	font-size: 0.85em;
	color: #006ec8;
	letter-spacing: .1em;
	margin: 1.1em 0 0.35em;
}
#ctsForm input {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	border: #b2b2b4 1px solid;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	padding: 0.8em 1.2em;
	font-size: 1em;
	letter-spacing: 0.1em;
}
#ctsForm input::placeholder {
	color: #aaaaaf;
}
#ctsForm input.size1 {
	width: 47.6%;
}
#ctsForm input + input {
	margin-left: 4.8%;
}
#ctsForm textarea {
	border: #b2b2b4 1px solid;
	padding: 0.8em 1.2em;
	font-size: 1em;
	letter-spacing: 0;
	width: 100%;
	height: 8em;
	line-height: 1.35;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}
#ctsForm .btn {
	background: #fff;
	border: #b2b2b4 1px solid;
	display: block;
	margin: 10.9% auto 11.7%;
	font-size: 1em;
	color: #006ec8;
	font-weight: bold;
	padding: 1.4% 5%;
	border-radius: 3em;
	width: 12.5em;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: background .3s;
}
#ctsForm .btn:hover {
	background: #ebebeb;
}
#ctsForm .ctsInner {
	max-width: 750px;
	min-height: calc(100vh - 7.22em);
}
#ctsForm .lead {
	line-height: 1.45;
	font-weight: bold;
	margin-bottom: 5.9%;
}
#ctsForm .fig {
	margin: 21.8% 0 0 -11.3%;
}
#ctsForm .fig.pos2{
	right: 0;
	bottom: 0;
	top: auto;
	left: auto;
	margin: 0 -13.5% 2% 0;
}
#ctsForm .phone {
	width: 52.6%;
	display: inline-block;
	vertical-align: top;
}
#ctsForm .age {
	width: 42.5%;
	display: inline-block;
	vertical-align: top;
	margin-left: 4.8%;
}
#ctsForm .border {
	border: #b2b2b4 1px solid;
	padding-left: 14%;
}
#ctsForm .noborder {
	border: none;
	display: inline-block;
	vertical-align: middle;
	width: 3em;
	text-align: center;
	padding: .8em 0;
	background: none;
}
#ctsForm .noborder + span {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0.2em;
	font-size: 0.9em;
}
#ctsForm .noborder.wide {
	width: 4em;
}
#ctsForm .border.term {
	padding-left: 0;
	text-align: center;
}
#gettable{
    width: 98%;
    text-align:left;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:14px;
    margin: 1%;
    box-sizing: inherit;
}
#gettable *{
    border:#ccc 1px solid;
    line-height: 1.4;
    vertical-align: top;
}
#gettable caption{
	background: #94d1ff;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding: 0.2em 0;
}
#gettable caption.col2{
	background: #a0ff81;
}
#gettable thead{
	background:rgb(0,0,0,60%);
	color:#fff;
}
#gettable thead *{
	font-weight: normal;
}
#gettable th{
    min-width:2em;
}
#gettable tr:nth-child(2n){
	background:#f7f7f7;
}
#gettable th, #gettable td{
    padding:.1em .2em;
}

@media (min-width: 1366px) {
	#ctsMv .plane {
		margin-top: calc(-8.4vw + 21px);
		height:140%;
	}
}
@media (max-width: 1218px) {
	body {
		font-size: 1.33333vw;
		overflow: hidden;
	}
	#ctsDiscovery .state {
		font-size: 0.85em;
		font-size: max(10px, 0.85em);
	}
}
@media (max-width: 1100px) {
	#ctsDiscovery .txtBox {
		margin-left: calc(59% - 100px);
	}
	#ctsPlanning .txtBox {
		margin-left: calc(20% - 100px);
	}
	#ctsPlanning .pic {
		margin: 8.2% 0 0 71%;
		width: 27%;
	}
	#ctsAdvice .txtBox {
		margin-left: calc(20% - 100px);
		margin-bottom: 17%;
		margin-top: 6.1%;
	}
	#ctsAdvice .pic {
		margin: -2.4% 0 0 54.7%;
		width: 26.58%;
	}
	#ctsAdvice .performance {
		margin: 16.1% 0 8.6% 54.7%;
	}
}
@media (min-width: 769px) {
	.forsp {
		display: none !important;
	}
	a img{
		transition:opacity .2s;
	}
	a:hover img{
		opacity:.7;
	}
	.btn{
		transition:background .24s;
	}
	.btn:hover{
		background:#ebebeb;
	}
}
@media (max-width: 768px) {
	body {
		font-size: 2.85vw;
	}
	.forpc {
		display: none !important;
	}
	.ctsInner {
      width: 100%;
      max-width: 100%;
  }
  html.thanks body {
      background-size: 4.51em;
      background-position-x: 47%;
  }
  main .pic {
      position: relative;
      width: 53.4%;
  }
  main .fig {
      width: 4.4em;
  }
  main .slidePic {
      height: 12.34em;
      width: 500%;
  }
  main .slidePic li {
      margin: 6.15% 0 0 0.35%;
      font-size: 0.82em;
      width: 9.63%;
      font-weight:500;
      text-shadow: rgb(0,0,0,60%) 0 0 0.6em;
  }
  main .active .slidePic.left{
      animation: slideleft 50s linear infinite;
  }
  main .active .slidePic.right{
      animation: slideright 50s linear infinite;
  }
  main .state {
      margin-top: 3.7%;
      font-size: 1em;
      line-height: 2.1;
      letter-spacing: 0.03em;
  }
  main h2 span {
      font-size: 0.6em;
      letter-spacing: 0.15em;
      margin-left: 2%;
      margin-bottom: -0.7%;
  }
  main .btn {
      margin: 5% 0 0 28.1%;
      font-size: 1em;
      letter-spacing: 0.1em;
      padding: 3.1% 6.4%;
  }
  /*============================
  #ctsMv
  ============================*/
    #ctsMv{
    	background-position: 39% -28%;
    	background-size: 218.8%;
    }
  #ctsMv .plane {
      transform-origin: -29% 6%;
      margin-left: 14%;
  }
  #ctsMv .sky {
  	  background-size: 231%;
  	  background-position: 39% 100%;
  }
  #ctsMv .plane {
  	  background-size: 231%;
  	  background-position: 50% 100%;
  }
  #ctsMv h1 {
      left: 0.9%;
      width: 72.4%;
      padding-bottom: 16.05%;
      margin: -0.3% auto 1.1%;
  }
  #ctsMv .mainCopy {
      letter-spacing: 0.17em;
      font-size: 1.08em;
      width: 23.4em;
      margin-left: 15.2%;
      text-align: left;
      font-weight: bold;
  }
  #ctsMv .mainCopy em{
  	margin-left: 8.2em;
  }
  #ctsMv .ctsInner {
      padding-top: 13.3em;
      min-height: 21.82em;
  }
  /*============================
  #header
  ============================*/

  #header {
  height: 3.58em;
  bottom: -3.58em;
  }
  #header .line {
      width: 12.6em;
      margin: 2.6% 0 2.65% 5%;
  }
  #header .contact {
      width: 7em;
      margin: 1.4% 4.7% 0 0;
  }
  /*============================
  #ctsStatement
  ============================*/

  #ctsStatement .txtBox {
      margin: 22.3% 0 5% 8.8%;
  }
  #ctsStatement h2 {
      width: 11.8em;
      margin-left: 0.8%;
  }
  #ctsStatement .pic {
      margin: -0.9% 0 13.1% 37.6%;
  }
  #ctsStatement .fig {
      margin: 70.65% 0 0 11%;
  }
  /*============================
  #ctsDiscovery
  ============================*/

  #ctsDiscovery .txtBox {
      margin: 12.6% 0 2.9% 9%;
  }
  #ctsDiscovery h2 {
      width: 14.9em;
      margin-bottom: 2.5%;
  }
  #ctsDiscovery .state {
      font-size: 1em;
      line-height: 2.09;
  }
  #ctsDiscovery .pic {
      margin: 1.2% 0 13.2% 9.1%;
  }
  #ctsDiscovery .fig {
      margin: 109.5% 0 0 74.3%;
  }
  /*============================
  #ctsPlanning
  ============================*/

  #ctsPlanning .txtBox {
      margin: 12.5% 0 4.6% 8.8%;
  }
  #ctsPlanning h2 {
      width: 16.1em;
  }
  #ctsPlanning h3 {
      font-size: 1.15em;
      letter-spacing: 0.07em;
      margin: 3.9% 0 3.8% -2%;
      text-indent: 0.5em;
      line-height: 1.6;
  }
  #ctsPlanning h3 .narrow {
      letter-spacing: 0.04em;
  }
  #ctsPlanning dl {
      font-size: 0.96em;
      width: 50em;
      letter-spacing: 0;
      margin-left: 0.2%;
      line-height: 1.6;
  }
  #ctsPlanning dt {
      width: 6.8em;
      font-size: 1.1em;
      font-weight: bold;
  }
  #ctsPlanning dt.long {
      width: 8.5em;
  }
  #ctsPlanning dd {
      width: 30em;
      display: block;
      text-indent: 0;
      padding-left: 0;
      margin-bottom: 1.2%;
  }
  #ctsPlanning dd br{
  	display:none;
  }
  #ctsPlanning dd i{
      display:none;
  }
  #ctsPlanning small {
      font-size: 0.95em;
      margin-top: 4.5%;
  }
  #ctsPlanning .pic {
      margin: 0.4% 0 13% 38%;
      width: 53.4%;
  }
  #ctsPlanning .fig {
      margin: 201.7% 0 0 13.2%;
  }
  /*============================
  #ctsProduce
  ============================*/

  #ctsProduce .txtBox {
      margin: 11.75% 0 6.9% 8.8%;
  }
  #ctsProduce h2 img {
      width: 7.4em;
      margin-bottom: 0.4%;
      margin-left: 0.4%;
  }
  #ctsProduce h2 {
      margin-bottom: 4.2%;
  }
  #ctsProduce p {
      font-size: 0.93em;
      line-height: 1.9;
      letter-spacing: 0.02em;
      width: 31.1em;
  }
  #ctsProduce p span{
  	display:block;
  	margin-top: 3%;
  }
  #ctsProduce p span br{
  	display:block;
  }
  #ctsProduce em span{
  	display: inline;
  	font-size: 1.1em;
  }
  #ctsProduce p br{
      display:none;
  }
  #ctsProduce em {
      font-size: 1.2em;
      letter-spacing: 0.06em;
      margin-bottom: 2.3%;
  }
  #ctsProduce .pic {
      margin: -1% 0 0 8.8%;
  }
  #ctsProduce .fig {
      margin: 105.5% 0 0 73.5%;
  }
  /*============================
  #ctsAdvice
  ============================*/

  #ctsAdvice .txtBox {
      margin: 9.8% 0 5% 8.8%;
  }
  #ctsAdvice h2 {
      margin-bottom: 5.1%;
      font-size: 1.6em;
  }
  #ctsAdvice h2 img {
      width: 11.3em;
      margin-left: 0.7%;
      margin-bottom: 0.4%;
  }
  #ctsAdvice h2 span {
      margin-left: 1.4%;
  }
  #ctsAdvice p {
      font-size: 0.95em;
      line-height: 1.8;
      letter-spacing: 0.01em;
      width: 30.3em;
      text-align: justify;
  }
  #ctsAdvice p br{
      display:none;
  }
  #ctsAdvice .pic {
      margin: 0% 0 0 37.6%;
      width: 53.38%;
  }
  #ctsAdvice .performance {
      margin: 3.9% 0 13.2% 9%;
      position: relative;
      font-size: 1.5em;
  }
  #ctsAdvice .performance h4 {
      font-size: 0.67em;
      line-height: 1.7;
      letter-spacing: 0.2em;
      margin-bottom: 1%;
  }
  #ctsAdvice .performance p + h4 {
      margin-top: 1.4%;
      letter-spacing: 0.1em;
  }
  #ctsAdvice .performance p {
      font-size: .6em;
      font-size: max(8px, 0.6em);
      letter-spacing: 0;
      line-height: 1.9;
  }
  #ctsAdvice .performance p span {
      width: 33.2em;
      letter-spacing: 0;
  }
  #ctsAdvice .fig {
      margin: 65.8% 0 0 9.8%;
  }
  #ctsAdvice .right {
      background: url(../img/pic_04_1.jpg);
  }
  #ctsAdvice .left {
      background: url(../img/pic_04_2.jpg);
  }
  /*============================
  #ctsInfo
  ============================*/

  #ctsInfo h2 {
      width: 13.1em;
      margin: 0 auto 1.8%;
  }
  #ctsInfo .hash {
      margin: 0 0 7.4%;
  }
  #ctsInfo .btn {
      margin: 18.5% 0 16.8%;
      width: 10.61em;
      padding: 2.68% 0;
  }
  #ctsInfo .btn + .btn {
  }
  #ctsInfo .hash1 {
      width: 8.4em;
      margin-right: 5.4%;
  }
  #ctsInfo .hash2 {
      width: 15.5em;
  }
  #ctsInfo .info {
      margin-bottom: 14.6%;
  }
  #ctsInfo .info h3 {
      letter-spacing: 0.08em;
      line-height: 1.2;
  }
  #ctsInfo .info small {
      font-size: 0.86em;
      margin: 2% 0 6.5%;
      line-height: 1.4;
  }
  #ctsInfo .info p {
      line-height: 1.35;
      font-size: 1.15em;
      letter-spacing: 0.07em;
  }
  #ctsInfo .info p + p {
      margin-top: 1.4em;
  }
  #ctsInfo .fig {
      margin: 9.1% 0 0 77.9%;
  }

    /*============================
	#ctsForm
	============================*/

	#ctsForm {
		font-size: 16px;
	}
	#ctsForm h1 {
		padding: 12.6% 0 7.7%;
		font-size: 1.4em;
		letter-spacing: 0.24em;
	}
	#ctsForm h1 span {
		line-height: 1;
		font-family: 'Andika New Basic', sans-serif;
	}
	#ctsForm form {
		width: 85.9%;
	}
	#ctsForm h3 {
		font-size: 0.85em;
		letter-spacing: .1em;
		margin: 0.8em 0 0.05em;
	}
	#ctsForm input {
		padding: 0.45em 0.9em;
		font-size: 1em;
		letter-spacing: 0;
	}
	#ctsForm input.size1 {
		width: 47.6%;
	}
	#ctsForm input + input {
		margin-left: 4.8%;
	}
	#ctsForm textarea {
		padding: 0.45em 0.9em;
		font-size: 1em;
		letter-spacing: 0;
		width: 100%;
		height: 10em;
		line-height: 1.35;
	}
	#ctsForm .btn {
		margin: 13.7% auto 15.2%;
		font-size: 1em;
		padding: 2.1% 5%;
		border-radius: 0.7em;
		width: 11.1em;
		letter-spacing: 0.1em;
	}
	#ctsForm .ctsInner {
		max-width: 750px;
	}
	#ctsForm .lead {
		line-height: 1.55;
		margin-bottom: 8.5%;
		font-size: min(16px, 3.4vw);
	}
	#ctsForm .fig {
		margin: 9.5% 0 0 7.9%;
		width: 3em;
	}
	#ctsForm .fig.pos {
		margin: 0 6.5% 7% 0;
	}
	#ctsForm .phone {
		width: 100%;
	}
	#ctsForm .age {
		width: 11.7em;
		margin-left: 0;
	}
	#ctsForm .border {
		padding-left: 20%;
	}
	#ctsForm .noborder {
		width: 2.6em;
		padding: 0.3em 0;
	}
	#ctsForm .noborder + span {
		margin-bottom: 0em;
	}
	#ctsForm .noborder.wide {
		width: 4em;
	}
	#ctsForm .border.term {
		line-height: 0.9;
		padding: 0.4em 0.4em 0.4em 0;
	}
	#ctsForm .border.term span{
		display:inline-block;
	}
	#ctsForm input::placeholder {
		font-size:1em;
		line-height:1.4;
	}
  
  /*============================
  footer
  ============================*/

  footer {
      background-size: 4.51em;
      background-position-x: 47%;
      height: 4.95em;
  }
  footer .fish {
      width: 3.6em;
      height: 3.8em;
      margin: -7.8% 0 0 19.55%;
  }
  footer .fish.a img {
      margin-top: -100%;
  }
  footer .corpyright {
      padding: 7.35% 0 0;
      font-size: 0.77em;
      text-align: center;
      letter-spacing: 0.07em;
      z-index: 1;
      position: relative;
  }
}