@charset "UTF-8";
/*====================
 * [Suggested order by mozilla.org]
 * z-index
 * display
 * list-style
 * position
 * float
 * clear
 *
 * width
 * height
 * margin
 * padding
 * border
 *
 * background
 * color
 *
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *====================*/
@-webkit-keyframes pageTopShake {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    -webkit-transform: translate(0px, -5px) rotateZ(5deg);
    transform: translate(0px, -5px) rotateZ(5deg);
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  75% {
    -webkit-transform: translate(0px, -5px) rotateZ(-5deg);
    transform: translate(0px, -5px) rotateZ(-5deg);
  }
}
@keyframes pageTopShake {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    -webkit-transform: translate(0px, -5px) rotateZ(5deg);
    transform: translate(0px, -5px) rotateZ(5deg);
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  75% {
    -webkit-transform: translate(0px, -5px) rotateZ(-5deg);
    transform: translate(0px, -5px) rotateZ(-5deg);
  }
}

@-webkit-keyframes iconShake {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    -webkit-transform: translate(0px, 0px) rotateZ(8deg);
    transform: translate(0px, 0px) rotateZ(8deg);
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  75% {
    -webkit-transform: translate(0px, 0px) rotateZ(-8deg);
    transform: translate(0px, 0px) rotateZ(-8deg);
  }
}

@keyframes iconShake {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    -webkit-transform: translate(0px, 0px) rotateZ(8deg);
    transform: translate(0px, 0px) rotateZ(8deg);
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  75% {
    -webkit-transform: translate(0px, 0px) rotateZ(-8deg);
    transform: translate(0px, 0px) rotateZ(-8deg);
  }
}

/*
@keyframes logoshake{
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    10% {transform: translate(0px, 0px) rotateZ(8deg)}
    20% {transform: translate(0px, 0px) rotateZ(0deg)}
    30% {transform: translate(0px, 0px) rotateZ(-5deg)}
    40% {transform: translate(0px, 0px) rotateZ(0deg)}
    50% {transform: translate(0px, 0px) rotateZ(5deg)}
    60% {transform: translate(0px, 0px) rotateZ(0deg)}
    70% {transform: translate(0px, 0px) rotateZ(-2deg)}
    80% {transform: translate(0px, 0px) rotateZ(0deg)}
    90% {transform: translate(0px, 0px) rotateZ(2deg)}
}
@keyframes topIllustShake{
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0px, 0px) rotateZ(5deg)}
    50% {transform: translate(0px, 0px) rotateZ(0deg)}
    75% {transform: translate(0px, 0px) rotateZ(-5deg)}
}
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*====================
 *   Base
 *====================*/
body {
  color: #333333;
  font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.6rem;
  text-align: center;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  margin: 0 0 20px 0;
  padding: 0;
}

@media screen and (max-width: 700px) {
  p {
    margin-bottom: 10px;
  }
}

dl,
dt,
dd,
ul,
nav,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

a {
  border: none;
  outline: none;
  text-decoration: none;
}

a:link, a:visited {
  color: #ea7575;
  text-decoration: none;
}

a:hover, a:active {
  color: #ffe200;
  text-decoration: none;
}

a img {
  border-style: none;
}

em {
  font-style: normal;
  font-weight: 700;
}

*:focus {
  border: none;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

article:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

section {
  position: relative;
  /*p:last-child, ul:last-child, ol:last-child ,table:last-child{
		margin-bottom: 50px;
		@include mq($maxWidth4) {
			margin-bottom: 20px;
		}
	}*/
}

section:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

section p:last-child {
  margin-bottom: 0px;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* common */
.wd1000 {
  margin: 0px auto;
  position: relative;
  width: 1000px;
}

.wd1000:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 1020px) {
  .wd1000 {
    margin: 0px 10px;
    width: auto;
  }
}

.wd900 {
  margin: 0px auto;
  position: relative;
  width: 900px;
}

.wd900:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .wd900 {
    margin: 0px 10px;
    width: auto;
  }
}

.wd800 {
  margin: 0px auto;
  position: relative;
  width: 800px;
}

.wd800:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 820px) {
  .wd800 {
    margin: 0px 10px;
    width: auto;
  }
}

.wd750 {
  margin: 0px auto;
  position: relative;
  width: 750px;
}

.wd750:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 820px) {
  .wd750 {
    margin: 0px 10px;
    width: auto;
  }
}

.leftColumn {
  float: left;
}

.rightColumn {
  float: right;
}

.alCent {
  text-align: center;
}

.alRight {
  text-align: right;
}

.alLeft {
  text-align: left;
}

.wrap {
  position: relative;
}

.wrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.ropasans {
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}

.displayNone {
  display: none;
}

.navyTxt {
  color: #3286bf;
}

.orgTxt {
  color: #c92b6e;
}

.grnTxt {
  color: #ffe200;
}

.redTxt {
  color: #ff0000;
}

.lineThrough {
  text-decoration: line-through;
}

.bigTxt {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.8rem;
}

@media screen and (max-width: 700px) {
  .bigTxt {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.borderRadius {
  border-radius: 10px;
}

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

.pcHide {
  display: none;
}

@media screen and (max-width: 700px) {
  .pcHide {
    display: block;
  }
}

.fz18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2rem;
  margin-bottom: 40px;
}

.fz18 p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2rem;
}

@media screen and (max-width: 600px) {
  .fz18 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 20px;
  }
  .fz18 p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.flexBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}

.flexBox .flexBox-inner {
  -webkit-box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  box-sizing: border-box;
  flex: 1;
  position: relative;
}

.flexBox .flexBox-inner:first-child {
  margin-left: 0px;
}

@media screen and (max-width: 820px) {
  .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .flexBox .flexBox-inner {
    margin: 0px 0px 10px 0px;
  }
}

.tonicTxt {
  color: #3286bf;
}

.tonicTxt-light {
  color: #4cabe0;
}

.dominantTxt {
  color: #c92b6e;
}

.subDominant-deepTxt {
  color: #af8700;
}

.highlightTxt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ff0));
  background: -webkit-linear-gradient(transparent 50%, #ff0 0%);
  background: linear-gradient(transparent 50%, #ff0 0%);
  font-weight: bold;
}

.blueBg,
.grayBg,
.whiteBg,
.blackBg {
  padding: 80px 0px;
}

@media screen and (max-width: 700px) {
  .blueBg,
  .grayBg,
  .whiteBg,
  .blackBg {
    padding: 30px 0px;
  }
}

.blueBg {
  background-color: #e2e7e8;
}

.grayBg {
  background-color: #efefef;
}

.whiteBg {
  background-color: #fff;
}

.blackBg {
  background-color: #000;
}

.list-disc li {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0px 0px 20px 1.5rem;
}

@media screen and (max-width: 700px) {
  .list-disc li {
    margin-bottom: 10px;
  }
}

.whiteArrowBox {
  -webkit-box-sizing: border-box;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0px auto 50px auto;
  padding: 15px;
  position: relative;
  width: 568px;
}

@media screen and (max-width: 600px) {
  .whiteArrowBox {
    margin-bottom: 30px;
    text-align: left;
    width: auto;
  }
  .whiteArrowBox br {
    display: none;
  }
}

.whiteArrowBox-down:before {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  bottom: -15px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

.whiteArrowBox-up {
  padding: 30px 15px;
}

.whiteArrowBox-up:before {
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: -15px;
  width: 0px;
}

@media screen and (max-width: 700px) {
  .whiteArrowBox-up {
    padding: 15px;
  }
}

.youtube-outer {
  margin-top: 40px;
  padding: 0px 43px;
}

@media screen and (max-width: 600px) {
  .youtube-outer {
    margin-top: 10px;
    padding: 0px;
  }
}

.youtube {
  margin-bottom: 30px;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 700px) {
  .youtube {
    margin-bottom: 0px;
  }
}

.youtube iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

.sectionTitle {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.6rem;
  margin-bottom: 40px;
}

@media screen and (max-width: 700px) {
  .sectionTitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6rem;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 600px) {
  .sectionTitle br {
    display: none;
  }
}

.sectionTitle-tonic {
  color: #3286bf;
}

.sectionTitle-subDominant {
  color: #ffe200;
}

.sectionTitle-subDominant-deep {
  color: #af8700;
}

.sectionTitle-white {
  color: #fff;
}

.sectionTitle-gray {
  color: #666;
}

.headerArea {
  background: #17628c;
  height: 54px;
  left: 0px;
  margin: 0px auto;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 200;
}

@media screen and (max-width: 680px) {
  .headerArea {
    height: 76px;
    text-align: center;
  }
}

.headerArea-rightColumn {
  display: inline-block;
  float: right;
  margin-right: 10px;
  padding-top: 7px;
}

.headerArea-rightColumn:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 680px) {
  .headerArea-rightColumn {
    float: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
}

.headerArea-contactButton {
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  float: left;
}

.headerArea-contactButton a {
  background: url(../images/headerArea-contactButton_ver2.png) transparent no-repeat center center;
  background-size: auto 30px;
  border-radius: 5px;
  display: block;
  height: 30px;
  padding: 5px 10px;
  text-indent: -9999px;
  width: 166px;
}

.headerArea-contactButton a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1120px) {
  .headerArea-contactButton a {
    background: url(../images/headerArea-contactButton_ver2-SP.png) transparent no-repeat center center;
    background-size: auto 24px;
    height: 30px;
    width: 156px;
  }
}

@media screen and (max-width: 680px) {
  .headerArea-contactButton {
    border-radius: 0px;
    float: right;
    width: 60%;
  }
  .headerArea-contactButton a {
    border-radius: 0px;
    height: 34px;
    padding: 0px;
    width: 100%;
  }
}

.headerArea-lineButton {
  display: inline-block;
  float: left;
}

.headerArea-lineButton a {
  background: url(../images/headerArea-lineButton.png) #00b900 no-repeat center center;
  background-size: auto 30px;
  border-radius: 5px;
  display: block;
  height: 30px;
  margin-right: 10px;
  padding: 5px 10px;
  text-indent: -9999px;
  width: 172px;
}

@media screen and (max-width: 1120px) {
  .headerArea-lineButton a {
    background: url(../images/headerArea-lineButton-SP.png) #00b900 no-repeat center center;
    background-size: auto 20px;
    height: 30px;
    width: 88px;
  }
}

@media screen and (max-width: 680px) {
  .headerArea-lineButton {
    float: left;
    width: 40%;
  }
  .headerArea-lineButton a {
    border-radius: 0px;
    height: 34px;
    padding: 0px;
    width: 100%;
  }
}

.headerArea-phoneNumber {
  -webkit-box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e39301), to(#f9b438));
  background: -webkit-linear-gradient(top, #e39301 0, #f9b438 100%);
  background: linear-gradient(to bottom, #e39301 0, #f9b438 100%);
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height: 54px;
  margin: 0px;
  padding: 12px 10px 0px 10px;
}

@media screen and (max-width: 680px) {
  .headerArea-phoneNumber {
    float: none;
    height: 42px;
    margin: 0px auto;
    padding: 7px 10px 0px 10px;
    text-align: center;
    width: 100%;
  }
}

.headerArea-phoneNumber-inner {
  background: url(../images/headerArea-phoneNumber_ver2.png) no-repeat center center;
  background-size: 100% auto;
  height: 32px;
  text-indent: -9999px;
  width: 342px;
}

@media screen and (max-width: 1120px) {
  .headerArea-phoneNumber-inner {
    background: url(../images/headerArea-phoneNumber_ver2-SP.png) no-repeat center center;
    background-size: 100% auto;
    height: 28px;
    width: 300px;
  }
}

@media screen and (max-width: 680px) {
  .headerArea-phoneNumber-inner {
    margin: 0px auto;
  }
}

/*.headerArea-contactButton{
	float: left;
	width: 306px;
	height: 54px;
	a{
		display: block;
		width: 306px;
		height: 54px;
		background: #fff;
		background: url(../images/headerArea-contactButton.png) no-repeat 10px center;
		background-size: 286px 22px;
		text-indent: -9999px;
		&:hover{
			background: url(../images/headerArea-contactButton.png) #1c79a3 no-repeat 10px center;
			background-size: 286px 22px;
		}
	}
	@include mq(960px) {
		width: 300px;
		height: 54px;
		a{
			width: 300px;
			background: url(../images/headerArea-contactButton.png) no-repeat center center;
			background-size: 286px 22px;
			text-indent: -9999px;
			&:hover{
				background: url(../images/headerArea-contactButton.png) #1c79a3 no-repeat center center;
				background-size: 286px 22px;
			}
		}
	}
	@include mq(630px) {
		float: none;
		width: 100%;
		height: 40px;
		a{
			width: 100%;
			height: 40px;
		}
	}
}*/
.headerArea-logo {
  height: 54px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 380px;
}

@media screen and (max-width: 1000px) {
  .headerArea-logo {
    display: none;
  }
}

.fixed {
  position: fixed;
}

.mainVisual {
  background: url(../images/headerArea-bg.png) #ffe200 no-repeat center center;
  background-size: auto 100%;
  text-align: left;
}

.mainVisual-bg {
  -webkit-box-sizing: border-box;
  background: url(../images/headerArea-img01.png) no-repeat center bottom;
  box-sizing: border-box;
  height: 550px;
  padding-top: 75px;
  position: relative;
  /*&:before{
		@include pe;
		left: 50%;
		bottom: 0px;
		width: 50%;
		height: 530px;
		padding-top: 92px;
		box-sizing: border-box;
		background: url(../images/headerArea-img02.png) no-repeat 265px bottom;
	}*/
}

@media screen and (max-width: 1000px) {
  .mainVisual-bg {
    background: url(../images/headerArea-img01.png) no-repeat center bottom;
    background-size: 150% auto;
    height: auto;
    padding: 0px 0px 30px 0px;
  }
}

@media screen and (max-width: 700px) {
  .mainVisual-bg {
    background: none;
  }
}

@media screen and (max-width: 680px) {
  .mainVisual-bg {
    padding-top: 10px;
  }
}

@media screen and (max-width: 568px) {
  .mainVisual-bg {
    padding: 5px 0px 20px 0px;
  }
}

.mainVisual-wrap {
  text-align: center;
}

.mainVisual-leadCopy {
  margin: 0px auto 25px auto;
  width: 510px;
}

@media screen and (max-width: 700px) {
  .mainVisual-leadCopy {
    margin: 0px auto 5px auto;
    width: auto;
  }
}

.mainVisual-leadCopy-PCtitle {
  margin-bottom: 6px;
}

@media screen and (max-width: 1000px) {
  .mainVisual-leadCopy-PCtitle {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .mainVisual-leadCopy-lead {
    width: auto;
  }
}

.mainVisual-subCopy {
  margin: 0px auto 10px auto;
  width: 620px;
}

@media screen and (max-width: 700px) {
  .mainVisual-subCopy {
    margin: 0px auto 15px auto;
    width: auto;
  }
}

.mainVisual-inquiryButton {
  display: block;
  margin: 0px auto;
  width: 500px;
}

@media screen and (max-width: 920px) {
  .mainVisual-inquiryButton {
    width: 400px;
  }
}

@media screen and (max-width: 700px) {
  .mainVisual-inquiryButton {
    padding: 0% 0% 0% 0%;
    width: auto;
  }
}

.mainVisual-SP-logo {
  display: none;
}

@media screen and (max-width: 1000px) {
  .mainVisual-SP-logo {
    display: block;
    padding-top: 54px;
    position: relative;
    /*&:before{
			@include pe;
			width: 100%;
			height: 1px;
			background: #fff;
			top: 0px;
			bottom: 0px;
			left: 0px;
			margin: auto;
			z-index: 20;
		}*/
  }
  .mainVisual-SP-logo img {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .mainVisual-SP-logo {
    padding-top: 76px;
  }
}

.underArrow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe200), to(#af8700));
  background: -webkit-linear-gradient(top, #ffe200 0, #af8700 100%);
  background: linear-gradient(to bottom, #ffe200 0, #af8700 100%);
  padding: 40px 0px;
  position: relative;
}

.underArrow:before {
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 35px solid #af8700;
  bottom: -35px;
  content: "";
  display: block;
  height: 0;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0;
  z-index: 100;
}

@media screen and (max-width: 820px) {
  .underArrow {
    padding: 30px 0px;
  }
  .underArrow:before {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 25px solid #af8700;
    bottom: -25px;
    content: "";
    display: block;
    position: absolute;
  }
}

.underArrow-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3889c9), to(#1e64a0));
  background: -webkit-linear-gradient(top, #3889c9 0, #1e64a0 100%);
  background: linear-gradient(to bottom, #3889c9 0, #1e64a0 100%);
  padding: 40px 0px;
  position: relative;
}

.underArrow-blue:before {
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 35px solid #1e64a0;
  bottom: -35px;
  content: "";
  display: block;
  height: 0;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0;
  z-index: 100;
}

@media screen and (max-width: 820px) {
  .underArrow-blue {
    padding: 30px 0px;
  }
  .underArrow-blue:before {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 25px solid #1e64a0;
    bottom: -25px;
    content: "";
    display: block;
    position: absolute;
  }
}

.underArrow-pt30 {
  padding-top: 30px;
}

.underArrow-lead01 {
  margin: 0px auto;
  width: 620px;
}

@media screen and (max-width: 700px) {
  .underArrow-lead01 {
    width: auto;
  }
}

.underArrow-lead02 {
  margin: 0px auto;
  width: 668px;
}

@media screen and (max-width: 700px) {
  .underArrow-lead02 {
    width: auto;
  }
}

.underArrow-lead03 {
  margin: 0px auto;
  width: 574px;
}

@media screen and (max-width: 700px) {
  .underArrow-lead03 {
    width: auto;
  }
}

.satisfuction {
  background: #ecf8fb;
  padding-top: 40px;
}

@media screen and (max-width: 700px) {
  .satisfuction {
    padding-top: 30px;
  }
}

.satisfuction-title {
  margin: 0px auto 40px auto;
  width: 578px;
}

@media screen and (max-width: 600px) {
  .satisfuction-title {
    margin-bottom: 20px;
    width: auto;
  }
}

.voice-list {
  margin: 0px auto 70px auto;
  position: relative;
  text-align: left;
  width: 750px;
}

.voice-list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 820px) {
  .voice-list {
    width: auto;
  }
}

@media screen and (max-width: 600px) {
  .voice-list {
    border-top: 3px solid #3286bf;
    margin-bottom: 40px;
    padding-top: 18px;
    text-align: center;
  }
  .voice-list .youtube-outer {
    display: none;
  }
}

section .voice-list:last-child {
  margin-bottom: 0px;
}

.voice-list-name {
  color: #3286bf;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 184px;
}

@media screen and (max-width: 600px) {
  .voice-list-name {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 15px;
    padding: 0px;
    text-align: center;
  }
  .voice-list-name span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.voice-list-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 0px 0px 15px 184px;
  position: relative;
}

.voice-list-title:before {
  background-color: #3286bf;
  border-radius: 10px;
  bottom: -8px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0px;
  width: 20px;
}

.voice-list-title:after {
  background-color: #3286bf;
  bottom: 0px;
  content: "";
  display: block;
  height: 4px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 99%;
}

@media screen and (max-width: 600px) {
  .voice-list-title {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    display: inline-block;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.3rem;
    margin: 0px auto 25px auto;
    padding: 6px 12px;
    text-align: center;
  }
  .voice-list-title:before {
    background-color: transparent;
    border-left: 10px solid transparent;
    border-radius: 0px;
    border-right: 10px solid transparent;
    border-top: 12px solid #fff;
    bottom: -10px;
    content: "";
    display: block;
    height: 0px;
    left: 0px;
    margin: auto;
    position: absolute;
    right: 0px;
    width: 0px;
  }
  .voice-list-title:after {
    content: none;
    width: 100%;
  }
}

.voice-list-img {
  left: 0px;
  position: absolute;
  top: -4px;
}

.voice-list-img img {
  border: 4px solid #3286bf;
  border-radius: 81px;
  width: 154px;
}

@media screen and (max-width: 600px) {
  .voice-list-img {
    left: auto;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    top: auto;
  }
}

.voice-list-text {
  font-size: 15px;
  font-size: 0.9375rem;
  padding-left: 184px;
  text-align: left;
}

@media screen and (max-width: 600px) {
  .voice-list-text {
    padding-left: 0px;
  }
  .voice-list-text br {
    display: none;
  }
}

.voice-list-profile img {
  float: left;
  width: 200px;
}

@media screen and (max-width: 600px) {
  .voice-list-profile {
    text-align: center;
  }
  .voice-list-profile img {
    float: none;
    margin: 0px auto 15px auto;
  }
}

.voice-profile-title {
  color: #3286bf;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
}

.voice-profile-title:before {
  border-bottom: dotted 1px #3286bf;
  bottom: 0px;
  content: "";
  display: block;
  height: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 490px;
}

@media screen and (max-width: 820px) {
  .voice-profile-title {
    margin-top: 20px;
  }
  .voice-profile-title:before {
    top: auto;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .voice-profile-title {
    margin: 20px 0px i 0px;
  }
}

.voice-profile-text {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3rem;
}

.voice-profile-text:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .voice-profile-text {
    text-align: left;
  }
}

.voice-profile-imgLeft {
  margin-left: 220px;
}

@media screen and (max-width: 600px) {
  .voice-profile-imgLeft {
    margin: 0px;
  }
}

.clientCompany {
  background: url(../images/clientCompany-bg.jpg) #000 no-repeat center top;
  background-size: 100% auto;
  padding: 60px 0px;
  padding: 80px 0px;
}

.clientCompany p {
  color: #fff;
}

@media screen and (max-width: 600px) {
  .clientCompany {
    padding: 30px 0px;
  }
}

.clientComplay-list {
  display: block;
  letter-spacing: -0.4em;
  margin: 0px auto 30px auto;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .clientComplay-list {
    margin-bottom: 20px;
  }
}

.clientComplay-list li {
  -webkit-box-sizing: border-box;
  background-color: #fff;
  border-top: 5px solid #c92b6e;
  box-sizing: border-box;
  color: #c92b6e;
  display: inline-block;
  font-weight: bold;
  letter-spacing: normal;
  margin: 0px 5px 10px 5px;
  padding: 10px 0px;
  text-align: center;
  vertical-align: middle;
  width: 230px;
}

@media screen and (max-width: 920px) {
  .clientComplay-list li {
    display: block;
    width: auto;
  }
}

/* こんにちは */
.hello {
  position: relative;
}

.hello-title {
  color: #3286bf;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0px 0px 30px 340px;
  text-align: left;
}

@media screen and (max-width: 700px) {
  .hello-title {
    margin: 20px 0px;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .hello-title {
    /*br{
			display: none;
		}*/
  }
}

.hello-img {
  border: 1px solid #4cabe0;
  left: 0px;
  position: absolute;
  top: 0px;
}

@media screen and (max-width: 700px) {
  .hello-img {
    height: 298px;
    left: auto;
    margin: 0px auto 20px auto;
    overflow: hidden;
    position: relative;
    position: relative;
    top: auto;
    width: 298px;
  }
}

.hello-profile {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 15px 20px;
}

.hello-profile span {
  border-left: 5px solid #333;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2rem;
  margin-bottom: 10px;
  padding: 2px 0px 0px 12px;
}

.hello-profile br {
  display: block !important;
}

.hello-profile img {
  display: block;
  margin: 10px auto;
}

.hello-text {
  display: block;
  margin: 0px 0px 0px 340px;
  text-align: left;
}

.hello-text ul {
  font-weight: bold;
  margin-bottom: 20px;
}

.hello-text ul li {
  margin-bottom: 6px;
  padding-left: 1.8rem;
  text-indent: -1.8rem;
}

.hello-text ul li:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 700px) {
  .hello-text {
    margin: 0px;
  }
  .hello-text ul {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) {
  .hello-text br {
    display: none;
  }
}

.hello-text-img {
  display: none;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .hello-text-img {
    display: block;
  }
}

/* 悩み */
.trouble {
  background: url(../images/trouble-bg.jpg) #3c3d37 no-repeat center center;
  background-size: cover;
  padding: 80px 0px 40px 0px;
  position: relative;
}

.trouble:before {
  background: -webkit-linear-gradient(top, rgba(60, 61, 55, 0), #3c3d37);
  bottom: 0px;
  content: "";
  display: block;
  height: 100px;
  left: 0px;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .trouble {
    background: url(../images/trouble-bg.jpg) #3c3d37 no-repeat center -10px;
    background-size: auto 300px;
    padding: 30px 0px 0px 0px;
  }
  .trouble:before {
    top: 200px;
  }
}

.trouble-subTitle {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.1rem;
  margin: 10px auto 60px auto;
  padding: 20px 30px;
  position: relative;
}

.trouble-subTitle:before {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  bottom: -15px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  opacity: 0.4;
  position: absolute;
  right: 0px;
  width: 0px;
}

@media screen and (max-width: 568px) {
  .trouble-subTitle {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0rem;
    margin: 0px auto 30px auto;
  }
}

.trouble-list {
  margin: 0px auto 30px auto;
  text-align: left;
  width: 500px;
}

.trouble-list li {
  background: url(../images/trouble-icon.png) no-repeat left -3px;
  background-size: 28px auto;
  border-bottom: 1px dotted #989898;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 10px;
  padding: 0px 0px 10px 45px;
}

@media screen and (max-width: 568px) {
  .trouble-list {
    margin-bottom: 10px;
    width: auto;
  }
  .trouble-list li {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.trouble-etc {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0px auto 0px auto;
  text-align: right;
  width: 500px;
}

@media screen and (max-width: 600px) {
  .trouble-etc {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 568px) {
  .trouble-etc {
    font-size: 15px;
    font-size: 0.9375rem;
    width: auto;
  }
}

/* 理由はこちら */
.reason img {
  width: 745px;
}

@media screen and (max-width: 820px) {
  .reason {
    width: auto;
  }
}

/* お任せください */
.relyOn {
  background: #ecf8fb;
  padding: 60px 0px;
}

@media screen and (max-width: 700px) {
  .relyOn {
    padding: 20px 0px 30px 0px;
  }
}

.relyOn-title {
  margin: 0px auto 30px auto;
  width: 510px;
}

@media screen and (max-width: 568px) {
  .relyOn-title {
    width: auto;
  }
}

.relyOn-points {
  margin: 0px auto 40px auto;
  width: 700px;
}

.relyOn-points:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 820px) {
  .relyOn-points {
    width: auto;
  }
}

@media screen and (max-width: 600px) {
  .relyOn-points {
    margin-bottom: 20px;
  }
}

.relyOn-points li {
  background: #4cabe0;
  color: #fff;
  float: left;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  height: 200px;
  line-height: 1.6rem !important;
  margin-right: 50px;
  position: relative;
  text-align: center;
  width: 200px;
}

@media screen and (max-width: 820px) {
  .relyOn-points li {
    float: none;
    height: auto;
    margin: 0px 0px 30px 0px;
    padding: 15px;
    width: auto;
  }
  .relyOn-points li br {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .relyOn-points li {
    font-size: 16px;
    font-size: 1rem;
  }
}

.relyOn-points li span {
  -webkit-box-sizing: border-box;
  background: #fff;
  border-radius: 25px;
  box-sizing: border-box;
  color: #3286bf;
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  height: 50px;
  margin: 20px auto 10px auto;
  padding-top: 14px;
  text-align: center;
  width: 50px;
}

@media screen and (max-width: 820px) {
  .relyOn-points li span {
    border-radius: 15px;
    font-size: 26px;
    font-size: 1.625rem;
    height: 30px;
    margin: 0px auto 5px auto;
    padding-top: 3px;
    /*position: absolute;
			top: 0px;
			bottom: 0px;
			left: 15px;*/
    width: 30px;
  }
}

.relyOn-points li:before {
  border: 1px solid #fff;
  bottom: 0px;
  content: "";
  display: block;
  height: 190px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 190px;
}

@media screen and (max-width: 820px) {
  .relyOn-points li:before {
    height: auto;
    margin: 5px;
    width: auto;
  }
}

.relyOn-points li:after {
  border-bottom: 20px solid transparent;
  border-left: 20px solid #3286bf;
  border-top: 20px solid transparent;
  bottom: 0px;
  content: "";
  display: block;
  height: 0;
  margin: auto;
  position: absolute;
  right: -20px;
  top: 0px;
  width: 0;
}

@media screen and (max-width: 820px) {
  .relyOn-points li:after {
    -webkit-transform: rotate(90deg);
    bottom: -30px;
    left: 0px;
    right: 0px;
    top: auto;
    transform: rotate(90deg);
  }
}

.relyOn-points li:last-child {
  margin-right: 0px;
}

.relyOn-points li:last-child:after {
  content: none;
}

@media screen and (max-width: 820px) {
  .relyOn-points li:last-child {
    margin-bottom: 0px;
  }
}

.relyOn-points li:first-child span {
  margin-bottom: 20px;
}

@media screen and (max-width: 820px) {
  .relyOn-points li:first-child span {
    margin: 0px auto 5px auto;
  }
}

.relyOn-textArea {
  -webkit-box-sizing: border-box;
  background: #fff;
  box-sizing: border-box;
  margin: 0px auto;
  padding: 20px;
  text-align: center;
  width: 700px;
}

.relyOn-textArea:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.relyOn-textArea img {
  float: left;
  margin-right: 50px;
  width: 220px;
}

@media screen and (max-width: 820px) {
  .relyOn-textArea {
    width: auto;
  }
}

@media screen and (max-width: 600px) {
  .relyOn-textArea {
    border: 5px solid #c92b6e;
  }
  .relyOn-textArea img {
    float: none;
    margin: 0px 0px 20px 0px;
  }
}

.relyOn-textArea-text {
  text-align: left;
}

/* あなたが習得できること */
.youCanLearn {
  padding: 80px 0px;
  position: relative;
}

.youCanLearn:before {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #3286bf;
  bottom: 0px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

.youCanLearn:after {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #3286bf;
  bottom: 30px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  margin: auto;
  position: absolute;
  right: 0px;
  visibility: visible;
  width: 0px;
}

@media screen and (max-width: 700px) {
  .youCanLearn {
    padding: 40px 0px 50px 0px;
  }
  .youCanLearn:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #3286bf;
    bottom: 0px;
    content: "";
    display: block;
    position: absolute;
  }
  .youCanLearn:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #3286bf;
    bottom: 20px;
    content: "";
    display: block;
    position: absolute;
  }
}

.youCanLearn-title {
  margin-bottom: 30px;
  /*position: relative;
	img{
		width: 188px;
	}
	@include mq($maxWidth4) {
		img{
			width: 150px;
		}
	}*/
}

.youCanLearn-title img {
  width: 524px;
}

@media screen and (max-width: 600px) {
  .youCanLearn-title {
    margin-bottom: 20px;
  }
  .youCanLearn-title img {
    width: auto;
  }
}

.youCanLearn-diagram img {
  margin: 0px auto 40px auto;
  width: 468px;
}

@media screen and (max-width: 600px) {
  .youCanLearn-diagram img {
    margin-bottom: 20px;
    width: 300px;
  }
}

.youCanLearn-list {
  margin: 10px auto 0px auto;
  text-align: left;
  width: 860px;
}

.youCanLearn-list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .youCanLearn-list {
    display: block;
    margin: 0px;
    width: auto;
  }
}

.youCanLearn-list li {
  background: #fff;
  float: left;
  margin: 0px 10px 20px 10px;
  position: relative;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  .youCanLearn-list li {
    margin: 0 0 2% 0;
    width: 49%;
  }
  .youCanLearn-list li:nth-child(odd) {
    margin-right: 2%;
  }
}

@media screen and (max-width: 920px) {
  .youCanLearn-list li {
    display: block;
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .youCanLearn-list li:nth-child(odd) {
    margin-right: 0;
  }
}

.youCanLearn-list li:before {
  -webkit-transform: rotate(-45deg);
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #e2e7e8;
  bottom: -5px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -18px;
  transform: rotate(-45deg);
  width: 0;
}

@media screen and (max-width: 920px) {
  .youCanLearn-list li:before {
    content: none;
  }
}

.youCanLearn-list li h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 25px;
  padding: 10px 20px 6px 15px;
}

@media screen and (max-width: 700px) {
  .youCanLearn-list li h2 {
    font-size: 16px;
    font-size: 1rem;
  }
}

.youCanLearn-list li:nth-child(1) {
  min-height: 190px;
}

.youCanLearn-list li:nth-child(1) h2 {
  border-bottom: 2px solid #ea7575;
  color: #ea7575;
}

@media screen and (max-width: 920px) {
  .youCanLearn-list li:nth-child(1) {
    min-height: 10px;
  }
}

.youCanLearn-list li:nth-child(2) {
  min-height: 190px;
}

.youCanLearn-list li:nth-child(2) h2 {
  border-bottom: 2px solid #e0c13f;
  color: #e0c13f;
}

@media screen and (max-width: 920px) {
  .youCanLearn-list li:nth-child(2) {
    min-height: 10px;
  }
}

.youCanLearn-list li:nth-child(3) {
  min-height: 150px;
}

.youCanLearn-list li:nth-child(3) h2 {
  border-bottom: 2px solid #3889c9;
  color: #3889c9;
}

@media screen and (max-width: 920px) {
  .youCanLearn-list li:nth-child(3) {
    min-height: 10px;
  }
}

.youCanLearn-list li:nth-child(4) {
  min-height: 150px;
}

.youCanLearn-list li:nth-child(4) h2 {
  border-bottom: 2px solid #58bc40;
  color: #58bc40;
}

@media screen and (max-width: 920px) {
  .youCanLearn-list li:nth-child(4) {
    min-height: 10px;
  }
}

.youCanLearn-list li p {
  margin-bottom: 0px !important;
  padding: 15px;
}

/* どこで生まれたの？ */
.origin {
  background: url(../images/origin-bg.jpg) #000 no-repeat top center;
  background-size: 100% auto;
}

.origin-introduction {
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0px auto 50px 0px;
}

@media screen and (max-width: 700px) {
  .origin-introduction {
    margin-bottom: 20px;
    text-align: left;
  }
  .origin-introduction br {
    display: none;
  }
}

.origin-method {
  margin: 0px auto 40px auto;
  text-align: left;
  width: 800px;
}

.origin-method h2 {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #b58000), to(#daa520));
  background: -webkit-linear-gradient(left, #b58000 0, #daa520 100%);
  background: linear-gradient(to right, #b58000 0, #daa520 100%);
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 15px 30px;
}

.origin-method h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 820px) {
  .origin-method {
    width: auto;
  }
}

@media screen and (max-width: 700px) {
  .origin-method {
    margin-bottom: 10px;
  }
  .origin-method h2 {
    padding: 10px 15px;
  }
  .origin-method h2,
  .origin-method h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}

section .origin-method:last-child {
  margin-bottom: 0px;
}

.origin-method-pdBox {
  background-color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 20px 30px;
}

@media screen and (max-width: 700px) {
  .origin-method-pdBox {
    padding: 15px;
  }
}

.origin-method-detail {
  margin-bottom: 20px;
  padding-left: 300px;
  position: relative;
}

.origin-method-detail img {
  border: 1px solid #999;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 266px;
}

@media screen and (max-width: 700px) {
  .origin-method-detail {
    padding-left: 0px;
    text-align: center;
  }
  .origin-method-detail img {
    left: auto;
    margin: 0px auto 15px auto;
    position: relative;
    top: auto;
    width: auto;
  }
  .origin-method-detail .origin-method-subTitle {
    text-align: left;
  }
  .origin-method-detail p {
    text-align: left;
  }
}

.origin-method-clients {
  background-color: #efefef;
}

@media screen and (max-width: 920px) {
  .origin-method-clients {
    margin-bottom: 10px;
  }
}

.origin-method-clients dt {
  border-left: 5px solid #daa520;
  display: inline-block;
  font-weight: bold;
  margin-left: 20px;
  padding: 10px 0px 0px 12px;
}

.origin-method-clients dd {
  margin: 0px;
  padding: 10px 20px 20px 20px;
}

/* VT */
.VT {
  background: url(../images/VT-bg.png) #fff repeat-y center top;
  padding: 80px 0px;
}

@media screen and (max-width: 700px) {
  .VT {
    padding: 30px 0px;
  }
  .VT .fz18 {
    text-align: left;
  }
  .VT .fz18 br {
    display: none;
  }
}

.VT-title {
  margin: 0px auto 40px auto;
  width: 550px;
}

@media screen and (max-width: 600px) {
  .VT-title {
    margin-bottom: 20px;
    width: auto;
  }
}

.VT-media {
  background: #fff;
  border: 4px solid #af8700;
  margin: 0px auto;
  width: 860px;
}

@media screen and (max-width: 920px) {
  .VT-media {
    width: auto;
  }
}

.VT-media h3 {
  background-color: #af8700;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.VT-media-logo {
  letter-spacing: -0.4em;
  margin: 30px;
  text-align: center;
}

.VT-media-logo li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0px 18px 10px 0px;
  vertical-align: middle;
}

.VT-media-logo li:last-child {
  margin-right: 0px;
}

.VT-media-photo {
  letter-spacing: -0.4em;
  margin: 0px 29px 20px 30px;
  text-align: center;
}

.VT-media-photo li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0px 1px 1px 0px;
  width: 262px;
}

@media screen and (max-width: 920px) {
  .VT-media-photo li {
    margin: 0px 0px 2px 0px;
    width: auto;
  }
}

/* プロフィール */
.profile-wrap {
  padding-left: 350px;
  position: relative;
  text-align: center;
}

.profile-wrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.profile-wrap img {
  border: 1px solid #af8700;
  left: 0px;
  position: absolute;
  top: 0px;
}

@media screen and (max-width: 600px) {
  .profile-wrap {
    padding: 0px;
  }
  .profile-wrap img {
    left: auto;
    margin: 0px auto 10px auto;
    position: relative;
    top: auto;
  }
}

.profile-name {
  background: #af8700;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.1rem;
  margin-bottom: 20px;
  padding: 5px 20px;
  text-align: left;
}

.profile-program {
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
}

.profile-program:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.profile-program dt {
  color: #af8700;
  float: left;
  width: 156px;
}

.profile-program dd {
  padding-left: 156px;
}

@media screen and (max-width: 700px) {
  .profile-program {
    margin-bottom: 10px;
  }
  .profile-program dt {
    float: none;
    width: auto;
  }
  .profile-program dd {
    padding: 0px;
  }
}

.profile-license {
  border: 1px dotted #e5c438;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 30px;
  padding: 15px 20px;
  text-align: left;
}

.profile-license li {
  color: #666;
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}

.profile-license li:before {
  background: #e5c438;
  content: "";
  display: block;
  height: 8px;
  left: 0px;
  position: absolute;
  top: 8px;
  width: 8px;
}

.profile-license li:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 600px) {
  .profile-license {
    margin-bottom: 20px;
    padding: 15px;
  }
  .profile-license li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.3rem;
    margin-bottom: 5px;
  }
}

.profile-history {
  margin-bottom: 60px;
  min-height: 330px;
  text-align: left;
}

.profile-history img {
  display: none;
}

@media screen and (max-width: 600px) {
  .profile-history {
    margin-bottom: 20px;
    min-height: auto;
  }
  .profile-history img {
    display: block;
  }
}

.profile-history-title {
  color: #af8700;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
}

.profile-history-title:before {
  border-bottom: dotted 1px #af8700;
  bottom: 0px;
  content: "";
  display: block;
  height: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 470px;
}

@media screen and (max-width: 920px) {
  .profile-history-title:before {
    top: auto;
    width: 100%;
  }
}

.profile-greeting-buttonSP {
  background: #fff;
  border: 1px solid #3286bf;
  border-radius: 8px;
  color: #3286bf;
  cursor: pointer;
  display: none;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 16px;
  position: relative;
}

.profile-greeting-buttonSP:before {
  background: #3286bf;
  content: "";
  display: block;
  height: 4px;
  left: 15px;
  margin: auto;
  position: absolute;
  top: 26px;
  width: 20px;
}

.profile-greeting-buttonSP:after {
  background: #3286bf;
  content: "";
  display: block;
  height: 20px;
  left: 23px;
  margin: auto;
  position: absolute;
  top: 18px;
  width: 4px;
}

@media screen and (max-width: 600px) {
  .profile-greeting-buttonSP {
    display: block;
  }
}

.profile-greeting-buttonSP-active {
  border-bottom: none;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 16px 0px 16px;
}

.profile-greeting-buttonSP-active:after {
  content: none;
}

.profile-greeting {
  margin: 0px auto;
  position: relative;
  text-align: left;
  width: 860px;
}

.profile-greeting:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .profile-greeting {
    width: auto;
  }
}

.profile-greeting-title {
  color: #af8700;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 0px 0px 15px 330px;
  position: relative;
}

.profile-greeting-title:before {
  background-color: #af8700;
  border-radius: 10px;
  bottom: -8px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0px;
  width: 20px;
}

.profile-greeting-title:after {
  background-color: #af8700;
  bottom: 0px;
  content: "";
  display: block;
  height: 4px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 99%;
}

@media screen and (max-width: 600px) {
  .profile-greeting-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 15px;
    padding: 20px 0px 10px 0px;
    text-align: center;
  }
  .profile-greeting-title:before {
    content: none;
  }
  .profile-greeting-title:after {
    content: none;
    width: 100%;
  }
}

.profile-greeting-img {
  left: 0px;
  position: absolute;
  top: -90px;
}

.profile-greeting-img img {
  border: 4px solid #af8700;
  border-radius: 130px;
  width: 252px;
}

@media screen and (max-width: 600px) {
  .profile-greeting-img {
    left: auto;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    top: auto;
  }
}

.profile-greeting-text {
  font-size: 15px;
  font-size: 0.9375rem;
  padding-left: 330px;
}

@media screen and (max-width: 600px) {
  .profile-greeting-text {
    padding-left: 0px;
  }
  .profile-greeting-text br {
    display: none;
  }
}

.profile-greeting-motto {
  border-bottom: 1px solid #af8700;
  color: #af8700;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 5px;
}

.profile-greeting-motto span {
  margin-right: 10px;
}

.profile-greeting-motto br {
  display: block !important;
}

@media screen and (max-width: 600px) {
  .profile-greeting-motto {
    border-bottom: none;
    padding-top: 20px;
    text-align: center;
    width: 100%;
  }
  .profile-greeting-motto br {
    display: none !important;
  }
  .profile-greeting-motto span {
    display: block;
    margin-bottom: 10px;
  }
}

.profile-history-img {
  letter-spacing: -0.4em;
  margin: 50px 0px 0px 0px;
}

.profile-history-img:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.profile-history-img img {
  border: none;
  display: inline-block;
  left: auto;
  letter-spacing: normal;
  margin-right: 1px;
  position: relative;
  top: auto;
  width: 299px;
}

@media screen and (max-width: 920px) {
  .profile-history-img {
    margin: 40px 0px 0px 0px;
  }
  .profile-history-img img {
    width: 33%;
  }
}

@media screen and (max-width: 700px) {
  .profile-history-img {
    margin: 20px 0px 0px 0px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 600px) {
  .profile-history-img {
    margin: 0px;
    padding: 0px;
  }
  .profile-history-img img {
    display: none;
  }
}

.profile-history-img-border {
  background: url(../images/finally-box-borderBottom.png) no-repeat bottom center;
  background-size: 80px auto;
  margin: 50px 0px 100px 0px;
  padding-bottom: 120px;
}

@media screen and (max-width: 920px) {
  .profile-history-img-border {
    margin: 40px 0px 55px 0px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 700px) {
  .profile-history-img-border {
    margin: 20px 0px 55px 0px;
  }
}

@media screen and (max-width: 600px) {
  .profile-history-img-border {
    background: url(../images/finally-box-borderBottom.png) no-repeat center center;
    background-size: 60px auto;
    margin: 0px;
    padding-top: 10px;
  }
}

/* 私たちも */
.team {
  background: url(../images/team-bg.png) #fff no-repeat center 60px;
}

@media screen and (max-width: 700px) {
  .team {
    background: url(../images/team-bg.png) #fff no-repeat center 90px;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 600px) {
  .team {
    background: none;
  }
}

.team-title {
  border-bottom: 1px solid #3286bf;
  margin: 0px auto 40px auto;
  padding-bottom: 12px;
  width: 432px;
}

@media screen and (max-width: 600px) {
  .team-title {
    margin-bottom: 20px;
    width: auto;
  }
}

.team-detail {
  color: #3286bf;
  font-weight: bold;
  margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
  .team-detail {
    margin-bottom: 20px;
    text-align: left;
  }
  .team-detail br {
    display: none;
  }
}

.team-member {
  border-top: 4px solid #3286bf;
  margin-bottom: 50px;
}

.team-member:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .team-member {
    margin-bottom: 30px;
  }
}

section .team-member:last-child {
  margin-bottom: 0px;
}

.team-member-left {
  float: left;
  width: 220px;
}

@media screen and (max-width: 600px) {
  .team-member-left {
    float: none;
    width: auto;
  }
}

.team-member-name {
  background: #3286bf;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
  padding: 2px 0px 5px 0px;
}

@media screen and (max-width: 600px) {
  .team-member-name {
    font-size: 16px;
    font-size: 1rem;
  }
}

.team-member-right {
  margin-left: 250px;
  padding-top: 15px;
  text-align: left;
  width: auto;
}

@media screen and (max-width: 600px) {
  .team-member-right {
    margin: 0px;
    padding-top: 10px;
  }
}

.team-member-licence {
  background: #efefef;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 20px;
  padding: 10px 20px;
}

.team-member-licence li {
  padding-left: 20px;
  position: relative;
}

.team-member-licence li:before {
  background: #c92b6e;
  content: "";
  display: block;
  height: 8px;
  left: 0px;
  position: absolute;
  position: absolute;
  top: 8px;
  width: 8px;
}

@media screen and (max-width: 600px) {
  .team-member-licence {
    margin-bottom: 10px;
  }
}

.team-member-profile {
  font-size: 13px;
  font-size: 0.8125rem;
}

.team-member-sakurada {
  border-top: 4px solid #000;
}

.team-member-sakurada .team-member-name {
  background: #000;
}

/* 料金 */
.price-first {
  background: #fff;
  border: 3px solid #af8700;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 40px;
}

@media screen and (max-width: 700px) {
  .price-first {
    margin: 10px auto 30px auto;
  }
}

.price-first-title {
  background: #af8700;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  padding: 15px 30px;
}

@media screen and (max-width: 820px) {
  .price-first-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6rem;
    padding: 10px;
  }
}

.price-first-price {
  font-size: 58px;
  font-size: 3.625rem;
  line-height: 5rem;
  padding: 0px 30px;
}

.price-first-price br {
  display: none;
}

@media screen and (max-width: 820px) {
  .price-first-price {
    padding: 10px;
  }
}

@media screen and (max-width: 600px) {
  .price-first-price {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .price-first-price br {
    display: block;
  }
}

.price-first-price-before {
  font-size: 40px;
  font-size: 2.5rem;
}

@media screen and (max-width: 600px) {
  .price-first-price-before {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

.price .fz18 {
  margin-bottom: 0px;
}

@media screen and (max-width: 700px) {
  .price .fz18 br {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .price .fz18 {
    text-align: left;
  }
}

.arrowRight {
  display: inline-block;
  height: 40px;
  position: relative;
  width: 40px;
}

.arrowRight:before {
  background: #ccc;
  bottom: 0px;
  content: "";
  display: block;
  height: 7px;
  left: 0px;
  margin: auto;
  position: absolute;
  top: 0px;
  width: 33px;
}

.arrowRight:after {
  -webkit-transform: rotate(-45deg);
  border-bottom: 7px solid #ccc;
  border-right: 7px solid #ccc;
  bottom: 0px;
  content: "";
  display: block;
  height: 20px;
  margin: auto;
  position: absolute;
  right: 6px;
  top: 0px;
  transform: rotate(-45deg);
  width: 20px;
}

@media screen and (max-width: 600px) {
  .arrowRight {
    -webkit-transform: rotate(90deg);
    margin-top: 5px;
    transform: rotate(90deg);
  }
}

.arrowRightMin {
  display: inline-block;
  height: 30px;
  position: relative;
  width: 30px;
}

.arrowRightMin:before {
  background: #ccc;
  bottom: 0px;
  content: "";
  display: block;
  height: 5px;
  left: 0px;
  margin: auto;
  position: absolute;
  top: 0px;
  width: 23px;
}

.arrowRightMin:after {
  -webkit-transform: rotate(-45deg);
  border-bottom: 5px solid #ccc;
  border-right: 5px solid #ccc;
  bottom: 0px;
  content: "";
  display: block;
  height: 15px;
  margin: auto;
  position: absolute;
  right: 6px;
  top: 0px;
  transform: rotate(-45deg);
  width: 15px;
}

.price-privilege {
  padding-top: 70px;
}

@media screen and (max-width: 600px) {
  .price-privilege {
    padding-top: 30px;
  }
}

.price-privilege-title {
  margin: 0px auto 50px auto;
  width: 274px;
}

@media screen and (max-width: 600px) {
  .price-privilege-title {
    margin-bottom: 20px;
  }
}

.price-privilege-list {
  margin: 0px auto 50px auto;
  text-align: left;
  width: 640px;
}

.price-privilege-list dt {
  border-bottom: 2px solid #af8700;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.price-privilege-list dt span {
  font-weight: bold;
  vertical-align: bottom;
}

.price-privilege-list dt .subDominant-deepTxt {
  font-size: 24px;
  font-size: 1.5rem;
  margin-right: 10px;
}

.price-privilege-list dt .priceTxt,
.price-privilege-list dt .dominantTxt {
  font-size: 28px;
  font-size: 1.75rem;
}

.price-privilege-list dd {
  margin-bottom: 40px;
}

.price-privilege-list dd:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.price-privilege-list dd img {
  border: 4px solid #af8700;
  float: left;
  margin-right: 30px;
}

.price-privilege-list dd:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 700px) {
  .price-privilege-list {
    margin-bottom: 30px;
    width: auto;
  }
  .price-privilege-list dt {
    padding-bottom: 10px;
  }
  .price-privilege-list dt .tonicTxt,
  .price-privilege-list dt .priceTxt,
  .price-privilege-list dt .dominantTxt {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 600px) {
  .price-privilege-list dt {
    margin-bottom: 15px;
  }
  .price-privilege-list dd {
    margin-bottom: 20px;
    text-align: center;
  }
  .price-privilege-list dd img {
    float: none;
    margin: 0px auto 15px auto;
  }
  .price-privilege-list dd p {
    text-align: left;
  }
}

.price-privilege-numb {
  background: #e5c438;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin-right: 15px;
  padding: 8px 10px;
}

@media screen and (max-width: 700px) {
  .price-privilege-numb {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin: 0px 0px 10px 0px;
    padding: 2px 10px;
  }
}

.price-privilege .whiteArrowBox {
  margin-bottom: 0px;
  width: 720px;
}

@media screen and (max-width: 820px) {
  .price-privilege .whiteArrowBox {
    width: auto;
  }
}

@media screen and (max-width: 700px) {
  .price-privilege .whiteArrowBox br {
    display: none;
  }
}

.price-present {
  padding-top: 0px;
}

@media screen and (max-width: 600px) {
  .price-present p {
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  .price-present {
    padding-top: 10px;
  }
}

.price-present-title {
  margin: 0px auto 40px auto;
  width: 360px;
}

@media screen and (max-width: 600px) {
  .price-present-title {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 568px) {
  .price-present-title {
    width: 300px;
  }
}

.priceSystem {
  padding-top: 0px;
}

@media screen and (max-width: 700px) {
  .priceSystem {
    padding-top: 40px;
  }
}

@media screen and (max-width: 568px) {
  .priceSystem {
    padding-top: 20px;
  }
}

.priceSystem .sectionTitle {
  margin-bottom: 20px;
}

@media screen and (max-width: 700px) {
  .priceSystem .sectionTitle {
    margin-bottom: 10px;
  }
}

.priceSystem-wrap {
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 10px solid #af8700;
  box-sizing: border-box;
  margin: 0px auto;
  padding: 40px;
  position: relative;
  width: 600px;
}

.priceSystem-wrap:before {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #af8700;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
}

@media screen and (max-width: 700px) {
  .priceSystem-wrap {
    border: 5px solid #af8700;
    padding: 30px 20px 20px 20px;
    width: auto;
  }
}

.priceSystem-subTitle {
  color: #af8700;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 700px) {
  .priceSystem-subTitle {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2rem;
    margin-bottom: 10px;
  }
}

.priceSystem-list {
  text-align: left;
}

.priceSystem-list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.priceSystem-list-title {
  -webkit-box-sizing: border-box;
  background: #e5c438;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 2px 0px;
  text-align: center;
  width: 100px;
}

@media screen and (max-width: 600px) {
  .priceSystem-list-title {
    float: none;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
    width: auto;
  }
}

.priceSystem-list-course {
  margin-bottom: 20px;
  padding-left: 130px;
}

.priceSystem-list-course ul {
  font-size: 20px;
  font-size: 1.25rem;
}

.priceSystem-list-course ul li {
  font-weight: bold;
  margin-bottom: 10px;
}

.priceSystem-list-course ul li .dominantTxt {
  margin-right: 20px;
}

.priceSystem-list-course ul li .minTxt {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}

.priceSystem-list-course ul li:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 600px) {
  .priceSystem-list-course {
    padding-left: 0px;
  }
  .priceSystem-list-course ul {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .priceSystem-list-course ul .minTxt {
    display: block;
  }
}

.priceSystem .priceSystem-list-course:last-child {
  margin-bottom: 0px;
}

/* 初回レッスンの流れ */
.firstLessonDetail-list {
  margin: 0px auto;
  width: 680px;
}

.firstLessonDetail-list li {
  -webkit-box-sizing: border-box;
  border-bottom: 2px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 50px;
  position: relative;
  text-align: left;
}

.firstLessonDetail-list li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.firstLessonDetail-list li:before {
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #ccc;
  bottom: -22px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

.firstLessonDetail-list li:last-child {
  margin-bottom: 0px;
}

.firstLessonDetail-list li:last-child:before, .firstLessonDetail-list li:last-child:after {
  content: none;
}

@media screen and (max-width: 700px) {
  .firstLessonDetail-list {
    width: auto;
  }
}

.firstLessonDetail-list-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}

.firstLessonDetail-list-title:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.firstLessonDetail-list-title dt {
  -webkit-box-sizing: border-box;
  background: #4cabe0;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 34px;
  min-height: 34px;
  text-align: center;
  width: 80px;
}

.firstLessonDetail-list-title dd {
  -webkit-box-sizing: border-box;
  background: #3286bf;
  box-sizing: border-box;
  color: #fff;
  margin: 0px 0px 0px 80px;
  min-height: 34px;
  padding: 5px 0px 0px 15px;
  position: relative;
}

@media screen and (max-width: 700px) {
  .firstLessonDetail-list-title dt {
    float: none;
    width: auto;
  }
  .firstLessonDetail-list-title dd {
    margin: 0px;
    padding: 5px 15px;
    text-align: center;
  }
}

.firstLessonDetail-list-detail {
  padding: 25px 20px;
}

.firstLessonDetail-list-detail:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.firstLessonDetail-list-detail img {
  border: 4px solid #4cabe0;
  float: left;
  width: 230px;
}

.firstLessonDetail-list-detail p {
  margin-left: 260px;
}

@media screen and (max-width: 700px) {
  .firstLessonDetail-list-detail {
    padding: 25px 0px;
  }
}

@media screen and (max-width: 600px) {
  .firstLessonDetail-list-detail {
    padding: 15px 0px;
    text-align: center;
  }
  .firstLessonDetail-list-detail img {
    float: none;
    margin: 0px auto 15px auto;
  }
  .firstLessonDetail-list-detail p {
    margin-left: 0px;
    text-align: left;
  }
}

.noImg p {
  margin-left: 0px;
}

.firstLessonDetail-list-text {
  width: 370px;
}

@media screen and (max-width: 1020px) {
  .firstLessonDetail-list-text {
    float: none !important;
    width: auto;
  }
}

/* スタジオ */
.lessonStudio {
  background: url(../images/lessonStudio-bg.jpg) #000 no-repeat top center;
  background-size: 100% auto;
}

.lessonStudio .fz18 {
  margin-bottom: 20px;
}

.lessonStudio-title {
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-bottom: 5px;
}

.lessonStudio-subTitle {
  background: rgba(255, 255, 255, 0.9);
  color: #af8700;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.1rem;
  line-height: 1.8rem;
  margin-bottom: 40px;
  padding: 8px 10px 6px 10px;
  /*color: #fff;
	@include fz(22);
	line-height: 2.0rem;
	margin-bottom: 20px;
	letter-spacing: 0.1rem;*/
  position: relative;
}

.lessonStudio-subTitle:before {
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid rgba(255, 255, 255, 0.9);
  bottom: -22px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

.lessonStudio-photo {
  letter-spacing: -0.4em;
  margin: 0px auto 20px auto;
  text-align: center;
}

.lessonStudio-photo li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0px 10px;
}

.lessonStudio-photo li img {
  height: 135px;
}

@media screen and (max-width: 650px) {
  .lessonStudio-photo li {
    margin: 0px;
  }
  .lessonStudio-photo li img {
    height: 75px;
  }
}

.lessonStudio-photo2 {
  letter-spacing: -0.4em;
  margin: 0px auto 20px auto;
  text-align: center;
}

.lessonStudio-photo2 li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 20px;
}

.lessonStudio-photo2 li:nth-child(2) {
  margin-right: 0px;
}

@media screen and (max-width: 920px) {
  .lessonStudio-photo2 li {
    margin-right: 2%;
    width: 49%;
  }
}

@media screen and (max-width: 568px) {
  .lessonStudio-photo2 {
    margin-bottom: 10px;
  }
  .lessonStudio-photo2 li {
    margin-bottom: 10px;
    margin-right: 0%;
    width: 100%;
  }
}

.lessonStudio .fz18 {
  color: #fff;
  letter-spacing: 0.1rem;
}

.lessonStudio-map {
  border: 4px solid #fff;
  position: relative;
}

@media screen and (max-width: 920px) {
  .lessonStudio-map {
    margin-bottom: 15px;
  }
}

.lessonStudio-map iframe {
  height: 500px;
  vertical-align: bottom;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .lessonStudio-map iframe {
    height: 300px;
  }
}

.lessonStudio-map-title {
  -webkit-box-sizing: border-box;
  background: #fff;
  box-sizing: border-box;
  display: block;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  margin: 0px auto;
  padding: 10px 20px 5px 20px;
  width: 200px;
}

.lessonStudio-notice {
  -webkit-box-sizing: border-box;
  border: 2px solid #666;
  box-sizing: border-box;
  color: #ccc;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4rem;
  margin-bottom: 30px;
  padding: 15px;
  text-align: left;
}

.lessonStudio-notice:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.lessonStudio-notice-texts {
  float: right;
  width: 42%;
}

.lessonStudio-notice-texts li {
  margin-bottom: 10px;
  padding-left: 1.1rem;
  text-indent: -1.1rem;
}

.lessonStudio-notice-texts li:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 700px) {
  .lessonStudio-notice-texts {
    float: none;
    width: auto;
  }
}

.lessonStudio-notice-photos {
  float: left;
  width: 56%;
}

@media screen and (max-width: 700px) {
  .lessonStudio-notice-photos {
    float: none;
    margin-bottom: 15px;
    width: auto;
  }
  .lessonStudio-notice-photos img {
    width: 100%;
  }
}

/* 鈴木陽香インストラクターからメッセージ */
.finally-box {
  -webkit-box-sizing: border-box;
  background: #fff;
  border-top: 5px solid #af8700;
  box-sizing: border-box;
  margin: 0px auto 50px auto;
  padding: 50px 40px 40px 40px;
  position: relative;
  width: 800px;
}

.finally-box:before {
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid #af8700;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
}

.finally-box img {
  border: 4px solid #e5c438;
  border-radius: 124px;
  height: 240px;
  margin-bottom: 30px;
  width: 240px;
}

@media screen and (max-width: 820px) {
  .finally-box {
    padding: 50px 20px 20px 20px;
    width: auto;
  }
}

@media screen and (max-width: 700px) {
  .finally-box {
    margin-bottom: 30px;
    padding: 40px 20px 20px 20px;
  }
  .finally-box img {
    margin-bottom: 20px;
  }
  .finally-box p {
    text-align: left;
  }
  .finally-box p br {
    display: none;
  }
}

.finally-title-second {
  color: #af8700;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 700px) {
  .finally-title-second {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
}

.finally-box-borderBottom {
  background: url(../images/finally-box-borderBottom.png) no-repeat bottom center;
  background-size: 80px auto;
  margin-bottom: 40px;
  padding-bottom: 60px;
}

@media screen and (max-width: 700px) {
  .finally-box-borderBottom {
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
}

.finally-box-subImg {
  border: 4px solid #ccc !important;
  margin: 0px 10px;
}

@media screen and (max-width: 568px) {
  .finally-box-subImg {
    height: 150px !important;
    margin: 0px 5px 10px 5px !important;
    width: 150px !important;
  }
}

.finally-PS-title {
  background: #af8700;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 5px 20px;
}

@media screen and (max-width: 700px) {
  .finally-PS-title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 15px;
    padding: 3px 10px;
  }
}

.finally-PS-text {
  margin-bottom: 50px;
}

@media screen and (max-width: 700px) {
  .finally-PS-text {
    margin-bottom: 30px;
  }
  .finally-PS-text p {
    text-align: left;
  }
  .finally-PS-text p br {
    display: none;
  }
}

.finally-PS .finally-PS-text:last-child {
  margin-bottom: 0px;
}

/* QandA */
.qanda-list {
  margin: 0px auto;
  text-align: left;
  width: 800px;
}

.qanda-list dt {
  color: #3286bf;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 5px 0px 0px 60px;
  position: relative;
}

.qanda-list dt:before {
  background: #3286bf;
  color: #fff;
  content: "";
  content: "Q";
  display: block;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  height: 34px;
  left: 0px;
  line-height: 34px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 34px;
}

@media screen and (max-width: 700px) {
  .qanda-list dt {
    font-size: 16px;
    font-size: 1rem;
    padding-left: 50px;
  }
}

.qanda-list dd {
  margin: 0px 0px 50px 0px;
  padding: 5px 0px 0px 60px;
  position: relative;
}

.qanda-list dd:last-child {
  margin-bottom: 0px;
}

.qanda-list dd:before {
  background: #4cabe0;
  color: #fff;
  content: "";
  content: "A";
  display: block;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  height: 34px;
  left: 0px;
  line-height: 34px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 34px;
}

@media screen and (max-width: 700px) {
  .qanda-list dd {
    margin-bottom: 20px;
    padding-left: 50px;
  }
}

@media screen and (max-width: 820px) {
  .qanda-list {
    width: auto;
  }
}

.inquiryForm-title {
  color: #3286bf;
  font-size: 32px;
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 820px) {
  .inquiryForm-title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 2rem;
    margin-bottom: 20px;
  }
}

.inquiryForm-form {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 60px auto 0px auto;
  text-align: left;
  width: 600px;
}

.inquiryForm-form:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 700px) {
  .inquiryForm-form {
    font-size: 16px;
    font-size: 1rem;
    margin: 15px auto;
    width: auto;
  }
}

.inquiryForm-form dt {
  float: left;
  width: 240px;
}

@media screen and (max-width: 820px) {
  .inquiryForm-form dt {
    margin-bottom: 10px;
    width: 100%;
  }
  .inquiryForm-form dt br {
    display: none;
  }
}

.inquiryForm-form dt span {
  background: #ea7575;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1rem;
  margin-left: 10px;
  padding: 4px 5px 3px 5px;
}

.inquiryForm-form dd {
  margin: 0px 0px 30px 0px;
  padding-left: 240px;
  width: 360px;
}

@media screen and (max-width: 920px) {
  .inquiryForm-form dd {
    margin-bottom: 15px;
    padding-left: 0px;
    width: auto;
  }
}

.inquiryForm-form dd input,
.inquiryForm-form dd textarea {
  border: none;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  color: #333;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 5px 2%;
  width: 96%;
}

.inquiryForm-form dd select {
  border-radius: 8px;
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 5px;
  padding: 2px 1%;
}

.inquiryForm-notice {
  color: #ff0000;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  padding: 10px 0 0 1rem;
  text-indent: -1rem;
}

.inquiryForm-submitButtonArea {
  text-align: center;
}

.inquiryForm-submitCheck {
  background: #fff;
  border: 3px solid #af8700;
  border-radius: 8px;
  color: #f00;
  font-weight: bold;
  margin: 0px auto 50px auto;
  padding: 10px 20px;
  text-align: left;
  width: 560px;
}

.inquiryForm-submitCheck:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 700px) {
  .inquiryForm-submitCheck {
    margin-bottom: 20px;
    width: auto;
  }
}

.inquiryForm-submitCheck input {
  -webkit-transform: scale(1.4);
  float: left;
  height: 16px;
  margin: 8px 20px 20px 0px;
  transform: scale(1.4);
  width: 16px;
}

@media screen and (max-width: 700px) {
  .inquiryForm-submitCheck input {
    margin-bottom: 0px;
  }
}

.inquiryForm-submitButton {
  background-color: #c92b6e;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin: 0px auto;
  padding: 30px 80px;
  text-align: center;
}

.inquiryForm-submitButton:hover {
  background-color: #ec428a;
}

.breadColumnList {
  padding: 5px 0px;
}

.breadColumnList ul {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
}

.breadColumnList ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.breadColumnList ul li {
  float: left;
  margin-right: 20px;
}

.breadColumnList ul li a {
  color: #3286bf;
  padding-right: 20px;
  position: relative;
}

@media screen and (max-width: 568px) {
  .breadColumnList ul li {
    margin-right: 0px;
  }
}

footer {
  background: #3286bf;
  color: #fff;
  padding: 5px 0px;
  text-align: center;
}

/* 新規追加スタイル20180509 */
.yourProblem {
  background: #3c3d37;
  padding: 0px 10px 60px 10px;
}

@media screen and (max-width: 700px) {
  .yourProblem {
    padding-bottom: 40px;
  }
}

.yourProblem-reason {
  background-color: #fff;
  border: 4px solid #8f1d22;
  margin: 0px auto;
  width: 860px;
}

.yourProblem-reason:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason {
    width: auto;
  }
}

.yourProblem-reason .leftColumn {
  text-align: left;
  width: 490px;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .leftColumn {
    float: none;
    width: auto;
  }
}

.yourProblem-reason .leftColumn h2 {
  background: #8f1d22;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.8rem;
  padding: 10px 0px 12px 100px;
  position: relative;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .leftColumn h2 {
    font-size: 22px;
    font-size: 1.375rem;
    padding: 10px 10px 10px 70px;
  }
}

@media screen and (max-width: 700px) {
  .yourProblem-reason .leftColumn h2 {
    padding: 6px 10px 12px 70px;
  }
}

.yourProblem-reason .leftColumn h2:before {
  background: #fff;
  border-radius: 30px;
  content: "";
  display: block;
  height: 60px;
  left: 20px;
  position: absolute;
  top: 8px;
  width: 60px;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .leftColumn h2:before {
    border-radius: 20px;
    height: 40px;
    left: 10px;
    top: 2px;
    width: 40px;
  }
}

@media screen and (max-width: 700px) {
  .yourProblem-reason .leftColumn h2:before {
    top: 8px;
  }
}

.yourProblem-reason .leftColumn h2 i {
  background: #c92b6e;
  height: 28px;
  left: 45px;
  position: absolute;
  top: 16px;
  width: 10px;
}

.yourProblem-reason .leftColumn h2 i:before {
  background: #c92b6e;
  bottom: -14px;
  content: "";
  display: block;
  height: 10px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 10px;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .leftColumn h2 i {
    height: 20px;
    left: 26px;
    top: 7px;
    width: 8px;
  }
  .yourProblem-reason .leftColumn h2 i:before {
    bottom: -11px;
    height: 8px;
    width: 8px;
  }
}

@media screen and (max-width: 700px) {
  .yourProblem-reason .leftColumn h2 i {
    top: 12px;
  }
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .leftColumn h2 br {
    display: none;
  }
}

.yourProblem-reason .leftColumn p {
  margin: 20px 0px 20px 40px;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .leftColumn p {
    margin: 20px;
  }
}

.yourProblem-reason .rightColumn {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 20px 30px 20px 0px;
  text-align: center;
  width: 310px;
}

@media screen and (max-width: 900px) {
  .yourProblem-reason .rightColumn {
    float: none;
    font-size: 16px;
    font-size: 1rem;
    margin: 0px 20px 20px 20px;
    width: auto;
  }
}

.yourProblem-reason .rightColumn li {
  margin-bottom: 20px;
  padding: 8px 5px;
  position: relative;
}

.yourProblem-reason .rightColumn li:first-child {
  background: #989898;
}

.yourProblem-reason .rightColumn li:first-child:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #989898;
  bottom: -12px;
  content: "";
  display: block;
  height: 0;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 20px;
  width: 0;
}

.yourProblem-reason .rightColumn li:nth-child(2) {
  background: #956564;
}

.yourProblem-reason .rightColumn li:nth-child(2):before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #956564;
  bottom: -12px;
  content: "";
  display: block;
  height: 0;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 20px;
  width: 0;
}

.yourProblem-reason .rightColumn li:last-child {
  background: #8f1d22;
  margin-bottom: 0px;
}

.secTitle-satisfaction {
  background: #c92b6e;
  color: #fff;
  display: inline-block;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 54px;
  padding: 30px 50px;
}

.secTitle-satisfaction span {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 700px) {
  .secTitle-satisfaction {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    padding: 20px;
  }
  .secTitle-satisfaction span {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.graph {
  margin: 0px auto;
  width: 618px;
}

@media screen and (max-width: 700px) {
  .graph {
    width: auto;
  }
}

.buttonAreaBg {
  background: #fff;
  padding: 80px 0px 80px 0px;
}

@media screen and (max-width: 700px) {
  .buttonAreaBg {
    padding: 30px 0px 30px 0px;
  }
}

.toInquiryButton {
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 8px solid #333333;
  box-sizing: border-box;
  color: #333333 !important;
  display: block;
  margin: 0px auto;
  padding: 22px;
  width: 612px;
}

@media screen and (max-width: 700px) {
  .toInquiryButton {
    padding: 10px;
    width: auto;
  }
}

.toInquiryButton-first {
  border: 1px solid #333333;
  display: inline-block;
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
}

.toInquiryButton-first span {
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: bold;
  margin: 0px 5px;
}

.toInquiryButton-first:before {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #333333;
  bottom: -14px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

.toInquiryButton-first:after {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #fff;
  bottom: -12px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

@media screen and (max-width: 700px) {
  .toInquiryButton-first {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 15px;
    padding: 5px;
  }
  .toInquiryButton-first span {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.toInquiryButton-order {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 40px;
  margin-bottom: 30px;
}

.toInquiryButton-order span {
  display: inline-block;
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: bold;
  margin-top: 15px;
}

@media screen and (max-width: 700px) {
  .toInquiryButton-order {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .toInquiryButton-order span {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 8px;
  }
}

.toInquiryButton-click {
  -webkit-transition: 0.3s;
  background: #c92b6e;
  color: #fff !important;
  display: inline-block;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  padding: 10px 60px;
  position: relative;
  transition: 0.3s;
}

.toInquiryButton-click:before {
  -webkit-transform: rotate(-45deg);
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  bottom: 0px;
  content: "";
  display: block;
  height: 8px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0px;
  transform: rotate(-45deg);
  width: 8px;
}

.toInquiryButton-click:hover {
  background: #ec428a;
}

@media screen and (max-width: 700px) {
  .toInquiryButton-click {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    padding: 8px 0px;
    width: 100%;
  }
}

.toInquiryButton-cashback {
  color: #c92b6e;
  display: inline-block;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.2rem;
  margin-bottom: 24px;
  padding: 0px 35px;
  position: relative;
}

.toInquiryButton-cashback:before {
  border: 6px solid #c92b6e;
  border-right: none;
  bottom: 0px;
  content: "";
  display: block;
  height: 70px;
  left: 0px;
  margin: auto;
  position: absolute;
  top: 0px;
  width: 8px;
}

.toInquiryButton-cashback:after {
  border: 6px solid #c92b6e;
  border-left: none;
  bottom: 0px;
  content: "";
  display: block;
  height: 70px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 8px;
}

.toInquiryButton-cashback span {
  display: inline-block;
  font-size: 44px;
  font-size: 2.75rem;
  padding: 0px 10px;
}

@media screen and (max-width: 700px) {
  .toInquiryButton-cashback {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6rem;
    margin-bottom: 20px;
  }
  .toInquiryButton-cashback:before {
    height: 74px;
  }
  .toInquiryButton-cashback:after {
    height: 74px;
  }
  .toInquiryButton-cashback span {
    font-size: 30px;
    font-size: 1.875rem;
    padding: 5px;
  }
}

.toLINEButton {
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 8px solid #00b900;
  box-sizing: border-box;
  color: #333333 !important;
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 40px;
  margin: 20px auto 0px auto;
  padding: 15px;
  width: 612px;
}

.toLINEButton em {
  color: #00b900;
  display: inline-block;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 50px;
  padding: 10px 0px 15px 0px;
}

@media screen and (max-width: 700px) {
  .toLINEButton {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    width: auto;
  }
  .toLINEButton em {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    padding: 6px 0px 10px 0px;
  }
}

.toLINEButton-button {
  background: #00b900;
  color: #fff;
  display: inline-block;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 10px 30px 14px 30px;
}

.toLINEButton-button img {
  margin-right: 10px;
  margin-top: 3px;
  vertical-align: text-bottom;
  width: 130px;
}

@media screen and (max-width: 700px) {
  .toLINEButton-button {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 30px;
    padding: 4px 0px;
    width: 100%;
  }
  .toLINEButton-button img {
    width: 100px;
  }
}

.privilege-merit {
  -webkit-box-sizing: border-box;
  background: #af8700;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 50px;
  margin: 100px auto 60px auto;
  padding: 20px;
  position: relative;
  width: 640px;
}

.privilege-merit span {
  display: inline-block;
  font-weight: bold;
  padding: 4px 0px;
}

.privilege-merit:before {
  border: 3px solid #fff;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  margin: 7px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.privilege-merit:after {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #e5c438;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  top: -50px;
  width: 0px;
}

@media screen and (max-width: 820px) {
  .privilege-merit {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 50px;
    padding: 12px;
    width: auto;
  }
  .privilege-merit span {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
  }
  .privilege-merit:before {
    border: 1px solid #fff;
    margin: 5px;
  }
  .privilege-merit:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #e5c438;
    top: -35px;
  }
}

.LINEMerit {
  background: #00b900;
  color: #fff;
  padding: 60px 0px;
}

@media screen and (max-width: 820px) {
  .LINEMerit {
    padding: 30px 0px;
  }
}

.LINEMerit-title {
  color: #fff;
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: bold;
  line-height: 60px;
  margin-bottom: 30px;
}

.LINEMerit-title img {
  margin: 0px 10px 8px 0px;
  vertical-align: middle;
  width: 130px;
}

@media screen and (max-width: 820px) {
  .LINEMerit-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    margin-bottom: 20px;
  }
}

.LINEMerit-title-sec01 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 40px;
}

.LINEMerit-title-sec01 br {
  display: none;
}

@media screen and (max-width: 820px) {
  .LINEMerit-title-sec01 {
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 30px;
  }
  .LINEMerit-title-sec01 br {
    display: block;
  }
}

.LINEMerit-wrap {
  background: #fff;
  border-radius: 8px;
  color: #00b900;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  margin: 0px auto;
  padding: 30px 30px 40px 30px;
  width: 612px;
}

@media screen and (max-width: 820px) {
  .LINEMerit-wrap {
    padding: 20px 20px 30px 20px;
    width: auto;
  }
}

.LINEMerit-list {
  margin-bottom: 50px;
}

.LINEMerit-list li {
  border-bottom: 1px dotted #00b900;
  margin-bottom: 15px;
  padding: 0px 0px 15px 50px;
  position: relative;
  text-align: left;
}

.LINEMerit-list li:before {
  background: #00b900;
  border-radius: 15px;
  color: #fff;
  content: "";
  content: "1";
  display: block;
  font-weight: bold;
  height: 30px;
  left: 0px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: 30px;
}

.LINEMerit-list li:nth-child(2):before {
  content: "2";
}

.LINEMerit-list li:nth-child(3):before {
  content: "3";
}

.LINEMerit-list li:last-child:before {
  content: "4";
}

@media screen and (max-width: 820px) {
  .LINEMerit-list {
    margin-bottom: 20px;
  }
  .LINEMerit-list li:before {
    top: 3px;
  }
}

.LINEMerit-button {
  background: #c92b6e;
  border-radius: 8px;
  color: #fff !important;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 40px;
  margin: 0px auto;
  padding: 10px 20px;
}

@media screen and (max-width: 820px) {
  .LINEMerit-button {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 30px;
  }
}

.price-privilege-button {
  -webkit-transition: 0.3s;
  background: #c92b6e;
  border: 5px solid #ec428a;
  color: #fff !important;
  display: inline-block;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  margin: 20px 0px;
  padding: 15px 60px;
  position: relative;
  transition: 0.3s;
}

.price-privilege-button br {
  display: none;
}

.price-privilege-button:before {
  -webkit-transform: rotate(-45deg);
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  bottom: 0px;
  content: "";
  display: block;
  height: 8px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0px;
  transform: rotate(-45deg);
  width: 8px;
}

.price-privilege-button:hover {
  background: #ec428a;
}

@media screen and (max-width: 700px) {
  .price-privilege-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    margin: 10px 0px;
    padding: 8px 30px;
    text-align: center;
    width: 100%;
  }
  .price-privilege-button br {
    display: block !important;
  }
}

.buttonArea-text {
  background: #ffe200;
  background: url(../images/VT-bg.png) #ffe200 repeat-y center top;
  margin: 40px auto;
  padding: 40px 10px;
}

.buttonArea-text p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.8rem;
}

.buttonArea-text em {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2rem;
}

@media screen and (max-width: 820px) {
  .buttonArea-text p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .buttonArea-text em {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.buttonArea-text-hukidashi {
  background: #fff;
  border-radius: 8px;
  color: #af8700;
  display: inline-block;
  font-family: "Ropa Sans", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin: 0px auto 35px auto;
  padding: 10px 24px 8px 24px;
  position: relative;
}

.buttonArea-text-hukidashi:before {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 15px solid #fff;
  bottom: -15px;
  content: "";
  display: block;
  height: 0px;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0px;
}

.footerNav {
  -webkit-transition: 0.7s;
  background: #af8700;
  background: rgba(175, 135, 0, 0.9);
  bottom: 0px;
  display: none;
  left: 0px;
  opacity: 0;
  position: fixed;
  transition: 0.7s;
  width: 100%;
}

.footerNav:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.footerNav li {
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 30%;
}

.footerNav li:nth-child(2) {
  -webkit-box-sizing: border-box;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  width: 40%;
}

.footerNav li a {
  color: #fff !important;
  display: block;
  line-height: 30px;
}

@media screen and (max-width: 600px) {
  .footerNav {
    display: block;
  }
}

.footerNav-show {
  background: rgba(175, 135, 0, 0.9);
  opacity: 1;
}

.mainVisual-SP-text {
  display: none;
}

@media screen and (max-width: 700px) {
  .mainVisual-SP-text {
    display: block;
  }
}

.SP-inquiryNav {
  display: none;
}

@media screen and (max-width: 600px) {
  .SP-inquiryNav {
    background: #fafafa;
    display: block;
    padding: 30px 10px;
  }
  .SP-inquiryNav a {
    display: block;
    margin-bottom: 10px;
  }
}

.SP-inquiryNav-title {
  color: #3286bf;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 15px;
  position: relative;
  /*&:before{
		@include pe;
		left: 0px;
		right: 0px;
		top: -40px;
		width: 0px;
		height: 0px;
		margin: auto;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid $color-tonic;
	}*/
}

.SP-inquiryNav-text {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 20px;
}

/* 180812特長追加 */
.salesPoint {
  padding-bottom: 0px;
  padding-top: 50px;
}

.salesPoint p {
  margin-top: 10px;
  text-align: left;
}

@media screen and (max-width: 700px) {
  .salesPoint {
    padding-top: 20px;
  }
}

.salesPoint-last {
  padding-bottom: 70px;
}

@media screen and (max-width: 700px) {
  .salesPoint-last {
    padding-bottom: 30px;
  }
}

.salesPoint-head {
  margin: 0px auto 40px auto;
  width: 500px;
  /*position: relative;
	&:after{
		@include pe;
		left: 0px;
		right: 0px;
		bottom: 3px;
		margin: auto;
		width: 100%;
		height: 2px;
		background: #fff;
		z-index: -1;
	}*/
}

@media screen and (max-width: 920px) {
  .salesPoint-head {
    margin-bottom: 10px;
    width: auto;
  }
}

.salesPoint-title {
  color: #3286bf;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 40px;
}

.salesPoint-title span {
  font-size: 30px;
  font-size: 1.875rem;
}

.salesPoint-title br {
  display: none;
}

@media screen and (max-width: 920px) {
  .salesPoint-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8rem;
    margin-bottom: 15px;
  }
  .salesPoint-title span {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .salesPoint-title br {
    display: block;
  }
}

.salesPoint-wrap {
  margin-bottom: 30px;
  padding-left: 330px;
  position: relative;
}

.salesPoint-wrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.salesPoint-wrap img {
  left: 0px;
  position: absolute;
  top: 0px;
  width: 300px;
}

@media screen and (max-width: 920px) {
  .salesPoint-wrap {
    margin-bottom: 0px;
    padding: 0px;
  }
  .salesPoint-wrap img {
    float: none;
    left: auto;
    margin: 0px;
    position: relative;
    top: auto;
    width: auto;
  }
}

.salesPoint-fz20 {
  font-size: 20px;
  font-size: 1.25rem;
}

.salesPoint-point {
  background: #fff;
  border-radius: 8px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  padding: 15px 15px 15px 180px;
  position: relative;
  text-align: left;
}

.salesPoint-point:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .salesPoint-point {
    margin-top: 55px;
    padding: 15px;
  }
}

.salesPoint-point-title {
  left: 15px;
  position: absolute;
  top: 10px;
  width: 146px;
}

@media screen and (max-width: 920px) {
  .salesPoint-point-title {
    left: 0px;
    margin: auto;
    right: 0px;
    top: -48px;
  }
}

.SP-summerCampaing {
  display: none;
  padding-bottom: 65px;
}

@media screen and (max-width: 600px) {
  .SP-summerCampaing {
    display: block;
  }
}

/*20200519オンライン追加分*/
.grayTxtBox {
  -webkit-box-sizing: border-box;
  background: #efefef;
  box-sizing: border-box;
  margin: 0px auto 50px auto;
  padding: 40px;
  position: relative;
  text-align: left;
  width: 814px;
}

.grayTxtBox .youtube-outer {
  margin-top: 40px;
}

.grayTxtBox:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 900px) {
  .grayTxtBox {
    width: auto;
  }
}

@media screen and (max-width: 920px) {
  .grayTxtBox {
    margin-bottom: 20px;
    padding: 20px;
  }
  .grayTxtBox .youtube-outer {
    margin-top: 20px;
  }
}

@media screen and (max-width: 820px) {
  .grayTxtBox {
    text-align: center;
  }
}

.nextBottomArrow {
  margin-bottom: 30px;
  position: relative;
}

.nextBottomArrow:before {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #3286bf;
  bottom: -20px;
  content: "";
  display: block;
  height: 0;
  left: 0px;
  margin: auto;
  position: absolute;
  right: 0px;
  width: 0;
}

.firstLessonDetail-title {
  background: #3286bf;
  font-weight: bold;
  margin-bottom: 30px;
}

.firstLessonDetail-title:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.firstLessonDetail-title dt {
  -webkit-box-sizing: border-box;
  border: 1px solid #3286bf;
  box-sizing: border-box;
  color: #fff;
  display: block;
  float: left;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  min-height: 30px;
  padding: 5px 0px;
  position: relative;
  text-align: center;
  width: 90px;
}

.firstLessonDetail-title dd {
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 1px solid #3286bf;
  box-sizing: border-box;
  color: #3286bf;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 30px;
  margin: 0px 0px 0px 90px;
  min-height: 30px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 820px) {
  .firstLessonDetail-title {
    margin-bottom: 15px;
  }
  .firstLessonDetail-title dt {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    width: 80px;
  }
  .firstLessonDetail-title dd {
    color: #c92b6e;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    margin-left: 80px;
  }
}

.firstLessonDetail-text {
  text-align: center;
}

.firstLessonDetail-text:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.firstLessonDetail-text img {
  float: left;
  margin-right: 40px;
  width: 282px;
}

.firstLessonDetail-text p {
  color: #333333;
  margin-bottom: 0px !important;
  text-align: left;
}

@media screen and (max-width: 900px) {
  .firstLessonDetail-text br {
    display: none;
  }
}

@media screen and (max-width: 920px) {
  .firstLessonDetail-text img {
    float: none;
    margin: 20px auto;
    width: auto;
  }
}

@media screen and (max-width: 820px) {
  .firstLessonDetail-text img {
    margin: 10px auto;
  }
}

.studioTxt {
  color: #fff;
}

.mb80mb40 {
  margin-bottom: 80px;
}

@media screen and (max-width: 820px) {
  .mb80mb40 {
    margin-bottom: 40px;
  }
}

/*サイトコンテンツ追加分*/
@media screen and (min-width: 700px) {
  .br-sp {
    display: none;
  }
}

.hybrid {
  background: url("../images/hybrid-bg.jpg") no-repeat center;
  background-size: cover;
  padding: 50px 0;
}

.hybrid-text {
  color: #fff;
  margin-bottom: 30px;
}

@media screen and (max-width: 700px) {
  .hybrid-image-pc {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .hybrid-image-sp {
    display: none;
  }
}

.hybrid-features {
  background: #e2e7e8;
  padding-bottom: 50px;
}

.hybrid-feature-box {
  min-height: 380px;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 820px) {
  .hybrid-feature-box {
    height: 430px;
    margin: 0 auto;
    width: 90%;
  }
}

.hybrid-features-text {
  color: #1a425d;
  padding: 50px 0 30px 0;
  text-align: left;
}

.hybrid-features-text span {
  font-weight: bold;
}

.hybrid-feature-item-inner {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 820px) {
  .hybrid-feature-item-inner {
    display: block;
  }
}

.hybrid-feauter-box-list-right,
.hybrid-feauter-box-list-left {
  background: #fff;
  bottom: 3%;
  font-size: 14px;
  margin: 0px 20px;
  opacity: 0.9;
  padding: 10px 20px 20px 50px;
  position: absolute;
  text-align: left;
}

@media screen and (max-width: 820px) {
  .hybrid-feauter-box-list-right,
  .hybrid-feauter-box-list-left {
    bottom: 0%;
    margin: 0;
  }
}

@media screen and (max-width: 820px) {
  .hybrid-feature-box-left {
    margin-bottom: 20px;
  }
}

.hybrid-feature-box-left {
  background: url("../images/features-bg01.jpg") no-repeat center;
  background-size: cover;
}

.hybrid-feature-box-left h3 {
  background: #333;
  color: #fff;
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
}

.hybrid-feature-box-right {
  background: url("../images/features-bg02.jpg") no-repeat center;
  background-size: cover;
}

.hybrid-feature-box-right h3 {
  background: #cc4258;
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
}

.hybrid-feauter-box-list-right {
  list-style: square;
  list-style-image: url("../images/check02.png");
  list-style-position: outside;
}

.hybrid-feauter-box-list-left {
  list-style: square;
  list-style-image: url("../images/check01.png");
  list-style-position: outside;
}

.market-big-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, Yellow));
  background: -webkit-linear-gradient(transparent 60%, Yellow 0%);
  background: linear-gradient(transparent 60%, Yellow 0%);
  color: #1a425d;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 820px) {
  .market-big-blue {
    font-size: 17px;
  }
}

ul.cp_list {
  background: #fff;
  border: solid 2px #ca445a;
  color: #1a425d;
  list-style-type: none;
  margin: 0 auto;
  padding: 10px 30px;
  position: relative;
  text-align: left;
  width: auto;
}

ul.cp_list li {
  border-bottom: 1px dashed #ca445a;
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
}

ul.cp_list li::before {
  color: #ca445a;
  content: "\002713";
  font-weight: bold;
  left: 2.5em;
  position: absolute;
}

.hybrid-feature-text-bottom {
  line-height: 35px;
}

.ceo-review-visual {
  background: url("../images/ceo-review-visual-bg.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  padding: 150px 0;
}

@media screen and (max-width: 820px) {
  .ceo-review-visual {
    background: url("../images/ceo-review-visual-bg-sp.jpg") no-repeat;
    background-size: cover;
  }
}

.ceo-review-visual-text {
  padding: 0 15px;
}

.ceo-review-text {
  margin: 0 auto;
  padding: 40px 20px;
}

.ceo-review-text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: -webkit-linear-gradient(transparent 60%, #ff6 60%);
  background: linear-gradient(transparent 60%, #ff6 60%);
  color: #1a425d;
  font-weight: bold;
}

.ceo-profile02 {
  padding: 60px 0;
}

.ceo-profile-title {
  background: #af8700;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 34px;
  padding: 20px;
}

.ceo-profile-box {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  text-align: left;
}

@media screen and (max-width: 820px) {
  .ceo-profile-box {
    display: block;
  }
}

.ceo-profile-image {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -o-object-fit: contain;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 20px 0 0;
  object-fit: contain;
  width: 30%;
}

@media screen and (max-width: 820px) {
  .ceo-profile-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px auto 0 auto;
    width: 270px;
  }
}

.ceo-profile-text {
  margin: 30px 0;
}

.ceo-profile-text-box {
  background: #e7e7e7;
  margin: 20px 0;
  padding: 30px 50px;
}

.ceo-profile-text-box li,
.ceo-profile-text-box02 li {
  color: #af8700;
  list-style-position: outside;
  list-style-type: square;
}

.ceo-profile-text-box li span,
.ceo-profile-text-box02 li span {
  color: #333;
}

.ceo-profile-text-box02 {
  border: 2px solid #af8700;
  margin: 40px 0;
  padding: 60px;
  position: relative;
}

.ceo-profile-text-box02-title {
  background: #af8700;
  color: #fff;
  left: 100px;
  margin-top: -20px;
  padding: 10px 30px;
  position: absolute;
  right: 100px;
  text-align: center;
  top: 0;
  width: auto;
}

@media screen and (max-width: 820px) {
  .ceo-profile-text-box02-title {
    background: #af8700;
    color: #fff;
    left: -2px;
    margin-top: -20px;
    padding: 10px 2px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 100%;
  }
}